@bigbinary/neeto-email-notifications-frontend 2.2.14 → 2.2.16

package/README.md

@@ -73,8 +73,12 @@ bundle exec rails db:migrate
 Add the engine's routes to your application's `config/routes.rb`:
 ```ruby
 # config/routes.rb
-mount NeetoEmailNotificationsEngine::Engine, at: "/neeto_email_notifications" # Or your preferred mount point
+mount NeetoEmailNotificationsEngine::Engine, at: "/neeto_email_notifications"
 ```
+**NOTE: The mount point & base URL must be `/neeto_email_notifications` and cannot be changed to any other path.**
+> **Note:** The engine uses the [`liquid`](https://github.com/Shopify/liquid)
+> gem for template rendering. This will be installed automatically as a
+> dependency.
 
 ## Configuration (Backend Engine)
 
@@ -231,6 +235,34 @@ The engine creates a table `neeto_email_notifications_engine_email_notifications
 - `is_enabled`: Boolean flag to enable/disable notifications.
 - `custom_fields`: JSONB column for additional metadata.
 - `reply_to_id`: Optional reference for reply-to configuration.
+- `type`: String column for Single Table Inheritance (STI) support.
+
+#### Default Attributes Class Method
+
+**Important:** Host applications must define the `default_attributes` class method in their custom notification models that inherit from `NeetoEmailNotificationsEngine::EmailNotification`. This method is required and will receive the `notification_holder` as a parameter. This method should return a hash with the default attributes for the email notification.
+
+Variables in the subject and message must always be wrapped like this:
+```html
+<span data-variable data-label="label" data-id="key">{{key}}</span>
+```
+
+**Example Implementation**
+
+```ruby
+def self.default_attributes(quiz)
+  {
+    send_from: Rails.application.secrets.mailer[:default_from_email],
+    notify_emails: [quiz.user.email],
+    is_enabled: true,
+    subject: "A new submission has arrived for {{quiz-name}}",
+    message: <<~HTML.squish
+      <b><span data-variable data-label="Quiz name" data-id="quiz-name">{{quiz-name}}</span></b>
+      has a new submission.<br/><br/>
+      <span data-variable data-label="All answers" data-id="all-answers">{{all-answers}}</span>
+    HTML
+  }
+end
+```
 
 ## Frontend Integration
 
@@ -256,21 +288,39 @@ yarn add @babel/runtime@^7.26.10 @bigbinary/neeto-cist@^1.0.17 @bigbinary/neeto-
 
 **Props**
 
-| Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| `emailNotificationParams` | Object | `{}` | **Required.** Parameters for fetching email notification data |
-| `title` | String | `"Email notification"` | Title displayed above the notification toggle |
-| `subTitle` | String | `"Send an email notification when a new event occurred"` | Subtitle text below the title |
-| `disabled` | Boolean | `false` | Disables the entire component |
-| `onSuccess` | Function | `noop` | Callback function triggered after successful notification update |
-| `breadcrumbs` | Array | `[]` | Breadcrumb navigation data |
-| `children` | ReactNode | `undefined` | Additional content rendered when notifications are enabled |
-| `blockNavigation` | Boolean | `false` | Shows block navigation alert for unsaved changes |
-| `helpPopoverProps` | Object | `{}` | Props for the help popover component |
-| `tooltipProps` | Object | `{}` | Props for tooltip shown when component is disabled |
-| `emailFormProps` | Object | `{}` | Props passed to the underlying EmailForm component |
-| `emailFormikProps` | Object | `{}` | Props passed to the EmailFormProvider component |
-| `emailPreviewProps` | Object | `{}` | Props passed to the EmailPreview component |
+| Prop                      | Type      | Default                                                  | Description                                                      |
+| ------------------------- | --------- | -------------------------------------------------------- | ---------------------------------------------------------------- |
+| `emailNotificationParams` | Object    | `{}`                                                     | **Required.** Parameters for fetching email notification data    |
+| `title`                   | String    | `"Email notification"`                                   | Title displayed above the notification toggle                    |
+| `notificationToggleLabel` | String    | `"Send an email notification when a new event occurred"` | The label displayed beside the notification toggle switch        |
+| `disabled`                | Boolean   | `false`                                                  | Disables the entire component                                    |
+| `onSuccess`               | Function  | `noop`                                                   | Callback function triggered after successful notification update |
+| `breadcrumbs`             | Array     | `[]`                                                     | Breadcrumb navigation data                                       |
+| `children`                | ReactNode | `undefined`                                              | Additional content rendered when notifications are enabled       |
+| `blockNavigation`         | Boolean   | `false`                                                  | Shows block navigation alert for unsaved changes                 |
+| `helpPopoverProps`        | Object    | `{}`                                                     | Props for the help popover component                             |
+| `tooltipProps`            | Object    | `{}`                                                     | Props for tooltip shown when component is disabled               |
+| `emailFormProps`          | Object    | `{}`                                                     | Props passed to the underlying EmailForm component               |
+| `emailFormikProps`        | Object    | `{}`                                                     | Props passed to the EmailFormProvider component                  |
+| `emailPreviewProps`       | Object    | `{}`                                                     | Props passed to the EmailPreview component                       |
+| `fieldsVisibility`        | Object    | `{}`                                                     | Controls which fields are visible in the email form              |
+
+#### FieldsVisibility
+
+Default visibility for each field is as follows:
+
+```js
+{
+  showSendToField: true,
+  showReplyToField: false,
+  showSendToAsRadio: false,
+  showCcField: false,
+  showBccField: false,
+}
+```
+
+You can override any of these by passing a `fieldsVisibility` prop with your
+desired values.
 
 **emailNotificationParams Object Structure**
 ```javascript
@@ -296,14 +346,14 @@ const FormSettingsPage = ({ formId }) => {
   return (
     <NeetoEmailNotificationForm
       title="Form Submission Notification"
-      subTitle="Get notified when someone submits your form"
+      notificationToggleLabel="Get notified when someone submits your form"
       emailNotificationParams={{
         notificationHolderId: formId,
         notificationHolderType: "Form",
         customFields: { notificationType: "submission" }
       }}
       emailPreviewProps={{
-        productName: "NeetoForm"
+        formatBody: message => replaceVariablesWithDummyValues(message, values),
       }}
       breadcrumbs={[
         { text: "Forms", link: "/forms" },
@@ -405,6 +455,27 @@ class Meeting < ApplicationRecord
 end
 ```
 
+### Seeding Default Email Notification Content
+It is recommended to automatically create a default email notification record for each instance of your model. This ensures the notification UI and API always have a record to fetch and update, preventing errors and missing functionality. You can use an `after_create` callback in your model to seed this record.
+
+##### Example:
+
+```ruby
+class Quiz < ApplicationRecord
+  has_many :email_notifications, as: :notification_holder,
+    class_name: "NeetoEmailNotificationsEngine::EmailNotification", dependent: :destroy
+  has_one :push_email_notification, as: :notification_holder
+
+  after_create :create_default_email_notification
+
+  private
+
+    def create_default_email_notification
+      self.create_push_email_notification!(PushEmailNotification.default_attributes(self))
+    end
+end
+```
+
 ### Using the Email Notification Service
 Create service classes that include the email notification functionality:
 

package/app/javascript/src/translations/ar.json

@@ -0,0 +1,17 @@
+{
+  "neetoEmailNotifications": {
+    "welcomeScreen": "مرحبًا بك في نيتو ويل نانو",
+    "errors": {
+      "invalidEmailAddress": "يرجى إدخال عنوان بريد إلكتروني صالح",
+      "sendFromRequired": "'البريد الإلكتروني المرسل من' مطلوب",
+      "sendToRequired": "'البريد الإلكتروني المرسل إلى' مطلوب",
+      "subjectRequired": "الموضوع مطلوب",
+      "messageRequired": "الرسالة مطلوبة"
+    },
+    "emailNotification": {
+      "title": "إشعار البريد الإلكتروني",
+      "notificationToggleLabel": "إرسال إشعار عبر البريد الإلكتروني عند حدوث حدث جديد"
+    },
+    "preview": "معاينة"
+  }
+}

package/app/javascript/src/translations/bg.json

@@ -0,0 +1,17 @@
+{
+  "neetoEmailNotifications": {
+    "welcomeScreen": "Добре дошли в neeto wheel nano",
+    "errors": {
+      "invalidEmailAddress": "Моля, въведете валиден имейл адрес",
+      "sendFromRequired": "'Изпратено от' имейл адрес е задължителен",
+      "sendToRequired": "'Изпратено до' имейл адрес е задължителен",
+      "subjectRequired": "Темата е задължителна",
+      "messageRequired": "Съобщението е задължително"
+    },
+    "emailNotification": {
+      "title": "Имейл известие",
+      "notificationToggleLabel": "Изпратете имейл известие, когато се случи ново събитие"
+    },
+    "preview": "Преглед"
+  }
+}

package/app/javascript/src/translations/ca.json

@@ -0,0 +1,17 @@
+{
+  "neetoEmailNotifications": {
+    "welcomeScreen": "Benvingut a neeto wheel nano",
+    "errors": {
+      "invalidEmailAddress": "Si us plau, introduceix una adreça de correu electrònic vàlida",
+      "sendFromRequired": "L'adreça de correu electrònic 'Enviar des de' és requerida",
+      "sendToRequired": "L'adreça de correu electrònic 'Enviar a' és requerida",
+      "subjectRequired": "El tema és requerit",
+      "messageRequired": "El missatge és requerit"
+    },
+    "emailNotification": {
+      "title": "Notificació per correu electrònic",
+      "notificationToggleLabel": "Enviar una notificació per correu electrònic quan es produeixi un nou esdeveniment"
+    },
+    "preview": "Previsualització"
+  }
+}

package/app/javascript/src/translations/cs.json

@@ -0,0 +1,17 @@
+{
+  "neetoEmailNotifications": {
+    "welcomeScreen": "Vítejte v neeto wheel nano",
+    "errors": {
+      "invalidEmailAddress": "Zadejte platnou e-mailovou adresu",
+      "sendFromRequired": "E-mailová adresa 'Odesílatel' je povinná",
+      "sendToRequired": "E-mailová adresa 'Příjemce' je povinná",
+      "subjectRequired": "Předmět je povinný",
+      "messageRequired": "Zpráva je povinná"
+    },
+    "emailNotification": {
+      "title": "E-mailová notifikace",
+      "notificationToggleLabel": "Odeslat e-mailovou notifikaci, když dojde k nové události"
+    },
+    "preview": "Náhled"
+  }
+}

package/app/javascript/src/translations/da.json

@@ -0,0 +1,17 @@
+{
+  "neetoEmailNotifications": {
+    "welcomeScreen": "Velkommen til neeto wheel nano",
+    "errors": {
+      "invalidEmailAddress": "Indtast venligst en gyldig e-mailadresse",
+      "sendFromRequired": "'Send fra' e-mailadresse er påkrævet",
+      "sendToRequired": "'Send til' e-mailadresse er påkrævet",
+      "subjectRequired": "Emne er påkrævet",
+      "messageRequired": "Besked er påkrævet"
+    },
+    "emailNotification": {
+      "title": "E-mailnotifikation",
+      "notificationToggleLabel": "Send en e-mailnotifikation, når der opstår en ny begivenhed"
+    },
+    "preview": "Forhåndsvisning"
+  }
+}

package/app/javascript/src/translations/de.json

@@ -10,8 +10,8 @@
     },
     "emailNotification": {
       "title": "E-Mail-Benachrichtigung",
-      "subTitle": "Senden Sie eine E-Mail-Benachrichtigung, wenn ein neues Ereignis auftritt"
+      "notificationToggleLabel": "Eine E-Mail-Benachrichtigung senden, wenn ein neues Ereignis aufgetreten ist"
     },
     "preview": "Vorschau"
   }
-}
+}

package/app/javascript/src/translations/en.json

@@ -10,7 +10,7 @@
     },
     "emailNotification": {
       "title": "Email notification",
-      "subTitle": "Send an email notification when a new event occurred"
+      "notificationToggleLabel": "Send an email notification when a new event occurred"
     },
     "preview": "Preview"
   }

package/app/javascript/src/translations/es-MX.json

@@ -0,0 +1,17 @@
+{
+  "neetoEmailNotifications": {
+    "welcomeScreen": "Bienvenido a neeto wheel nano",
+    "errors": {
+      "invalidEmailAddress": "Por favor, introduce una dirección de correo electrónico válida",
+      "sendFromRequired": "Se requiere una dirección de correo electrónico 'De'",
+      "sendToRequired": "Se requiere una dirección de correo electrónico 'Para'",
+      "subjectRequired": "Se requiere el asunto",
+      "messageRequired": "Se requiere el mensaje"
+    },
+    "emailNotification": {
+      "title": "Notificación por correo electrónico",
+      "notificationToggleLabel": "Enviar una notificación por correo electrónico cuando ocurra un nuevo evento"
+    },
+    "preview": "Vista previa"
+  }
+}

package/app/javascript/src/translations/es.json

@@ -10,8 +10,8 @@
     },
     "emailNotification": {
       "title": "Notificación por correo electrónico",
-      "subTitle": "Envía una notificación por correo electrónico cuando ocurra un nuevo evento"
+      "notificationToggleLabel": "Enviar una notificación por correo electrónico cuando ocurra un nuevo evento"
     },
     "preview": "Vista previa"
   }
-}
+}

package/app/javascript/src/translations/et.json

@@ -0,0 +1,17 @@
+{
+  "neetoEmailNotifications": {
+    "welcomeScreen": "Tere tulemast neeto wheel nano",
+    "errors": {
+      "invalidEmailAddress": "Palun sisestage kehtiv e-posti aadress",
+      "sendFromRequired": "'Saatja' e-posti aadress on kohustuslik",
+      "sendToRequired": "'Saaja' e-posti aadress on kohustuslik",
+      "subjectRequired": "Pealkiri on kohustuslik",
+      "messageRequired": "Sõnum on kohustuslik"
+    },
+    "emailNotification": {
+      "title": "E-posti teade",
+      "notificationToggleLabel": "Saada e-posti teade, kui uus sündmus toimub"
+    },
+    "preview": "Eelvaade"
+  }
+}

package/app/javascript/src/translations/fi.json

@@ -0,0 +1,17 @@
+{
+  "neetoEmailNotifications": {
+    "welcomeScreen": "Tervetuloa neeto wheel nanoon",
+    "errors": {
+      "invalidEmailAddress": "Anna voimassa oleva sähköpostiosoite",
+      "sendFromRequired": "'Lähettäjä' sähköpostiosoite on pakollinen",
+      "sendToRequired": "'Vastaanottaja' sähköpostiosoite on pakollinen",
+      "subjectRequired": "Aihe on pakollinen",
+      "messageRequired": "Viesti on pakollinen"
+    },
+    "emailNotification": {
+      "title": "Sähköpostilähetys",
+      "notificationToggleLabel": "Lähetä sähköpostilähetys, kun uusi tapahtuma tapahtuu"
+    },
+    "preview": "Esikatselu"
+  }
+}

package/app/javascript/src/translations/fil.json

@@ -0,0 +1,17 @@
+{
+  "neetoEmailNotifications": {
+    "welcomeScreen": "Maligayang pagdating sa neeto wheel nano",
+    "errors": {
+      "invalidEmailAddress": "Mangyaring maglagay ng wastong email address",
+      "sendFromRequired": "Kailangan ang 'Send from' email address",
+      "sendToRequired": "Kailangan ang 'Send to' email address",
+      "subjectRequired": "Kailangan ang paksa",
+      "messageRequired": "Kailangan ang mensahe"
+    },
+    "emailNotification": {
+      "title": "Abiso sa email",
+      "notificationToggleLabel": "Magpadala ng abiso sa email kapag may bagong kaganapan"
+    },
+    "preview": "Tingnan"
+  }
+}

package/app/javascript/src/translations/fr.json

@@ -10,8 +10,8 @@
     },
     "emailNotification": {
       "title": "Notification par e-mail",
-      "subTitle": "Envoyer une notification par e-mail lorsqu'un nouvel événement se produit"
+      "notificationToggleLabel": "Envoyer une notification par e-mail lorsqu'un nouvel événement se produit"
     },
     "preview": "Aperçu"
   }
-}
+}

package/app/javascript/src/translations/hi.json

@@ -0,0 +1,17 @@
+{
+  "neetoEmailNotifications": {
+    "welcomeScreen": "नीटो व्हील नैनो में आपका स्वागत है",
+    "errors": {
+      "invalidEmailAddress": "कृपया एक मान्य ईमेल पता दर्ज करें",
+      "sendFromRequired": "'भेजने वाले' ईमेल पते की आवश्यकता है",
+      "sendToRequired": "'प्राप्तकर्ता' ईमेल पते की आवश्यकता है",
+      "subjectRequired": "विषय की आवश्यकता है",
+      "messageRequired": "संदेश की आवश्यकता है"
+    },
+    "emailNotification": {
+      "title": "ईमेल सूचना",
+      "notificationToggleLabel": "जब एक नया घटना होती है तो एक ईमेल सूचना भेजें"
+    },
+    "preview": "पूर्वावलोकन"
+  }
+}

package/app/javascript/src/translations/hr.json

@@ -0,0 +1,17 @@
+{
+  "neetoEmailNotifications": {
+    "welcomeScreen": "Dobrodošli u neeto wheel nano",
+    "errors": {
+      "invalidEmailAddress": "Molimo unesite važeću email adresu",
+      "sendFromRequired": "Adresu email 'Pošaljitelja' je potrebno unijeti",
+      "sendToRequired": "Adresu email 'Primatelja' je potrebno unijeti",
+      "subjectRequired": "Predmet je obavezan",
+      "messageRequired": "Poruka je obavezna"
+    },
+    "emailNotification": {
+      "title": "Email obavijest",
+      "notificationToggleLabel": "Pošalji email obavijest kada se dogodi novi događaj"
+    },
+    "preview": "Pregled"
+  }
+}

package/app/javascript/src/translations/id.json

@@ -0,0 +1,17 @@
+{
+  "neetoEmailNotifications": {
+    "welcomeScreen": "Selamat datang di neeto wheel nano",
+    "errors": {
+      "invalidEmailAddress": "Silakan masukkan alamat email yang valid",
+      "sendFromRequired": "Alamat email 'Kirim dari' diperlukan",
+      "sendToRequired": "Alamat email 'Kirim ke' diperlukan",
+      "subjectRequired": "Subjek diperlukan",
+      "messageRequired": "Pesan diperlukan"
+    },
+    "emailNotification": {
+      "title": "Notifikasi email",
+      "notificationToggleLabel": "Kirim notifikasi email ketika terjadi acara baru"
+    },
+    "preview": "Prabaca"
+  }
+}

package/app/javascript/src/translations/it.json

@@ -0,0 +1,17 @@
+{
+  "neetoEmailNotifications": {
+    "welcomeScreen": "Benvenuto in neeto wheel nano",
+    "errors": {
+      "invalidEmailAddress": "Si prega di inserire un indirizzo email valido",
+      "sendFromRequired": "L'indirizzo email 'Inviato da' è obbligatorio",
+      "sendToRequired": "L'indirizzo email 'Inviato a' è obbligatorio",
+      "subjectRequired": "Il soggetto è obbligatorio",
+      "messageRequired": "Il messaggio è obbligatorio"
+    },
+    "emailNotification": {
+      "title": "Notifica email",
+      "notificationToggleLabel": "Invia una notifica email quando si verifica un nuovo evento"
+    },
+    "preview": "Anteprima"
+  }
+}

package/app/javascript/src/translations/ja.json

@@ -0,0 +1,17 @@
+{
+  "neetoEmailNotifications": {
+    "welcomeScreen": "neeto wheel nanoへようこそ",
+    "errors": {
+      "invalidEmailAddress": "有効なメールアドレスを入力してください",
+      "sendFromRequired": "'送信元'メールアドレスは必須です",
+      "sendToRequired": "'送信先'メールアドレスは必須です",
+      "subjectRequired": "件名は必須です",
+      "messageRequired": "メッセージは必須です"
+    },
+    "emailNotification": {
+      "title": "メール通知",
+      "notificationToggleLabel": "新しいイベントが発生したときにメール通知を送信する"
+    },
+    "preview": "プレビュー"
+  }
+}

package/app/javascript/src/translations/ko.json

@@ -0,0 +1,17 @@
+{
+  "neetoEmailNotifications": {
+    "welcomeScreen": "neeto wheel nano에 오신 것을 환영합니다",
+    "errors": {
+      "invalidEmailAddress": "유효한 이메일 주소를 입력하십시오",
+      "sendFromRequired": "'보내는 사람' 이메일 주소는 필수입니다",
+      "sendToRequired": "'받는 사람' 이메일 주소는 필수입니다",
+      "subjectRequired": "제목은 필수입니다",
+      "messageRequired": "메시지는 필수입니다"
+    },
+    "emailNotification": {
+      "title": "이메일 알림",
+      "notificationToggleLabel": "새 이벤트가 발생할 때 이메일 알림 보내기"
+    },
+    "preview": "미리보기"
+  }
+}

package/app/javascript/src/translations/nl.json

@@ -0,0 +1,17 @@
+{
+  "neetoEmailNotifications": {
+    "welcomeScreen": "Welkom bij neeto wheel nano",
+    "errors": {
+      "invalidEmailAddress": "Voer een geldig e-mailadres in",
+      "sendFromRequired": "'Verstuur van'-e-mailadres is vereist",
+      "sendToRequired": "'Verstuur naar'-e-mailadres is vereist",
+      "subjectRequired": "Onderwerp is vereist",
+      "messageRequired": "Bericht is vereist"
+    },
+    "emailNotification": {
+      "title": "E-mailmelding",
+      "notificationToggleLabel": "Stuur een e-mailmelding wanneer er een nieuwe gebeurtenis plaatsvond"
+    },
+    "preview": "Voorbeeld"
+  }
+}

package/app/javascript/src/translations/pl.json

@@ -0,0 +1,17 @@
+{
+  "neetoEmailNotifications": {
+    "welcomeScreen": "Witamy w neeto wheel nano",
+    "errors": {
+      "invalidEmailAddress": "Proszę wpisać prawidłowy adres e-mail",
+      "sendFromRequired": "Adres e-mail 'Wyślij z' jest wymagany",
+      "sendToRequired": "Adres e-mail 'Wyślij do' jest wymagany",
+      "subjectRequired": "Temat jest wymagany",
+      "messageRequired": "Wiadomość jest wymagana"
+    },
+    "emailNotification": {
+      "title": "Powiadomienie e-mail",
+      "notificationToggleLabel": "Wyślij powiadomienie e-mail, gdy wystąpi nowe zdarzenie"
+    },
+    "preview": "Podgląd"
+  }
+}

package/app/javascript/src/translations/pt-BR.json

@@ -0,0 +1,17 @@
+{
+  "neetoEmailNotifications": {
+    "welcomeScreen": "Bem-vindo ao neeto wheel nano",
+    "errors": {
+      "invalidEmailAddress": "Por favor, insira um endereço de e-mail válido",
+      "sendFromRequired": "O endereço de e-mail 'De' é obrigatório",
+      "sendToRequired": "O endereço de e-mail 'Para' é obrigatório",
+      "subjectRequired": "O assunto é obrigatório",
+      "messageRequired": "A mensagem é obrigatória"
+    },
+    "emailNotification": {
+      "title": "Notificação por e-mail",
+      "notificationToggleLabel": "Envie uma notificação por e-mail quando um novo evento ocorrer"
+    },
+    "preview": "Pré-visualização"
+  }
+}

package/app/javascript/src/translations/pt.json

@@ -0,0 +1,17 @@
+{
+  "neetoEmailNotifications": {
+    "welcomeScreen": "Bem-vindo ao neeto wheel nano",
+    "errors": {
+      "invalidEmailAddress": "Por favor, insira um endereço de e-mail válido",
+      "sendFromRequired": "O endereço de e-mail 'Enviar de' é obrigatório",
+      "sendToRequired": "O endereço de e-mail 'Enviar para' é obrigatório",
+      "subjectRequired": "O assunto é obrigatório",
+      "messageRequired": "A mensagem é obrigatória"
+    },
+    "emailNotification": {
+      "title": "Notificação por e-mail",
+      "notificationToggleLabel": "Enviar uma notificação por e-mail quando um novo evento ocorrer"
+    },
+    "preview": "Pré-visualização"
+  }
+}

package/app/javascript/src/translations/ro.json

@@ -0,0 +1,17 @@
+{
+  "neetoEmailNotifications": {
+    "welcomeScreen": "Bine ați venit la neeto wheel nano",
+    "errors": {
+      "invalidEmailAddress": "Vă rugăm să introduceți o adresă de email validă",
+      "sendFromRequired": "Adresa de email 'Trimite de la' este obligatorie",
+      "sendToRequired": "Adresa de email 'Trimite către' este obligatorie",
+      "subjectRequired": "Subiectul este obligatoriu",
+      "messageRequired": "Mesajul este obligatoriu"
+    },
+    "emailNotification": {
+      "title": "Notificare prin email",
+      "notificationToggleLabel": "Trimite o notificare prin email când are loc un nou eveniment"
+    },
+    "preview": "Previzualizare"
+  }
+}

package/app/javascript/src/translations/ru.json

@@ -0,0 +1,17 @@
+{
+  "neetoEmailNotifications": {
+    "welcomeScreen": "Добро пожаловать в neeto wheel nano",
+    "errors": {
+      "invalidEmailAddress": "Пожалуйста, введите действительный адрес электронной почты",
+      "sendFromRequired": "Адрес электронной почты 'От' обязателен",
+      "sendToRequired": "Адрес электронной почты 'Кому' обязателен",
+      "subjectRequired": "Тема обязательна",
+      "messageRequired": "Сообщение обязательно"
+    },
+    "emailNotification": {
+      "title": "Уведомление по электронной почте",
+      "notificationToggleLabel": "Отправить уведомление по электронной почте, когда произойдет новое событие"
+    },
+    "preview": "Предварительный просмотр"
+  }
+}

package/app/javascript/src/translations/sk.json

@@ -0,0 +1,17 @@
+{
+  "neetoEmailNotifications": {
+    "welcomeScreen": "Vitajte v neeto wheel nano",
+    "errors": {
+      "invalidEmailAddress": "Zadajte platnú e-mailovú adresu",
+      "sendFromRequired": "E-mailová adresa 'Odoslať z' je povinná",
+      "sendToRequired": "E-mailová adresa 'Odoslať na' je povinná",
+      "subjectRequired": "Predmet je povinný",
+      "messageRequired": "Správa je povinná"
+    },
+    "emailNotification": {
+      "title": "E-mailové oznámenie",
+      "notificationToggleLabel": "Poslať e-mailové oznámenie, keď dôjde k novej udalosti"
+    },
+    "preview": "Náhľad"
+  }
+}

package/app/javascript/src/translations/sl.json

@@ -0,0 +1,17 @@
+{
+  "neetoEmailNotifications": {
+    "welcomeScreen": "Dobrodošli v neeto wheel nano",
+    "errors": {
+      "invalidEmailAddress": "Prosim, vnesite veljavne e-poštni naslov",
+      "sendFromRequired": "'Pošlji iz' e-poštni naslov je obvezen",
+      "sendToRequired": "'Pošlji na' e-poštni naslov je obvezen",
+      "subjectRequired": "Zadeva je obvezna",
+      "messageRequired": "Sporočilo je obvezno"
+    },
+    "emailNotification": {
+      "title": "E-poštno obvestilo",
+      "notificationToggleLabel": "Pošlji e-poštno obvestilo, ko se zgodi nova dogodka"
+    },
+    "preview": "Predogled"
+  }
+}