update rubocop

Bumps the bundler group with 1 update in the / directory: [devise-two-factor](https://github.com/tinfoil/devise-two-factor).


Updates `devise-two-factor` from 5.0.0 to 6.0.0
- [Changelog](https://github.com/devise-two-factor/devise-two-factor/blob/main/CHANGELOG.md)
- [Commits](https://github.com/tinfoil/devise-two-factor/compare/v5.0.0...v6.0.0)

---
updated-dependencies:
- dependency-name: devise-two-factor
  dependency-type: direct:production
  dependency-group: bundler
...

Signed-off-by: dependabot[bot] <support@github.com>

.rubocop.yml

@@ -68,6 +68,9 @@ RSpec/ExampleLength:
 RSpec/MultipleMemoizedHelpers:
   Max: 6
 
+Metrics/BlockNesting:
+  Max: 4
+
 Rails/I18nLocaleTexts:
   Enabled: false
 

Gemfile.lock

@@ -165,7 +165,7 @@ GEM
       railties (>= 4.1.0)
       responders
       warden (~> 1.2.3)
-    devise-two-factor (5.0.0)
+    devise-two-factor (6.0.0)
       activesupport (~> 7.0)
       devise (~> 4.0)
       railties (~> 7.0)
@@ -269,13 +269,13 @@ GEM
       openssl (>= 2.2.1)
     htmlentities (4.3.4)
     httpclient (2.8.3)
-    i18n (1.14.5)
+    i18n (1.14.6)
       concurrent-ruby (~> 1.0)
     image_processing (1.12.2)
       mini_magick (>= 4.9.5, < 5)
       ruby-vips (>= 2.0.17, < 3)
     io-console (0.7.2)
-    irb (1.13.1)
+    irb (1.14.0)
       rdoc (>= 4.0.0)
       reline (>= 0.4.2)
     jmespath (1.6.2)
@@ -312,7 +312,7 @@ GEM
     mini_magick (4.12.0)
     mini_mime (1.1.5)
     mini_portile2 (2.8.7)
-    minitest (5.24.1)
+    minitest (5.25.1)
     msgpack (1.7.2)
     multi_json (1.15.0)
     multipart-post (2.4.0)
@@ -329,7 +329,7 @@ GEM
       timeout
     net-smtp (0.4.0)
       net-protocol
-    nio4r (2.7.1)
+    nio4r (2.7.3)
     nokogiri (1.16.7)
       mini_portile2 (~> 2.8.2)
       racc (~> 1.4)
@@ -344,8 +344,8 @@ GEM
     os (1.1.4)
     package_json (0.1.0)
     pagy (8.1.2)
-    parallel (1.25.1)
-    parser (3.3.4.0)
+    parallel (1.26.3)
+    parser (3.3.5.0)
       ast (~> 2.4.1)
       racc
     pg (1.5.6)
@@ -367,7 +367,7 @@ GEM
     psych (5.1.2)
       stringio
     public_suffix (5.0.5)
-    puma (6.4.2)
+    puma (6.4.3)
       nio4r (~> 2.0)
     racc (1.8.1)
     rack (3.1.7)
@@ -418,12 +418,12 @@ GEM
       zeitwerk (~> 2.6)
     rainbow (3.1.1)
     rake (13.2.1)
-    rdoc (6.6.3.1)
+    rdoc (6.7.0)
       psych (>= 4.0.0)
     redis-client (0.22.2)
       connection_pool
     regexp_parser (2.9.2)
-    reline (0.5.7)
+    reline (0.5.10)
       io-console (~> 0.5)
     representable (3.2.0)
       declarative (< 0.1.0)
@@ -435,8 +435,7 @@ GEM
       actionpack (>= 5.2)
       railties (>= 5.2)
     retriable (3.1.2)
-    rexml (3.3.6)
-      strscan
+    rexml (3.3.8)
     rotp (6.3.0)
     rqrcode (2.2.0)
       chunky_png (~> 1.0)
@@ -459,18 +458,17 @@ GEM
       rspec-mocks (~> 3.13)
       rspec-support (~> 3.13)
     rspec-support (3.13.1)
-    rubocop (1.65.0)
+    rubocop (1.66.1)
       json (~> 2.3)
       language_server-protocol (>= 3.17.0)
       parallel (~> 1.10)
       parser (>= 3.3.0.2)
       rainbow (>= 2.2.2, < 4.0)
       regexp_parser (>= 2.4, < 3.0)
-      rexml (>= 3.2.5, < 4.0)
-      rubocop-ast (>= 1.31.1, < 2.0)
+      rubocop-ast (>= 1.32.2, < 2.0)
       ruby-progressbar (~> 1.7)
       unicode-display_width (>= 2.4.0, < 3.0)
-    rubocop-ast (1.31.3)
+    rubocop-ast (1.32.3)
       parser (>= 3.3.1.0)
     rubocop-performance (1.21.0)
       rubocop (>= 1.48.1, < 2.0)
@@ -516,11 +514,10 @@ GEM
     smart_properties (1.17.0)
     sqlite3 (1.7.3)
       mini_portile2 (~> 2.8.0)
-    stringio (3.1.0)
+    stringio (3.1.1)
     strip_attributes (1.13.0)
       activemodel (>= 3.0, < 8.0)
-    strscan (3.1.0)
-    thor (1.3.1)
+    thor (1.3.2)
     timeout (0.4.1)
     trailblazer-option (0.1.2)
     turbo-rails (2.0.5)
@@ -536,7 +533,7 @@ GEM
     tzinfo-data (1.2024.1)
       tzinfo (>= 1.0.0)
     uber (0.1.0)
-    unicode-display_width (2.5.0)
+    unicode-display_width (2.6.0)
     uniform_notifier (1.16.0)
     warden (1.2.9)
       rack (>= 2.0.9)
@@ -555,7 +552,7 @@ GEM
     websocket-extensions (0.1.5)
     xpath (3.2.0)
       nokogiri (~> 1.8)
-    zeitwerk (2.6.14)
+    zeitwerk (2.6.18)
 
 PLATFORMS
   aarch64-linux

README.md

@@ -42,7 +42,7 @@ DocuSeal is an open source platform that provides secure and efficient digital d
 - PDF signature verification
 - Users management
 - Mobile-optimized
-- Signing available in 13 languages
+- 6 UI languages with signing available in 13 languages
 - API and Webhooks for integrations
 - Easy to deploy in minutes
 

app/controllers/accounts_controller.rb

@@ -4,11 +4,11 @@ class AccountsController < ApplicationController
   LOCALE_OPTIONS = {
     'en-US' => 'English (United States)',
     'en-GB' => 'English (United Kingdom)',
-    'fr-FR' => 'French (France)',
-    'es-ES' => 'Spanish (Spain)',
-    'pt-PT' => 'Portuguese (Portugal)',
-    'de-DE' => 'German (Germany)',
-    'it-IT' => 'Italian (Italy)'
+    'fr-FR' => 'Français',
+    'es-ES' => 'Español',
+    'pt-PT' => 'Português',
+    'de-DE' => 'Deutsch',
+    'it-IT' => 'Italiano'
   }.freeze
 
   before_action :load_account
@@ -19,21 +19,25 @@ class AccountsController < ApplicationController
   def update
     current_account.update!(account_params)
 
-    @encrypted_config = EncryptedConfig.find_or_initialize_by(account: current_account,
-                                                              key: EncryptedConfig::APP_URL_KEY)
-    @encrypted_config.assign_attributes(app_url_params)
+    unless Docuseal.multitenant?
+      @encrypted_config = EncryptedConfig.find_or_initialize_by(account: current_account,
+                                                                key: EncryptedConfig::APP_URL_KEY)
+      @encrypted_config.assign_attributes(app_url_params)
 
-    unless URI.parse(@encrypted_config.value.to_s).class.in?([URI::HTTP, URI::HTTPS])
-      @encrypted_config.errors.add(:value, 'should be a valid URL')
+      unless URI.parse(@encrypted_config.value.to_s).class.in?([URI::HTTP, URI::HTTPS])
+        @encrypted_config.errors.add(:value, I18n.t('should_be_a_valid_url'))
 
-      return render :show, status: :unprocessable_entity
+        return render :show, status: :unprocessable_entity
+      end
+
+      @encrypted_config.save!
+
+      Docuseal.refresh_default_url_options!
     end
 
-    @encrypted_config.save!
-
-    Docuseal.refresh_default_url_options!
-
-    redirect_to settings_account_path, notice: 'Account information has been updated'
+    with_locale do
+      redirect_to settings_account_path, notice: I18n.t('account_information_has_been_updated')
+    end
   rescue ActiveRecord::RecordInvalid
     render :show, status: :unprocessable_entity
   end
@@ -43,11 +47,12 @@ class AccountsController < ApplicationController
 
     true_user.update!(locked_at: Time.current)
 
+    # rubocop:disable Layout/LineLength
     render turbo_stream: turbo_stream.replace(
       :account_delete_button,
-      html: helpers.tag.p('Your account removal request will be processed within 2 weeks. ' \
-                          'Please contact us if you want to keep your account.')
+      html: helpers.tag.p(I18n.t('your_account_removal_request_will_be_processed_within_2_weeks_please_contact_us_if_you_want_to_keep_your_account'))
     )
+    # rubocop:enable Layout/LineLength
   end
 
   private

app/controllers/api/submissions_controller.rb

@@ -158,7 +158,7 @@ module Api
                         :completed, :phone, :application_key, :external_id, :reply_to, :go_to_last,
                         { metadata: {}, values: {}, readonly_fields: [], message: %i[subject body],
                           fields: [:name, :uuid, :default_value, :value, :title, :description,
-                                   :readonly, :redacted, :validation_pattern, :invalid_message,
+                                   :readonly, :validation_pattern, :invalid_message,
                                    { default_value: [], value: [], preferences: {} }] }]]
         }
       ]

app/controllers/api/submitters_controller.rb

@@ -91,7 +91,7 @@ module Api
         :completed, :phone, :application_key, :external_id, :go_to_last,
         { metadata: {}, values: {}, readonly_fields: [], message: %i[subject body],
           fields: [[:name, :uuid, :default_value, :value,
-                    :readonly, :redacted, :validation_pattern, :invalid_message,
+                    :readonly, :validation_pattern, :invalid_message,
                     { default_value: [], value: [], preferences: {} }]] }
       )
     end

app/controllers/api/templates_controller.rb

@@ -18,7 +18,7 @@ module Api
 
       preview_image_attachments =
         ActiveStorage::Attachment.joins(:blob)
-                                 .where(blob: { filename: '0.jpg' })
+                                 .where(blob: { filename: ['0.png', '0.jpg'] })
                                  .where(record_id: schema_documents.map(&:id),
                                         record_type: 'ActiveStorage::Attachment',
                                         name: :preview_images)
@@ -97,7 +97,7 @@ module Api
         :name,
         :external_id,
         {
-          submitters: [%i[name uuid is_requester linked_to_uuid email]],
+          submitters: [%i[name uuid is_requester invite_by_uuid linked_to_uuid email]],
           fields: [[:uuid, :submitter_uuid, :name, :type,
                     :required, :readonly, :default_value,
                     :title, :description,

app/controllers/api_settings_controller.rb

@@ -12,6 +12,6 @@ class ApiSettingsController < ApplicationController
 
     current_user.access_token.save!
 
-    redirect_back(fallback_location: settings_api_index_path, notice: 'API token as been updated.')
+    redirect_back(fallback_location: settings_api_index_path, notice: I18n.t('api_token_has_been_updated'))
   end
 end

app/controllers/application_controller.rb

@@ -8,6 +8,7 @@ class ApplicationController < ActionController::Base
 
   check_authorization unless: :devise_controller?
 
+  around_action :with_locale
   before_action :sign_in_for_demo, if: -> { Docuseal.demo? }
   before_action :maybe_redirect_to_setup, unless: :signed_in?
   before_action :authenticate_user!, unless: :devise_controller?
@@ -51,7 +52,18 @@ class ApplicationController < ActionController::Base
 
   private
 
+  def with_locale(&)
+    return yield unless current_account
+
+    locale   = params[:lang].presence if Rails.env.development?
+    locale ||= current_account.locale
+
+    I18n.with_locale(locale, &)
+  end
+
   def with_browser_locale(&)
+    return yield if I18n.locale != :'en-US'
+
     locale   = params[:lang].presence
     locale ||= request.env['HTTP_ACCEPT_LANGUAGE'].to_s[BROWSER_LOCALE_REGEXP].to_s
 
@@ -79,7 +91,8 @@ class ApplicationController < ActionController::Base
     redirect_to setup_index_path unless User.exists?
   end
 
-  def button_title(title: 'Submit', disabled_with: 'Submitting', title_class: '', icon: nil, icon_disabled: nil)
+  def button_title(title: I18n.t('submit'), disabled_with: I18n.t('submitting'), title_class: '', icon: nil,
+                   icon_disabled: nil)
     render_to_string(partial: 'shared/button_title',
                      locals: { title:, disabled_with:, title_class:, icon:, icon_disabled: })
   end

app/controllers/dashboard_controller.rb

@@ -33,7 +33,7 @@ class DashboardController < ApplicationController
                                                                              account_id: current_user.account_id,
                                                                              key: AccountConfig::FORCE_MFA)
 
-    redirect_to mfa_setup_path, notice: 'Setup 2FA to continue'
+    redirect_to mfa_setup_path, notice: I18n.t('setup_2fa_to_continue')
   end
 
   def maybe_render_landing

app/controllers/email_smtp_settings_controller.rb

@@ -11,7 +11,7 @@ class EmailSmtpSettingsController < ApplicationController
     if @encrypted_config.update(email_configs)
       SettingsMailer.smtp_successful_setup(@encrypted_config.value['from_email']).deliver_now!
 
-      redirect_to settings_email_index_path, notice: 'Changes have been saved'
+      redirect_to settings_email_index_path, notice: I18n.t('changes_have_been_saved')
     else
       render :index, status: :unprocessable_entity
     end

app/controllers/esign_settings_controller.rb

@@ -21,9 +21,9 @@ class EsignSettingsController < ApplicationController
     default_pkcs = GenerateCertificate.load_pkcs(cert_data) if cert_data['cert'].present?
 
     custom_pkcs_list = (cert_data['custom'] || []).map do |e|
-      { 'pkcs' => OpenSSL::PKCS12.new(Base64.urlsafe_decode64(e['data']), e['password'].to_s),
-        'name' => e['name'],
-        'status' => e['status'] }
+      pkcs = e['data'].present? ? OpenSSL::PKCS12.new(Base64.urlsafe_decode64(e['data']), e['password'].to_s) : nil
+
+      { 'pkcs' => pkcs, 'name' => e['name'], 'status' => e['status'] }
     end
 
     @pkcs_list = [
@@ -48,7 +48,7 @@ class EsignSettingsController < ApplicationController
     if (@encrypted_config.value && @encrypted_config.value['custom']&.any? { |e| e['name'] == @cert_record.name }) ||
        @cert_record.name == DEFAULT_CERT_NAME
 
-      @cert_record.errors.add(:name, 'already exists')
+      @cert_record.errors.add(:name, I18n.t('already_exists'))
 
       return render turbo_stream: turbo_stream.replace(:modal, template: 'esign_settings/new'),
                     status: :unprocessable_entity
@@ -56,7 +56,7 @@ class EsignSettingsController < ApplicationController
 
     save_new_cert!(@encrypted_config, @cert_record)
 
-    redirect_to settings_esign_path, notice: 'Certificate has been successfully added!'
+    redirect_to settings_esign_path, notice: I18n.t('certificate_has_been_successfully_added')
   rescue OpenSSL::PKCS12::PKCS12Error => e
     Rollbar.error(e) if defined?(Rollbar)
 
@@ -66,14 +66,20 @@ class EsignSettingsController < ApplicationController
   end
 
   def update
-    @encrypted_config.value['custom'].each { |e| e['status'] = 'validate' }
+    @encrypted_config.value['custom'].to_a.each { |e| e['status'] = 'validate' }
 
-    custom_cert_data = @encrypted_config.value['custom'].find { |e| e['name'] == params[:name] }
-    custom_cert_data['status'] = 'default' if custom_cert_data
+    custom_cert_data = @encrypted_config.value['custom'].to_a.find { |e| e['name'] == params[:name] }
+
+    if custom_cert_data
+      custom_cert_data['status'] = 'default'
+    elsif params[:name] == Docuseal::AATL_CERT_NAME
+      @encrypted_config.value['custom'] ||= []
+      @encrypted_config.value['custom'] << { 'name' => params[:name], 'status' => 'default' }
+    end
 
     @encrypted_config.save!
 
-    redirect_to settings_esign_path, notice: 'Default certificate has been selected'
+    redirect_to settings_esign_path, notice: I18n.t('default_certificate_has_been_selected')
   end
 
   def destroy
@@ -81,7 +87,7 @@ class EsignSettingsController < ApplicationController
 
     @encrypted_config.save!
 
-    redirect_to settings_esign_path, notice: 'Certificate has been removed'
+    redirect_to settings_esign_path, notice: I18m.t('certificate_has_been_removed')
   end
 
   private

app/controllers/mfa_setup_controller.rb

@@ -18,11 +18,11 @@ class MfaSetupController < ApplicationController
       current_user.otp_required_for_login = true
       current_user.save!
 
-      redirect_to settings_profile_index_path, notice: '2FA has been configured'
+      redirect_to settings_profile_index_path, notice: I18n.t('2fa_has_been_configured')
     else
       @provision_url = current_user.otp_provisioning_uri(current_user.email, issuer: Docuseal.product_name)
 
-      @error_message = 'Code is invalid'
+      @error_message = I18n.t('code_is_invalid')
 
       render turbo_stream: turbo_stream.replace(:mfa_form, partial: 'mfa_setup/form'), status: :unprocessable_entity
     end
@@ -32,9 +32,9 @@ class MfaSetupController < ApplicationController
     if current_user.validate_and_consume_otp!(params[:otp_attempt])
       current_user.update!(otp_required_for_login: false, otp_secret: nil)
 
-      redirect_to settings_profile_index_path, notice: '2FA has been removed'
+      redirect_to settings_profile_index_path, notice: I18n.t('2fa_has_been_removed')
     else
-      @error_message = 'Code is invalid'
+      @error_message = I18n.t('code_is_invalid')
 
       render turbo_stream: turbo_stream.replace(:modal, template: 'mfa_setup/edit'), status: :unprocessable_entity
     end
@@ -43,7 +43,7 @@ class MfaSetupController < ApplicationController
   private
 
   def set_provision_url
-    return redirect_to root_path, alert: '2FA has been set up already' if current_user.otp_required_for_login
+    return redirect_to root_path, alert: I18n.t('2fa_has_been_set_up_already') if current_user.otp_required_for_login
 
     current_user.otp_secret ||= User.generate_otp_secret
 

app/controllers/notifications_settings_controller.rb

@@ -13,9 +13,9 @@ class NotificationsSettingsController < ApplicationController
 
   def create
     if @account_config.value.present? ? @account_config.save : @account_config.delete
-      redirect_back fallback_location: settings_notifications_path, notice: 'Changes have been saved'
+      redirect_back fallback_location: settings_notifications_path, notice: I18n.t('changes_have_been_saved')
     else
-      redirect_back fallback_location: settings_notifications_path, alert: 'Unable to save'
+      redirect_back fallback_location: settings_notifications_path, alert: I18n.t('unable_to_save')
     end
   end
 

app/controllers/personalization_settings_controller.rb

@@ -30,7 +30,7 @@ class PersonalizationSettingsController < ApplicationController
       @account_config.save!
     end
 
-    redirect_back(fallback_location: settings_personalization_path, notice: 'Settings have been saved.')
+    redirect_back(fallback_location: settings_personalization_path, notice: I18n.t('settings_have_been_saved'))
   end
 
   private

app/controllers/profile_controller.rb

@@ -9,7 +9,7 @@ class ProfileController < ApplicationController
 
   def update_contact
     if current_user.update(contact_params)
-      redirect_to settings_profile_index_path, notice: 'Contact information has been updated'
+      redirect_to settings_profile_index_path, notice: I18n.t('contact_information_has_been_update')
     else
       render :index, status: :unprocessable_entity
     end
@@ -18,7 +18,7 @@ class ProfileController < ApplicationController
   def update_password
     if current_user.update(password_params)
       bypass_sign_in(current_user)
-      redirect_to settings_profile_index_path, notice: 'Password has been changed'
+      redirect_to settings_profile_index_path, notice: I18n.t('password_has_been_changed')
     else
       render :index, status: :unprocessable_entity
     end

app/controllers/send_submission_email_controller.rb

@@ -7,6 +7,8 @@ class SendSubmissionEmailController < ApplicationController
   skip_before_action :verify_authenticity_token
   skip_authorization_check
 
+  SEND_DURATION = 30.minutes
+
   def success; end
 
   def create
@@ -23,7 +25,10 @@ class SendSubmissionEmailController < ApplicationController
 
     RateLimit.call("send-email-#{@submitter.id}", limit: 2, ttl: 5.minutes)
 
-    SubmitterMailer.documents_copy_email(@submitter, sig: true).deliver_later!
+    unless EmailEvent.exists?(tag: :submitter_documents_copy, email: @submitter.email, emailable: @submitter,
+                              event_type: :send, created_at: SEND_DURATION.ago..Time.current)
+      SubmitterMailer.documents_copy_email(@submitter, sig: true).deliver_later!
+    end
 
     respond_to do |f|
       f.html { redirect_to success_send_submission_email_index_path }

app/controllers/sessions_controller.rb

@@ -12,7 +12,7 @@ class SessionsController < Devise::SessionsController
       Rollbar.warning('Sign in new user') if defined?(Rollbar)
 
       return redirect_to new_registration_path(sign_up: true, user: sign_in_params.slice(:email)),
-                         notice: 'Create a new account'
+                         notice: I18n.t('create_a_new_account')
     end
 
     if User.exists?(email:, otp_required_for_login: true) && sign_in_params[:otp_attempt].blank?

app/controllers/setup_controller.rb

@@ -21,7 +21,7 @@ class SetupController < ApplicationController
     @encrypted_config = EncryptedConfig.new(encrypted_config_params)
 
     unless URI.parse(encrypted_config_params[:value].to_s).class.in?([URI::HTTP, URI::HTTPS])
-      @encrypted_config.errors.add(:value, 'should be a valid URL')
+      @encrypted_config.errors.add(:value, I18n.t('should_be_a_valid_url'))
 
       return render :index, status: :unprocessable_entity
     end
@@ -56,7 +56,7 @@ class SetupController < ApplicationController
   def account_params
     return {} unless params[:account]
 
-    params.require(:account).permit(:name, :timezone)
+    params.require(:account).permit(:name, :timezone, :locale)
   end
 
   def encrypted_config_params
@@ -66,10 +66,10 @@ class SetupController < ApplicationController
   end
 
   def redirect_to_root_if_signed
-    redirect_to root_path, notice: 'You are already signed in'
+    redirect_to root_path, notice: I18n.t('you_are_already_signed_in')
   end
 
   def ensure_first_user_not_created!
-    redirect_to new_user_session_path, notice: 'Please sign in.' if User.exists?
+    redirect_to new_user_session_path, notice: I18n.t('please_sign_in') if User.exists?
   end
 end

app/controllers/start_form_controller.rb

@@ -11,7 +11,8 @@ class StartFormController < ApplicationController
 
   def show
     @submitter = @template.submissions.new(account_id: @template.account_id)
-                          .submitters.new(uuid: filter_undefined_submitters(@template).first['uuid'])
+                          .submitters.new(uuid: (filter_undefined_submitters(@template).first ||
+                                                 @template.submitters.first)['uuid'])
   end
 
   def update
@@ -22,8 +23,8 @@ class StartFormController < ApplicationController
     if @submitter.completed_at?
       redirect_to start_form_completed_path(@template.slug, email: submitter_params[:email])
     else
-      if filter_undefined_submitters(@template).size > 2 && @submitter.new_record?
-        @error_message = 'Not found'
+      if filter_undefined_submitters(@template).size > 1 && @submitter.new_record?
+        @error_message = I18n.t('not_found')
 
         return render :show
       end
@@ -68,7 +69,7 @@ class StartFormController < ApplicationController
       (Submitter.where(submission: template.submissions).find_by(slug: params[:resubmit]) if params[:resubmit].present?)
 
     submitter.assign_attributes(
-      uuid: filter_undefined_submitters(template).first['uuid'],
+      uuid: (filter_undefined_submitters(template).first || @template.submitters.first)['uuid'],
       ip: request.remote_ip,
       ua: request.user_agent,
       values: resubmit_submitter&.preferences&.fetch('default_values', nil) || {},
@@ -94,9 +95,7 @@ class StartFormController < ApplicationController
   end
 
   def filter_undefined_submitters(template)
-    template.submitters.select do |item|
-      item['linked_to_uuid'].blank? && item['is_requester'].blank? && item['email'].blank?
-    end
+    Templates.filter_undefined_submitters(template)
   end
 
   def submitter_params

app/controllers/storage_settings_controller.rb

@@ -11,7 +11,7 @@ class StorageSettingsController < ApplicationController
     if @encrypted_config.update(storage_configs)
       LoadActiveStorageConfigs.reload
 
-      redirect_to settings_storage_index_path, notice: 'Changes have been saved'
+      redirect_to settings_storage_index_path, notice: I18n.t('changes_have_been_saved')
     else
       render :index, status: :unprocessable_entity
     end

app/controllers/submissions_controller.rb

@@ -49,7 +49,7 @@ class SubmissionsController < ApplicationController
 
     Submissions.send_signature_requests(submissions)
 
-    redirect_to template_path(@template), notice: 'New recipients have been added'
+    redirect_to template_path(@template), notice: I18n.t('new_recipients_have_been_added')
   end
 
   def destroy
@@ -57,13 +57,13 @@ class SubmissionsController < ApplicationController
       if params[:permanently].present?
         @submission.destroy!
 
-        'Submission has been removed'
+        I18n.t('submission_has_been_removed')
       else
         @submission.update!(archived_at: Time.current)
 
         SendSubmissionArchivedWebhookRequestJob.perform_async('submission_id' => @submission.id)
 
-        'Submission has been archived'
+        I18n.t('submission_has_been_archived')
       end
 
     redirect_back(fallback_location: template_path(@submission.template), notice:)

app/controllers/submissions_preview_controller.rb

@@ -19,7 +19,7 @@ class SubmissionsPreviewController < ApplicationController
     @submission ||= Submission.find_by!(slug: params[:slug])
 
     if !@submission.submitters.all?(&:completed_at?) && current_user.blank?
-      raise ActionController::RoutingError, 'Not Found'
+      raise ActionController::RoutingError, I18n.t('not_found')
     end
 
     if !submission_valid_ttl?(@submission) && !signature_valid

app/controllers/submit_form_controller.rb

@@ -12,16 +12,20 @@ class SubmitFormController < ApplicationController
   def show
     @submitter = Submitter.find_by!(slug: params[:slug])
 
+    submission = @submitter.submission
+
     return redirect_to submit_form_completed_path(@submitter.slug) if @submitter.completed_at?
-    return render :archived if @submitter.submission.template.archived_at? || @submitter.submission.archived_at?
-    return render :expired if @submitter.submission.expired?
+    return render :archived if submission.template.archived_at? || submission.archived_at?
+    return render :expired if submission.expired?
     return render :declined if @submitter.declined_at?
+    return render :awaiting if submission.template.preferences['submitters_order'] == 'preserved' &&
+                               !Submitters.current_submitter_order?(@submitter)
 
     Submitters.preload_with_pages(@submitter)
 
     Submitters::MaybeUpdateDefaultValues.call(@submitter, current_user)
 
-    @attachments_index = ActiveStorage::Attachment.where(record: @submitter.submission.submitters, name: :attachments)
+    @attachments_index = ActiveStorage::Attachment.where(record: submission.submitters, name: :attachments)
                                                   .preload(:blob).index_by(&:uuid)
 
     @form_configs = Submitters::FormConfigs.call(@submitter, CONFIG_KEYS)
@@ -46,18 +50,21 @@ class SubmitFormController < ApplicationController
     submitter = Submitter.find_by!(slug: params[:slug])
 
     if submitter.completed_at?
-      return render json: { error: 'Form has been completed already.' }, status: :unprocessable_entity
+      return render json: { error: I18n.t('form_has_been_completed_already') }, status: :unprocessable_entity
     end
 
     if submitter.template.archived_at? || submitter.submission.archived_at?
-      return render json: { error: 'Form has been archived.' }, status: :unprocessable_entity
+      return render json: { error: I18n.t('form_has_been_archived') }, status: :unprocessable_entity
     end
 
     if submitter.submission.expired?
-      return render json: { error: 'Form has been expired.' }, status: :unprocessable_entity
+      return render json: { error: I18n.t('form_has_been_expired') }, status: :unprocessable_entity
     end
 
-    return render json: { error: 'Form has been declined.' }, status: :unprocessable_entity if submitter.declined_at?
+    if submitter.declined_at?
+      return render json: { error: I18n.t('form_has_been_declined') },
+                    status: :unprocessable_entity
+    end
 
     Submitters::SubmitValues.call(submitter, params, request)
 

app/controllers/submit_form_invite_controller.rb

@@ -0,0 +1,58 @@
+# frozen_string_literal: true
+
+class SubmitFormInviteController < ApplicationController
+  skip_before_action :authenticate_user!
+  skip_authorization_check
+
+  def create
+    submitter = Submitter.find_by!(slug: params[:submit_form_slug])
+
+    return head :unprocessable_entity unless can_invite?(submitter)
+
+    invite_submitters = filter_invite_submitters(submitter)
+
+    ApplicationRecord.transaction do
+      invite_submitters.each do |item|
+        attrs = submitters_attributes.find { |e| e[:uuid] == item['uuid'] }
+
+        next unless attrs
+
+        submitter.submission.submitters.create!(**attrs, account_id: submitter.account_id)
+
+        SubmissionEvents.create_with_tracking_data(submitter, 'invite_party', request, { uuid: submitter.uuid })
+      end
+
+      submitter.submission.update!(submitters_order: :preserved)
+    end
+
+    submitter.submission.submitters.reload
+
+    if invite_submitters.all? { |s| submitter.submission.submitters.any? { |e| e.uuid == s['uuid'] } }
+      Submitters::SubmitValues.call(submitter, ActionController::Parameters.new(completed: 'true'), request)
+
+      head :ok
+    else
+      head :unprocessable_entity
+    end
+  end
+
+  private
+
+  def can_invite?(submitter)
+    !submitter.declined_at? &&
+      !submitter.completed_at? &&
+      !submitter.submission.archived_at? &&
+      !submitter.submission.expired? &&
+      !submitter.submission.template.archived_at?
+  end
+
+  def filter_invite_submitters(submitter)
+    (submitter.submission.template_submitters || submitter.submission.template.submitters).select do |s|
+      s['invite_by_uuid'] == submitter.uuid && submitter.submission.submitters.none? { |e| e.uuid == s['uuid'] }
+    end
+  end
+
+  def submitters_attributes
+    params.require(:submission).permit(submitters: [%i[uuid email]]).fetch(:submitters, [])
+  end
+end

app/controllers/submitters_send_email_controller.rb

@@ -10,7 +10,7 @@ class SubmittersSendEmailController < ApplicationController
       Rollbar.warning("Already sent: #{@submitter.id}") if defined?(Rollbar)
 
       return redirect_back(fallback_location: submission_path(@submitter.submission),
-                           alert: 'Email has been sent already.')
+                           alert: I18n.t('email_has_been_sent_already'))
     end
 
     SendSubmitterInvitationEmailJob.perform_async('submitter_id' => @submitter.id)
@@ -18,6 +18,6 @@ class SubmittersSendEmailController < ApplicationController
     @submitter.sent_at ||= Time.current
     @submitter.save!
 
-    redirect_back(fallback_location: submission_path(@submitter.submission), notice: 'Email has been sent')
+    redirect_back(fallback_location: submission_path(@submitter.submission), notice: I18n.t('email_has_been_sent'))
   end
 end

app/controllers/template_documents_controller.rb

@@ -5,7 +5,7 @@ class TemplateDocumentsController < ApplicationController
 
   def create
     if params[:blobs].blank? && params[:files].blank?
-      return render json: { error: 'File is missing' }, status: :unprocessable_entity
+      return render json: { error: I18n.t('file_is_missing') }, status: :unprocessable_entity
     end
 
     old_fields_hash = @template.fields.hash
@@ -28,6 +28,6 @@ class TemplateDocumentsController < ApplicationController
       )
     }
   rescue Templates::CreateAttachments::PdfEncrypted
-    render json: { error: 'PDF encrypted' }, status: :unprocessable_entity
+    render json: { error: 'PDF encrypted', status: 'pdf_encrypted' }, status: :unprocessable_entity
   end
 end

app/controllers/template_folders_controller.rb

@@ -15,9 +15,9 @@ class TemplateFoldersController < ApplicationController
   def update
     if @template_folder != current_account.default_template_folder &&
        @template_folder.update(template_folder_params)
-      redirect_to folder_path(@template_folder), notice: 'Folder name has been updated'
+      redirect_to folder_path(@template_folder), notice: I18n.t('folder_name_has_been_updated')
     else
-      redirect_to folder_path(@template_folder), alert: 'Unable to rename folder'
+      redirect_to folder_path(@template_folder), alert: I18n.t('unable_to_rename_folder')
     end
   end
 

app/controllers/templates_controller.rb

@@ -21,7 +21,7 @@ class TemplatesController < ApplicationController
   end
 
   def new
-    @template.name = "#{@base_template.name} (Clone)" if @base_template
+    @template.name = "#{@base_template.name} (#{I18n.t('clone')})" if @base_template
   end
 
   def edit
@@ -87,11 +87,11 @@ class TemplatesController < ApplicationController
       if params[:permanently].present?
         @template.destroy!
 
-        'Template has been removed.'
+        I18n.t('template_has_been_removed')
       else
         @template.update!(archived_at: Time.current)
 
-        'Template has been archived.'
+        I18n.t('template_has_been_archived')
       end
 
     redirect_back(fallback_location: root_path, notice:)
@@ -103,7 +103,7 @@ class TemplatesController < ApplicationController
     params.require(:template).permit(
       :name,
       { schema: [%i[attachment_uuid name]],
-        submitters: [%i[name uuid is_requester linked_to_uuid email]],
+        submitters: [%i[name uuid is_requester linked_to_uuid invite_by_uuid email]],
         fields: [[:uuid, :submitter_uuid, :name, :type,
                   :required, :readonly, :default_value,
                   :title, :description,
@@ -116,14 +116,15 @@ class TemplatesController < ApplicationController
   end
 
   def authorized_clone_account_id?(account_id)
-    true_user.account_id.to_s == account_id.to_s || true_user.account.linked_accounts.exists?(id: account_id)
+    true_user.account_id.to_s == account_id.to_s ||
+      true_user.account.linked_accounts.accessible_by(current_ability).exists?(id: account_id)
   end
 
   def maybe_redirect_to_template(template)
     if template.account == current_account
       redirect_to(edit_template_path(@template))
     else
-      redirect_back(fallback_location: root_path, notice: 'Template has been cloned')
+      redirect_back(fallback_location: root_path, notice: I18n.t('template_has_been_cloned'))
     end
   end
 

app/controllers/templates_folders_controller.rb

@@ -9,9 +9,9 @@ class TemplatesFoldersController < ApplicationController
     @template.folder = TemplateFolders.find_or_create_by_name(current_user, params[:name])
 
     if @template.save
-      redirect_back(fallback_location: template_path(@template), notice: 'Document template has been moved')
+      redirect_back(fallback_location: template_path(@template), notice: I18n.t('document_template_has_been_moved'))
     else
-      redirect_back(fallback_location: template_path(@template), notice: 'Unable to move template into folder')
+      redirect_back(fallback_location: template_path(@template), notice: I18n.t('unable_to_move_template_into_folder'))
     end
   end
 

app/controllers/templates_preferences_controller.rb

@@ -9,7 +9,7 @@ class TemplatesPreferencesController < ApplicationController
     authorize!(:update, @template)
 
     @template.preferences = @template.preferences.merge(template_params[:preferences])
-    @template.preferences = @template.preferences.reject { |_, v| v.is_a?(String) && v.blank? }
+    @template.preferences = @template.preferences.reject { |_, v| (v.is_a?(String) || v.is_a?(Hash)) && v.blank? }
     @template.save!
 
     head :ok
@@ -23,12 +23,17 @@ class TemplatesPreferencesController < ApplicationController
                       documents_copy_email_subject documents_copy_email_body
                       documents_copy_email_enabled documents_copy_email_attach_audit
                       completed_notification_email_attach_documents
+                      completed_redirect_url
+                      submitters_order
                       completed_notification_email_subject completed_notification_email_body
-                      completed_notification_email_enabled completed_notification_email_attach_audit]
+                      completed_notification_email_enabled completed_notification_email_attach_audit] +
+                      [completed_message: %i[title body]]
     ).tap do |attrs|
       attrs[:preferences] = attrs[:preferences].transform_values do |value|
         if %w[true false].include?(value)
           value == 'true'
+        elsif value.respond_to?(:compact_blank)
+          value.compact_blank
         else
           value
         end

app/controllers/templates_recipients_controller.rb

@@ -18,16 +18,18 @@ class TemplatesRecipientsController < ApplicationController
 
   def submitters_params
     params.require(:template).permit(
-      submitters: [%i[name uuid is_requester linked_to_uuid email option]]
+      submitters: [%i[name uuid is_requester invite_by_uuid linked_to_uuid email option]]
     ).fetch(:submitters, {}).values.filter_map do |s|
       next if s[:uuid].blank?
 
-      if s[:is_requester] == '1'
+      if s[:is_requester] == '1' && s[:invite_by_uuid].blank?
         s[:is_requester] = true
       else
         s.delete(:is_requester)
       end
 
+      s.delete(:invite_by_uuid) if s[:invite_by_uuid].blank?
+
       option = s.delete(:option)
 
       if option.present?
@@ -38,8 +40,11 @@ class TemplatesRecipientsController < ApplicationController
           s.delete(:is_requester)
           s.delete(:email)
           s.delete(:linked_to_uuid)
+          s.delete(:invite_by_uuid)
         when /\Alinked_to_(.*)\z/
           s[:linked_to_uuid] = ::Regexp.last_match(-1)
+        when /\Ainvite_by_(.*)\z/
+          s[:invite_by_uuid] = ::Regexp.last_match(-1)
         end
       end
 

app/controllers/templates_restore_controller.rb

@@ -6,6 +6,6 @@ class TemplatesRestoreController < ApplicationController
   def create
     @template.update!(archived_at: nil)
 
-    redirect_to template_path(@template), notice: 'Template has been unarchived'
+    redirect_to template_path(@template), notice: I18n.t('template_has_been_unarchived')
   end
 end

app/controllers/templates_uploads_controller.rb

@@ -33,7 +33,7 @@ class TemplatesUploadsController < ApplicationController
 
     raise if Rails.env.local?
 
-    redirect_to root_path, alert: 'Unable to upload file'
+    redirect_to root_path, alert: I18n.t('unable_to_update_file')
   end
 
   private

app/controllers/timestamp_server_controller.rb

@@ -14,12 +14,12 @@ class TimestampServerController < ApplicationController
     test_timeserver_url(@encrypted_config.value) if @encrypted_config.value.present?
 
     if @encrypted_config.value.present? ? @encrypted_config.save : @encrypted_config.delete
-      redirect_back fallback_location: settings_notifications_path, notice: 'Changes have been saved'
+      redirect_back fallback_location: settings_notifications_path, notice: I18n.t('changes_have_been_saved')
     else
-      redirect_back fallback_location: settings_notifications_path, alert: 'Unable to save'
+      redirect_back fallback_location: settings_notifications_path, alert: I18n.t('unable_to_save')
     end
   rescue SocketError, TimestampError, OpenSSL::Timestamp::TimestampError
-    redirect_back fallback_location: settings_notifications_path, alert: 'Invalid Timeserver'
+    redirect_back fallback_location: settings_notifications_path, alert: t('invalid_timeserver')
   end
 
   private

app/controllers/user_initials_controller.rb

@@ -9,7 +9,7 @@ class UserInitialsController < ApplicationController
   def update
     file = params[:file]
 
-    return redirect_to settings_profile_index_path, notice: 'Unable to save initials' if file.blank?
+    return redirect_to settings_profile_index_path, notice: I18n.t('unable_to_save_initials') if file.blank?
 
     blob = ActiveStorage::Blob.create_and_upload!(io: file.open,
                                                   filename: file.original_filename,
@@ -22,16 +22,16 @@ class UserInitialsController < ApplicationController
     )
 
     if @user_config.update(value: attachment.uuid)
-      redirect_to settings_profile_index_path, notice: 'Initials has been saved'
+      redirect_to settings_profile_index_path, notice: I18n.t('initials_has_been_saved')
     else
-      redirect_to settings_profile_index_path, notice: 'Unable to save initials'
+      redirect_to settings_profile_index_path, notice: I18n.t('unable_to_save_initials')
     end
   end
 
   def destroy
     @user_config.destroy
 
-    redirect_to settings_profile_index_path, notice: 'Initials has been removed'
+    redirect_to settings_profile_index_path, notice: I18n.t('initials_has_been_removed')
   end
 
   private

app/controllers/user_signatures_controller.rb

@@ -9,7 +9,7 @@ class UserSignaturesController < ApplicationController
   def update
     file = params[:file]
 
-    return redirect_to settings_profile_index_path, notice: 'Unable to save signature' if file.blank?
+    return redirect_to settings_profile_index_path, notice: I18n.t('unable_to_save_signature') if file.blank?
 
     blob = ActiveStorage::Blob.create_and_upload!(io: file.open,
                                                   filename: file.original_filename,
@@ -22,16 +22,16 @@ class UserSignaturesController < ApplicationController
     )
 
     if @user_config.update(value: attachment.uuid)
-      redirect_to settings_profile_index_path, notice: 'Signature has been saved'
+      redirect_to settings_profile_index_path, notice: I18n.t('signature_has_been_saved')
     else
-      redirect_to settings_profile_index_path, notice: 'Unable to save signature'
+      redirect_to settings_profile_index_path, notice: I18n.t('unable_to_save_signature')
     end
   end
 
   def destroy
     @user_config.destroy
 
-    redirect_to settings_profile_index_path, notice: 'Signature has been removed'
+    redirect_to settings_profile_index_path, notice: I18n.t('signature_has_been_removed')
   end
 
   private

app/controllers/users_controller.rb

@@ -35,14 +35,14 @@ class UsersController < ApplicationController
     if @user.save
       UserMailer.invitation_email(@user).deliver_later!
 
-      redirect_back fallback_location: settings_users_path, notice: 'User has been invited'
+      redirect_back fallback_location: settings_users_path, notice: I18n.t('user_has_been_invited')
     else
       render turbo_stream: turbo_stream.replace(:modal, template: 'users/new'), status: :unprocessable_entity
     end
   end
 
   def update
-    return redirect_to settings_users_path, notice: 'Unable to update user.' if Docuseal.demo?
+    return redirect_to settings_users_path, notice: I18n.t('unable_to_update_user') if Docuseal.demo?
 
     attrs = user_params.compact_blank.merge(user_params.slice(:archived_at))
     attrs.delete(:role) if !role_valid?(attrs[:role]) || current_user == @user
@@ -56,7 +56,7 @@ class UsersController < ApplicationController
     end
 
     if @user.update(attrs)
-      redirect_back fallback_location: settings_users_path, notice: 'User has been updated'
+      redirect_back fallback_location: settings_users_path, notice: I18n.t('user_has_been_updated')
     else
       render turbo_stream: turbo_stream.replace(:modal, template: 'users/edit'), status: :unprocessable_entity
     end
@@ -64,12 +64,12 @@ class UsersController < ApplicationController
 
   def destroy
     if Docuseal.demo? || @user.id == current_user.id
-      return redirect_to settings_users_path, notice: 'Unable to remove user'
+      return redirect_to settings_users_path, notice: I18n.t('unable_to_remove_user')
     end
 
     @user.update!(archived_at: Time.current)
 
-    redirect_back fallback_location: settings_users_path, notice: 'User has been removed'
+    redirect_back fallback_location: settings_users_path, notice: I18n.t('user_has_been_removed')
   end
 
   private

app/controllers/verify_pdf_signature_controller.rb

@@ -14,6 +14,6 @@ class VerifyPdfSignatureController < ApplicationController
     render turbo_stream: turbo_stream.replace('result', partial: 'result',
                                                         locals: { pdfs:, files: params[:files], trusted_certs: })
   rescue HexaPDF::MalformedPDFError
-    render turbo_stream: turbo_stream.replace('result', html: helpers.tag.div('Invalid PDF', id: 'result'))
+    render turbo_stream: turbo_stream.replace('result', html: helpers.tag.div(I18n.t('invalid_pdf'), id: 'result'))
   end
 end

app/controllers/webhook_secret_controller.rb

@@ -13,7 +13,7 @@ class WebhookSecretController < ApplicationController
 
     @encrypted_config.value.present? ? @encrypted_config.save! : @encrypted_config.delete
 
-    redirect_back(fallback_location: settings_webhooks_path, notice: 'Webhook Secret has been saved.')
+    redirect_back(fallback_location: settings_webhooks_path, notice: I18n.t('webhook_secret_has_been_saved'))
   end
 
   private

app/controllers/webhook_settings_controller.rb

@@ -11,7 +11,7 @@ class WebhookSettingsController < ApplicationController
 
     @encrypted_config.value.present? ? @encrypted_config.save! : @encrypted_config.delete
 
-    redirect_back(fallback_location: settings_webhooks_path, notice: 'Webhook URL has been saved.')
+    redirect_back(fallback_location: settings_webhooks_path, notice: I18n.t('webhook_url_has_been_saved'))
   end
 
   def update
@@ -20,7 +20,7 @@ class WebhookSettingsController < ApplicationController
     SendFormCompletedWebhookRequestJob.perform_async({ 'submitter_id' => submitter.id,
                                                        'encrypted_config_id' => @encrypted_config.id })
 
-    redirect_back(fallback_location: settings_webhooks_path, notice: 'Webhook request has been sent.')
+    redirect_back(fallback_location: settings_webhooks_path, notice: I18n.t('webhook_request_has_been_sent'))
   end
 
   private

app/javascript/application.js

@@ -28,6 +28,7 @@ import PasswordInput from './elements/password_input'
 import SearchInput from './elements/search_input'
 import ToggleAttribute from './elements/toggle_attribute'
 import LinkedInput from './elements/linked_input'
+import CheckboxGroup from './elements/checkbox_group'
 
 import * as TurboInstantClick from './lib/turbo_instant_click'
 
@@ -93,6 +94,7 @@ safeRegisterElement('password-input', PasswordInput)
 safeRegisterElement('search-input', SearchInput)
 safeRegisterElement('toggle-attribute', ToggleAttribute)
 safeRegisterElement('linked-input', LinkedInput)
+safeRegisterElement('checkbox-group', CheckboxGroup)
 
 safeRegisterElement('template-builder', class extends HTMLElement {
   connectedCallback () {
@@ -148,7 +150,8 @@ safeRegisterElement('import-list', class extends HTMLElement {
     this.app = createApp(ImportList, {
       template: JSON.parse(this.dataset.template),
       multitenant: this.dataset.multitenant === 'true',
-      authenticityToken: document.querySelector('meta[name="csrf-token"]')?.content
+      authenticityToken: document.querySelector('meta[name="csrf-token"]')?.content,
+      i18n: JSON.parse(this.dataset.i18n || '{}')
     })
 
     this.app.mount(this.appElem)

app/javascript/application.scss

@@ -100,7 +100,7 @@ button[disabled] .enabled {
 .autocomplete {
   background: white;
   z-index: 1000;
-  font: 14px/22px "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  font: 16px/25px "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   overflow: auto;
   box-sizing: border-box;
   @apply border border-base-300 mt-1 rounded-md;
@@ -111,7 +111,7 @@ button[disabled] .enabled {
 }
 
 .autocomplete > div {
-  @apply px-2 py-1 font-normal text-sm;
+  @apply px-2 py-1.5 font-normal;
 }
 
 .autocomplete .group {

app/javascript/elements/checkbox_group.js

@@ -0,0 +1,15 @@
+export default class extends HTMLElement {
+  connectedCallback () {
+    this.items.forEach((item) => {
+      item.addEventListener('change', (e) => {
+        this.items.forEach((item) => {
+          item.checked = item === e.target && e.target.checked
+        })
+      })
+    })
+  }
+
+  get items () {
+    return this.querySelectorAll('input[type="checkbox"]')
+  }
+}

app/javascript/form.js

@@ -14,12 +14,14 @@ safeRegisterElement('submission-form', class extends HTMLElement {
 
     this.app = createApp(Form, {
       submitter: JSON.parse(this.dataset.submitter),
+      inviteSubmitters: JSON.parse(this.dataset.inviteSubmitters),
       canSendEmail: this.dataset.canSendEmail === 'true',
       previousSignatureValue: this.dataset.previousSignatureValue,
       goToLast: this.dataset.goToLast === 'true',
       isDemo: this.dataset.isDemo === 'true',
       attribution: this.dataset.attribution !== 'false',
       scrollPadding: this.dataset.scrollPadding || '-80px',
+      language: this.dataset.language,
       dryRun: this.dataset.dryRun === 'true',
       expand: ['true', 'false'].includes(this.dataset.expand) ? this.dataset.expand === 'true' : null,
       withSignatureId: this.dataset.withSignatureId === 'true',

app/javascript/submission_form/area.vue

@@ -3,7 +3,7 @@
     class="field-area flex absolute lg:text-base -outline-offset-1"
     dir="auto"
     :style="computedStyle"
-    :class="{ 'text-[1.6vw] lg:text-base': !textOverflowChars, 'text-[1.0vw] lg:text-xs': textOverflowChars, 'cursor-default': !submittable, 'border border-red-100 bg-red-100 cursor-pointer': submittable, 'border border-red-100': !isActive && submittable, 'bg-opacity-80': !isActive && !isValueSet && submittable, 'field-area-active outline-red-500 outline-dashed outline-2 z-10': isActive && submittable, 'bg-opacity-40': (isActive || isValueSet) && submittable }"
+    :class="{ 'font-serif': field.preferences?.font === 'Times', 'text-[1.6vw] lg:text-base': !textOverflowChars, 'text-[1.0vw] lg:text-xs': textOverflowChars, 'cursor-default': !submittable, 'border border-red-100 bg-red-100 cursor-pointer': submittable, 'border border-red-100': !isActive && submittable, 'bg-opacity-80': !isActive && !isValueSet && submittable, 'field-area-active outline-red-500 outline-dashed outline-2 z-10': isActive && submittable, 'bg-opacity-40': (isActive || isValueSet) && submittable }"
   >
     <div
       v-if="(!withFieldPlaceholder || !field.name || field.type === 'cells') && !isActive && !isValueSet && field.type !== 'checkbox' && submittable && !area.option_uuid"
@@ -29,12 +29,12 @@
         {{ optionValue(option) }}
       </template>
       <template v-else>
-        {{ field.name || fieldNames[field.type] }}
+        {{ field.title || field.name || fieldNames[field.type] }}
         <template v-if="field.type === 'checkbox' && !field.name">
           {{ fieldIndex + 1 }}
         </template>
         <template v-else-if="!field.required && field.type !== 'checkbox'">
-          (optional)
+          ({{ t('optional') }})
         </template>
       </template>
     </div>

app/javascript/submission_form/areas.vue

@@ -132,10 +132,18 @@ export default {
           this.scrollInContainer(areaRef.$el)
         } else {
           const targetRect = areaRef.$refs.scrollToElem.getBoundingClientRect()
-          const root = this.$root.$el?.parentNode?.classList?.contains('ds') ? this.$root.$el : document.body
-          const rootRect = root.getBoundingClientRect()
           const scrollEl = this.scrollEl || window
 
+          let rootRect = {}
+
+          if (this.scrollEl === document.documentElement) {
+            rootRect = this.scrollEl.getBoundingClientRect()
+          } else {
+            const root = this.$root.$el?.parentNode?.classList?.contains('ds') ? this.$root.$el : document.body
+
+            rootRect = root.getBoundingClientRect()
+          }
+
           scrollEl.scrollTo({ top: targetRect.top - rootRect.top, behavior: 'smooth' })
         }
 

app/javascript/submission_form/completed.vue

@@ -10,7 +10,7 @@
         :height="30"
       />
       <span>
-        {{ completedMessage.title || t('form_has_been_completed') }}
+        {{ completedMessage.title || (hasSignatureFields ? (hasMultipleDocuments ? t('documents_have_been_signed') : t('document_has_been_signed')) : t('form_has_been_completed')) }}
       </span>
     </div>
     <div
@@ -88,7 +88,7 @@
       v-if="attribution"
       class="text-center mt-4"
     >
-      {{ t('signed_with') }}
+      {{ t('powered_by') }}
       <a
         href="https://www.docuseal.co/start"
         target="_blank"
@@ -129,6 +129,16 @@ export default {
       required: false,
       default: true
     },
+    hasSignatureFields: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    hasMultipleDocuments: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
     withDownloadButton: {
       type: Boolean,
       required: false,
@@ -212,7 +222,7 @@ export default {
             this.downloadUrls(urls)
           }
         } else {
-          alert('Failed to download files')
+          alert(this.t('failed_to_download_files'))
         }
       })
     },

app/javascript/submission_form/form.vue

@@ -38,8 +38,11 @@
     <template v-else-if="alwaysMinimize">
       {{ t('next') }}
     </template>
+    <template v-else-if="isShowContinue">
+      {{ t('continue') }}
+    </template>
     <template v-else>
-      {{ t('submit_form') }}
+      {{ t('start_now') }}
     </template>
     <IconArrowsDiagonal
       class="absolute right-0 mr-4"
@@ -59,7 +62,7 @@
       id="minimize_form_button"
       class="absolute right-0 mr-2 mt-2 top-0 hidden md:block"
       :title="t('minimize')"
-      @click.prevent="isFormVisible = false"
+      @click.prevent="minimizeForm"
     >
       <IconArrowsDiagonalMinimize2
         :width="20"
@@ -70,7 +73,7 @@
       :class="{ 'md:px-4': isBreakpointMd }"
     >
       <form
-        v-if="!isCompleted"
+        v-if="!isCompleted && !isInvite"
         ref="form"
         :action="submitPath"
         method="post"
@@ -201,7 +204,7 @@
                 <span
                   @click="scrollIntoField(currentField)"
                 >
-                  {{ t('complete_hightlighted_checkboxes_and_click') }} <span class="font-semibold">{{ stepFields.length === currentStep + 1 ? t('submit') : t('next') }}</span>.
+                  {{ t('complete_hightlighted_checkboxes_and_click') }} <span class="font-semibold">{{ submitButtonText }}</span>.
                 </span>
               </div>
               <div
@@ -265,7 +268,7 @@
               >
                 <template v-if="isAnonymousChecboxes || !showFieldNames">
                   <span class="text-xl">
-                    {{ t('complete_hightlighted_checkboxes_and_click') }} <span class="font-semibold">{{ stepFields.length === currentStep + 1 ? t('submit') : t('next') }}</span>.
+                    {{ t('complete_hightlighted_checkboxes_and_click') }} <span class="font-semibold">{{ submitButtonText }}</span>.
                   </span>
                   <input
                     v-for="field in currentStepFields"
@@ -340,7 +343,7 @@
             :remember-signature="rememberSignature"
             :attachments-index="attachmentsIndex"
             :require-signing-reason="requireSigningReason"
-            :button-text="buttonText"
+            :button-text="submitButtonText"
             :dry-run="dryRun"
             :with-disclosure="withDisclosure"
             :with-qr-button="withQrButton"
@@ -349,7 +352,7 @@
             @update:reason="values[currentField.preferences?.reason_field_uuid] = $event"
             @attached="attachments.push($event)"
             @start="scrollIntoField(currentField)"
-            @minimize="isFormVisible = false"
+            @minimize="minimizeForm"
           />
           <InitialsStep
             v-else-if="currentField.type === 'initials'"
@@ -365,7 +368,7 @@
             @attached="attachments.push($event)"
             @start="scrollIntoField(currentField)"
             @focus="scrollIntoField(currentField)"
-            @minimize="isFormVisible = false"
+            @minimize="minimizeForm"
           />
           <AttachmentStep
             v-else-if="currentField.type === 'file'"
@@ -421,7 +424,7 @@
                 class="mr-1 animate-spin"
               />
               <span>
-                {{ buttonText }}
+                {{ submitButtonText }}
               </span><span
                 v-if="isSubmitting"
                 class="w-6 flex justify-start mr-1"
@@ -436,10 +439,21 @@
           </div>
         </div>
       </form>
+      <InviteForm
+        v-else-if="isInvite"
+        :submitters="inviteSubmitters"
+        :submitter-slug="submitterSlug"
+        :authenticity-token="authenticityToken"
+        :url="baseUrl + submitPath + '/invite'"
+        :style="{ maxWidth: isBreakpointMd ? '582px' : '' }"
+        @success="[isInvite = false, performComplete($event)]"
+      />
       <FormCompleted
         v-else
         :is-demo="isDemo"
         :attribution="attribution"
+        :has-signature-fields="stepFields.some((fields) => fields.some((f) => ['signature', 'initials'].includes(f.type)))"
+        :has-multiple-documents="hasMultipleDocuments"
         :completed-button="completedRedirectUrl ? {} : completedButton"
         :completed-message="completedRedirectUrl ? {} : completedMessage"
         :with-send-copy-button="withSendCopyButton && !completedRedirectUrl"
@@ -485,6 +499,7 @@ import TextStep from './text_step'
 import NumberStep from './number_step'
 import DateStep from './date_step'
 import MarkdownContent from './markdown_content'
+import InviteForm from './invite_form'
 import FormCompleted from './completed'
 import { IconInnerShadowTop, IconArrowsDiagonal, IconWritingSign, IconArrowsDiagonalMinimize2 } from '@tabler/icons-vue'
 import AppearsOn from './appears_on'
@@ -522,6 +537,7 @@ export default {
     IconWritingSign,
     AttachmentStep,
     InitialsStep,
+    InviteForm,
     MultiSelectStep,
     IconInnerShadowTop,
     DateStep,
@@ -548,6 +564,11 @@ export default {
       type: Object,
       required: true
     },
+    inviteSubmitters: {
+      type: Array,
+      required: false,
+      default: () => []
+    },
     withSignatureId: {
       type: Boolean,
       required: false,
@@ -739,9 +760,11 @@ export default {
   data () {
     return {
       isCompleted: false,
+      isInvite: false,
       isFormVisible: this.expand !== false,
       showFillAllRequiredFields: false,
       currentStep: 0,
+      isShowContinue: false,
       enableScrollIntoField: true,
       phoneVerifiedValues: {},
       orientation: screen?.orientation?.type,
@@ -754,9 +777,15 @@ export default {
     isMobile () {
       return /android|iphone|ipad/i.test(navigator.userAgent)
     },
-    buttonText () {
-      if (this.alwaysMinimize || this.stepFields.length === this.currentStep + 1) {
+    submitButtonText () {
+      if (this.alwaysMinimize) {
         return this.t('submit')
+      } else if (this.stepFields.length === this.currentStep + 1) {
+        if (this.currentField.type === 'signature') {
+          return this.t('sign_and_complete')
+        } else {
+          return this.t('complete')
+        }
       } else {
         return this.t('next')
       }
@@ -764,6 +793,18 @@ export default {
     alwaysMinimize () {
       return this.minimize || (this.orientation?.includes('landscape') && this.isMobile && parseInt(window.innerHeight) < 550)
     },
+    hasMultipleDocuments () {
+      return Object.keys(
+        this.stepFields.reduce((acc, fields) => {
+          fields.forEach((f) => {
+            f.areas?.forEach((a) => {
+              acc[a.attachment_uuid] = 1
+            })
+          })
+          return acc
+        }, {})
+      ).filter(Boolean).length > 1
+    },
     currentStepFields () {
       return this.stepFields[this.currentStep] || []
     },
@@ -888,11 +929,11 @@ export default {
     }
 
     if (document.body?.clientWidth >= 768 && this.expand !== true && ['signature', 'initials', 'file', 'image'].includes(this.currentField?.type)) {
-      this.isFormVisible = false
+      this.minimizeForm()
     }
 
     if (this.alwaysMinimize) {
-      this.isFormVisible = false
+      this.minimizeForm()
     }
 
     if (/iPhone|iPad|iPod/i.test(navigator.userAgent)) {
@@ -1119,7 +1160,7 @@ export default {
         const formData = new FormData(this.$refs.form)
         const isLastStep = this.currentStep === this.stepFields.length - 1
 
-        if (isLastStep && !emptyRequiredField) {
+        if (isLastStep && !emptyRequiredField && !this.inviteSubmitters.length) {
           formData.append('completed', 'true')
         }
 
@@ -1142,15 +1183,11 @@ export default {
             return Promise.reject(new Error(data.error))
           }
 
-          if (isLastStep) {
-            this.isSecondWalkthrough = true
-          }
-
           const nextStep = (isLastStep && emptyRequiredField) || this.stepFields[this.currentStep + 1]
 
           if (nextStep) {
             if (this.alwaysMinimize) {
-              this.isFormVisible = false
+              this.minimizeForm()
             }
 
             this.goToStep(this.stepFields.indexOf(nextStep), this.autoscrollFields)
@@ -1158,18 +1195,10 @@ export default {
             if (emptyRequiredField === nextStep) {
               this.showFillAllRequiredFields = true
             }
+          } else if (this.inviteSubmitters.length) {
+            this.isInvite = true
           } else {
-            this.isCompleted = true
-
-            const respData = await response.text()
-
-            if (respData) {
-              this.onComplete(JSON.parse(respData))
-            }
-
-            if (this.completedRedirectUrl) {
-              window.location.href = this.completedRedirectUrl
-            }
+            this.performComplete(response)
           }
         }).catch(error => {
           console.error(error)
@@ -1178,13 +1207,32 @@ export default {
         })
       }).catch(error => {
         if (error?.message === 'Image too small') {
-          alert('Signature is too small - please redraw.')
+          alert(this.t('signature_is_too_small_please_redraw'))
         } else {
           console.log(error)
         }
       }).finally(() => {
         this.isSubmitting = false
       })
+    },
+    minimizeForm () {
+      this.isFormVisible = false
+      this.isShowContinue = true
+    },
+    async performComplete (resp) {
+      this.isCompleted = true
+
+      if (resp?.text) {
+        const respData = await resp.text()
+
+        if (respData) {
+          this.onComplete(JSON.parse(respData))
+        }
+      }
+
+      if (this.completedRedirectUrl) {
+        window.location.href = this.completedRedirectUrl
+      }
     }
   }
 }

app/javascript/submission_form/i18n.js

@@ -1,4 +1,6 @@
 const en = {
+  complete: 'Complete',
+  sign_and_complete: 'Sign and Complete',
   text: 'Text',
   by_clicking_you_agree_to_the: 'By clicking "{button}", you agree to the',
   electronic_signature_disclosure: 'Electronic Signature Disclosure',
@@ -10,6 +12,8 @@ const en = {
   reviewed: 'Reviewed',
   other: 'Other',
   authored_by_me: 'Authored by me',
+  invite: 'Invite',
+  email: 'Email',
   approved_by: 'Approved by',
   reviewed_by: 'Reviewed by',
   authored_by: 'Authored by',
@@ -36,7 +40,8 @@ const en = {
   minimize: 'Minimize',
   payment: 'Payment',
   phone: 'Phone',
-  submit_form: 'Submit Form',
+  start_now: 'Start Now',
+  continue: 'Continue',
   sign_now: 'Sign Now',
   type_here_: 'Type here...',
   optional: 'optional',
@@ -57,8 +62,10 @@ const en = {
   type_signature_here: 'Type signature here',
   type_initial_here: 'Type initials here',
   form_has_been_completed: 'Form has been completed!',
+  document_has_been_signed: 'Document has been signed!',
+  documents_have_been_signed: 'Documents have been signed!',
   create_a_free_account: 'Create a Free Account',
-  signed_with: 'Signed with',
+  powered_by: 'Powered by',
   please_check_the_box_to_continue: 'Please check the box to continue',
   open_source_documents_software: 'open source documents software',
   verified_phone_number: 'Verify Phone Number',
@@ -85,6 +92,10 @@ const en = {
 }
 
 const es = {
+  complete: 'Completar',
+  sign_and_complete: 'Firmar y Completar',
+  invite: 'Invitar',
+  email: 'Correo electrónico',
   approved: 'Aprobado',
   reviewed: 'Revisado',
   other: 'Otro',
@@ -122,7 +133,8 @@ const es = {
   payment: 'Pago',
   phone: 'Teléfono',
   take_photo: 'Tomar foto',
-  submit_form: 'Enviar Formulario',
+  start_now: 'Comenzar ahora',
+  continue: 'Continuar',
   sign_now: 'Firmar ahora',
   type_here_: 'Escribe aquí...',
   optional: 'opcional',
@@ -142,8 +154,10 @@ const es = {
   type_signature_here: 'Escribe la firma aquí',
   type_initial_here: 'Escribe las iniciales aquí',
   form_has_been_completed: '¡El formulario ha sido completado!',
+  document_has_been_signed: '¡El documento ha sido firmado!',
+  documents_have_been_signed: '¡Los documentos han sido firmados!',
   create_a_free_account: 'Crear una Cuenta Gratuita',
-  signed_with: 'Firmado con',
+  powered_by: 'Desarrollado por',
   please_check_the_box_to_continue: 'Por favor marque la casilla para continuar',
   open_source_documents_software: 'software de documentos de código abierto',
   verified_phone_number: 'Verificar número de teléfono',
@@ -170,6 +184,10 @@ const es = {
 }
 
 const it = {
+  complete: 'Completa',
+  sign_and_complete: 'Firma e Completa',
+  invite: 'Invita',
+  email: 'Email',
   approved: 'Approvato',
   reviewed: 'Revisionato',
   other: 'Altro',
@@ -206,7 +224,8 @@ const it = {
   payment: 'Pagamento',
   number_phone_is_invalid: '{number} telefono non è valido',
   phone: 'Telefono',
-  submit_form: 'Invia Modulo',
+  start_now: 'Inizia ora',
+  continue: 'Continua',
   sign_now: 'Firma ora',
   type_here_: 'Digita qui...',
   optional: 'opzionale',
@@ -227,8 +246,10 @@ const it = {
   type_signature_here: 'Scrivi la firma qui',
   type_initial_here: 'Scrivi le iniziali qui',
   form_has_been_completed: 'Il modulo è stato completato!',
+  document_has_been_signed: 'Il documento è stato firmato!',
+  documents_have_been_signed: 'I documenti sono stati firmati!',
   create_a_free_account: 'Crea un Account Gratuito',
-  signed_with: 'Firmato con',
+  powered_by: 'Desarrollado por',
   please_check_the_box_to_continue: 'Si prega di spuntare la casella per continuare',
   open_source_documents_software: 'software di documenti open source',
   verified_phone_number: 'Verifica numero di telefono',
@@ -255,6 +276,10 @@ const it = {
 }
 
 const de = {
+  complete: 'Abschließen',
+  sign_and_complete: 'Signieren und Abschließen',
+  invite: 'Einladen',
+  email: 'E-Mail',
   approved: 'Genehmigt',
   reviewed: 'Überprüft',
   other: 'Andere',
@@ -291,7 +316,8 @@ const de = {
   payment: 'Zahlung',
   number_phone_is_invalid: '{number} Telefonnummer ist ungültig',
   phone: 'Telefon',
-  submit_form: 'Formular absenden',
+  start_now: 'Jetzt starten',
+  continue: 'Fortsetzen',
   sign_now: 'Jetzt unterschreiben',
   type_here_: 'Hier eingeben...',
   optional: 'optional',
@@ -312,8 +338,10 @@ const de = {
   type_signature_here: 'Unterschrift hier eingeben',
   type_initial_here: 'Initialen hier eingeben',
   form_has_been_completed: 'Formular wurde ausgefüllt!',
+  document_has_been_signed: 'Dokument wurde unterschrieben!',
+  documents_have_been_signed: 'Dokumente wurden unterschrieben!',
   create_a_free_account: 'Kostenloses Konto erstellen',
-  signed_with: 'Unterschrieben mit',
+  powered_by: 'Bereitgestellt von',
   please_check_the_box_to_continue: 'Bitte setzen Sie das Häkchen, um fortzufahren',
   open_source_documents_software: 'Open-Source-Dokumentensoftware',
   verified_phone_number: 'Telefonnummer überprüfen',
@@ -340,6 +368,10 @@ const de = {
 }
 
 const fr = {
+  complete: 'Terminer',
+  sign_and_complete: 'Signer et Terminer',
+  invite: 'Inviter',
+  email: 'Courriel',
   approved: 'Approuvé',
   reviewed: 'Révisé',
   other: 'Autre',
@@ -376,7 +408,8 @@ const fr = {
   payment: 'Paiement',
   number_phone_is_invalid: '{number} téléphone est invalide',
   phone: 'Téléphone',
-  submit_form: 'Envoyer le Formulaire',
+  start_now: 'Commencer maintenant',
+  continue: 'Continuer',
   sign_now: 'Signer maintenant',
   type_here_: 'Tapez ici...',
   optional: 'facultatif',
@@ -397,8 +430,10 @@ const fr = {
   type_signature_here: 'Tapez la signature ici',
   type_initial_here: 'Tapez les initiales ici',
   form_has_been_completed: 'Le formulaire a été complété !',
+  document_has_been_signed: 'Le document a été signé!',
+  documents_have_been_signed: 'Les documents ont été signés!',
   create_a_free_account: 'Créer un Compte Gratuit',
-  signed_with: 'Signé avec',
+  powered_by: 'Propulsé par',
   please_check_the_box_to_continue: 'Veuillez cocher la case pour continuer',
   open_source_documents_software: 'logiciel de documents open source',
   verified_phone_number: 'Vérifier le numéro de téléphone',
@@ -425,6 +460,10 @@ const fr = {
 }
 
 const pl = {
+  complete: 'Zakończ',
+  sign_and_complete: 'Podpisz i zakończ',
+  invite: 'Zaproś',
+  email: 'E-mail',
   approved: 'Zaakceptowany',
   reviewed: 'Przejrzany',
   other: 'Inny',
@@ -461,7 +500,8 @@ const pl = {
   payment: 'Płatność',
   number_phone_is_invalid: '{number} telefon jest nieprawidłowy',
   phone: 'Telefon',
-  submit_form: 'Wyślij Formularz',
+  start_now: 'Zacznij teraz',
+  continue: 'Kontynuuj',
   sign_now: 'Podpisz teraz',
   type_here_: 'Wpisz tutaj...',
   optional: 'opcjonalny',
@@ -482,8 +522,10 @@ const pl = {
   type_signature_here: 'Wpisz podpis tutaj',
   type_initial_here: 'Wpisz inicjały tutaj',
   form_has_been_completed: 'Formularz został wypełniony!',
+  document_has_been_signed: 'Dokument został podpisany!',
+  documents_have_been_signed: 'Dokumenty zostały podpisane!',
   create_a_free_account: 'Utwórz darmowe konto',
-  signed_with: 'Podpisane za pomocą',
+  powered_by: 'Napędzany przez',
   please_check_the_box_to_continue: 'Proszę zaznaczyć pole, aby kontynuować',
   open_source_documents_software: 'oprogramowanie do dokumentów open source',
   verified_phone_number: 'Zweryfikuj numer telefonu',
@@ -510,6 +552,10 @@ const pl = {
 }
 
 const uk = {
+  complete: 'Завершити',
+  sign_and_complete: 'Підписати і завершити',
+  invite: 'Запросити',
+  email: 'Електронна пошта',
   approved: 'Затверджено',
   reviewed: 'Переглянуто',
   other: 'Інше',
@@ -546,7 +592,8 @@ const uk = {
   payment: 'Платіж',
   number_phone_is_invalid: '{number} телефон недійсний',
   phone: 'Телефон',
-  submit_form: 'Надіслати Форму',
+  start_now: 'Почати зараз',
+  continue: 'Продовжити',
   sign_now: 'Підписати зараз',
   type_here_: 'Введіть тут',
   optional: 'необов’язково',
@@ -567,8 +614,10 @@ const uk = {
   type_signature_here: 'Введіть підпис тут',
   type_initial_here: 'Введіть ініціали тут',
   form_has_been_completed: 'Форму заповнено!',
+  document_has_been_signed: 'Документ був підписаний!',
+  documents_have_been_signed: 'Документи були підписані!',
   create_a_free_account: 'Створити безкоштовний обліковий запис',
-  signed_with: 'Підписано за допомогою',
+  powered_by: 'Працює на базі',
   please_check_the_box_to_continue: 'Будь ласка, позначте прапорець, щоб продовжити',
   open_source_documents_software: 'відкритий програмний засіб для документів',
   verified_phone_number: 'Підтвердіть номер телефону',
@@ -595,6 +644,10 @@ const uk = {
 }
 
 const cs = {
+  complete: 'Dokončit',
+  sign_and_complete: 'Podepsat a dokončit',
+  invite: 'Pozvat',
+  email: 'E-mail',
   approved: 'Schváleno',
   reviewed: 'Zkontrolováno',
   other: 'Jiné',
@@ -631,7 +684,8 @@ const cs = {
   payment: 'Platba',
   phone: 'Telefon',
   number_phone_is_invalid: '{number} telefon je neplatný',
-  submit_form: 'Odeslat formulář',
+  start_now: 'Začít nyní',
+  continue: 'Pokračovat',
   sign_now: 'Podepsat nyní',
   type_here_: 'Zadejte zde',
   optional: 'volitelné',
@@ -652,8 +706,10 @@ const cs = {
   type_signature_here: 'Sem zadejte podpis',
   type_initial_here: 'Sem zadejte iniciály',
   form_has_been_completed: 'Formulář byl dokončen!',
+  document_has_been_signed: 'Dokument byl podepsán!',
+  documents_have_been_signed: 'Dokumenty byly podepsány!',
   create_a_free_account: 'Vytvořit bezplatný účet',
-  signed_with: 'Podepsáno pomocí',
+  powered_by: 'Poháněno',
   please_check_the_box_to_continue: 'Prosím, zaškrtněte políčko pro pokračování',
   open_source_documents_software: 'open source software pro dokumenty',
   verified_phone_number: 'Ověřte telefonní číslo',
@@ -680,6 +736,10 @@ const cs = {
 }
 
 const pt = {
+  complete: 'Completar',
+  sign_and_complete: 'Assinar e Completar',
+  invite: 'Convidar',
+  email: 'E-mail',
   approved: 'Aprovado',
   reviewed: 'Revisado',
   other: 'Outro',
@@ -716,7 +776,8 @@ const pt = {
   payment: 'Pagamento',
   number_phone_is_invalid: '{number} telefone é inválido',
   phone: 'Telefone',
-  submit_form: 'Enviar Formulário',
+  start_now: 'Começar agora',
+  continue: 'Continuar',
   sign_now: 'Assinar agora',
   type_here_: 'Digite aqui',
   optional: 'opcional',
@@ -737,8 +798,10 @@ const pt = {
   type_signature_here: 'Digite a assinatura aqui',
   type_initial_here: 'Digite as iniciais aqui',
   form_has_been_completed: 'O formulário foi concluído!',
+  document_has_been_signed: 'O documento foi assinado!',
+  documents_have_been_signed: 'Os documentos foram assinados!',
   create_a_free_account: 'Criar uma Conta Gratuita',
-  signed_with: 'Assinado com',
+  powered_by: 'Desenvolvido por',
   please_check_the_box_to_continue: 'Por favor, marque a caixa para continuar',
   open_source_documents_software: 'software de documentos de código aberto',
   verified_phone_number: 'Verificar Número de Telefone',
@@ -765,6 +828,10 @@ const pt = {
 }
 
 const he = {
+  complete: 'השלם',
+  sign_and_complete: 'חתום והשלם',
+  invite: 'הזמן',
+  email: 'דוא"ל',
   approved: 'מאושר',
   reviewed: 'נסקר',
   other: 'אחר',
@@ -801,7 +868,8 @@ const he = {
   payment: 'תשלום',
   phone: 'טלפון',
   number_phone_is_invalid: '{number} טלפון אינו חוקי',
-  submit_form: 'שלח טופס',
+  start_now: 'התחל עכשיו',
+  continue: 'המשך',
   sign_now: 'חתום כעת',
   type_here_: 'הקלד כאן',
   optional: 'אופציונלי',
@@ -823,8 +891,10 @@ const he = {
   type_signature_here: 'הקלד חתימה כאן',
   type_initial_here: 'הקלד ציוני ראשי תיבות כאן',
   form_has_been_completed: 'הטופס הושלם',
+  document_has_been_signed: 'המסמך נחתם!',
+  documents_have_been_signed: 'המסמכים נחתמו!',
   create_a_free_account: 'צור חשבון חינם',
-  signed_with: 'חתום באמצעות',
+  powered_by: 'מופעל על ידי',
   please_check_the_box_to_continue: 'אנא סמן את התיבה כדי להמשיך',
   open_source_documents_software: 'תוכנה פתוחה למסמכים',
   verified_phone_number: 'אימות מספר טלפון',
@@ -851,6 +921,10 @@ const he = {
 }
 
 const nl = {
+  complete: 'Voltooien',
+  sign_and_complete: 'Ondertekenen en voltooien',
+  invite: 'Uitnodigen',
+  email: 'E-mail',
   approved: 'Goedgekeurd',
   reviewed: 'Beoordeeld',
   other: 'Anders',
@@ -888,7 +962,8 @@ const nl = {
   payment: 'Betaling',
   phone: 'Telefoon',
   number_phone_is_invalid: '{number} telefoon is ongeldig',
-  submit_form: 'Formulier verzenden',
+  start_now: 'Nu beginnen',
+  continue: 'Doorgaan',
   sign_now: 'Nu ondertekenen',
   type_here_: 'Typ hier...',
   optional: 'Optioneel',
@@ -909,8 +984,10 @@ const nl = {
   type_signature_here: 'Typ hier uw handtekening',
   type_initial_here: 'Typ hier uw initialen',
   form_has_been_completed: 'Formulier is voltooid!',
+  document_has_been_signed: 'Document is ondertekend!',
+  documents_have_been_signed: 'De documenten zijn ondertekend!',
   create_a_free_account: 'Maak een gratis account aan',
-  signed_with: 'Ondertekend met',
+  powered_by: 'Aangedreven door',
   please_check_the_box_to_continue: 'Vink het vakje aan om door te gaan',
   open_source_documents_software: 'Open source documenten software',
   verified_phone_number: 'Geverifieerd telefoonnummer',
@@ -937,6 +1014,10 @@ const nl = {
 }
 
 const ar = {
+  complete: 'اكتمال',
+  sign_and_complete: 'التوقيع والاكتمال',
+  invite: 'دعوة',
+  email: 'البريد الإلكتروني',
   approved: 'موافق عليه',
   reviewed: 'تمت مراجعته',
   other: 'آخر',
@@ -973,7 +1054,8 @@ const ar = {
   payment: 'الدفع',
   phone: 'هاتف',
   number_phone_is_invalid: '{number} هاتف غير صالح',
-  submit_form: 'إرسال النموذج',
+  start_now: 'ابدأ الآن',
+  continue: 'متابعة',
   sign_now: 'وقع الآن',
   type_here_: 'اكتب هنا',
   optional: 'اختياري',
@@ -994,8 +1076,10 @@ const ar = {
   type_signature_here: 'اكتب التوقيع هنا',
   type_initial_here: 'اكتب الاختصارات هنا',
   form_has_been_completed: 'تم إكمال النموذج!',
+  document_has_been_signed: 'تم توقيع الوثيقة!',
+  documents_have_been_signed: 'تم توقيع الوثائق!',
   create_a_free_account: 'إنشاء حساب مجاني',
-  signed_with: 'تم التوقيع بواسطة',
+  powered_by: 'مدعوم من',
   please_check_the_box_to_continue: 'الرجاء التحقق من الخانة للمتابعة',
   open_source_documents_software: 'برنامج وثائق مفتوح المصدر',
   verified_phone_number: 'تحقق من رقم الهاتف',
@@ -1022,6 +1106,10 @@ const ar = {
 }
 
 const ko = {
+  complete: '완료',
+  sign_and_complete: '서명하고 완료하기',
+  invite: '초대하기',
+  email: '이메일',
   approved: '승인됨',
   reviewed: '검토됨',
   other: '기타',
@@ -1057,7 +1145,8 @@ const ko = {
   payment: '결제',
   phone: '전화',
   number_phone_is_invalid: '{number} 전화번호가 유효하지 않습니다',
-  submit_form: '양식 제출',
+  start_now: '지금 시작하기',
+  continue: '계속하다',
   sign_now: '지금 서명',
   type_here_: '여기에 입력...',
   optional: '선택 사항',
@@ -1078,8 +1167,10 @@ const ko = {
   type_signature_here: '여기에 서명 입력',
   type_initial_here: '여기에 이니셜 입력',
   form_has_been_completed: '양식이 완료되었습니다!',
+  document_has_been_signed: '문서가 서명되었습니다!',
+  documents_have_been_signed: '문서가 서명되었습니다!',
   create_a_free_account: '무료 계정 생성',
-  signed_with: '다음으로 서명:',
+  powered_by: '구동',
   please_check_the_box_to_continue: '계속하려면 확인란을 선택하십시오',
   open_source_documents_software: '오픈 소스 문서 소프트웨어',
   verified_phone_number: '전화번호 확인됨',

app/javascript/submission_form/invite_form.vue

@@ -0,0 +1,117 @@
+<template>
+  <form
+    ref="form"
+    action="post"
+    method="post"
+    class="mx-auto"
+    @submit.prevent="submit"
+  >
+    <input
+      type="hidden"
+      name="authenticity_token"
+      :value="authenticityToken"
+    >
+    <div
+      v-for="(submitter, index) in submitters"
+      :key="submitter.uuid"
+      :class="{ 'mt-4': index !== 0 }"
+    >
+      <input
+        :value="submitter.uuid"
+        hidden
+        name="submission[submitters][][uuid]"
+      >
+      <label
+        :for="submitter.uuid"
+        dir="auto"
+        class="label text-2xl"
+      >
+        {{ t('invite') }} {{ submitter.name }}
+      </label>
+      <input
+        :id="submitter.uuid"
+        dir="auto"
+        class="base-input !text-2xl w-full"
+        :placeholder="t('email')"
+        type="email"
+        required
+        autofocus="true"
+        name="submission[submitters][][email]"
+      >
+    </div>
+    <div
+      class="mt-6 md:mt-8"
+    >
+      <button
+        type="submit"
+        class="base-button w-full flex justify-center"
+        :disabled="isSubmitting"
+      >
+        <span class="flex">
+          <IconInnerShadowTop
+            v-if="isSubmitting"
+            class="mr-1 animate-spin"
+          />
+          <span>
+            {{ t('submit') }}
+          </span><span
+            v-if="isSubmitting"
+            class="w-6 flex justify-start mr-1"
+          ><span>...</span></span>
+        </span>
+      </button>
+    </div>
+  </form>
+</template>
+
+<script>
+import { IconInnerShadowTop } from '@tabler/icons-vue'
+
+export default {
+  name: 'InviteForm',
+  components: {
+    IconInnerShadowTop
+  },
+  inject: ['t'],
+  props: {
+    submitters: {
+      type: Array,
+      required: true
+    },
+    url: {
+      type: String,
+      required: true
+    },
+    authenticityToken: {
+      type: String,
+      required: true
+    },
+    submitterSlug: {
+      type: String,
+      required: true
+    }
+  },
+  emits: ['success'],
+  data () {
+    return {
+      isSubmitting: false
+    }
+  },
+  methods: {
+    submit () {
+      this.isSubmitting = true
+
+      return fetch(this.url, {
+        method: 'POST',
+        body: new FormData(this.$refs.form)
+      }).then((response) => {
+        if (response.status === 200) {
+          this.$emit('success')
+        }
+      }).finally(() => {
+        this.isSubmitting = false
+      })
+    }
+  }
+}
+</script>

app/javascript/submission_form/text_step.vue

@@ -147,7 +147,7 @@ export default {
       const textarea = this.$refs.textarea
 
       textarea.style.height = 'auto'
-      textarea.style.height = textarea.scrollHeight + 'px'
+      textarea.style.height = Math.min(250, textarea.scrollHeight) + 'px'
     },
     toggleTextArea () {
       this.isTextArea = true

app/javascript/template_builder/builder.vue

@@ -131,7 +131,7 @@
                     class="flex items-center justify-center space-x-2"
                   >
                     <IconEye class="w-6 h-6 flex-shrink-0" />
-                    <span class="whitespace-nowrap">Save and Preview</span>
+                    <span class="whitespace-nowrap">{{ t('save_and_preview') }}</span>
                   </a>
                 </li>
                 <li>
@@ -142,7 +142,7 @@
                     @click="closeDropdown"
                   >
                     <IconAdjustments class="w-6 h-6 flex-shrink-0" />
-                    <span class="whitespace-nowrap">Preferences</span>
+                    <span class="whitespace-nowrap">{{ t('preferences') }}</span>
                   </a>
                 </li>
               </ul>
@@ -418,7 +418,7 @@ import MobileFields from './mobile_fields'
 import { IconPlus, IconUsersPlus, IconDeviceFloppy, IconChevronDown, IconEye, IconWritingSign, IconInnerShadowTop, IconInfoCircle, IconAdjustments } from '@tabler/icons-vue'
 import { v4 } from 'uuid'
 import { ref, computed } from 'vue'
-import { en as i18nEn } from './i18n'
+import * as i18n from './i18n'
 
 export default {
   name: 'TemplateBuilder',
@@ -679,6 +679,9 @@ export default {
   computed: {
     selectedAreaRef: () => ref(),
     fieldsDragFieldRef: () => ref(),
+    language () {
+      return this.locale.split('-')[0].toLowerCase()
+    },
     defaultDateFormat () {
       const isUsBrowser = Intl.DateTimeFormat().resolvedOptions().locale.endsWith('-US')
       const isUsTimezone = new Intl.DateTimeFormat('en-US', { timeZoneName: 'short' }).format(new Date()).match(/\s(?:CST|CDT|PST|PDT|EST|EDT)$/)
@@ -786,7 +789,7 @@ export default {
       document.activeElement.blur()
     },
     t (key) {
-      return this.i18n[key] || i18nEn[key] || key
+      return this.i18n[key] || i18n[this.language]?.[key] || i18n.en[key] || key
     },
     removePendingFields () {
       this.template.fields = this.template.fields.filter((f) => {
@@ -1451,7 +1454,7 @@ export default {
       if (!this.template.fields.length) {
         e.preventDefault()
 
-        alert('Please draw fields to prepare the document.')
+        alert(this.t('please_draw_fields_to_prepare_the_document'))
       } else {
         const submitterWithoutFields =
           this.template.submitters.find((submitter) => !this.template.fields.some((f) => f.submitter_uuid === submitter.uuid))
@@ -1459,7 +1462,7 @@ export default {
         if (submitterWithoutFields) {
           e.preventDefault()
 
-          alert(`Please add fields for the ${submitterWithoutFields.name}. Or, remove the ${submitterWithoutFields.name} if not needed.`)
+          alert(this.t('please_add_fields_for_the_submitter_name_or_remove_the_submitter_name_if_not_needed').replaceAll('{submitter_name}', submitterWithoutFields.name))
         }
       }
     },
@@ -1475,13 +1478,13 @@ export default {
       }
 
       if (!this.template.fields.length) {
-        alert('Please draw fields to prepare the document.')
+        alert(this.t('please_draw_fields_to_prepare_the_document'))
       } else {
         const submitterWithoutFields =
           this.template.submitters.find((submitter) => !this.template.fields.some((f) => f.submitter_uuid === submitter.uuid))
 
         if (submitterWithoutFields) {
-          alert(`Please add fields for the ${submitterWithoutFields.name}. Or, remove the ${submitterWithoutFields.name} if not needed.`)
+          alert(this.t('please_add_fields_for_the_submitter_name_or_remove_the_submitter_name_if_not_needed').replaceAll('{submitter_name}', submitterWithoutFields.name))
         } else {
           this.isSaving = true
 

app/javascript/template_builder/conditions_modal.vue

@@ -26,7 +26,7 @@
             href="https://www.docuseal.co/pricing"
             target="_blank"
             class="link"
-          >Available in Pro</a>
+          >{{ t('available_in_pro') }}</a>
         </div>
         <form @submit.prevent="validateSaveAndClose">
           <div class="my-4 space-y-5">
@@ -200,7 +200,7 @@ export default {
     },
     validateSaveAndClose () {
       if (!this.withConditions) {
-        return alert('Available only in Pro')
+        return alert(this.t('available_only_in_pro'))
       }
 
       if (this.conditions.find((f) => f.field_uuid)) {

app/javascript/template_builder/dropzone.vue

@@ -105,7 +105,7 @@ export default {
 
         this.upload()
       } else {
-        alert('Only PDF and images are supported.')
+        alert(this.t('only_pdf_and_images_are_supported'))
       }
     }
   }

app/javascript/template_builder/fields.vue

@@ -137,7 +137,7 @@
         v-else-if="type == 'phone' && (fieldTypes.length === 0 || fieldTypes.includes(type))"
         class="tooltip tooltip-bottom flex"
         :class="{'tooltip-bottom-end': withPayment, 'tooltip-bottom': !withPayment }"
-        data-tip="Unlock SMS-verified phone number field with paid plan. Use text field for phone numbers without verification."
+        :data-tip="t('unlock_sms_verified_phone_number_field_with_paid_plan_use_text_field_for_phone_numbers_without_verification')"
       >
         <a
           href="https://www.docuseal.co/pricing"
@@ -168,13 +168,13 @@
   >
     <ul class="list-disc list-outside ml-3">
       <li>
-        Draw a text field on the page with a mouse
+        {{ t('draw_a_text_field_on_the_page_with_a_mouse') }}
       </li>
       <li>
-        Drag &amp; drop any other field type on the page
+        {{ t('drag_and_drop_any_other_field_type_on_the_page') }}
       </li>
       <li>
-        Click on the field type above to start drawing it
+        {{ t('click_on_the_field_type_above_to_start_drawing_it') }}
       </li>
     </ul>
   </div>

app/javascript/template_builder/formula_modal.vue

@@ -26,7 +26,7 @@
             href="https://www.docuseal.co/pricing"
             target="_blank"
             class="link"
-          >Available in Pro</a>
+          >{{ t('available_in_pro') }}</a>
         </div>
         <div class="flex-inline mb-2 gap-2 space-y-1">
           <button
@@ -195,13 +195,13 @@ export default {
     },
     validateSaveAndClose () {
       if (!this.withFormula) {
-        return alert('Available only in Pro')
+        return alert(this.t('available_only_in_pro'))
       }
 
       const normalizedFormula = this.normalizeFormula(this.formula)
 
       if (normalizedFormula.includes('FIELD NOT FOUND')) {
-        alert('Some fields are missing in the formula.')
+        alert(this.t('some_fields_are_missing_in_the_formula'))
       } else {
         this.field.preferences.formula = normalizedFormula
 

app/javascript/template_builder/i18n.js

@@ -104,6 +104,15 @@ const en = {
   field: 'Field',
   group: 'Group',
   draw_a_text_field_on_the_page_with_a_mouse: 'Draw a text field on the page with a mouse',
+  drag_and_drop_any_other_field_type_on_the_page: 'Drag & drop any other field type on the page',
+  click_on_the_field_type_above_to_start_drawing_it: 'Click on the field type above to start drawing it',
+  please_draw_fields_to_prepare_the_document: 'Please draw fields to prepare the document.',
+  only_pdf_and_images_are_supported: 'Only PDF and images are supported.',
+  unlock_sms_verified_phone_number_field_with_paid_plan_use_text_field_for_phone_numbers_without_verification: 'Unlock SMS-verified phone number field with paid plan. Use text field for phone numbers without verification.',
+  available_only_in_pro: 'Available only in Pro',
+  failed_to_download_files: 'Failed to download files',
+  signature_is_too_small_please_redraw: 'Signature is too small - please redraw.',
+  please_add_fields_for_the_submitter_name_or_remove_the_submitter_name_if_not_needed: 'Please add fields for the {submitter_name}. Or, remove the {submitter_name} if not needed.',
   draw_field: 'Draw {field} Field',
   replace: 'Replace',
   uploading_: 'Uploading...',
@@ -117,7 +126,710 @@ const en = {
   custom: 'Custom',
   numbers_only: 'Numbers only',
   letters_only: 'Letters only',
-  regexp_validation: 'Regexp validation'
+  regexp_validation: 'Regexp validation',
+  enter_pdf_password: 'Enter PDF password',
+  wrong_password: 'Wrong password',
+  currency: 'Currency',
+  save_and_preview: 'Save and Preview',
+  preferences: 'Preferences',
+  available_in_pro: 'Available in Pro',
+  some_fields_are_missing_in_the_formula: 'Some fields are missing in the formula.',
+  learn_more: 'Learn more'
 }
 
-export { en }
+const es = {
+  editable: 'Editable',
+  search_field: 'Campo de búsqueda',
+  field_not_found: 'Campo no encontrado',
+  clear: 'Borrar',
+  type_value: 'Escriba valor',
+  align: 'Alinear',
+  add_all_required_fields_to_continue: 'Agregar todos los campos requeridos para continuar',
+  uploaded_pdf_contains_form_fields_keep_or_remove_them: 'El PDF cargado tiene campos. ¿Mantenerlos o eliminarlos?',
+  keep: 'Mantener',
+  left: 'Izquierda',
+  heading: 'Encabezado',
+  validation: 'Validación',
+  add_blank_page: 'Agregar página en blanco',
+  right: 'Derecha',
+  center: 'Centro',
+  with_logo: 'Con logotipo',
+  description: 'Descripción',
+  signing_date: 'Fecha de Firma',
+  display_title: 'Título de visualización',
+  unchecked: 'No marcado',
+  price: 'Precio',
+  equal: 'Igual',
+  not_equal: 'No es igual',
+  contains: 'Contiene',
+  does_not_contain: 'No contiene',
+  not_empty: 'No vacío',
+  empty: 'Vacío',
+  select_field_: 'Seleccionar campo...',
+  select_value_: 'Seleccionar valor...',
+  remove_condition: 'Eliminar condición',
+  add_condition: 'Agregar condición',
+  condition: 'Condición',
+  formula: 'Fórmula',
+  edit: 'Editar',
+  settings: 'Configuración',
+  up: 'Arriba',
+  down: 'Abajo',
+  set_signing_date: 'Establecer fecha de firma',
+  are_you_sure: '¿Estás seguro?',
+  sign_yourself: 'Firma tú mismo',
+  checked: 'Seleccionado',
+  send: 'Enviar',
+  remove: 'Eliminar',
+  save: 'Guardar',
+  cancel: 'Cancelar',
+  or_add_field_without_drawing: 'O añadir campo sin dibujar',
+  draw_field_on_the_document: 'Dibujar campo {field} en el documento',
+  click_to_upload: 'Haz clic para cargar',
+  or_drag_and_drop_files: 'o arrastra y suelta archivos',
+  uploading: 'Subiendo',
+  processing_: 'Procesando...',
+  add_pdf_documents_or_images: 'Agregar documentos PDF o imágenes',
+  add_documents_or_images: 'Agregar documentos o imágenes',
+  required: 'Requerido',
+  default_value: 'Valor predeterminado',
+  format: 'Formato',
+  read_only: 'Solo lectura',
+  page: 'Página',
+  draw_new_area: 'Dibujar nueva área',
+  copy_to_all_pages: 'Copiar a todas las páginas',
+  add_option: 'Agregar opción',
+  option: 'Opción',
+  first_party: 'Primera Parte',
+  second_party: 'Segunda Parte',
+  third_party: 'Tercera Parte',
+  fourth_party: 'Cuarta Parte',
+  fifth_party: 'Quinta Parte',
+  sixth_party: 'Sexta Parte',
+  seventh_party: 'Séptima Parte',
+  eighth_party: 'Octava Parte',
+  ninth_party: 'Novena Parte',
+  tenth_party: 'Décima Parte',
+  eleventh_party: 'Undécimo Partido',
+  twelfth_party: 'Duodécimo Partido',
+  thirteenth_party: 'Decimotercer Partido',
+  fourteenth_party: 'Catorceavo Partido',
+  fifteenth_party: 'Quinceavo Partido',
+  sixteenth_party: 'Dieciséisavo Partido',
+  seventeenth_party: 'Diecisieteavo Partido',
+  eighteenth_party: 'Dieciochoavo Partido',
+  nineteenth_party: 'Decimonovena Fiesta',
+  twentieth_party: 'Vigésima Fiesta',
+  draw: 'Dibujar',
+  add: 'Agregar',
+  text: 'Texto',
+  signature: 'Firma',
+  initials: 'Iniciales',
+  date: 'Fecha',
+  number: 'Número',
+  image: 'Imagen',
+  file: 'Archivo',
+  select: 'Seleccionar',
+  checkbox: 'Casilla',
+  multiple: 'Múltiple',
+  field: 'Campo',
+  group: 'Grupo',
+  radio: 'Radio',
+  cells: 'Celdas',
+  stamp: 'Sello',
+  payment: 'Pago',
+  phone: 'Teléfono',
+  draw_a_text_field_on_the_page_with_a_mouse: 'Dibujar un campo de texto en la página con el mouse',
+  drag_and_drop_any_other_field_type_on_the_page: 'Arrastra y suelta cualquier otro tipo de campo en la página',
+  click_on_the_field_type_above_to_start_drawing_it: 'Haz clic en el tipo de campo de arriba para comenzar a dibujarlo',
+  please_draw_fields_to_prepare_the_document: 'Por favor, dibuja los campos para preparar el documento.',
+  only_pdf_and_images_are_supported: 'Solo se admiten PDF e imágenes.',
+  unlock_sms_verified_phone_number_field_with_paid_plan_use_text_field_for_phone_numbers_without_verification: 'Desbloquea el campo de número de teléfono verificado por SMS con un plan pago. Usa el campo de texto para números de teléfono sin verificación.',
+  available_only_in_pro: 'Disponible solo en Pro',
+  failed_to_download_files: 'Error al descargar los archivos',
+  signature_is_too_small_please_redraw: 'La firma es demasiado pequeña. Por favor, dibújala de nuevo.',
+  please_add_fields_for_the_submitter_name_or_remove_the_submitter_name_if_not_needed: 'Por favor, añade campos para {submitter_name} o elimina {submitter_name} si no es necesario.',
+  draw_field: 'Dibujar campo {field}',
+  replace: 'Reemplazar',
+  uploading_: 'Subiendo...',
+  add_document: 'Subir',
+  any: 'Cualquier',
+  drawn: 'Dibujado',
+  typed: 'Escrito',
+  none: 'Ninguno',
+  ssn: 'SSN',
+  ein: 'EIN',
+  email: 'Correo electrónico',
+  url: 'URL',
+  zip: 'ZIP',
+  custom: 'Personalizado',
+  numbers_only: 'Solo números',
+  letters_only: 'Solo letras',
+  regexp_validation: 'Validación de expresión regular',
+  enter_pdf_password: 'Ingrese la contraseña del PDF',
+  wrong_password: 'Contraseña incorrecta',
+  currency: 'Moneda',
+  save_and_preview: 'Guardar y previsualizar',
+  preferences: 'Preferencias',
+  available_in_pro: 'Disponible en Pro',
+  some_fields_are_missing_in_the_formula: 'Faltan algunos campos en la fórmula.',
+  learn_more: 'Aprende más'
+}
+
+const it = {
+  editable: 'Modificabile',
+  search_field: 'Campo di ricerca',
+  field_not_found: 'Campo non trovato',
+  clear: 'Cancella',
+  align: 'Allinea',
+  add_all_required_fields_to_continue: 'Aggiungi tutti i campi obbligatori per continuare',
+  uploaded_pdf_contains_form_fields_keep_or_remove_them: 'Il PDF caricato contiene campi del modulo. Mantenerli o rimuoverli?',
+  keep: 'Mantieni',
+  left: 'Sinistra',
+  heading: 'Intestazione',
+  validation: 'Validazione',
+  add_blank_page: 'Aggiungi pagina vuota',
+  right: 'Destra',
+  center: 'Centro',
+  description: 'Descrizione',
+  display_title: 'Mostra titolo',
+  with_logo: 'Con logo',
+  unchecked: 'Non selezionato',
+  price: 'Prezzo',
+  type_value: 'Inserisci valore',
+  equal: 'Uguale',
+  not_equal: 'Non uguale',
+  contains: 'Contiene',
+  does_not_contain: 'Non contiene',
+  not_empty: 'Non vuoto',
+  empty: 'Vuoto',
+  select_field_: 'Seleziona campo...',
+  select_value_: 'Seleziona valore...',
+  remove_condition: 'Rimuovi condizione',
+  add_condition: 'Aggiungi condizione',
+  are_you_sure: 'Sei sicuro?',
+  sign_yourself: 'Firma te stesso',
+  set_signing_date: 'Imposta data di firma',
+  signing_date: 'Data di firma',
+  send: 'Invia',
+  remove: 'Rimuovi',
+  edit: 'Modifica',
+  settings: 'Impostazioni',
+  up: 'Su',
+  down: 'Giù',
+  checked: 'Selezionato',
+  save: 'Salva',
+  cancel: 'Annulla',
+  any: 'Qualsiasi',
+  drawn: 'Disegnato',
+  formula: 'Formula',
+  typed: 'Digitato',
+  draw_field_on_the_document: 'Disegna il campo {field} sul documento',
+  click_to_upload: 'Clicca per caricare',
+  or_drag_and_drop_files: 'o trascina e rilascia i file',
+  uploading: 'Caricamento in corso',
+  processing_: 'Elaborazione...',
+  add_pdf_documents_or_images: 'Aggiungi documenti PDF o immagini',
+  add_documents_or_images: 'Aggiungi documenti o immagini',
+  required: 'Obbligatorio',
+  default_value: 'Valore predefinito',
+  format: 'Formato',
+  read_only: 'Sola lettura',
+  page: 'Pagina',
+  draw_new_area: 'Disegna nuova area',
+  copy_to_all_pages: 'Copia in tutte le pagine',
+  add_option: 'Aggiungi opzione',
+  option: 'Opzione',
+  condition: 'Condizione',
+  first_party: 'Prima parte',
+  second_party: 'Seconda parte',
+  third_party: 'Terza parte',
+  fourth_party: 'Quarta parte',
+  fifth_party: 'Quinta parte',
+  sixth_party: 'Sesta parte',
+  seventh_party: 'Settima parte',
+  eighth_party: 'Ottava parte',
+  ninth_party: 'Nona parte',
+  tenth_party: 'Decima parte',
+  eleventh_party: 'Undicesima parte',
+  twelfth_party: 'Dodicesima parte',
+  thirteenth_party: 'Tredicesima parte',
+  fourteenth_party: 'Quattordicesima parte',
+  fifteenth_party: 'Quindicesima parte',
+  sixteenth_party: 'Sedicesima parte',
+  seventeenth_party: 'Diciassettesima parte',
+  eighteenth_party: 'Diciottesima parte',
+  nineteenth_party: 'Diciannovesima parte',
+  twentieth_party: 'Ventesima parte',
+  draw: 'Disegna',
+  add: 'Aggiungi',
+  or_add_field_without_drawing: 'Oppure aggiungi campo senza disegno',
+  text: 'Testo',
+  number: 'Numero',
+  signature: 'Firma',
+  initials: 'Iniziali',
+  date: 'Data',
+  image: 'Immagine',
+  file: 'File',
+  select: 'Seleziona',
+  checkbox: 'Casella di controllo',
+  multiple: 'Multiplo',
+  radio: 'Radio',
+  cells: 'Celle',
+  stamp: 'Timbro',
+  payment: 'Pagamento',
+  phone: 'Telefono',
+  field: 'Campo',
+  group: 'Gruppo',
+  draw_a_text_field_on_the_page_with_a_mouse: 'Disegna un campo di testo sulla pagina con il mouse',
+  drag_and_drop_any_other_field_type_on_the_page: 'Trascina e rilascia qualsiasi altro tipo di campo sulla pagina',
+  click_on_the_field_type_above_to_start_drawing_it: 'Clicca sul tipo di campo sopra per iniziare a disegnarlo',
+  please_draw_fields_to_prepare_the_document: 'Per favore, disegna i campi per preparare il documento.',
+  only_pdf_and_images_are_supported: 'Sono supportati solo PDF e immagini.',
+  unlock_sms_verified_phone_number_field_with_paid_plan_use_text_field_for_phone_numbers_without_verification: 'Sblocca il campo numero di telefono verificato tramite SMS con un piano a pagamento. Usa il campo di testo per numeri di telefono senza verifica.',
+  available_only_in_pro: 'Disponibile solo in Pro',
+  failed_to_download_files: 'Impossibile scaricare i file',
+  signature_is_too_small_please_redraw: 'La firma è troppo piccola. Ridisegnala per favore.',
+  please_add_fields_for_the_submitter_name_or_remove_the_submitter_name_if_not_needed: 'Aggiungi campi per {submitter_name} o rimuovi {submitter_name} se non necessario.',
+  draw_field: 'Disegna il campo {field}',
+  replace: 'Sostituisci',
+  uploading_: 'Caricamento in corso...',
+  add_document: 'Aggiungi',
+  none: 'Nessuno',
+  ssn: 'SSN',
+  ein: 'EIN',
+  email: 'Email',
+  url: 'URL',
+  zip: 'CAP',
+  custom: 'Personalizzato',
+  numbers_only: 'Solo numeri',
+  letters_only: 'Solo lettere',
+  regexp_validation: 'Validazione regexp',
+  enter_pdf_password: 'Inserisci password PDF',
+  wrong_password: 'Password errata',
+  currency: 'Valuta',
+  save_and_preview: 'Salva e Anteprima',
+  preferences: 'Preferenze',
+  available_in_pro: 'Disponibile in Pro',
+  some_fields_are_missing_in_the_formula: 'Alcuni campi mancano nella formula.',
+  learn_more: 'Scopri di più'
+}
+
+const pt = {
+  editable: 'Editável',
+  search_field: 'Campo de busca',
+  field_not_found: 'Campo não encontrado',
+  clear: 'Limpar',
+  type_value: 'Digite valor',
+  add_all_required_fields_to_continue: 'Adicione todos os campos obrigatórios para continuar',
+  uploaded_pdf_contains_form_fields_keep_or_remove_them: 'O PDF carregado contém campos. Manter ou removê-los?',
+  keep: 'Manter',
+  align: 'Alinhar',
+  left: 'Esquerda',
+  heading: 'Cabeçalho',
+  validation: 'Validação',
+  add_blank_page: 'Adicionar página em branco',
+  right: 'Direita',
+  center: 'Centro',
+  with_logo: 'Com logotipo',
+  description: 'Descrição',
+  display_title: 'Título de exibição',
+  signing_date: 'Data da Assinatura',
+  unchecked: 'Não marcado',
+  price: 'Preço',
+  equal: 'Igual',
+  not_equal: 'Não é igual',
+  contains: 'Contém',
+  does_not_contain: 'Não contém',
+  not_empty: 'Não vazio',
+  empty: 'Vazio',
+  add_condition: 'Adicionar condição',
+  select_field_: 'Selecionar campo...',
+  select_value_: 'Selecionar valor...',
+  remove_condition: 'Remover condição',
+  condition: 'Condição',
+  formula: 'Fórmula',
+  edit: 'Editar',
+  settings: 'Configurações',
+  up: 'Para cima',
+  down: 'Para baixo',
+  set_signing_date: 'Definir data de assinatura',
+  are_you_sure: 'Tem certeza?',
+  sign_yourself: 'Assine você mesmo',
+  checked: 'Marcado',
+  send: 'Enviar',
+  remove: 'Remover',
+  save: 'Salvar',
+  cancel: 'Cancelar',
+  or_add_field_without_drawing: 'Ou adicione campo sem desenhar',
+  draw_field_on_the_document: 'Desenhar campo {field} no documento',
+  click_to_upload: 'Clique para enviar',
+  or_drag_and_drop_files: 'ou arraste e solte arquivos',
+  uploading: 'Carregando',
+  processing_: 'Processando...',
+  add_pdf_documents_or_images: 'Adicionar documentos PDF ou imagens',
+  add_documents_or_images: 'Adicionar documentos ou imagens',
+  required: 'Obrigatório',
+  default_value: 'Valor padrão',
+  format: 'Formato',
+  read_only: 'Somente leitura',
+  page: 'Página',
+  draw_new_area: 'Desenhar nova área',
+  copy_to_all_pages: 'Copiar para todas as páginas',
+  add_option: 'Adicionar opção',
+  option: 'Opção',
+  first_party: 'Primeira Parte',
+  second_party: 'Segunda Parte',
+  third_party: 'Terceira Parte',
+  fourth_party: 'Quarta Parte',
+  fifth_party: 'Quinta Parte',
+  sixth_party: 'Sexta Parte',
+  seventh_party: 'Sétima Parte',
+  eighth_party: 'Oitava Parte',
+  ninth_party: 'Nona Parte',
+  tenth_party: 'Décima Parte',
+  eleventh_party: 'Décima Primeira Parte',
+  twelfth_party: 'Décima Segunda Parte',
+  thirteenth_party: 'Décima Terceira Parte',
+  fourteenth_party: 'Décima Quarta Parte',
+  fifteenth_party: 'Décima Quinta Parte',
+  sixteenth_party: 'Décima Sexta Parte',
+  seventeenth_party: 'Décima Sétima Parte',
+  eighteenth_party: 'Décima Oitava Parte',
+  nineteenth_party: 'Décima Nona Parte',
+  twentieth_party: 'Vigésima Parte',
+  draw: 'Desenhar',
+  add: 'Adicionar',
+  text: 'Texto',
+  signature: 'Assinatura',
+  initials: 'Rúbrica',
+  date: 'Data',
+  number: 'Número',
+  image: 'Imagem',
+  file: 'Arquivo',
+  select: 'Selecionar',
+  checkbox: 'Caixa',
+  field: 'Campo',
+  group: 'Grupo',
+  multiple: 'Múltiplo',
+  radio: 'Rádio',
+  cells: 'Células',
+  stamp: 'Carimbo',
+  payment: 'Pagamento',
+  phone: 'Telefone',
+  draw_a_text_field_on_the_page_with_a_mouse: 'Desenhar um campo de texto na página com o mouse',
+  drag_and_drop_any_other_field_type_on_the_page: 'Arraste e solte qualquer outro tipo de campo na página',
+  click_on_the_field_type_above_to_start_drawing_it: 'Clique no tipo de campo acima para começar a desenhá-lo',
+  please_draw_fields_to_prepare_the_document: 'Por favor, desenhe os campos para preparar o documento.',
+  only_pdf_and_images_are_supported: 'Apenas PDFs e imagens são suportados.',
+  unlock_sms_verified_phone_number_field_with_paid_plan_use_text_field_for_phone_numbers_without_verification: 'Desbloqueie o campo de número de telefone verificado por SMS com um plano pago. Use o campo de texto para números de telefone sem verificação.',
+  available_only_in_pro: 'Disponível apenas no Pro',
+  failed_to_download_files: 'Falha ao baixar arquivos',
+  signature_is_too_small_please_redraw: 'A assinatura é muito pequena. Por favor, redesenhe.',
+  please_add_fields_for_the_submitter_name_or_remove_the_submitter_name_if_not_needed: 'Adicione campos para {submitter_name} ou remova {submitter_name} se não for necessário.',
+  draw_field: 'Desenhar campo {field}',
+  replace: 'Substituir',
+  uploading_: 'Carregando...',
+  add_document: 'Enviar',
+  any: 'Qualquer',
+  drawn: 'Desenhado',
+  typed: 'Digitado',
+  none: 'Nenhum',
+  ssn: 'SSN',
+  ein: 'EIN',
+  email: 'Email',
+  url: 'URL',
+  zip: 'ZIP',
+  custom: 'Personalizado',
+  numbers_only: 'Somente números',
+  letters_only: 'Somente letras',
+  regexp_validation: 'Validação de expressão regular',
+  enter_pdf_password: 'Digite a senha do PDF',
+  wrong_password: 'Senha incorreta',
+  currency: 'Moeda',
+  save_and_preview: 'Salvar e Pré-visualizar',
+  preferences: 'Preferências',
+  available_in_pro: 'Disponível no Pro',
+  some_fields_are_missing_in_the_formula: 'Faltam alguns campos na fórmula.',
+  learn_more: 'Saiba mais'
+}
+
+const fr = {
+  editable: 'Éditable',
+  search_field: 'Champ de recherche',
+  field_not_found: 'Champ non trouvé',
+  clear: 'Effacer',
+  type_value: 'Tapez la valeur',
+  add_all_required_fields_to_continue: 'Ajoutez tous les champs obligatoires pour continuer',
+  uploaded_pdf_contains_form_fields_keep_or_remove_them: 'Le PDF téléchargé contient des champs. Les conserver ou les supprimer?',
+  keep: 'Conserver',
+  align: 'Aligner',
+  left: 'Gauche',
+  heading: 'En-tête',
+  validation: 'Validation',
+  add_blank_page: 'Ajouter une page blanche',
+  right: 'Droite',
+  add_condition: 'Ajouter une condition',
+  center: 'Centre',
+  with_logo: 'Avec logo',
+  description: 'Description',
+  display_title: "Titre d'affichage",
+  unchecked: 'Non coché',
+  price: 'Prix',
+  equal: 'Égal',
+  not_equal: 'Non égal',
+  contains: 'Contient',
+  signing_date: 'Date de signature',
+  does_not_contain: 'Ne contient pas',
+  not_empty: 'Non vide',
+  empty: 'Vide',
+  select_field_: 'Sélectionner un champ...',
+  select_value_: 'Sélectionner une valeur...',
+  remove_condition: 'Supprimer la condition',
+  condition: 'Condition',
+  formula: 'Formule',
+  edit: 'Éditer',
+  settings: 'Paramètres',
+  up: 'Haut',
+  down: 'Bas',
+  set_signing_date: 'Définir la date de signature',
+  are_you_sure: 'Êtes-vous sûr ?',
+  sign_yourself: 'Signez-vous',
+  checked: 'Coché',
+  send: 'Envoyer',
+  remove: 'Supprimer',
+  save: 'Enregistrer',
+  cancel: 'Annuler',
+  draw_field_on_the_document: 'Dessinez le champ {field} sur le document',
+  click_to_upload: 'Cliquez pour télécharger',
+  or_drag_and_drop_files: 'ou faites glisser-déposer des fichiers',
+  uploading: 'Téléchargement en cours',
+  processing_: 'Traitement en cours...',
+  add_pdf_documents_or_images: 'Ajoutez des documents PDF ou des images',
+  add_documents_or_images: 'Ajoutez des documents ou des images',
+  required: 'Requis',
+  default_value: 'Valeur par défaut',
+  format: 'Format',
+  read_only: 'Lecture seule',
+  page: 'Page',
+  draw_new_area: 'Dessiner une nouvelle zone',
+  copy_to_all_pages: 'Copier sur toutes les pages',
+  add_option: 'Ajouter une option',
+  option: 'Option',
+  first_party: 'Première partie',
+  second_party: 'Deuxième partie',
+  third_party: 'Troisième partie',
+  fourth_party: 'Quatrième partie',
+  fifth_party: 'Cinquième partie',
+  sixth_party: 'Sixième partie',
+  seventh_party: 'Septième partie',
+  eighth_party: 'Huitième partie',
+  ninth_party: 'Neuvième partie',
+  tenth_party: 'Dixième partie',
+  eleventh_party: 'Onzième Parti',
+  twelfth_party: 'Douzième Parti',
+  thirteenth_party: 'Treizième Parti',
+  fourteenth_party: 'Quatorzième Parti',
+  fifteenth_party: 'Quinzième Parti',
+  sixteenth_party: 'Seizième Parti',
+  seventeenth_party: 'Dix-septième Parti',
+  eighteenth_party: 'Dix-huitième Parti',
+  nineteenth_party: 'Dix-Neuvième Fête',
+  twentieth_party: 'Vingtième Fête',
+  draw: 'Dessiner',
+  add: 'Ajouter',
+  or_add_field_without_drawing: 'Ou ajoutez un champ sans dessiner',
+  text: 'Texte',
+  signature: 'Signature',
+  initials: 'Initiales',
+  date: 'Date',
+  number: 'Numéro',
+  image: 'Image',
+  file: 'Fichier',
+  select: 'Choisir',
+  checkbox: 'Coche',
+  multiple: 'Multiple',
+  radio: 'Radio',
+  cells: 'Cellules',
+  stamp: 'Tampon',
+  payment: 'Paiement',
+  phone: 'Téléphone',
+  field: 'Champ',
+  group: 'Groupe',
+  draw_a_text_field_on_the_page_with_a_mouse: 'Dessinez un champ texte sur la page avec une souris',
+  drag_and_drop_any_other_field_type_on_the_page: 'Glissez et déposez tout autre type de champ sur la page',
+  click_on_the_field_type_above_to_start_drawing_it: 'Cliquez sur le type de champ ci-dessus pour commencer à le dessiner',
+  please_draw_fields_to_prepare_the_document: 'Veuillez dessiner les champs pour préparer le document.',
+  only_pdf_and_images_are_supported: 'Seuls les PDF et les images sont pris en charge.',
+  unlock_sms_verified_phone_number_field_with_paid_plan_use_text_field_for_phone_numbers_without_verification: 'Débloquez le champ de numéro de téléphone vérifié par SMS avec un plan payant. Utilisez un champ texte pour les numéros de téléphone sans vérification.',
+  available_only_in_pro: 'Disponible uniquement en Pro',
+  failed_to_download_files: 'Échec du téléchargement des fichiers',
+  signature_is_too_small_please_redraw: 'La signature est trop petite. Veuillez la redessiner.',
+  please_add_fields_for_the_submitter_name_or_remove_the_submitter_name_if_not_needed: 'Veuillez ajouter des champs pour {submitter_name} ou retirer {submitter_name} si ce n\'est pas nécessaire.',
+  draw_field: 'Dessiner le champ {field}',
+  replace: 'Remplacer',
+  uploading_: 'Téléchargement en cours...',
+  add_document: 'Télécharger',
+  any: 'Tout',
+  drawn: 'Dessiné',
+  typed: 'Tapé',
+  none: 'Aucun',
+  ssn: 'SSN',
+  ein: 'EIN',
+  email: 'E-mail',
+  url: 'URL',
+  zip: 'ZIP',
+  custom: 'Personnalisé',
+  numbers_only: 'Chiffres uniquement',
+  letters_only: 'Lettres uniquement',
+  regexp_validation: 'Validation par expression régulière',
+  enter_pdf_password: 'Entrez le mot de passe PDF',
+  wrong_password: 'Mot de passe incorrect',
+  currency: 'Devise',
+  save_and_preview: 'Enregistrer et prévisualiser',
+  preferences: 'Préférences',
+  available_in_pro: 'Disponible en version Pro',
+  some_fields_are_missing_in_the_formula: 'Certains champs manquent dans la formule.',
+  learn_more: 'En savoir plus'
+}
+
+const de = {
+  editable: 'Bearbeitbar',
+  search_field: 'Suchfeld',
+  field_not_found: 'Feld nicht gefunden',
+  clear: 'Löschen',
+  type_value: 'Wert eingeben',
+  add_all_required_fields_to_continue: 'Fügen Sie alle erforderlichen Felder hinzu, um fortzufahren',
+  uploaded_pdf_contains_form_fields_keep_or_remove_them: 'Das hochgeladene PDF enthält Formularfelder. Behalten oder entfernen?',
+  keep: 'Behalten',
+  align: 'Ausrichten',
+  left: 'Links',
+  heading: 'Überschrift',
+  validation: 'Validierung',
+  add_blank_page: 'Leere Seite hinzufügen',
+  right: 'Rechts',
+  add_condition: 'Bedingung hinzufügen',
+  center: 'Zentriert',
+  with_logo: 'Mit Logo',
+  description: 'Beschreibung',
+  display_title: 'Anzeigetitel',
+  unchecked: 'Nicht überprüft',
+  price: 'Preis',
+  equal: 'Gleich',
+  not_equal: 'Ungleich',
+  contains: 'Enthält',
+  does_not_contain: 'Enthält nicht',
+  not_empty: 'Nicht leer',
+  empty: 'Leer',
+  signing_date: 'Signaturdatum',
+  select_field_: 'Feld auswählen...',
+  select_value_: 'Wert auswählen...',
+  remove_condition: 'Bedingung entfernen',
+  condition: 'Bedingung',
+  formula: 'Formel',
+  edit: 'Bearbeiten',
+  settings: 'Einstellungen',
+  up: 'Nach oben',
+  down: 'Nach unten',
+  set_signing_date: 'Unterschriftdatum festlegen',
+  are_you_sure: 'Bist du sicher?',
+  sign_yourself: 'Unterschreiben Sie selbst',
+  checked: 'Ausgewählt',
+  send: 'Senden',
+  remove: 'Entfernen',
+  save: 'Speichern',
+  cancel: 'Abbrechen',
+  draw_field_on_the_document: 'Feld {field} auf dem Dokument zeichnen',
+  click_to_upload: 'Klicken Sie zum Hochladen',
+  or_drag_and_drop_files: 'oder Dateien hierher ziehen',
+  uploading: 'Hochladen',
+  processing_: 'Verarbeitung...',
+  add_pdf_documents_or_images: 'PDF-Dokumente oder Bilder hinzufügen',
+  add_documents_or_images: 'Dokumente oder Bilder hinzufügen',
+  required: 'Erforderlich',
+  default_value: 'Standardwert',
+  format: 'Format',
+  read_only: 'Nur lesen',
+  page: 'Seite',
+  draw_new_area: 'Neuen Bereich zeichnen',
+  copy_to_all_pages: 'Auf alle Seiten kopieren',
+  add_option: 'Option hinzufügen',
+  option: 'Option',
+  first_party: 'Erste Partei',
+  second_party: 'Zweite Partei',
+  third_party: 'Dritte Partei',
+  fourth_party: 'Vierte Partei',
+  fifth_party: 'Fünfte Partei',
+  sixth_party: 'Sechste Partei',
+  seventh_party: 'Siebte Partei',
+  eighth_party: 'Achte Partei',
+  ninth_party: 'Neunte Partei',
+  tenth_party: 'Zehnte Partei',
+  eleventh_party: 'Elfte Partei',
+  twelfth_party: 'Zwölfte Partei',
+  thirteenth_party: 'Dreizehnte Partei',
+  fourteenth_party: 'Vierzehnte Partei',
+  fifteenth_party: 'Fünfzehnte Partei',
+  sixteenth_party: 'Sechzehnte Partei',
+  seventeenth_party: 'Siebzehnte Partei',
+  eighteenth_party: 'Achtzehnte Partei',
+  nineteenth_party: 'Neunzehnte Party',
+  twentieth_party: 'Zwanzigste Party',
+  draw: 'Zeichnen',
+  add: 'Hinzufügen',
+  or_add_field_without_drawing: 'Oder Feld ohne Zeichnung hinzufügen',
+  text: 'Text',
+  signature: 'Unterschrift',
+  initials: 'Initialen',
+  date: 'Datum',
+  number: 'Nummer',
+  image: 'Bild',
+  file: 'Datei',
+  select: 'Auswählen',
+  checkbox: 'Checkbox',
+  multiple: 'Mehrere',
+  radio: 'Radio',
+  cells: 'Zellen',
+  stamp: 'Stempel',
+  payment: 'Zahlung',
+  phone: 'Telefon',
+  field: 'Feld',
+  group: 'Gruppe',
+  draw_a_text_field_on_the_page_with_a_mouse: 'Textfeld auf der Seite mit der Maus zeichnen',
+  drag_and_drop_any_other_field_type_on_the_page: 'Ziehe und lasse einen anderen Feldtyp auf die Seite fallen',
+  click_on_the_field_type_above_to_start_drawing_it: 'Klicke auf den Feldtyp oben, um mit dem Zeichnen zu beginnen',
+  please_draw_fields_to_prepare_the_document: 'Bitte zeichne Felder, um das Dokument vorzubereiten.',
+  only_pdf_and_images_are_supported: 'Nur PDFs und Bilder werden unterstützt.',
+  unlock_sms_verified_phone_number_field_with_paid_plan_use_text_field_for_phone_numbers_without_verification: 'Schalte das SMS-verifizierte Telefonnummernfeld mit einem kostenpflichtigen Plan frei. Verwende das Textfeld für Telefonnummern ohne Verifizierung.',
+  available_only_in_pro: 'Nur in Pro verfügbar',
+  failed_to_download_files: 'Fehler beim Herunterladen der Dateien',
+  signature_is_too_small_please_redraw: 'Die Unterschrift ist zu klein. Bitte erneut zeichnen.',
+  please_add_fields_for_the_submitter_name_or_remove_the_submitter_name_if_not_needed: 'Bitte füge Felder für {submitter_name} hinzu oder entferne {submitter_name}, falls nicht erforderlich.',
+  draw_field: 'Feld {field} zeichnen',
+  replace: 'Ersetzen',
+  uploading_: 'Hochladen...',
+  add_document: 'Hochladen',
+  any: 'Jede',
+  drawn: 'Gezeichnet',
+  typed: 'Getippt',
+  none: 'Keine',
+  ssn: 'SSN',
+  ein: 'EIN',
+  email: 'E-Mail',
+  url: 'URL',
+  zip: 'ZIP',
+  custom: 'Benutzerdefiniert',
+  numbers_only: 'Nur Zahlen',
+  letters_only: 'Nur Buchstaben',
+  regexp_validation: 'Regulärer Ausdruck Überprüfung',
+  enter_pdf_password: 'Geben Sie das PDF-Passwort ein',
+  wrong_password: 'Falsches Passwort',
+  currency: 'Währung',
+  save_and_preview: 'Speichern und Vorschau',
+  preferences: 'Einstellungen',
+  available_in_pro: 'In Pro verfügbar',
+  some_fields_are_missing_in_the_formula: 'Einige Felder fehlen in der Formel.',
+  learn_more: 'Erfahren Sie mehr'
+}
+
+export { en, es, it, pt, fr, de }

app/javascript/template_builder/import_list.vue

@@ -3,7 +3,7 @@
     <div v-if="selectedSheetIndex === null && spreadsheet">
       <form @submit.prevent="[selectedSheetIndex = $refs.selectWorksheet.value, buildDefaultMappings()]">
         <label class="label">
-          Select Worksheet
+          {{ t('select_worksheet') }}
         </label>
         <select
           ref="selectWorksheet"
@@ -18,7 +18,7 @@
           </option>
         </select>
         <button class="base-button mt-4 w-full">
-          Open
+          {{ t('open') }}
         </button>
       </form>
     </div>
@@ -36,10 +36,10 @@
         </div>
         <div class="flex">
           <div class="relative w-full py-2 px-2 text-sm">
-            Recipient field
+            {{ t('recipient_field') }}
           </div>
           <div class="relative w-full py-2 pl-4 text-sm">
-            Spreadsheet column
+            {{ t('spreadsheet_column') }}
           </div>
         </div>
         <div
@@ -58,7 +58,7 @@
                 value=""
                 :selected="!mapping.field_name"
               >
-                Select Field
+                {{ t('select_field') }}
               </option>
               <option
                 v-for="(field, index) in selectFieldsForSubmitter(submitter)"
@@ -83,7 +83,7 @@
                   value=""
                   :selected="mapping.column_index == null"
                 >
-                  Select Column
+                  {{ t('select_column') }}
                 </option>
                 <template
                   v-for="(column, index) in columns"
@@ -118,8 +118,8 @@
             </div>
             <div class="flex items-center pl-1">
               <span
-                class="tooltip tooltip-top"
-                data-tip="Remove"
+                class="tooltip tooltip-left"
+                :data-tip="t('remove')"
               >
                 <button
                   :disabled="mappings.filter((m) => m.submitter_uuid === submitter.uuid).length < 2"
@@ -138,7 +138,7 @@
             @click.prevent="addMapping(submitter)"
           >
             <IconPlus class="w-4 h-4" />
-            New Field Mapping
+            {{ t('new_field_mapping') }}
           </button>
         </div>
       </div>
@@ -152,7 +152,7 @@
       <div
         class="px-3 border-y py-2 border-base-300 text-center w-full text-sm font-semibold"
       >
-        Total entries: {{ submissionsData.length }}
+        {{ t('total_entries') }}: {{ submissionsData.length }}
         <template v-if="multitenant && submissionsData.length >= 1000">
           / 1000
         </template>
@@ -187,10 +187,10 @@
               <div
                 class="font-medium text-lg mb-1"
               >
-                Upload CSV or XLSX Spreadsheet
+                {{ t('upload_csv_or_xlsx_spreadsheet') }}
               </div>
               <div class="text-sm">
-                <span class="font-medium">Click to Upload</span> or drag and drop files.
+                <span class="font-medium">{{ t('click_to_upload') }}</span> {{ t('or_drag_and_drop_files') }}
               </div>
             </div>
           </div>
@@ -210,11 +210,11 @@
         </label>
       </div>
       <div class="text-center mt-2">
-        Or <a
+        {{ t('or') }} <a
           :download="`${template.name}.csv`"
           :href="`data:text/csv;base64,${csvBase64}`"
           class="link font-medium"
-        >download</a> a spreadsheet to fill and import
+        >{{ t('download') }}</a> {{ t('a_sample_spreadsheet_to_fill_and_import') }}
       </div>
     </div>
   </div>
@@ -248,6 +248,11 @@ export default {
       type: String,
       required: false,
       default: ''
+    },
+    i18n: {
+      type: Object,
+      required: false,
+      default: () => ({})
     }
   },
   data () {
@@ -354,6 +359,9 @@ export default {
     }
   },
   methods: {
+    t (key) {
+      return this.i18n[key] || key
+    },
     onDropFiles (e) {
       this.uploadFile(e.dataTransfer.files[0])
     },

app/javascript/template_builder/payment_settings.vue

@@ -43,7 +43,7 @@
           class="absolute -top-1 left-2.5 px-1 h-4"
           style="font-size: 8px"
         >
-          Currency
+          {{ t('currency') }}
         </label>
       </div>
       <div
@@ -72,7 +72,7 @@
           class="absolute -top-1 left-2.5 px-1 h-4"
           style="font-size: 8px"
         >
-          Price
+          {{ t('price') }}
         </label>
       </div>
       <div
@@ -156,7 +156,7 @@
           href="https://www.docuseal.co/blog/accept-payments-and-request-signatures-with-ease"
           target="_blank"
           data-turbo="false"
-        >Learn more</a>
+        >{{ t('learn_more') }}</a>
       </div>
       <li class="mb-1">
         <label

app/javascript/template_builder/upload.vue

@@ -90,10 +90,10 @@ export default {
           })
         } else if (resp.status === 422) {
           resp.json().then((data) => {
-            if (data.error === 'PDF encrypted') {
+            if (data.status === 'pdf_encrypted') {
               const formData = new FormData(this.$refs.form)
 
-              formData.append('password', prompt('Enter PDF password'))
+              formData.append('password', prompt(this.t('enter_pdf_password')))
 
               this.baseFetch(`/templates/${this.templateId}/documents`, {
                 method: 'POST',
@@ -103,7 +103,7 @@ export default {
                   this.$emit('success', await resp.json())
                   this.$refs.input.value = ''
                 } else {
-                  alert('Wrong password')
+                  alert(this.t('wrong_password'))
                 }
               })
             }

app/mailers/submitter_mailer.rb

@@ -4,8 +4,6 @@ class SubmitterMailer < ApplicationMailer
   MAX_ATTACHMENTS_SIZE = 10.megabytes
   SIGN_TTL = 1.hour + 20.minutes
 
-  DEFAULT_INVITATION_SUBJECT = 'You are invited to submit a form'
-
   NO_REPLY_REGEXP = /no-?reply@/i
 
   def invitation_email(submitter)
@@ -21,23 +19,27 @@ class SubmitterMailer < ApplicationMailer
 
     @email_config = AccountConfigs.find_for_account(@current_account, AccountConfig::SUBMITTER_INVITATION_EMAIL_KEY)
 
-    subject =
-      if @email_config || @subject
-        ReplaceEmailVariables.call(@subject || @email_config.value['subject'], submitter:)
-      else
-        DEFAULT_INVITATION_SUBJECT
-      end
-
     assign_message_metadata('submitter_invitation', @submitter)
 
     reply_to = build_submitter_reply_to(@submitter)
 
-    mail(
-      to: @submitter.friendly_name,
-      from: from_address_for_submitter(submitter),
-      subject:,
-      reply_to:
-    )
+    I18n.with_locale(@current_account.locale) do
+      subject =
+        if @email_config || @subject
+          ReplaceEmailVariables.call(@subject || @email_config.value['subject'], submitter:)
+        elsif @submitter.with_signature_fields?
+          I18n.t(:you_are_invited_to_sign_a_document)
+        else
+          I18n.t(:you_are_invited_to_submit_a_form)
+        end
+
+      mail(
+        to: @submitter.friendly_name,
+        from: from_address_for_submitter(submitter),
+        subject:,
+        reply_to:
+      )
+    end
   end
 
   def completed_email(submitter, user, to: nil)
@@ -64,18 +66,17 @@ class SubmitterMailer < ApplicationMailer
     @body = @submitter.template.preferences['completed_notification_email_body'].presence
     @body ||= @email_config.value['body'] if @email_config
 
-    subject =
-      if @subject.present?
-        ReplaceEmailVariables.call(@subject, submitter:)
-      else
-        build_completed_subject(submitter)
-      end
-
     assign_message_metadata('submitter_completed', @submitter)
 
-    mail(from: from_address_for_submitter(submitter),
-         to: to || (user.role == 'integration' ? user.friendly_name.sub(/\+\w+@/, '@') : user.friendly_name),
-         subject:)
+    I18n.with_locale(@current_account.locale) do
+      subject =
+        ReplaceEmailVariables.call(@subject.presence || I18n.t(:template_name_has_been_completed_by_submitters),
+                                   submitter:)
+
+      mail(from: from_address_for_submitter(submitter),
+           to: to || normalize_user_email(user),
+           subject:)
+    end
   end
 
   def declined_email(submitter, user)
@@ -86,7 +87,7 @@ class SubmitterMailer < ApplicationMailer
 
     assign_message_metadata('submitter_declined', @submitter)
 
-    I18n.with_locale(submitter.account.locale) do
+    I18n.with_locale(@current_account.locale) do
       mail(from: from_address_for_submitter(submitter),
            to: user.role == 'integration' ? user.friendly_name.sub(/\+\w+@/, '@') : user.friendly_name,
            reply_to: @submitter.friendly_name,
@@ -116,21 +117,22 @@ class SubmitterMailer < ApplicationMailer
     @body = @submitter.template.preferences['documents_copy_email_body'].presence
     @body ||= @email_config.value['body'] if @email_config
 
-    subject =
-      if @subject.present?
-        ReplaceEmailVariables.call(@subject, submitter:)
-      else
-        'Your document copy'
-      end
-
     assign_message_metadata('submitter_documents_copy', @submitter)
-
     reply_to = build_submitter_reply_to(submitter)
 
-    mail(from: from_address_for_submitter(submitter),
-         to: to || @submitter.friendly_name,
-         reply_to:,
-         subject:)
+    I18n.with_locale(@current_account.locale) do
+      subject =
+        if @subject.present?
+          ReplaceEmailVariables.call(@subject, submitter:)
+        else
+          I18n.t(:your_document_copy)
+        end
+
+      mail(from: from_address_for_submitter(submitter),
+           to: to || @submitter.friendly_name,
+           reply_to:,
+           subject:)
+    end
   end
 
   private
@@ -145,12 +147,6 @@ class SubmitterMailer < ApplicationMailer
     reply_to
   end
 
-  def build_completed_subject(submitter)
-    submitters = submitter.submission.submitters.order(:completed_at)
-                          .map { |e| e.name || e.email || e.phone }.join(', ')
-    %(#{submitter.submission.template.name} has been completed by #{submitters})
-  end
-
   def add_completed_email_attachments!(submitter, with_audit_log: true, with_documents: true)
     documents = with_documents ? Submitters.select_attachments_for_download(submitter) : []
 
@@ -181,6 +177,10 @@ class SubmitterMailer < ApplicationMailer
     documents
   end
 
+  def normalize_user_email(user)
+    user.role == 'integration' ? user.friendly_name.sub(/\+\w+@/, '@') : user.friendly_name
+  end
+
   def add_attachments_with_size_limit(storage_attachments, current_size)
     total_size = current_size
 

app/models/account_config.rb

@@ -43,29 +43,23 @@ class AccountConfig < ApplicationRecord
   COMBINE_PDF_RESULT_KEY = 'combine_pdf_result_key'
 
   DEFAULT_VALUES = {
-    SUBMITTER_INVITATION_EMAIL_KEY => {
-      'subject' => 'You are invited to submit a form',
-      'body' => "Hi there,\n\n" \
-                "You have been invited to submit the \"{{template.name}}\" form.\n\n" \
-                "{{submitter.link}}\n\n" \
-                "Please contact us by replying to this email if you didn't request this.\n\n" \
-                "Thanks,\n" \
-                '{{account.name}}'
+    SUBMITTER_INVITATION_EMAIL_KEY => lambda {
+      {
+        'subject' => I18n.t(:you_are_invited_to_sign_a_document),
+        'body' => I18n.t(:submitter_invitation_email_sign_body)
+      }
     },
-    SUBMITTER_COMPLETED_EMAIL_KEY => {
-      'subject' => '{{template.name}} has been completed by {{submission.submitters}}',
-      'body' => "Hi,\n\n" \
-                "\"{{template.name}}\" form has been completed by {{submission.submitters}}\n\n" \
-                '{{submission.link}}'
+    SUBMITTER_COMPLETED_EMAIL_KEY => lambda {
+      {
+        'subject' => I18n.t(:template_name_has_been_completed_by_submitters),
+        'body' => I18n.t(:submitter_completed_email_body)
+      }
     },
-    SUBMITTER_DOCUMENTS_COPY_EMAIL_KEY => {
-      'subject' => 'Your document copy',
-      'body' => "Hi there,\n\n" \
-                "Please check the copy of your \"{{template.name}}\" submission in the email attachments.\n" \
-                "Alternatively, you can download your copy using:\n\n" \
-                "{{documents.link}}\n\n" \
-                "Thanks,\n" \
-                '{{account.name}}'
+    SUBMITTER_DOCUMENTS_COPY_EMAIL_KEY => lambda {
+      {
+        'subject' => I18n.t(:your_document_copy),
+        'body' => I18n.t(:submitter_documents_copy_email_body)
+      }
     }
   }.freeze
 

app/models/submission_event.rb

@@ -47,6 +47,7 @@ class SubmissionEvent < ApplicationRecord
     phone_verified: 'phone_verified',
     start_form: 'start_form',
     view_form: 'view_form',
+    invite_party: 'invite_party',
     complete_form: 'complete_form',
     decline_form: 'decline_form',
     api_complete_form: 'api_complete_form'

app/models/submitter.rb

@@ -86,14 +86,22 @@ class Submitter < ApplicationRecord
   end
 
   def first_name
-    name.split(/\s+/, 2).first
+    name&.split(/\s+/, 2)&.first
   end
 
   def last_name
-    name.split(/\s+/, 2).last
+    name&.split(/\s+/, 2)&.last
   end
 
   def status_event_at
     declined_at || completed_at || opened_at || sent_at || created_at
   end
+
+  def with_signature_fields?
+    @with_signature_fields ||= begin
+      fields = submission.template_fields || template.fields
+      signature_field_types = %w[signature initials]
+      fields.any? { |f| f['submitter_uuid'] == uuid && signature_field_types.include?(f['type']) }
+    end
+  end
 end

app/models/template.rb

@@ -46,7 +46,7 @@ class Template < ApplicationRecord
   attribute :preferences, :string, default: -> { {} }
   attribute :fields, :string, default: -> { [] }
   attribute :schema, :string, default: -> { [] }
-  attribute :submitters, :string, default: -> { [{ name: DEFAULT_SUBMITTER_NAME, uuid: SecureRandom.uuid }] }
+  attribute :submitters, :string, default: -> { [{ name: I18n.t(:first_party), uuid: SecureRandom.uuid }] }
   attribute :slug, :string, default: -> { SecureRandom.base58(14) }
   attribute :source, :string, default: 'native'
 

app/views/accounts/show.html.erb

@@ -1,23 +1,25 @@
 <div class="flex flex-wrap space-y-4 md:flex-nowrap md:space-y-0">
   <%= render 'shared/settings_nav' %>
   <div class="flex-grow max-w-xl mx-auto">
-    <h1 class="text-4xl font-bold mb-4">Account</h1>
+    <h1 class="text-4xl font-bold mb-4">
+      <%= t('account') %>
+    </h1>
     <%= form_for '', url: settings_account_path, method: :patch, html: { autocomplete: 'off', class: 'space-y-4' } do |f| %>
       <%= fields_for current_account do |ff| %>
         <div class="form-control">
-          <%= ff.label :name, 'Company Name', class: 'label' %>
+          <%= ff.label :name, t('company_name'), class: 'label' %>
           <%= ff.text_field :name, required: true, class: 'base-input', dir: 'auto' %>
         </div>
         <div class="grid md:grid-cols-2 gap-4">
           <div class="form-control">
-            <%= ff.label :timezone, class: 'label' %>
+            <%= ff.label :timezone, t('time_zone'), class: 'label' %>
             <%= ff.select :timezone, nil, {}, class: 'base-select' do %>
               <%= time_zone_options_for_select(current_account.timezone) %>
             <% end %>
           </div>
           <div class="form-control">
-            <%= ff.label :locale, 'Time format', class: 'label' %>
-            <%= ff.select :locale, options_for_select(controller.class::LOCALE_OPTIONS.invert, current_account.locale), {}, class: 'base-select' %>
+            <%= ff.label :locale, t('language'), class: 'label' %>
+            <%= ff.select :locale, options_for_select(AccountsController::LOCALE_OPTIONS.invert, current_account.locale), {}, class: 'base-select' %>
           </div>
         </div>
       <% end %>
@@ -25,27 +27,29 @@
       <% if !Docuseal.multitenant? && can?(:manage, encrypted_config) && !current_account.testing? && ENV['APP_URL'].blank? %>
         <%= fields_for encrypted_config do |ff| %>
           <div class="form-control">
-            <%= ff.label :value, 'App URL', class: 'label' %>
+            <%= ff.label :value, t('app_url'), class: 'label' %>
             <%= ff.text_field :value, autocomplete: 'off', class: 'base-input' %>
           </div>
         <% end %>
       <% end %>
       <% if can?(:update, current_account) %>
         <div class="form-control pt-2">
-          <%= f.button button_title(title: 'Update', disabled_with: 'Updating'), class: 'base-button' %>
+          <%= f.button button_title(title: t('update'), disabled_with: t('updating')), class: 'base-button' %>
         </div>
       <% end %>
     <% end %>
     <% if can?(:manage, AccountConfig) %>
       <div class="px-1 mt-8">
-        <h2 class="text-2xl font-bold mb-2">Preferences</h2>
+        <h2 class="text-2xl font-bold mb-2">
+          <%= t('preferences') %>
+        </h2>
         <% account_config = AccountConfig.find_or_initialize_by(account: current_account, key: AccountConfig::FORCE_MFA) %>
         <% if can?(:manage, account_config) %>
           <%= form_for account_config, url: account_configs_path, method: :post do |f| %>
             <%= f.hidden_field :key %>
             <div class="flex items-center justify-between py-2.5">
               <span>
-                Force 2FA with Authenticator App
+                <%= t('force_2fa_with_authenticator_app') %>
               </span>
               <%= f.check_box :value, class: 'toggle', checked: account_config.value, onchange: 'this.form.requestSubmit()' %>
             </div>
@@ -57,7 +61,7 @@
             <%= f.hidden_field :key %>
             <div class="flex items-center justify-between py-2.5">
               <span>
-                Add signature ID to the documents
+                <%= t('add_signature_id_to_the_documents') %>
               </span>
               <%= f.check_box :value, class: 'toggle', checked: account_config.value, onchange: 'this.form.requestSubmit()' %>
             </div>
@@ -69,7 +73,7 @@
             <%= f.hidden_field :key %>
             <div class="flex items-center justify-between py-2.5">
               <span>
-                Require signing reason
+                <%= t('require_signing_reason') %>
               </span>
               <%= f.check_box :value, class: 'toggle', checked: account_config.value, onchange: 'this.form.requestSubmit()' %>
             </div>
@@ -81,7 +85,7 @@
             <%= f.hidden_field :key %>
             <div class="flex items-center justify-between py-2.5">
               <span>
-                Allow typed text signatures
+                <%= t('allow_typed_text_signatures') %>
               </span>
               <%= f.check_box :value, class: 'toggle', checked: account_config.value != false, onchange: 'this.form.requestSubmit()' %>
             </div>
@@ -93,7 +97,7 @@
             <%= f.hidden_field :key %>
             <div class="flex items-center justify-between py-2.5">
               <span>
-                Allow to resubmit completed forms
+                <%= t('allow_to_resubmit_completed_forms') %>
               </span>
               <%= f.check_box :value, class: 'toggle', checked: account_config.value != false, onchange: 'this.form.requestSubmit()' %>
             </div>
@@ -105,7 +109,7 @@
             <%= f.hidden_field :key %>
             <div class="flex items-center justify-between py-2.5">
               <span>
-                Remember and pre-fill signatures
+                <%= t('remember_and_pre_fill_signatures') %>
               </span>
               <%= f.check_box :value, class: 'toggle', checked: account_config.value != false, onchange: 'this.form.requestSubmit()' %>
             </div>
@@ -117,7 +121,7 @@
             <%= f.hidden_field :key %>
             <div class="flex items-center justify-between py-2.5">
               <span>
-                Require authentication for file download links
+                <%= t('require_authentication_for_file_download_links') %>
               </span>
               <%= f.check_box :value, class: 'toggle', checked: account_config.value, onchange: 'this.form.requestSubmit()' %>
             </div>
@@ -129,7 +133,7 @@
             <%= f.hidden_field :key %>
             <div class="flex items-center justify-between py-2.5">
               <span>
-                Combine completed documents and Audit Log
+                <%= t('combine_completed_documents_and_audit_log') %>
               </span>
               <%= f.check_box :value, class: 'toggle', checked: account_config.value, onchange: 'this.form.requestSubmit()' %>
             </div>
@@ -140,8 +144,10 @@
     <%= render 'integrations' %>
     <% if can?(:manage, current_account) && Docuseal.multitenant? && true_user == current_user %>
       <div class="px-1 mt-8">
-        <h2 class="text-2xl font-bold mb-2">Danger Zone</h2>
-        <%= button_to button_title(title: 'Delete my account'), settings_account_path, class: 'btn btn-outline btn-error block', data: { turbo_confirm: 'Schedule account for deletion?' }, method: :delete, id: :account_delete_button %>
+        <h2 class="text-2xl font-bold mb-2">
+          <%= t('danger_zone') %>
+        </h2>
+        <%= button_to button_title(title: t('delete_my_account')), settings_account_path, class: 'btn btn-outline btn-error block', data: { turbo_confirm: t('schedule_account_for_deletion_') }, method: :delete, id: :account_delete_button %>
       </div>
     <% end %>
   </div>

app/views/api_settings/index.html.erb

@@ -1,8 +1,8 @@
 <div class="flex flex-wrap space-y-4 md:flex-nowrap md:space-y-0 md:space-x-10">
   <%= render 'shared/settings_nav' %>
   <div class="flex-grow">
-    <div class="flex justify-between">
-      <h1 class="text-4xl font-bold mb-4">API</h1>
+    <div class="flex flex-col gap-2 md:flex-row md:justify-between md:items-end mb-4">
+      <h1 class="text-4xl font-bold">API</h1>
       <%= render 'shared/test_mode_toggle' %>
     </div>
     <div class="card bg-base-200">
@@ -11,9 +11,9 @@
         <div class="flex flex-col md:flex-row gap-4">
           <div class="flex w-full space-x-4">
             <input id="api_key" type="text" value="<%= current_user.access_token.token %>" class="input font-mono input-bordered w-full" autocomplete="off" readonly>
-            <%= render 'shared/clipboard_copy', icon: 'copy', text: current_user.access_token.token, class: 'base-button', icon_class: 'w-6 h-6 text-white', copy_title: 'Copy', copied_title: 'Copied' %>
+            <%= render 'shared/clipboard_copy', icon: 'copy', text: current_user.access_token.token, class: 'base-button', icon_class: 'w-6 h-6 text-white', copy_title: t('copy'), copied_title: t('copied') %>
           </div>
-          <%= button_to button_title(title: 'Rotate', disabled_with: 'Rotate', icon: svg_icon('reload', class: 'w-6 h-6')), settings_api_index_path, class: 'white-button w-full', data: { turbo_confirm: 'Remove existing API token and generated a new one. Are you sure?' } %>
+          <%= button_to button_title(title: t('rotate'), disabled_with: t('rotate'), icon: svg_icon('reload', class: 'w-6 h-6')), settings_api_index_path, class: 'white-button w-full', data: { turbo_confirm: t('remove_existing_api_token_and_generated_a_new_one_are_you_sure_') } %>
         </div>
       </div>
     </div>
@@ -22,7 +22,7 @@
         <input type="checkbox">
         <div class="collapse-title text-xl font-medium">
           <div>
-            Request signature, multiple submitters with default values
+            <%= t('request_signature_multiple_submitters_with_default_values') %>
           </div>
           <div class="mt-1">
             <div class="badge badge-warning badge-lg">POST</div>
@@ -48,7 +48,7 @@
          ]
        }'<% end.to_str %>
             <span class="top-0 right-0 absolute">
-              <%= render 'shared/clipboard_copy', icon: 'copy', text:, class: 'btn btn-ghost text-white', icon_class: 'w-6 h-6 text-white', copy_title: 'Copy', copied_title: 'Copied' %>
+              <%= render 'shared/clipboard_copy', icon: 'copy', text:, class: 'btn btn-ghost text-white', icon_class: 'w-6 h-6 text-white', copy_title: t('copy'), copied_title: t('copied') %>
             </span>
             <pre data-prefix="$"><code class="overflow-hidden w-full"><%= text %></code></pre>
           </div>
@@ -58,7 +58,7 @@
         <input type="checkbox">
         <div class="collapse-title text-xl font-medium">
           <div>
-            Request signature, single submitter
+            <%= t('request_signature_single_submitter') %>
           </div>
           <div class="mt-1">
             <div class="badge badge-warning badge-lg">POST</div>
@@ -74,7 +74,7 @@
            "emails":  "<%= current_user.email.sub('@', '+test@') %>, <%= current_user.email.sub('@', '+test2@') %>"
        }'<% end.to_str %>
             <span class="top-0 right-0 absolute">
-              <%= render 'shared/clipboard_copy', icon: 'copy', text:, class: 'btn btn-ghost text-white', icon_class: 'w-6 h-6 text-white', copy_title: 'Copy', copied_title: 'Copied' %>
+              <%= render 'shared/clipboard_copy', icon: 'copy', text:, class: 'btn btn-ghost text-white', icon_class: 'w-6 h-6 text-white', copy_title: t('copy'), copied_title: t('copied') %>
             </span>
             <pre data-prefix="$"><code class="overflow-hidden w-full"><%= text %></code></pre>
           </div>
@@ -84,7 +84,7 @@
         <input type="checkbox">
         <div class="collapse-title text-xl font-medium">
           <div>
-            Template details
+            <%= t('template_details') %>
           </div>
           <div class="mt-1">
             <div class="badge badge-info badge-lg">GET</div>
@@ -96,7 +96,7 @@
             <% text = capture do %>curl '<%= api_template_url(current_account.templates&.last || 1) %>' \
        --header 'X-Auth-Token: <%= current_user.access_token.token %>'<% end.to_str %>
             <span class="top-0 right-0 absolute">
-              <%= render 'shared/clipboard_copy', icon: 'copy', text:, class: 'btn btn-ghost text-white', icon_class: 'w-6 h-6 text-white', copy_title: 'Copy', copied_title: 'Copied' %>
+              <%= render 'shared/clipboard_copy', icon: 'copy', text:, class: 'btn btn-ghost text-white', icon_class: 'w-6 h-6 text-white', copy_title: t('copy'), copied_title: t('copied') %>
             </span>
             <pre data-prefix="$"><code class="overflow-hidden w-full"><%= text %></code></pre>
           </div>
@@ -104,7 +104,7 @@
       </div>
     </div>
     <div class="text-center">
-      <%= link_to 'Open Full API Reference', "#{Docuseal::PRODUCT_URL}/docs/api", class: 'btn btn-warning text-base mt-4 px-8', target: '_blank', rel: 'noopener' %>
+      <%= link_to t('open_full_api_reference'), "#{Docuseal::PRODUCT_URL}/docs/api", class: 'btn btn-warning text-base mt-4 px-8', target: '_blank', rel: 'noopener' %>
     </div>
   </div>
 </div>

app/views/dashboard/_toggle_view.html.erb

@@ -1,10 +1,10 @@
 <form action="<%= root_path %>" method="get" class="bg-base-200 px-1.5 rounded-xl py-1 whitespace-nowrap">
-  <toggle-cookies data-value="templates" data-key="dashboard_view" class="sm:tooltip tooltip-top" data-tip="Templates">
+  <toggle-cookies data-value="templates" data-key="dashboard_view" class="sm:tooltip tooltip-top" data-tip="<%= t('templates') %>">
     <button class="<%= local_assigns[:selected] == 'submissions' ? 'btn !border !rounded-lg btn-square !p-0 !btn-sm !h-8 !w-9' : 'btn btn-neutral !rounded-lg btn-square !p-0 hover:text-neutral-300 !btn-sm !h-8 !w-9 disabled:btn-neutral' %>">
       <%= svg_icon('layout_grid', class: 'w-6 h-6 stroke-2') %>
     </button>
   </toggle-cookies>
-  <toggle-cookies data-value="submissions" data-key="dashboard_view" class="sm:tooltip tooltip-top" data-tip="Submissions">
+  <toggle-cookies data-value="submissions" data-key="dashboard_view" class="sm:tooltip tooltip-top" data-tip="<%= t('submissions') %>">
     <button class="<%= local_assigns[:selected] == 'submissions' ? 'btn btn-neutral !rounded-lg btn-square !p-0 hover:text-neutral-300 !btn-sm !h-8 !w-9' : 'btn !border !rounded-lg btn-square !p-0 !btn-sm !h-8 !w-9 disabled:btn-neutral' %>">
       <%= svg_icon('layout_list', class: 'w-6 h-6 stroke-2') %>
     </button>

app/views/devise/passwords/edit.html.erb

@@ -1,25 +1,27 @@
 <div class="max-w-lg mx-auto px-2">
-  <h1 class="text-4xl font-bold text-center mt-8">Change your password</h1>
+  <h1 class="text-4xl font-bold text-center mt-8">
+    <%= t('change_your_password') %>
+  </h1>
   <%= form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :put, class: 'space-y-6' }) do |f| %>
     <div class="space-y-2">
       <%= render 'devise/shared/error_messages', resource: %>
       <%= f.hidden_field :reset_password_token %>
       <div class="form-control">
-        <%= f.label :password, 'New password', class: 'label' %>
+        <%= f.label :password, t('new_password'), class: 'label' %>
         <%= f.password_field :password, autofocus: true, autocomplete: 'new-password', class: 'base-input' %>
         <% if @minimum_password_length %>
           <label class="label">
-            <span class="label-text">(<%= @minimum_password_length %> characters minimum)</span>
+            <span class="label-text">(<%= t('minimum_password_length_characters_minimum', minimum_password_length: @minimum_password_length) %>)</span>
           </label>
         <% end %>
       </div>
       <div class="form-control">
-        <%= f.label :password_confirmation, 'Confirm new password', class: 'label' %>
+        <%= f.label :password_confirmation, t('confirm_new_password'), class: 'label' %>
         <%= f.password_field :password_confirmation, autocomplete: 'new-password', class: 'base-input' %>
       </div>
     </div>
     <div class="form-control">
-      <%= f.button button_title(title: 'Change my password', disabled_with: 'Changing password'), class: 'base-button' %>
+      <%= f.button button_title(title: t('change_my_password'), disabled_with: t('changing_password')), class: 'base-button' %>
     </div>
   <% end %>
 </div>

app/views/devise/passwords/new.html.erb

@@ -1,15 +1,17 @@
 <div class="max-w-lg mx-auto px-2">
-  <h1 class="text-4xl font-bold text-center mt-8">Forgot your password?</h1>
+  <h1 class="text-4xl font-bold text-center mt-8">
+    <%= t('forgot_your_password_') %>
+  </h1>
   <%= form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :post, class: 'space-y-6' }) do |f| %>
     <div class="space-y-2">
       <%= render 'devise/shared/error_messages', resource: %>
       <div class="form-control">
-        <%= f.label :email, class: 'label' %>
+        <%= f.label :email, t(:email), class: 'label' %>
         <%= f.email_field :email, autofocus: true, autocomplete: 'email', class: 'base-input' %>
       </div>
     </div>
     <div class="form-control">
-      <%= f.button button_title(title: 'Reset password', disabled_with: 'Resetting password'), class: 'base-button' %>
+      <%= f.button button_title(title: t('reset_password'), disabled_with: t('resetting_password')), class: 'base-button' %>
     </div>
   <% end %>
 </div>

app/views/devise/sessions/_extra_links.html.erb

@@ -0,0 +1 @@
+

app/views/devise/sessions/otp.html.erb

@@ -1,5 +1,7 @@
 <div class="max-w-lg mx-auto px-2">
-  <h1 class="text-4xl font-bold text-center mt-8">Sign In</h1>
+  <h1 class="text-4xl font-bold text-center mt-8">
+    <%= t('sign_in') %>
+  </h1>
   <%= form_for(resource, as: resource_name, html: { class: 'space-y-6' }, data: { turbo: params[:redir].blank? }, url: session_path(resource_name)) do |f| %>
     <%= f.hidden_field :email %>
     <%= f.hidden_field :password %>
@@ -8,12 +10,12 @@
     <% end %>
     <div class="space-y-2">
       <div class="form-control">
-        <%= f.label :otp_attempt, 'Two-Factor Code from Authenticator App', class: 'label' %>
+        <%= f.label :otp_attempt, t('two_factor_code_from_authenticator_app'), class: 'label' %>
         <%= f.text_field :otp_attempt, autofocus: true, placeholder: 'XXX-XXX', required: true, class: 'base-input' %>
       </div>
     </div>
     <div class="form-control">
-      <%= f.button button_title(title: 'Sign In', disabled_with: 'Signing In'), class: 'base-button' %>
+      <%= f.button button_title(title: t('sign_in'), disabled_with: t('signing_in')), class: 'base-button' %>
     </div>
   <% end %>
 </div>

app/views/devise/shared/_links.html.erb

@@ -3,7 +3,7 @@
     <%= link_to t('already_have_an_account'), new_session_path(resource_name, { lang: params[:lang] }.compact_blank), class: 'link link-hover mx-auto' %>
   <% end %>
   <%- if devise_mapping.registerable? && controller_name != 'registrations' %>
-    <%= link_to t('create_free_account'), registration_path({ redir: params[:redir], lang: params[:lang] }.compact_blank), class: 'link link-hover' %>
+    <%= link_to t('create_free_account'), registration_path({ redir: params[:redir], lang: params[:lang] }.compact_blank), class: 'link link-hover capitalize' %>
   <% end %>
   <%- if devise_mapping.recoverable? && controller_name != 'passwords' && controller_name != 'registrations' %>
     <%= link_to t('forgot_your_password_'), new_password_path(resource_name, { lang: params[:lang] }.compact_blank), class: 'link link-hover' %>

app/views/email_smtp_settings/index.html.erb

@@ -7,31 +7,31 @@
       <%= f.fields_for :value do |ff| %>
         <div class="grid md:grid-cols-2 gap-4">
           <div class="form-control">
-            <%= ff.label :host, class: 'label' %>
+            <%= ff.label :host, 'Host', class: 'label' %>
             <%= ff.text_field :host, value: value['host'], required: true, class: 'base-input' %>
           </div>
           <div class="form-control">
-            <%= ff.label :port, class: 'label' %>
+            <%= ff.label :port, 'Port', class: 'label' %>
             <%= ff.text_field :port, value: value['port'], required: true, class: 'base-input' %>
           </div>
         </div>
         <div class="grid md:grid-cols-2 gap-4">
           <div class="form-control">
-            <%= ff.label :username, class: 'label' %>
+            <%= ff.label :username, 'Username', class: 'label' %>
             <%= ff.text_field :username, value: value['username'], class: 'base-input' %>
           </div>
           <div class="form-control">
-            <%= ff.label :password, class: 'label' %>
+            <%= ff.label :password, 'Password', class: 'label' %>
             <%= ff.password_field :password, value: value['password'], class: 'base-input' %>
           </div>
         </div>
         <div class="grid md:grid-cols-2 gap-4">
           <div class="form-control">
-            <%= ff.label :domain, 'Domain (optional)', class: 'label' %>
+            <%= ff.label :domain, "Domain (#{t('optional')})", class: 'label' %>
             <%= ff.text_field :domain, value: value['domain'], class: 'base-input' %>
           </div>
           <div class="form-control">
-            <%= ff.label :authentication, class: 'label' %>
+            <%= ff.label :authentication, 'Authentication', class: 'label' %>
             <%= ff.select :authentication, options_for_select([%w[Plain plain], %w[Login login], %w[CRAM-MD5 cram_md5]], value.fetch('authentication', 'plain')), { prompt: true }, required: true, class: 'base-select' %>
           </div>
         </div>
@@ -47,12 +47,12 @@
           </div>
         </div>
         <div class="form-control">
-          <%= ff.label :from_email, 'Send from Email', class: 'label' %>
+          <%= ff.label :from_email, t('send_from_email'), class: 'label' %>
           <%= ff.email_field :from_email, value: value['from_email'], required: true, class: 'base-input' %>
         </div>
       <% end %>
       <div class="form-control pt-2">
-        <%= f.button button_title(title: 'Save', disabled_with: 'Saving'), class: 'base-button' %>
+        <%= f.button button_title(title: t('save'), disabled_with: t('saving')), class: 'base-button' %>
       </div>
     <% end %>
   </div>

app/views/esign_settings/_default_signature_row.html.erb

@@ -0,0 +1,25 @@
+<tr scope="row" class="group">
+  <td class="flex items-center space-x-1">
+    <%= svg_icon('discount_check_filled', class: 'w-6 h-6 text-green-500') %>
+    <span class="flex items-center">
+      <%= t('docuseal_trusted_signature') %>
+      <div class="tooltip ml-1" data-tip="<%= t('sign_documents_with_trusted_certificate_provided_by_docu_seal_your_documents_and_data_are_never_shared_with_docu_seal_p_d_f_checksum_is_provided_to_generate_a_trusted_signature') %>">
+        <%= svg_icon('circle_question', class: 'w-4 h-4 stroke-1') %>
+      </div>
+    </span>
+  </td>
+  <td>
+    <a href="<%= "#{Docuseal::CLOUD_URL}/sign_up?#{{ redir: "#{Docuseal::CONSOLE_URL}/on_premise" }.to_query}" %>" class="btn btn-neutral btn-sm text-white">
+      <%= t('unlock_with_docuseal_pro') %>
+    </a>
+  </td>
+  <td>
+    <div class="tooltip" data-tip="<%= t('unlock_with_docuseal_pro') %>">
+      <%= button_to settings_esign_path, method: :put, params: { name: Docuseal::AATL_CERT_NAME }, class: 'btn btn-outline btn-neutral btn-xs whitespace-nowrap', title: t('make_default'), disabled: true do %>
+        <%= t('make_default') %>
+      <% end %>
+    </div>
+  </td>
+  <td>
+  </td>
+</tr>

app/views/esign_settings/new.html.erb

@@ -1,19 +1,21 @@
-<%= render 'shared/turbo_modal', title: 'Upload Certificate' do %>
+<%= render 'shared/turbo_modal', title: t('upload_certificate') do %>
   <%= form_for @cert_record, url: settings_esign_path, html: { class: 'space-y-4', enctype: 'multipart/form-data' }, data: { turbo_frame: :_top } do |f| %>
     <div class="space-y-2">
       <div class="form-control">
-        <%= f.label :name, class: 'label' %>
+        <%= f.label :name, t('name'), class: 'label' %>
         <%= f.text_field :name, required: true, class: 'base-input' %>
       </div>
       <div class="form-control">
-        <%= f.label :file, class: 'label' %>
-        <%= f.file_field :file, required: true %>
+        <%= f.label :file, t('file'), class: 'label' %>
+        <%= f.file_field :file, class: 'file-input file-input-bordered w-full', required: true %>
         <label class="label">
-          <span class="label-text-alt">Use a valid .der, .p12 or .pfx file.</span>
+          <span class="label-text-alt">
+            <%= t('use_a_valid_der_p12_or_pfx_file') %>
+          </span>
         </label>
       </div>
       <div class="form-control">
-        <%= f.label :password, 'Password (optional)', class: 'label' %>
+        <%= f.label :password, "#{t('password')} (#{t('optional')})", class: 'label' %>
         <%= f.password_field :password, class: 'base-input' %>
       </div>
     </div>

app/views/esign_settings/show.html.erb

@@ -2,23 +2,25 @@
   <%= render 'shared/settings_nav' %>
   <div class="md:flex-grow">
     <div class="max-w-xl">
-      <h1 class="text-4xl font-bold mb-4">PDF Signature</h1>
+      <h1 class="text-4xl font-bold mb-4">
+        <%= t('pdf_signature') %>
+      </h1>
       <div id="result">
         <p class="mb-2">
-          Upload signed PDF file to validate its signature:
+          <%= t('upload_signed_pdf_file_to_validate_its_signature_') %>
         </p>
       </div>
       <%= form_for '', url: verify_pdf_signature_index_path, method: :post, html: { enctype: 'multipart/form-data' } do |f| %>
         <%= f.button type: 'submit', class: 'flex' do %>
           <div class="disabled mb-3">
             <%= svg_icon('loader', class: 'w-5 h-5 animate-spin inline') %>
-            Analyzing...
+            <%= "#{t('analyzing')}..." %>
           </div>
         <% end %>
         <file-dropzone data-name="verify_attachments" data-submit-on-upload="true" class="w-full">
           <label for="file" class="w-full block h-32 relative bg-base-200 hover:bg-base-200/70 rounded-md border border-base-content border-dashed">
-            <div class="absolute top-0 right-0 left-0 bottom-0 flex items-center justify-center">
-              <div class="flex flex-col items-center">
+            <div class="absolute top-0 right-0 left-0 bottom-0 flex items-center justify-center p-2">
+              <div class="flex flex-col items-center text-center">
                 <span data-target="file-dropzone.icon">
                   <%= svg_icon('cloud_upload', class: 'w-10 h-10') %>
                 </span>
@@ -26,10 +28,10 @@
                   <%= svg_icon('loader', class: 'w-10 h-10 animate-spin') %>
                 </span>
                 <div class="font-medium mb-1">
-                  Verify Signed PDF
+                  <%= t('verify_signed_pdf') %>
                 </div>
                 <div class="text-xs">
-                  <span class="font-medium">Click to upload</span> or drag and drop files
+                  <%= t('click_to_upload_or_drag_and_drop_files_html') %>
                 </div>
               </div>
               <input id="file" name="files[]" class="hidden" data-action="change:file-dropzone#onSelectFiles" data-target="file-dropzone.input" type="file" accept="application/pdf" multiple>
@@ -38,12 +40,14 @@
         </file-dropzone>
       <% end %>
     </div>
-    <div class="flex justify-between items-end mb-4 mt-8">
-      <h2 class="text-3xl font-bold">Signing Certificates</h2>
+    <div class="flex flex-col md:flex-row gap-2 md:justify-between md:items-end mb-4 mt-8">
+      <h2 class="text-3xl font-bold">
+        <%= t('signing_certificates') %>
+      </h2>
       <% if can?(:create, @encrypted_config) %>
         <%= link_to new_settings_esign_path, class: 'btn btn-primary btn-md', data: { turbo_frame: 'modal' } do %>
           <%= svg_icon('plus', class: 'w-6 h-6') %>
-          <span>Upload Cert</span>
+          <span><%= t('upload_cert') %></span>
         <% end %>
       <% end %>
     </div>
@@ -53,13 +57,13 @@
         <thead class="bg-base-200">
           <tr class="text-neutral uppercase">
             <th>
-              Name
+              <%= t('name') %>
             </th>
             <th>
-              Valid To
+              <%= t('valid_to') %>
             </th>
             <th>
-              Status
+              <%= t('status') %>
             </th>
             <th class="text-right" width="1px">
             </th>
@@ -67,6 +71,7 @@
         </thead>
         <tbody>
           <% @pkcs_list.each do |item| %>
+            <% next if item['pkcs'].blank? %>
             <tr scope="row" class="group">
               <td>
                 <%= item['name'] %>
@@ -77,23 +82,26 @@
               <td>
                 <% if item['status'] == 'default' %>
                   <span class="badge badge-lg badge-info badge-outline">
-                    <%= item['status'] %>
+                    <%= t('default') %>
                   </span>
                 <% elsif can?(:update, @encrypted_config) %>
-                  <%= button_to settings_esign_path, method: :put, params: { name: item['name'] }, class: 'btn btn-outline btn-neutral btn-xs whitespace-nowrap', title: 'Delete', data: { turbo_confirm: 'Are you sure?' } do %>
-                    Make Default
+                  <%= button_to settings_esign_path, method: :put, params: { name: item['name'] }, class: 'btn btn-outline btn-neutral btn-xs whitespace-nowrap', title: t('make_default'), data: { turbo_confirm: t('are_you_sure_') } do %>
+                    <%= t('make_default') %>
                   <% end %>
                 <% end %>
               </td>
               <td>
                 <% if item['name'] != EsignSettingsController::DEFAULT_CERT_NAME && item['status'] != 'default' &&  can?(:destroy, @encrypted_config) %>
-                  <%= button_to settings_esign_path, params: { name: item['name'] }, method: :delete, class: 'btn btn-outline btn-error btn-xs', title: 'Delete', data: { turbo_confirm: 'Are you sure?' } do %>
-                    Remove
+                  <%= button_to settings_esign_path, params: { name: item['name'] }, method: :delete, class: 'btn btn-outline btn-error btn-xs', title: t('remove'), data: { turbo_confirm: t('are_you_sure_') } do %>
+                    <%= t('remove') %>
                   <% end %>
                 <% end %>
               </td>
             </tr>
           <% end %>
+          <% unless Docuseal.multitenant? %>
+            <%= render 'default_signature_row' %>
+          <% end %>
         </tbody>
       </table>
     </div>
@@ -101,24 +109,26 @@
     <% if !Docuseal.multitenant? && can?(:manage, encrypted_config) %>
       <div class="flex-grow max-w-xl">
         <div class="flex justify-between items-end mb-4 mt-8">
-          <h2 class="text-3xl font-bold">Timestamp Server</h2>
+          <h2 class="text-3xl font-bold">
+            <%= t('timestamp_server') %>
+          </h2>
         </div>
         <%= form_for encrypted_config, url: timestamp_server_index_path, method: :post, html: { autocomplete: 'off', class: 'space-y-4' } do |f| %>
           <div class="form-control">
             <%= f.label :value, class: 'label' do %>
               <span class="flex items-center space-x-1">
                 <span>
-                  Timeserver URL
+                  <%= t('timeserver_url') %>
                 </span>
-                <span class="tooltip" data-tip="URL of the trusted RFC 3161 timeserver to be used to generate timestamp signatures.">
+                <span class="tooltip" data-tip="<%= t('url_of_the_trusted_rfc_3161_timeserver_to_be_used_to_generate_timestamp_signatures') %>">
                   <%= svg_icon('info_circle', class: 'w-4 h-4') %>
                 </span>
               </span>
             <% end %>
-            <%= f.url_field :value, autocomplete: 'off', class: 'base-input', placeholder: 'URL (optional)' %>
+            <%= f.url_field :value, autocomplete: 'off', class: 'base-input', placeholder: "URL (#{t('optional')})" %>
           </div>
           <div class="form-control pt-2">
-            <%= f.button button_title(title: 'Save', disabled_with: 'Updating'), class: 'base-button' %>
+            <%= f.button button_title(title: t('save'), disabled_with: t('updating')), class: 'base-button' %>
           </div>
         <% end %>
       </div>
@@ -127,14 +137,16 @@
     <% if can?(:manage, account_config) %>
       <div class="px-1 mt-8 max-w-xl">
         <div class="flex justify-between items-end mb-4 mt-8">
-          <h2 class="text-3xl font-bold">Preferences</h2>
+          <h2 class="text-3xl font-bold">
+            <%= t('preferences') %>
+          </h2>
         </div>
         <% if can?(:manage, account_config) %>
           <%= form_for account_config, url: account_configs_path, method: :post do |f| %>
             <%= f.hidden_field :key %>
             <div class="flex items-center justify-between py-2.5">
               <span>
-                Apply multiple PDF digital signatures in the document per each signer
+                <%= t('apply_multiple_pdf_digital_signatures_in_the_document_per_each_signer') %>
               </span>
               <%= f.check_box :value, { class: 'toggle', checked: account_config.value == 'multiple', onchange: 'this.form.requestSubmit()' }, 'multiple', 'single' %>
             </div>
@@ -146,7 +158,7 @@
             <%= f.hidden_field :key %>
             <div class="flex items-center justify-between py-2.5">
               <span>
-                Remove PDF form fillable fields from the signed PDF (flatten form)
+                <%= t('remove_pdf_form_fillable_fields_from_the_signed_pdf_flatten_form') %>
               </span>
               <%= f.check_box :value, { class: 'toggle', checked: account_config.value != false, onchange: 'this.form.requestSubmit()' } %>
             </div>

app/views/icons/_discount_check_filled.html.erb

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="<%= local_assigns[:class] %>" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+  <path d="M12.01 2.011a3.2 3.2 0 0 1 2.113 .797l.154 .145l.698 .698a1.2 1.2 0 0 0 .71 .341l.135 .008h1a3.2 3.2 0 0 1 3.195 3.018l.005 .182v1c0 .27 .092 .533 .258 .743l.09 .1l.697 .698a3.2 3.2 0 0 1 .147 4.382l-.145 .154l-.698 .698a1.2 1.2 0 0 0 -.341 .71l-.008 .135v1a3.2 3.2 0 0 1 -3.018 3.195l-.182 .005h-1a1.2 1.2 0 0 0 -.743 .258l-.1 .09l-.698 .697a3.2 3.2 0 0 1 -4.382 .147l-.154 -.145l-.698 -.698a1.2 1.2 0 0 0 -.71 -.341l-.135 -.008h-1a3.2 3.2 0 0 1 -3.195 -3.018l-.005 -.182v-1a1.2 1.2 0 0 0 -.258 -.743l-.09 -.1l-.697 -.698a3.2 3.2 0 0 1 -.147 -4.382l.145 -.154l.698 -.698a1.2 1.2 0 0 0 .341 -.71l.008 -.135v-1l.005 -.182a3.2 3.2 0 0 1 3.013 -3.013l.182 -.005h1a1.2 1.2 0 0 0 .743 -.258l.1 -.09l.698 -.697a3.2 3.2 0 0 1 2.269 -.944zm3.697 7.282a1 1 0 0 0 -1.414 0l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.32 1.497l2 2l.094 .083a1 1 0 0 0 1.32 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z" stroke-width="0" fill="currentColor" />
+</svg>

app/views/invitations/edit.html.erb

@@ -1,28 +1,28 @@
 <div class="max-w-xl mx-auto px-2">
   <h1 class="flex text-4xl font-bold items-center justify-center my-8 space-x-2">
     <%= svg_icon('waving_hand', class: 'h-10 w-10') %>
-    <span>Welcome to <%= Docuseal.product_name %></span>
+    <span><%= t('welcome_to_product_name', product_name: Docuseal.product_name) %></span>
   </h1>
   <%= form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :put, class: 'space-y-6' }) do |f| %>
     <div class="space-y-2">
       <%= render 'devise/shared/error_messages', resource: %>
       <%= f.hidden_field :reset_password_token %>
       <div class="form-control">
-        <%= f.label :password, 'Set password', class: 'label' %>
+        <%= f.label :password, t('set_password'), class: 'label' %>
         <%= f.password_field :password, autofocus: true, autocomplete: 'new-password', class: 'base-input' %>
         <% if @minimum_password_length %>
           <label class="label">
-            <span class="label-text">(<%= @minimum_password_length %> characters minimum)</span>
+            <span class="label-text">(<%= t('minimum_password_length_characters_minimum', minimum_password_length: @minimum_password_length) %>)</span>
           </label>
         <% end %>
       </div>
       <div class="form-control">
-        <%= f.label :password_confirmation, 'Confirm new password', class: 'label' %>
+        <%= f.label :password_confirmation, t('confirm_password'), class: 'label' %>
         <%= f.password_field :password_confirmation, autocomplete: 'new-password', class: 'base-input' %>
       </div>
     </div>
     <div class="form-control">
-      <%= f.button button_title(title: 'Save password and Sign in', disabled_with: 'Saving'), class: 'base-button' %>
+      <%= f.button button_title(title: t('save_password_and_sign_in'), disabled_with: t('saving')), class: 'base-button' %>
     </div>
   <% end %>
 </div>

app/views/mfa_setup/_form.html.erb

@@ -1,6 +1,6 @@
 <%= form_for '', url: mfa_setup_path, data: { turbo_frame: :_top }, html: { id: 'mfa_form' } do |f| %>
   <p class="text-center">
-    Use an authenticator mobile app like Google Authenticator or 1Password to scan the QR code below.
+    <%= t('use_an_authenticator_mobile_app_like_google_authenticator_or_1password_to_scan_the_qr_code_below') %>
   </p>
   <div>
     <%== RQRCode::QRCode.new(@provision_url).as_svg(viewbox: true, svg_attributes: { class: 'md:w-80 md:h-80 my-4 mx-auto' }) %>
@@ -12,6 +12,6 @@
     </span>
   </div>
   <div class="form-control mt-4">
-    <%= f.button button_title(title: 'Save'), class: 'base-button' %>
+    <%= f.button button_title(title: t('save')), class: 'base-button' %>
   </div>
 <% end %>

app/views/mfa_setup/edit.html.erb

@@ -1,4 +1,4 @@
-<%= render 'shared/turbo_modal', title: 'Remove 2FA' do %>
+<%= render 'shared/turbo_modal', title: t('remove_2fa') do %>
   <%= form_for '', url: mfa_setup_path, method: :delete, data: { turbo_frame: :_top } do |f| %>
     <div class="form-control my-6 space-y-2">
       <%= f.text_field :otp_attempt, required: true, placeholder: 'XXX-XXX', class: 'base-input text-center' %>
@@ -7,7 +7,7 @@
       </span>
     </div>
     <div class="form-control mt-4">
-      <%= f.button button_title(title: 'Remove 2FA'), class: 'base-button' %>
+      <%= f.button button_title(title: t('remove_2fa')), class: 'base-button' %>
     </div>
   <% end %>
 <% end %>

app/views/mfa_setup/new.html.erb

@@ -1,3 +1,3 @@
-<%= render 'shared/turbo_modal', title: 'Setup 2FA' do %>
+<%= render 'shared/turbo_modal', title: t('setup_2fa') do %>
   <%= render 'mfa_setup/form' %>
 <% end %>

app/views/mfa_setup/show.html.erb

@@ -1,4 +1,6 @@
 <div class="max-w-lg mx-auto px-2">
-  <h1 class="text-4xl font-bold text-center mt-8">Setup 2FA</h1>
+  <h1 class="text-4xl font-bold text-center mt-8">
+    <%= t('setup_2fa') %>
+  </h1>
   <%= render 'mfa_setup/form' %>
 </div>

app/views/newsletters/show.html.erb

@@ -1,14 +1,14 @@
 <div class="max-w-xl mx-auto px-2">
-  <h1 class="text-4xl font-bold text-center my-8">👨‍💻 Developer Newsletters</h1>
+  <h1 class="text-4xl font-bold text-center my-8">👨‍💻 <%= t('developer_newsletters') %></h1>
   <%= form_for current_user, url: newsletter_path do |f| %>
     <div class="form-control">
-      <%= f.email_field :email, placeholder: 'Email', required: true, class: 'base-input' %>
+      <%= f.email_field :email, placeholder: t('email'), required: true, class: 'base-input' %>
     </div>
     <div class="form-control mt-4">
       <%= f.button button_title, class: 'base-button' %>
     </div>
     <div class="text-center mt-2">
-      <a href="/" class="link">Skip</a>
+      <a href="/" class="link"><%= t('skip') %></a>
     </div>
   <% end %>
 </div>

app/views/notifications_settings/_bcc_form.html.erb

@@ -4,9 +4,9 @@
     <%= f.label :value, class: 'label' do %>
       <span class="flex items-center space-x-1">
         <span>
-          Completed documents notification BCC address
+          <%= t('completed_documents_notification_bcc_address') %>
         </span>
-        <span class="tooltip" data-tip="Send email copy with completed documents to a specified BCC address.">
+        <span class="tooltip" data-tip="<%= t('send_email_copy_with_completed_documents_to_a_specified_bcc_address') %>">
           <%= svg_icon('info_circle', class: 'w-4 h-4') %>
         </span>
       </span>
@@ -14,6 +14,6 @@
     <%= tag.input type: 'email', multiple: true, name: 'account_config[value]', autocomplete: 'off', class: 'base-input', value: f.object.value %>
   </div>
   <div class="form-control pt-2">
-    <%= f.button button_title(title: 'Save', disabled_with: 'Updating'), class: 'base-button' %>
+    <%= f.button button_title(title: t('save'), disabled_with: t('updating')), class: 'base-button' %>
   </div>
 <% end %>

app/views/notifications_settings/_reminder_form.html.erb

@@ -2,29 +2,29 @@
   <%= f.hidden_field :key %>
   <div class="form-control">
     <% record = Struct.new(:first_duration, :second_duration, :third_duration).new(*(f.object.value || {}).values_at('first_duration', 'second_duration', 'third_duration')) %>
-    <% durations = Docuseal.multitenant? ? AccountConfigs::REMINDER_DURATIONS.except('one_hour', 'two_hours').invert : AccountConfigs::REMINDER_DURATIONS.invert %>
-    <div class="flex flex-col md:flex-row gap-4">
+    <% durations = (Docuseal.multitenant? ? AccountConfigs::REMINDER_DURATIONS.except('one_hour', 'two_hours') : AccountConfigs::REMINDER_DURATIONS).keys.map { |v| [t(v.underscore), v] } %>
+    <div class="flex flex-col md:flex-row gap-2">
       <div class="w-full">
         <%= f.fields_for :value, record  do |ff| %>
-          <%= ff.label :first_duration, 'First reminder in', class: 'label' %>
+          <%= ff.label :first_duration, t('first_reminder_in'), class: 'label truncate' %>
           <%= ff.select :first_duration, durations, { include_blank: 'None' }, class: 'base-select' %>
         <% end %>
       </div>
       <div class="w-full">
         <%= f.fields_for :value, record  do |ff| %>
-          <%= ff.label :second_duration, 'Second reminder in', class: 'label' %>
+          <%= ff.label :second_duration, t('second_reminder_in'), class: 'label truncate' %>
           <%= ff.select :second_duration, durations, { include_blank: 'None' }, class: 'base-select' %>
         <% end %>
       </div>
       <div class="w-full">
         <%= f.fields_for :value, record  do |ff| %>
-          <%= ff.label :third_duration, 'Third reminder in', class: 'label' %>
+          <%= ff.label :third_duration, t('third_reminder_in'), class: 'label truncate' %>
           <%= ff.select :third_duration, durations, { include_blank: 'None' }, class: 'base-select' %>
         <% end %>
       </div>
     </div>
   </div>
   <div class="form-control pt-4">
-    <%= f.button button_title(title: 'Save', disabled_with: 'Updating'), class: 'base-button' %>
+    <%= f.button button_title(title: t('save'), disabled_with: t('updating')), class: 'base-button' %>
   </div>
 <% end %>

app/views/notifications_settings/_reminder_placeholder.html.erb

@@ -1,11 +1,15 @@
 <div class="alert my-4">
   <%= svg_icon('info_circle', class: 'w-6 h-6') %>
   <div>
-    <p class="font-bold">Unlock with DocuSeal Pro</p>
+    <p class="font-bold">
+      <%= t('unlock_with_docuseal_pro') %>
+    </p>
     <p>
-      Send automatic email reminders to your recipients.
+      <%= t('send_automatic_email_reminders_to_your_recipients') %>
       <br>
-      <a class="link font-medium" target="_blank" href="<%= Docuseal.multitenant? ? console_redirect_index_path(redir: "#{Docuseal::CONSOLE_URL}/plans") : "#{Docuseal::CLOUD_URL}/sign_up?#{{ redir: "#{Docuseal::CONSOLE_URL}/on_premise" }.to_query}" %>" data-turbo="false">Learn More</a>
+      <a class="link font-medium" target="_blank" href="<%= Docuseal.multitenant? ? console_redirect_index_path(redir: "#{Docuseal::CONSOLE_URL}/plans") : "#{Docuseal::CLOUD_URL}/sign_up?#{{ redir: "#{Docuseal::CONSOLE_URL}/on_premise" }.to_query}" %>" data-turbo="false">
+        <%= t('learn_more') %>
+      </a>
     </p>
   </div>
 </div>

app/views/notifications_settings/index.html.erb

@@ -1,7 +1,9 @@
 <div class="flex flex-wrap space-y-4 md:flex-nowrap md:space-y-0">
   <%= render 'shared/settings_nav' %>
   <div class="flex-grow max-w-xl mx-auto">
-    <h1 class="text-4xl font-bold mb-4">Email Notifications</h1>
+    <h1 class="text-4xl font-bold mb-4">
+      <%= t('email_notifications') %>
+    </h1>
     <div class="mt-2 mb-1">
       <% user_config = UserConfig.find_or_initialize_by(user: current_user, key: UserConfig::RECEIVE_COMPLETED_EMAIL) %>
       <% if can?(:manage, user_config) %>
@@ -9,7 +11,7 @@
           <%= f.hidden_field :key %>
           <div class="flex items-center justify-between">
             <span>
-              Receive notification emails on completed submission
+              <%= t('receive_notification_emails_on_completed_submission') %>
             </span>
             <%= f.check_box :value, class: 'toggle', checked: user_config.value != false, onchange: 'this.form.requestSubmit()' %>
           </div>
@@ -18,7 +20,9 @@
     </div>
     <%= render 'bcc_form', config: @bcc_config %>
     <div class="flex justify-between items-end mb-4 mt-8">
-      <h2 class="text-3xl font-bold">Sign Request Email Reminders</h2>
+      <h2 class="text-3xl font-bold">
+        <%= t('sign_request_email_reminders') %>
+      </h2>
     </div>
     <%= render 'reminder_banner' %>
     <%= render 'reminder_form', config: @reminder_config %>

app/views/personalization_settings/_documents_copy_email_form.html.erb

@@ -1,8 +1,8 @@
 <div class="collapse collapse-plus bg-base-200 overflow-visible">
   <input type="checkbox">
-  <div class="collapse-title text-xl font-medium">
+  <div class="collapse-title text-xl font-medium capitalize">
     <div>
-      Documents Copy Email
+      <%= t('documents_copy_email') %>
     </div>
   </div>
   <div class="collapse-content">
@@ -10,13 +10,13 @@
       <%= f.hidden_field :key %>
       <%= f.fields_for :value, Struct.new(:subject, :body, :attach_audit_log).new(*f.object.value.values_at('subject', 'body', 'attach_audit_log')) do |ff| %>
         <div class="form-control">
-          <%= ff.label :subject, class: 'label' %>
+          <%= ff.label :subject, t('subject'), class: 'label' %>
           <%= ff.text_field :subject, required: true, class: 'base-input', dir: 'auto' %>
         </div>
         <div class="form-control">
           <div class="flex items-center">
-            <%= ff.label :body, class: 'label' %>
-            <span class="tooltip" data-tip="Use following placeholders text: <%= AccountConfig::DEFAULT_VALUES.dig(AccountConfig::SUBMITTER_DOCUMENTS_COPY_EMAIL_KEY, 'body').scan(/{{.*?}}/).join(', ') %>">
+            <%= ff.label :body, t('body'), class: 'label' %>
+            <span class="tooltip" data-tip="<%= t('use_following_placeholders_text_') %> <%= AccountConfig::DEFAULT_VALUES[AccountConfig::SUBMITTER_DOCUMENTS_COPY_EMAIL_KEY].call['body'].scan(/{.*?}/).join(', ') %>">
               <%= svg_icon('info_circle', class: 'w-4 h-4') %>
             </span>
           </div>
@@ -26,13 +26,13 @@
         </div>
         <div class="flex items-center justify-between py-2.5 mx-1">
           <span>
-            Attach audit log PDF
+            <%= t('attach_audit_log_pdf') %>
           </span>
           <%= ff.check_box :attach_audit_log, { checked: ff.object.attach_audit_log != false, class: 'toggle' }, 'true', 'false' %>
         </div>
       <% end %>
       <div class="form-control pt-2">
-        <%= f.button button_title(title: 'Save', disabled_with: 'Saving'), class: 'base-button' %>
+        <%= f.button button_title(title: t('save'), disabled_with: t('saving')), class: 'base-button' %>
       </div>
     <% end %>
   </div>

app/views/personalization_settings/_form_completed_button_form.html.erb

@@ -2,7 +2,7 @@
   <input type="checkbox">
   <div class="collapse-title text-xl font-medium">
     <div>
-      Completed Form Redirect Button
+      <%= t('completed_form_redirect_button') %>
     </div>
   </div>
   <div class="collapse-content">
@@ -10,16 +10,16 @@
       <%= f.hidden_field :key %>
       <%= f.fields_for :value, Struct.new(:title, :url).new(*(f.object.value || {}).values_at('title', 'url')) do |ff| %>
         <div class="form-control">
-          <%= ff.label :title, 'Button title', class: 'label' %>
+          <%= ff.label :title, t('button_title'), class: 'label' %>
           <%= ff.text_field :title, class: 'base-input', dir: 'auto' %>
         </div>
         <div class="form-control">
-          <%= ff.label :url, 'Button URL', class: 'label' %>
+          <%= ff.label :url, t('button_url'), class: 'label' %>
           <%= ff.url_field :url, class: 'base-input' %>
         </div>
       <% end %>
       <div class="form-control pt-2">
-        <%= f.button button_title(title: 'Save', disabled_with: 'Saving'), class: 'base-button' %>
+        <%= f.button button_title(title: t('save'), disabled_with: t('saving')), class: 'base-button' %>
       </div>
     <% end %>
   </div>

app/views/personalization_settings/_form_completed_message_form.html.erb

@@ -2,7 +2,7 @@
   <input type="checkbox">
   <div class="collapse-title text-xl font-medium">
     <div>
-      Completed Form Message
+      <%= t('completed_form_message') %>
     </div>
   </div>
   <div class="collapse-content">
@@ -10,18 +10,18 @@
       <%= f.hidden_field :key %>
       <%= f.fields_for :value, Struct.new(:title, :body).new(*(f.object.value || {}).values_at('title', 'body')) do |ff| %>
         <div class="form-control">
-          <%= ff.label :title, 'Title', class: 'label' %>
+          <%= ff.label :title, t('title'), class: 'label' %>
           <%= ff.text_field :title, class: 'base-input', dir: 'auto' %>
         </div>
         <div class="form-control">
-          <%= ff.label :body, 'Body', class: 'label' %>
+          <%= ff.label :body, t('body'), class: 'label' %>
           <autoresize-textarea>
             <%= ff.text_area :body, class: 'base-input w-full py-2', dir: 'auto' %>
           </autoresize-textarea>
         </div>
       <% end %>
       <div class="form-control pt-2">
-        <%= f.button button_title(title: 'Save', disabled_with: 'Saving'), class: 'base-button' %>
+        <%= f.button button_title(title: t('save'), disabled_with: t('saving')), class: 'base-button' %>
       </div>
     <% end %>
   </div>

app/views/personalization_settings/_form_toggle_options.html.erb

@@ -5,7 +5,7 @@
       <%= f.hidden_field :key %>
       <div class="flex items-center justify-between py-2.5">
         <span>
-          Show confetti on successful completion
+          <%= t('show_confetti_on_successful_completion') %>
         </span>
         <%= f.check_box :value, { class: 'toggle', checked: account_config.value != false, onchange: 'this.form.requestSubmit()' }, '1', '0' %>
       </div>

app/views/personalization_settings/_logo_placeholder.html.erb

@@ -1,11 +1,15 @@
 <div class="alert my-4">
   <%= svg_icon('info_circle', class: 'w-6 h-6') %>
   <div>
-    <p class="font-bold">Unlock with DocuSeal Pro</p>
+    <p class="font-bold">
+      <%= t('unlock_with_docuseal_pro') %>
+    </p>
     <p>
-      Display your company name and logo when signing documents.
+      <%= t('display_your_company_name_and_logo_when_signing_documents') %>
       <br>
-      <a class="link font-medium" target="_blank" href="<%= Docuseal.multitenant? ? console_redirect_index_path(redir: "#{Docuseal::CONSOLE_URL}/plans") : "#{Docuseal::CLOUD_URL}/sign_up?#{{ redir: "#{Docuseal::CONSOLE_URL}/on_premise" }.to_query}" %>" data-turbo="false">Learn More</a>
+      <a class="link font-medium" target="_blank" href="<%= Docuseal.multitenant? ? console_redirect_index_path(redir: "#{Docuseal::CONSOLE_URL}/plans") : "#{Docuseal::CLOUD_URL}/sign_up?#{{ redir: "#{Docuseal::CONSOLE_URL}/on_premise" }.to_query}" %>" data-turbo="false">
+        <%= t('learn_more') %>
+      </a>
     </p>
   </div>
 </div>

app/views/personalization_settings/_signature_request_email_form.html.erb

@@ -1,8 +1,8 @@
 <div class="collapse collapse-plus bg-base-200 overflow-visible">
   <input type="checkbox">
-  <div class="collapse-title text-xl font-medium">
+  <div class="collapse-title text-xl font-medium capitalize">
     <div>
-      Signature Request Email
+      <%= t('signature_request_email') %>
     </div>
   </div>
   <div class="collapse-content">
@@ -10,13 +10,13 @@
       <%= f.hidden_field :key %>
       <%= f.fields_for :value, Struct.new(:subject, :body).new(*f.object.value.values_at('subject', 'body')) do |ff| %>
         <div class="form-control">
-          <%= ff.label :subject, class: 'label' %>
+          <%= ff.label :subject, t('subject'), class: 'label' %>
           <%= ff.text_field :subject, required: true, class: 'base-input', dir: 'auto' %>
         </div>
         <div class="form-control">
           <div class="flex items-center">
-            <%= ff.label :body, class: 'label' %>
-            <span class="tooltip" data-tip="Use following placeholders text: <%= AccountConfig::DEFAULT_VALUES.dig(AccountConfig::SUBMITTER_INVITATION_EMAIL_KEY, 'body').scan(/{{.*?}}/).join(', ') %>">
+            <%= ff.label :body, t('body'), class: 'label' %>
+            <span class="tooltip" data-tip="<%= t('use_following_placeholders_text_') %> <%= AccountConfig::DEFAULT_VALUES[AccountConfig::SUBMITTER_INVITATION_EMAIL_KEY].call['body'].scan(/{.*?}/).join(', ') %>">
               <%= svg_icon('info_circle', class: 'w-4 h-4') %>
             </span>
           </div>
@@ -26,7 +26,7 @@
         </div>
       <% end %>
       <div class="form-control pt-2">
-        <%= f.button button_title(title: 'Save', disabled_with: 'Saving'), class: 'base-button' %>
+        <%= f.button button_title(title: t('save'), disabled_with: t('saving')), class: 'base-button' %>
       </div>
     <% end %>
   </div>

app/views/personalization_settings/_submitter_completed_email_form.html.erb

@@ -1,8 +1,8 @@
 <div class="collapse collapse-plus bg-base-200 overflow-visible">
   <input type="checkbox">
-  <div class="collapse-title text-xl font-medium">
+  <div class="collapse-title text-xl font-medium capitalize">
     <div>
-      Completed Notification Email
+      <%= t('completed_notification_email') %>
     </div>
   </div>
   <div class="collapse-content">
@@ -11,8 +11,8 @@
       <%= f.fields_for :value, Struct.new(:subject, :body, :attach_audit_log, :attach_documents).new(*f.object.value.values_at('subject', 'body', 'attach_audit_log', 'attach_documents')) do |ff| %>
         <div class="form-control">
           <div class="flex items-center">
-            <%= ff.label :subject, class: 'label' %>
-            <span class="tooltip" data-tip="Use following placeholders text: <%= AccountConfig::DEFAULT_VALUES.dig(AccountConfig::SUBMITTER_COMPLETED_EMAIL_KEY, 'subject').scan(/{{.*?}}/).join(', ') %>">
+            <%= ff.label :subject, t('subject'), class: 'label' %>
+            <span class="tooltip" data-tip="<%= t('use_following_placeholders_text_') %> <%= AccountConfig::DEFAULT_VALUES[AccountConfig::SUBMITTER_COMPLETED_EMAIL_KEY].call['subject'].scan(/{.*?}/).join(', ') %>">
               <%= svg_icon('info_circle', class: 'w-4 h-4') %>
             </span>
           </div>
@@ -20,8 +20,8 @@
         </div>
         <div class="form-control">
           <div class="flex items-center">
-            <%= ff.label :body, class: 'label' %>
-            <span class="tooltip" data-tip="Use following placeholders text: <%= AccountConfig::DEFAULT_VALUES.dig(AccountConfig::SUBMITTER_COMPLETED_EMAIL_KEY, 'body').scan(/{{.*?}}/).join(', ') %>">
+            <%= ff.label :body, t('body'), class: 'label' %>
+            <span class="tooltip" data-tip="<%= t('use_following_placeholders_text_') %> <%= AccountConfig::DEFAULT_VALUES[AccountConfig::SUBMITTER_COMPLETED_EMAIL_KEY].call['body'].scan(/{.*?}/).join(', ') %>">
               <%= svg_icon('info_circle', class: 'w-4 h-4') %>
             </span>
           </div>
@@ -31,19 +31,19 @@
         </div>
         <div class="flex items-center justify-between pt-2.5 mx-1">
           <span>
-            Attach documents
+            <%= t('attach_documents') %>
           </span>
           <%= ff.check_box :attach_documents, { checked: ff.object.attach_documents != false, class: 'toggle' }, 'true', 'false' %>
         </div>
         <div class="flex items-center justify-between pb-2.5 mx-1">
           <span>
-            Attach audit log PDF
+            <%= t('attach_audit_log_pdf') %>
           </span>
           <%= ff.check_box :attach_audit_log, { checked: ff.object.attach_audit_log != false, class: 'toggle' }, 'true', 'false' %>
         </div>
       <% end %>
       <div class="form-control pt-2">
-        <%= f.button button_title(title: 'Save', disabled_with: 'Saving'), class: 'base-button' %>
+        <%= f.button button_title(title: t('save'), disabled_with: t('saving')), class: 'base-button' %>
       </div>
     <% end %>
   </div>

app/views/personalization_settings/show.html.erb

@@ -1,15 +1,21 @@
 <div class="flex flex-wrap space-y-4 md:flex-nowrap md:space-y-0">
   <%= render 'shared/settings_nav' %>
   <div class="flex-grow max-w-xl mx-auto">
-    <p class="text-4xl font-bold mb-4">Email Templates</p>
+    <p class="text-4xl font-bold mb-4">
+      <%= t('email_templates') %>
+    </p>
     <div class="space-y-4">
       <%= render 'signature_request_email_form' %>
       <%= render 'documents_copy_email_form' %>
       <%= render 'submitter_completed_email_form' %>
     </div>
-    <p class="text-4xl font-bold mb-4 mt-8">Company Logo</p>
+    <p class="text-4xl font-bold mb-4 mt-8">
+      <%= t('company_logo') %>
+    </p>
     <%= render 'logo_form' %>
-    <p class="text-4xl font-bold mb-4 mt-8">Submission Form</p>
+    <p class="text-4xl font-bold mb-4 mt-8">
+      <%= t('submission_form') %>
+    </p>
     <div class="space-y-4">
       <%= render 'form_completed_message_form' %>
       <%= render 'form_completed_button_form' %>

app/views/profile/index.html.erb

@@ -1,78 +1,92 @@
 <div class="flex flex-wrap space-y-4 md:flex-nowrap md:space-y-0">
   <%= render 'shared/settings_nav' %>
   <div class="flex-grow max-w-xl mx-auto">
-    <h1 class="text-4xl font-bold mb-4">Profile</h1>
+    <h1 class="text-4xl font-bold mb-4">
+      <%= t('profile') %>
+    </h1>
     <%= form_for current_user, url: update_contact_settings_profile_index_path, method: :patch, html: { autocomplete: 'off', class: 'space-y-4' } do |f| %>
       <div class="grid md:grid-cols-2 gap-4">
         <div class="form-control">
-          <%= f.label :first_name, class: 'label' %>
+          <%= f.label :first_name, t('first_name'), class: 'label' %>
           <%= f.text_field :first_name, required: true, class: 'base-input', dir: 'auto' %>
         </div>
         <div class="form-control">
-          <%= f.label :last_name, class: 'label' %>
+          <%= f.label :last_name, t('last_name'), class: 'label' %>
           <%= f.text_field :last_name, required: true, class: 'base-input', dir: 'auto' %>
         </div>
       </div>
       <div class="form-control">
-        <%= f.label :email, 'Email', class: 'label' %>
+        <%= f.label :email, t('email'), class: 'label' %>
         <%= f.email_field :email, autocomplete: 'off', class: 'base-input' %>
       </div>
       <div class="form-control pt-2">
-        <%= f.button button_title(title: 'Update', disabled_with: 'Updating'), class: 'base-button' %>
+        <%= f.button button_title(title: t('update'), disabled_with: t('updating')), class: 'base-button' %>
       </div>
     <% end %>
     <%= render 'email_configs' %>
-    <p class="text-2xl font-bold mt-8 mb-4">Signature</p>
+    <p class="text-2xl font-bold mt-8 mb-4">
+      <%= t('signature') %>
+    </p>
     <% signature = UserConfigs.load_signature(current_user) %>
     <% if signature %>
       <div class="flex justify-center mb-4 relative">
-        <%= button_to button_title(title: 'Remove', disabled_with: 'Removing'), user_signature_path, method: :delete, class: 'right-0 top-0 absolute link' %>
+        <%= button_to button_title(title: t('remove'), disabled_with: t('removing')), user_signature_path, method: :delete, class: 'right-0 top-0 absolute link' %>
         <img src="<%= signature.url %>" style="max-height: 200px; width: auto" width="<%= signature.metadata['width'] %>" height="<%= signature.metadata['height'] %>">
       </div>
     <% end %>
-    <a href="<%= edit_user_signature_path %>" data-turbo-frame="modal" class="base-button w-full">Update Signature</a>
-    <p class="text-2xl font-bold mt-8 mb-4">Initials</p>
+    <a href="<%= edit_user_signature_path %>" data-turbo-frame="modal" class="base-button w-full">
+      <%= t('update_signature') %>
+    </a>
+    <p class="text-2xl font-bold mt-8 mb-4">
+      <%= t('initials') %>
+    </p>
     <% initials = UserConfigs.load_initials(current_user) %>
     <% if initials %>
       <div class="flex justify-center mb-4 relative">
-        <%= button_to button_title(title: 'Remove', disabled_with: 'Removing'), user_initials_path, method: :delete, class: 'right-0 top-0 absolute link' %>
+        <%= button_to button_title(title: t('remove'), disabled_with: t('removing')), user_initials_path, method: :delete, class: 'right-0 top-0 absolute link' %>
         <img src="<%= initials.url %>" style="max-height: 200px; width: auto" width="<%= initials.metadata['width'] %>" height="<%= initials.metadata['height'] %>">
       </div>
     <% end %>
-    <a href="<%= edit_user_initials_path %>" data-turbo-frame="modal" class="base-button w-full">Update Initials</a>
+    <a href="<%= edit_user_initials_path %>" data-turbo-frame="modal" class="base-button w-full">
+      <%= t('update_initials') %>
+    </a>
     <% if true_user == current_user && !current_account.testing? %>
-      <p class="text-2xl font-bold mt-8 mb-4">Change Password</p>
+      <p class="text-2xl font-bold mt-8 mb-4">
+        <%= t('change_password') %>
+      </p>
       <%= form_for current_user, url: update_password_settings_profile_index_path, method: :patch, html: { autocomplete: 'off', class: 'space-y-4' } do |f| %>
         <div class="form-control">
-          <%= f.label :password, 'New password', class: 'label' %>
+          <%= f.label :password, t('new_password'), class: 'label' %>
           <%= f.password_field :password, autocomplete: 'off', class: 'base-input' %>
         </div>
         <div class="form-control">
-          <%= f.label :password_confirmation, 'Confirm new password', class: 'label' %>
+          <%= f.label :password_confirmation, t('confirm_password'), class: 'label' %>
           <%= f.password_field :password_confirmation, autocomplete: 'off', class: 'base-input' %>
         </div>
         <div class="form-control pt-2">
-          <%= f.button button_title(title: 'Update', disabled_with: 'Updating'), class: 'base-button' %>
+          <%= f.button button_title(title: t('update'), disabled_with: t('updating')), class: 'base-button' %>
         </div>
       <% end %>
-      <p class="text-2xl font-bold mt-8 mb-4">Two-Factor Authentication</p>
+      <p class="text-2xl font-bold mt-8 mb-4">
+        <%= t('two_factor_authentication') %>
+      </p>
       <div class="space-y-4">
         <% if current_user.otp_required_for_login %>
           <p class="flex items-center space-x-1">
             <%= svg_icon('circle_check', class: 'stroke-success inline flex-none w-5 h-5') %>
             <span>
-              2FA has been configured.
+              <%= t('2fa_has_been_configured') %>
             </span>
           </p>
-          <a href="<%= edit_mfa_setup_path %>" data-turbo-frame="modal" class="white-button w-full !px-8">🔓 Remove 2FA</a>
+          <a href="<%= edit_mfa_setup_path %>" data-turbo-frame="modal" class="white-button w-full !px-8">🔓 <%= t('remove_2fa') %></a>
         <% else %>
           <p class="flex items-center space-x-1">
             <%= svg_icon('info_circle', class: 'stroke-warning inline flex-none w-5 h-5') %>
             <span>
-              2FA is not configured.
+              <%= t('2fa_is_not_configured') %>
             </span>
           </p>
-          <a href="<%= new_mfa_setup_path %>" data-turbo-frame="modal" class="base-button w-full !px-8">🔒 Set up 2FA</a>
+          <a href="<%= new_mfa_setup_path %>" data-turbo-frame="modal" class="base-button w-full !px-8">🔒 <%= t('set_up_2fa') %></a>
         <% end %>
       </div>
     <% end %>

app/views/send_submission_email/success.html.erb

@@ -5,7 +5,7 @@
         <%= render 'start_form/docuseal_logo' %>
       </div>
       <div class="text-center text-4xl font-bold">
-        Email has been sent
+        <%= t('email_has_been_sent') %>
       </div>
     </div>
   </div>

app/views/setup/index.html.erb

@@ -1,6 +1,6 @@
 <div class="max-w-xl mx-auto px-2">
   <h1 class="flex text-4xl font-bold items-center justify-center my-8 space-x-2">
-    <span>Initial Setup</span>
+    <span><%= t('initial_setup') %></span>
     <%= svg_icon('waving_hand', class: 'h-10 w-10') %>
   </h1>
   <%= form_for '', html: { class: 'space-y-6' }, url: setup_index_path do |f| %>
@@ -8,18 +8,18 @@
       <%= fields_for @user do |ff| %>
         <div class="grid gap-2 md:grid-cols-2 md:gap-4">
           <div class="form-control">
-            <%= ff.label :first_name, class: 'label' %>
+            <%= ff.label :first_name, t('first_name'), class: 'label' %>
             <%= ff.text_field :first_name, required: true, class: 'base-input' %>
           </div>
           <div class="form-control">
-            <%= ff.label :last_name, class: 'label' %>
+            <%= ff.label :last_name, t('last_name'), class: 'label' %>
             <%= ff.text_field :last_name, required: true, class: 'base-input' %>
           </div>
         </div>
       <% end %>
       <%= fields_for @user do |ff| %>
         <div class="form-control">
-          <%= ff.label :email, class: 'label' %>
+          <%= ff.label :email, t('email'), class: 'label' %>
           <%= ff.email_field :email, required: true, class: 'base-input' %>
         </div>
       <% end %>
@@ -27,13 +27,13 @@
         <set-timezone data-input-id="account_timezone"></set-timezone>
         <%= ff.hidden_field :timezone %>
         <div class="form-control">
-          <%= ff.label :name, 'Company name', class: 'label' %>
+          <%= ff.label :name, t('company_name'), class: 'label' %>
           <%= ff.text_field :name, required: true, class: 'base-input' %>
         </div>
       <% end %>
       <%= fields_for @user do |ff| %>
         <div class="form-control">
-          <%= ff.label :password, class: 'label' %>
+          <%= ff.label :password, t('password'), class: 'label' %>
           <password-input class="block relative">
             <%= ff.password_field :password, required: true, placeholder: '************', class: 'base-input w-full pr-10', data: { target: 'password-input.passwordInput' } %>
             <button data-target="password-input.togglePasswordVisibility" type="button" class="absolute inset-y-0 h-12 right-0 pr-3 flex items-center">
@@ -52,10 +52,16 @@
           <% if @encrypted_config.value.blank? %>
             <set-origin-url data-input-id="encrypted_config_value"></set-origin-url>
           <% end %>
-          <%= ff.label :value, 'App URL', class: 'label' %>
+          <%= ff.label :value, t('app_url'), class: 'label' %>
           <%= ff.text_field :value, required: true, class: 'base-input' %>
         </div>
       <% end %>
+      <%= fields_for @account do |ff| %>
+        <div class="form-control">
+          <%= ff.label :locale, t('language'), class: 'label' %>
+          <%= ff.select :locale, options_for_select(AccountsController::LOCALE_OPTIONS.invert, @account.locale), {}, class: 'base-select' %>
+        </div>
+      <% end %>
     </div>
     <div class="form-control">
       <%= f.button button_title, class: 'base-button' %>