@live-change/user-frontend 0.9.133 → 0.9.135

package/front/locales/en.json

@@ -42,7 +42,20 @@
     "goBack": "Go back",
     "tryAgain": "Try again",
     "confirmEmail": "Confirm email",
-    "confirmPhone": "Confirm phone"
+    "confirmPhone": "Confirm phone",
+    "signedIn": "Signed In",
+    "signInSuccess": "Congratulations! You have successfully logged in to your account.",
+    "signedUp": "Signed Up",
+    "signUpSuccess": "Congratulations! You have successfully created your account.",
+    "canSetPassword": "You can now set password to secure your account.",
+    "setupProfile": "Setup your",
+    "profile": "profile",
+    "orReturnTo": "or return to the",
+    "indexPage": "index page",
+    "returnToIndex": "Return to",
+    "redirectIn": "Redirect in {seconds}...",
+    "signedOut": "Signed Out",
+    "signOutSuccess": "You have successfully signed out from your account."
   },
   "errors": {
     "emailTaken": "Email is already registered, try to sign-in.",
@@ -138,6 +151,7 @@
     "view": "View",
     "close": "Close",
     "ok": "OK",
+    "next": "Next",
     "testIndex": "Test Index",
     "addTestNotification": "Add test notification",
     "rejected": "Rejected",
@@ -153,5 +167,73 @@
     "send": "Send",
     "feedbackSent": "Feedback sent",
     "thankYou": "Thank you for your feedback."
+  },
+  "nav": {
+    "profile": "Profile",
+    "signUp": "Sign Up",
+    "signIn": "Sign In",
+    "settings": "Settings",
+    "signOut": "Sign Out"
+  },
+  "notifications": {
+    "notificationsSettings": "Notifications settings",
+    "web": "Web",
+    "settingsSaved": "Notification settings saved",
+    "notifications": "Notifications",
+    "markAllAsRead": "Mark all as read",
+    "notificationsRead": "Notifications read",
+    "allMarkedAsRead": "All notifications have been marked as read",
+    "deleteAll": "Delete all",
+    "notificationsDeleted": "Notifications deleted",
+    "allDeleted": "All notifications have been deleted",
+    "notificationRead": "Notification read",
+    "markedAsRead": "Notification has been marked as read",
+    "notificationUnread": "Notification unread",
+    "markedAsUnread": "Notification has been marked as unread",
+    "notificationDeleted": "Notification deleted",
+    "hasBeenDeleted": "Notification has been deleted",
+    "unknownNotification": "Unknown notification {type}!",
+    "types": {
+      "accessControl_Invitation": {
+        "name": "Access Control Invitation"
+      }
+    }
+  },
+  "emailTemplates": {
+    "hello": "Hello!",
+    "clickButtonBelow": "Or click the button below:",
+    "confirmEmail": "Confirm email",
+    "copyAddressInstruction": "Or copy this address to your browser address bar:",
+    "clickLinkInstruction": "Or please click link below or copy address to your browser address bar:",
+    "letUsKnow": "Let us know in case it's not you.",
+    "seeYouSoon": "See you soon",
+    "teamSignature": "{brandName} Team",
+    "signUp": {
+      "subject": "Confirm your email address.",
+      "description": "We are glad to see you have just signed up with your email. In order to confirm that, please enter secret code:",
+      "textDescription": "We are glad to see you have just signed up with your email. In order to confirm that, please enter secret code:"
+    },
+    "signIn": {
+      "subject": "Confirm your email address.",
+      "description": "We are glad to see you have just signed in with your email. In order to confirm that, please enter secret code:",
+      "textDescription": "We are glad to see you have just signed in with your email. In order to confirm that, please enter secret code:"
+    },
+    "connect": {
+      "subject": "Confirm your email address.",
+      "description": "You are trying to connect this email address to your account. In order to confirm that, please enter secret code:",
+      "textDescription": "You are trying to connect this email address to your account. In order to confirm that, please enter secret code:"
+    },
+    "resetPassword": {
+      "subject": "Confirm your email address.",
+      "description": "You are trying to reset password to your account. In order to confirm that, please enter secret code:",
+      "textDescription": "You are trying to reset password to your account. In order to confirm that, please enter secret code:"
+    }
+  },
+  "smsTemplates": {
+    "hello": "Hello!",
+    "enterCode": "Enter authentication code:",
+    "openLink": "Or open authentication link:",
+    "seeYouSoon": "See you soon",
+    "teamSignature": "{brandName} Team"
   }
 }

package/front/locales/pl.json

@@ -42,7 +42,20 @@
     "goBack": "Wróć",
     "tryAgain": "Spróbuj ponownie",
     "confirmEmail": "Potwierdź email",
-    "confirmPhone": "Potwierdź telefon"
+    "confirmPhone": "Potwierdź telefon",
+    "signedIn": "Zalogowany",
+    "signInSuccess": "Gratulacje! Pomyślnie zalogowałeś się do swojego konta.",
+    "signedUp": "Zarejestrowany",
+    "signUpSuccess": "Gratulacje! Pomyślnie utworzyłeś swoje konto.",
+    "canSetPassword": "Możesz teraz ustawić hasło, aby zabezpieczyć swoje konto.",
+    "setupProfile": "Skonfiguruj swój",
+    "profile": "profil",
+    "orReturnTo": "lub wróć do",
+    "indexPage": "strony głównej",
+    "returnToIndex": "Wróć do",
+    "redirectIn": "Przekierowanie za {seconds}...",
+    "signedOut": "Wylogowany",
+    "signOutSuccess": "Pomyślnie wylogowałeś się ze swojego konta."
   },
   "errors": {
     "emailTaken": "Email jest już zarejestrowany, spróbuj się zalogować.",
@@ -138,6 +151,7 @@
     "view": "Pokaż",
     "close": "Zamknij",
     "ok": "OK",
+    "next": "Dalej",
     "testIndex": "Indeks testowy",
     "addTestNotification": "Dodaj testowe powiadomienie",
     "rejected": "Odrzucone",
@@ -153,5 +167,73 @@
     "send": "Wyślij",
     "feedbackSent": "Opinia wysłana",
     "thankYou": "Dziękujemy za Twoją opinię."
+  },
+  "nav": {
+    "profile": "Profil",
+    "signUp": "Zarejestruj się",
+    "signIn": "Zaloguj się",
+    "settings": "Ustawienia",
+    "signOut": "Wyloguj się"
+  },
+  "notifications": {
+    "notificationsSettings": "Ustawienia powiadomień",
+    "web": "Sieć",
+    "settingsSaved": "Ustawienia powiadomień zapisane",
+    "notifications": "Powiadomienia",
+    "markAllAsRead": "Oznacz wszystkie jako przeczytane",
+    "notificationsRead": "Powiadomienia przeczytane",
+    "allMarkedAsRead": "Wszystkie powiadomienia zostały oznaczone jako przeczytane",
+    "deleteAll": "Usuń wszystkie",
+    "notificationsDeleted": "Powiadomienia usunięte",
+    "allDeleted": "Wszystkie powiadomienia zostały usunięte",
+    "notificationRead": "Powiadomienie przeczytane",
+    "markedAsRead": "Powiadomienie zostało oznaczone jako przeczytane",
+    "notificationUnread": "Powiadomienie nieprzeczytane",
+    "markedAsUnread": "Powiadomienie zostało oznaczone jako nieprzeczytane",
+    "notificationDeleted": "Powiadomienie usunięte",
+    "hasBeenDeleted": "Powiadomienie zostało usunięte",
+    "unknownNotification": "Nieznane powiadomienie {type}!",
+    "types": {
+      "accessControl_Invitation": {
+        "name": "Zaproszenie do kontroli dostępu"
+      }
+    }
+  },
+  "emailTemplates": {
+    "hello": "Witaj!",
+    "clickButtonBelow": "Lub kliknij przycisk poniżej:",
+    "confirmEmail": "Potwierdź email",
+    "copyAddressInstruction": "Lub skopiuj ten adres do paska adresu przeglądarki:",
+    "clickLinkInstruction": "Lub kliknij link poniżej albo skopiuj adres do paska adresu przeglądarki:",
+    "letUsKnow": "Daj nam znać, jeśli to nie ty.",
+    "seeYouSoon": "Do zobaczenia",
+    "teamSignature": "Zespół {brandName}",
+    "signUp": {
+      "subject": "Potwierdź swój adres email.",
+      "description": "Cieszymy się, że właśnie zarejestrowałeś się swoim emailem. Aby to potwierdzić, wprowadź tajny kod:",
+      "textDescription": "Cieszymy się, że właśnie zarejestrowałeś się swoim emailem. Aby to potwierdzić, wprowadź tajny kod:"
+    },
+    "signIn": {
+      "subject": "Potwierdź swój adres email.",
+      "description": "Cieszymy się, że właśnie zalogowałeś się swoim emailem. Aby to potwierdzić, wprowadź tajny kod:",
+      "textDescription": "Cieszymy się, że właśnie zalogowałeś się swoim emailem. Aby to potwierdzić, wprowadź tajny kod:"
+    },
+    "connect": {
+      "subject": "Potwierdź swój adres email.",
+      "description": "Próbujesz połączyć ten adres email ze swoim kontem. Aby to potwierdzić, wprowadź tajny kod:",
+      "textDescription": "Próbujesz połączyć ten adres email ze swoim kontem. Aby to potwierdzić, wprowadź tajny kod:"
+    },
+    "resetPassword": {
+      "subject": "Potwierdź swój adres email.",
+      "description": "Próbujesz zresetować hasło do swojego konta. Aby to potwierdzić, wprowadź tajny kod:",
+      "textDescription": "Próbujesz zresetować hasło do swojego konta. Aby to potwierdzić, wprowadź tajny kod:"
+    }
+  },
+  "smsTemplates": {
+    "hello": "Witaj!",
+    "enterCode": "Wprowadź kod uwierzytelniania:",
+    "openLink": "Lub otwórz link uwierzytelniania:",
+    "seeYouSoon": "Do zobaczenia",
+    "teamSignature": "Zespół {brandName}"
   }
 }

package/front/src/message-auth/email/ConnectEmail.vue

@@ -2,51 +2,49 @@
   <pre data-headers>{{ JSON.stringify(metadata, null, '  ') }}</pre>
   <div data-html class="message m-12">
     <p class="text-lg">
-      Hello!
+      {{ t('emailTemplates.hello') }}
     </p>
     <p>
-      You are trying to connect this email address to your account.
-      In order to confirm that, please enter secret code:
+      {{ t('emailTemplates.connect.description') }}
     </p>
     <p class="text-3xl font-medium">{{ code }}</p>
     <p>
-      Or click the button below:
+      {{ t('emailTemplates.clickButtonBelow') }}
     </p>
     <div>
       <a :href="linkAddress" class="no-underline">
-        <Button label="Confirm email" class="p-button-lg cursor-pointer" />
+        <Button :label="t('emailTemplates.confirmEmail')" class="p-button-lg cursor-pointer" />
       </a>
     </div>
     <p>
-      Or copy this address to your browser address bar:<br>
+      {{ t('emailTemplates.copyAddressInstruction') }}<br>
       <a :href="linkAddress">
         {{ linkAddress }}
       </a>
     </p>
     <p>
-      Let us know in case it's not you.
+      {{ t('emailTemplates.letUsKnow') }}
     </p>
     <p>
-      See you soon<br>
-      {{ brandName }} Team
+      {{ t('emailTemplates.seeYouSoon') }}<br>
+      {{ t('emailTemplates.teamSignature', { brandName }) }}
     </p>
     <img src="/images/logo128.png">
   </div>
   <pre class="message" data-text>
-    Hello!
+    {{ t('emailTemplates.hello') }}
 
-    You are trying to connect this email address to your account.
-    In order to confirm that, please enter secret code:
+    {{ t('emailTemplates.connect.textDescription') }}
     {{ code }}
 
-    Or please click link below or copy address to your browser address bar:
+    {{ t('emailTemplates.clickLinkInstruction') }}
 
     {{ linkAddress }}
 
-    Let us know in case it's not you.
+    {{ t('emailTemplates.letUsKnow') }}
 
-    See you soon
-    {{ brandName }} Team
+    {{ t('emailTemplates.seeYouSoon') }}
+    {{ t('emailTemplates.teamSignature', { brandName }) }}
   </pre>
 </template>
 
@@ -74,6 +72,15 @@
   const secretLink = secrets.find(secret => secret.type === 'link')
   const secretCode = secrets.find(secret => secret.type === 'code')
 
+  const owner = { sessionOrUserType: 'user_User', sessionOrUser: data.user }
+  import { useLocale } from "@live-change/vue3-components"
+  const locale = useLocale()
+  const localePromise = locale.getOtherOwnerLocale(owner)
+  await Promise.all([localePromise])
+  import { useI18n } from 'vue-i18n'
+  const { locale: i18nLocale, t } = useI18n()
+  if(locale.getLanguage()) i18nLocale.value = locale.getLanguage()
+
   import { useHead } from '@vueuse/head'
   useHead({ htmlAttrs: { class: 'email-rendering' } })
 
@@ -86,7 +93,7 @@
 
   const metadata = {
     from: `${brandName} <admin@${brandDomain}>`,
-    subject: 'Confirm your email address.',
+    subject: t('emailTemplates.connect.subject'),
     to: contact
   }
 

package/front/src/message-auth/email/ResetPasswordEmail.vue

@@ -2,51 +2,49 @@
   <pre data-headers>{{ JSON.stringify(metadata, null, '  ') }}</pre>
   <div data-html class="message m-12">
     <p class="text-lg">
-      Hello!
+      {{ t('emailTemplates.hello') }}
     </p>
     <p>
-      You are trying to reset password to your account.
-      In order to confirm that, please enter secret code:
+      {{ t('emailTemplates.resetPassword.description') }}
     </p>
     <p class="text-3xl font-medium">{{ code }}</p>
     <p>
-      Or click the button below:
+      {{ t('emailTemplates.clickButtonBelow') }}
     </p>
     <div>
       <a :href="linkAddress" class="no-underline">
-        <Button label="Confirm email" class="p-button-lg cursor-pointer" />
+        <Button :label="t('emailTemplates.confirmEmail')" class="p-button-lg cursor-pointer" />
       </a>
     </div>
     <p>
-      Or copy this address to your browser address bar:<br>
+      {{ t('emailTemplates.copyAddressInstruction') }}<br>
       <a :href="linkAddress">
         {{ linkAddress }}
       </a>
     </p>
     <p>
-      Let us know in case it's not you.
+      {{ t('emailTemplates.letUsKnow') }}
     </p>
     <p>
-      See you soon<br>
-      {{ brandName }} Team
+      {{ t('emailTemplates.seeYouSoon') }}<br>
+      {{ t('emailTemplates.teamSignature', { brandName }) }}
     </p>
     <img src="/images/logo128.png">
   </div>
   <pre class="message" data-text>
-    Hello!
+    {{ t('emailTemplates.hello') }}
 
-    You are trying to reset password to your account.
-    In order to confirm that, please enter secret code:
+    {{ t('emailTemplates.resetPassword.textDescription') }}
     {{ code }}
 
-    Or please click link below or copy address to your browser address bar:
+    {{ t('emailTemplates.clickLinkInstruction') }}
 
     {{ linkAddress }}
 
-    Let us know in case it's not you.
+    {{ t('emailTemplates.letUsKnow') }}
 
-    See you soon
-    {{ brandName }} Team
+    {{ t('emailTemplates.seeYouSoon') }}
+    {{ t('emailTemplates.teamSignature', { brandName }) }}
   </pre>
 </template>
 
@@ -74,6 +72,15 @@
   const secretLink = secrets.find(secret => secret.type === 'link')
   const secretCode = secrets.find(secret => secret.type === 'code')
 
+  const owner = { sessionOrUserType: 'user_User', sessionOrUser: data.user }
+  import { useLocale } from "@live-change/vue3-components"
+  const locale = useLocale()
+  const localePromise = locale.getOtherOwnerLocale(owner)
+  await Promise.all([localePromise])
+  import { useI18n } from 'vue-i18n'
+  const { locale: i18nLocale, t } = useI18n()
+  if(locale.getLanguage()) i18nLocale.value = locale.getLanguage()
+
   import { useHead } from '@vueuse/head'
   useHead({ htmlAttrs: { class: 'email-rendering' } })
 
@@ -86,7 +93,7 @@
 
   const metadata = {
     from: `${brandName} <admin@${brandDomain}>`,
-    subject: 'Confirm your email address.',
+    subject: t('emailTemplates.resetPassword.subject'),
     to: contact
   }
 

package/front/src/message-auth/email/SignInEmail.vue

@@ -2,51 +2,49 @@
   <pre data-headers>{{ JSON.stringify(metadata, null, '  ') }}</pre>
   <div data-html class="message m-12">
     <p class="text-lg">
-      Hello!
+      {{ t('emailTemplates.hello') }}
     </p>
     <p>
-      We are glad to see you have just signed in with your email.
-      In order to confirm that, please enter secret code:
+      {{ t('emailTemplates.signIn.description') }}
     </p>
     <p class="text-3xl font-medium">{{ code }}</p>
     <p>
-      Or click the button below:
+      {{ t('emailTemplates.clickButtonBelow') }}
     </p>
     <div>
       <a :href="linkAddress" class="no-underline">
-        <Button label="Confirm email" class="p-button-lg cursor-pointer" />
+        <Button :label="t('emailTemplates.confirmEmail')" class="p-button-lg cursor-pointer" />
       </a>
     </div>
     <p>
-      Or copy this address to your browser address bar:<br>
+      {{ t('emailTemplates.copyAddressInstruction') }}<br>
       <a :href="linkAddress">
         {{ linkAddress }}
       </a>
     </p>
     <p>
-      Let us know in case it's not you.
+      {{ t('emailTemplates.letUsKnow') }}
     </p>
     <p>
-      See you soon<br>
-      {{ brandName }} Team
+      {{ t('emailTemplates.seeYouSoon') }}<br>
+      {{ t('emailTemplates.teamSignature', { brandName }) }}
     </p>
     <img src="/images/logo128.png">
   </div>
   <pre class="message" data-text>
-    Hello!
+    {{ t('emailTemplates.hello') }}
 
-    We are glad to see you have just signed in with your email.
-    In order to confirm that, please enter secret code:
+    {{ t('emailTemplates.signIn.textDescription') }}
     {{ code }}
 
-    Or please click link below or copy address to your browser address bar:
+    {{ t('emailTemplates.clickLinkInstruction') }}
 
     {{ linkAddress }}
 
-    Let us know in case it's not you.
+    {{ t('emailTemplates.letUsKnow') }}
 
-    See you soon
-    {{ brandName }} Team
+    {{ t('emailTemplates.seeYouSoon') }}
+    {{ t('emailTemplates.teamSignature', { brandName }) }}
   </pre>
 </template>
 
@@ -74,6 +72,15 @@
   const secretLink = secrets.find(secret => secret.type === 'link')
   const secretCode = secrets.find(secret => secret.type === 'code')
 
+  const owner = { sessionOrUserType: 'user_User', sessionOrUser: data.user }
+  import { useLocale } from "@live-change/vue3-components"
+  const locale = useLocale()
+  const localePromise = locale.getOtherOwnerLocale(owner)
+  await Promise.all([localePromise])
+  import { useI18n } from 'vue-i18n'
+  const { locale: i18nLocale, t } = useI18n()
+  if(locale.getLanguage()) i18nLocale.value = locale.getLanguage()
+
   import { useHead } from '@vueuse/head'
   useHead({ htmlAttrs: { class: 'email-rendering' } })
 
@@ -86,7 +93,7 @@
 
   const metadata = {
     from: `${brandName} <admin@${brandDomain}>`,
-    subject: 'Confirm your email address.',
+    subject: t('emailTemplates.signIn.subject'),
     to: contact
   }
 

package/front/src/message-auth/email/SignUpEmail.vue

@@ -2,51 +2,49 @@
   <pre data-headers>{{ JSON.stringify(metadata, null, '  ') }}</pre>
   <div data-html class="message m-12">
     <p class="text-lg">
-      Hello!
+      {{ t('emailTemplates.hello') }}
     </p>
     <p>
-      We are glad to see you have just signed up with your email.
-      In order to confirm that, please enter secret code:
+      {{ t('emailTemplates.signUp.description') }}
     </p>
     <p class="text-3xl font-medium">{{ code }}</p>
     <p>
-      Or click the button below:
+      {{ t('emailTemplates.clickButtonBelow') }}
     </p>
     <div>
       <a :href="linkAddress" class="no-underline">
-        <Button label="Confirm email" class="p-button-lg cursor-pointer" />
+        <Button :label="t('emailTemplates.confirmEmail')" class="p-button-lg cursor-pointer" />
       </a>
     </div>
     <p>
-      Or copy this address to your browser address bar:<br>
+      {{ t('emailTemplates.copyAddressInstruction') }}<br>
       <a :href="linkAddress">
         {{ linkAddress }}
       </a>
     </p>
     <p>
-      Let us know in case it's not you.
+      {{ t('emailTemplates.letUsKnow') }}
     </p>
     <p>
-      See you soon<br>
-      {{ brandName }} Team
+      {{ t('emailTemplates.seeYouSoon') }}<br>
+      {{ t('emailTemplates.teamSignature', { brandName }) }}
     </p>
     <img src="/images/logo128.png">
   </div>
   <pre class="message" data-text>
-    Hello!
+    {{ t('emailTemplates.hello') }}
 
-    We are glad to see you have just signed up with your email.
-    In order to confirm that, please enter secret code:
+    {{ t('emailTemplates.signUp.textDescription') }}
     {{ code }}
 
-    Or please click link below or copy address to your browser address bar:
+    {{ t('emailTemplates.clickLinkInstruction') }}
 
     {{ linkAddress }}
 
-    Let us know in case it's not you.
+    {{ t('emailTemplates.letUsKnow') }}
 
-    See you soon
-    {{ brandName }} Team
+    {{ t('emailTemplates.seeYouSoon') }}
+    {{ t('emailTemplates.teamSignature', { brandName }) }}
   </pre>
 </template>
 
@@ -74,6 +72,15 @@
   const secretLink = secrets.find(secret => secret.type === 'link')
   const secretCode = secrets.find(secret => secret.type === 'code')
 
+  const owner = { sessionOrUserType: 'session_Session', sessionOrUser: data.session }
+  import { useLocale } from "@live-change/vue3-components"
+  const locale = useLocale()
+  const localePromise = locale.getOtherOwnerLocale(owner)
+  await Promise.all([localePromise])
+  import { useI18n } from 'vue-i18n'
+  const { locale: i18nLocale, t } = useI18n()
+  if(locale.getLanguage()) i18nLocale.value = locale.getLanguage()
+
   import { useHead } from '@vueuse/head'
   useHead({ htmlAttrs: { class: 'email-rendering' } })
 
@@ -86,7 +93,7 @@
 
   const metadata = {
     from: `${brandName} <admin@${brandDomain}>`,
-    subject: 'Confirm your email address.',
+    subject: t('emailTemplates.signUp.subject'),
     to: contact
   }
 

package/front/src/message-auth/sms/ConnectSms.vue

@@ -1,10 +1,10 @@
 <template>
   <pre data-headers>{{ JSON.stringify(metadata, null, '  ') }}</pre>
   <pre class="message" data-text>
-    Hello! Enter authentication code: {{ code }}
-    Or open authentication link: {{ linkAddress }}
-    See you soon
-    {{ brandName }} Team
+    {{ t('smsTemplates.hello') }} {{ t('smsTemplates.enterCode') }} {{ code }}
+    {{ t('smsTemplates.openLink') }} {{ linkAddress }}
+    {{ t('smsTemplates.seeYouSoon') }}
+    {{ t('smsTemplates.teamSignature', { brandName }) }}
   </pre>
 </template>
 
@@ -30,9 +30,17 @@
   const secrets = data.secrets
 
   const secretLink = secrets.find(secret => secret.type === 'link')
-
   const secretCode = secrets.find(secret => secret.type === 'code')
 
+  const owner = { sessionOrUserType: 'user_User', sessionOrUser: data.user }
+  import { useLocale } from "@live-change/vue3-components"
+  const locale = useLocale()
+  const localePromise = locale.getOtherOwnerLocale(owner)
+  await Promise.all([localePromise])
+  import { useI18n } from 'vue-i18n'
+  const { locale: i18nLocale, t } = useI18n()
+  if(locale.getLanguage()) i18nLocale.value = locale.getLanguage()
+
   import { useApi } from '@live-change/vue3-ssr'
   const api = useApi()
 

package/front/src/message-auth/sms/ResetPasswordSms.vue

@@ -1,10 +1,10 @@
 <template>
   <pre data-headers>{{ JSON.stringify(metadata, null, '  ') }}</pre>
   <pre class="message" data-text>
-    Hello! Enter authentication code: {{ code }}
-    Or open authentication link: {{ linkAddress }}
-    See you soon
-    {{ brandName }} Team
+    {{ t('smsTemplates.hello') }} {{ t('smsTemplates.enterCode') }} {{ code }}
+    {{ t('smsTemplates.openLink') }} {{ linkAddress }}
+    {{ t('smsTemplates.seeYouSoon') }}
+    {{ t('smsTemplates.teamSignature', { brandName }) }}
   </pre>
 </template>
 
@@ -28,9 +28,17 @@
   const secrets = data.secrets
 
   const secretLink = secrets.find(secret => secret.type === 'link')
-
   const secretCode = secrets.find(secret => secret.type === 'code')
 
+  const owner = { sessionOrUserType: 'user_User', sessionOrUser: data.user }
+  import { useLocale } from "@live-change/vue3-components"
+  const locale = useLocale()
+  const localePromise = locale.getOtherOwnerLocale(owner)
+  await Promise.all([localePromise])
+  import { useI18n } from 'vue-i18n'
+  const { locale: i18nLocale, t } = useI18n()
+  if(locale.getLanguage()) i18nLocale.value = locale.getLanguage()
+
   import { useApi } from '@live-change/vue3-ssr'
   const api = useApi()
 

package/front/src/message-auth/sms/SignInSms.vue

@@ -1,10 +1,10 @@
 <template>
   <pre data-headers>{{ JSON.stringify(metadata, null, '  ') }}</pre>
   <pre class="message" data-text>
-    Hello! Enter authentication code: {{ code }}
-    Or open authentication link: {{ linkAddress }}
-    See you soon
-    {{ brandName }} Team
+    {{ t('smsTemplates.hello') }} {{ t('smsTemplates.enterCode') }} {{ code }}
+    {{ t('smsTemplates.openLink') }} {{ linkAddress }}
+    {{ t('smsTemplates.seeYouSoon') }}
+    {{ t('smsTemplates.teamSignature', { brandName }) }}
   </pre>
 </template>
 
@@ -30,6 +30,14 @@
   const secretLink = secrets.find(secret => secret.type === 'link')
   const secretCode = secrets.find(secret => secret.type === 'code')
 
+  const owner = { sessionOrUserType: 'user_User', sessionOrUser: data.user }
+  import { useLocale } from "@live-change/vue3-components"
+  const locale = useLocale()
+  const localePromise = locale.getOtherOwnerLocale(owner)
+  await Promise.all([localePromise])
+  import { useI18n } from 'vue-i18n'
+  const { locale: i18nLocale, t } = useI18n()
+  if(locale.getLanguage()) i18nLocale.value = locale.getLanguage()
 
   import { useApi } from '@live-change/vue3-ssr'
   const api = useApi()

package/front/src/message-auth/sms/SignUpSms.vue

@@ -1,10 +1,10 @@
 <template>
   <pre data-headers>{{ JSON.stringify(metadata, null, '  ') }}</pre>
   <pre class="message" data-text>
-    Hello! Enter authentication code: {{ code }}
-    Or open authentication link: {{ linkAddress }}
-    See you soon
-    {{ brandName }} Team
+    {{ t('smsTemplates.hello') }} {{ t('smsTemplates.enterCode') }} {{ code }}
+    {{ t('smsTemplates.openLink') }} {{ linkAddress }}
+    {{ t('smsTemplates.seeYouSoon') }}
+    {{ t('smsTemplates.teamSignature', { brandName }) }}
   </pre>
 </template>
 
@@ -30,6 +30,14 @@
   const secretLink = secrets.find(secret => secret.type === 'link')
   const secretCode = secrets.find(secret => secret.type === 'code')
 
+  const owner = { sessionOrUserType: 'session_Session', sessionOrUser: data.session }
+  import { useLocale } from "@live-change/vue3-components"
+  const locale = useLocale()
+  const localePromise = locale.getOtherOwnerLocale(owner)
+  await Promise.all([localePromise])
+  import { useI18n } from 'vue-i18n'
+  const { locale: i18nLocale, t } = useI18n()
+  if(locale.getLanguage()) i18nLocale.value = locale.getLanguage()
 
   import { useApi } from '@live-change/vue3-ssr'
   const api = useApi()

package/front/src/nav/UserMenu.vue

@@ -10,7 +10,7 @@
                           transition-colors duration-300 ease-in-out"
       >
         <i class="pi pi-user mr-3"></i>
-        <span>Profile</span>
+        <span>{{ t('nav.profile') }}</span>
       </router-link>
     </li>
     <li v-if="!client.user">
@@ -23,7 +23,7 @@
                           transition-colors duration-300 ease-in-out"
       >
         <i class="pi pi-user-plus mr-3"></i>
-        <span>Sign Up</span>
+        <span>{{ t('nav.signUp') }}</span>
       </router-link>
     </li>
     <li v-if="!client.user">
@@ -36,7 +36,7 @@
                           transition-colors duration-300 ease-in-out"
       >
         <i class="pi pi-key mr-3"></i>
-        <span>Sign In</span>
+        <span>{{ t('nav.signIn') }}</span>
       </router-link>
     </li>
     <li v-if="client.user">
@@ -49,7 +49,7 @@
                           transition-colors duration-300 ease-in-out"
       >
         <i class="pi pi-cog mr-3"></i>
-        <span>Settings</span>
+        <span>{{ t('nav.settings') }}</span>
       </router-link>
     </li>
     <li v-if="client.user">
@@ -62,7 +62,7 @@
                           transition-colors duration-300 ease-in-out"
       >
         <i class="pi pi-power-off mr-3"></i>
-        <span>Sign Out</span>
+        <span>{{ t('nav.signOut') }}</span>
       </router-link>
     </li>
   </ul>
@@ -74,6 +74,9 @@
   import { client as useClient } from '@live-change/vue3-ssr'
   import { toRefs } from '@vueuse/core'
 
+  import { useI18n } from 'vue-i18n'
+  const { t } = useI18n()
+
   const client = useClient()
 
 </script>

package/front/src/notifications/NotificationButtons.vue

@@ -21,6 +21,9 @@
 
   import { inject, defineProps, defineExpose } from "vue"
 
+  import { useI18n } from 'vue-i18n'
+  const { t } = useI18n()
+
   const { notification } = defineProps({
     notification: {
       type: Object,
@@ -36,8 +39,8 @@
     workingZone.addPromise('markNotificationRead', (async () => {
       await notificationApi.markRead({ notification: notification.to || notification.id })
       toast.add({
-        severity: 'success', summary: 'Notification read',
-        detail:'Notification has been marked as read', life: 3000
+        severity: 'success', summary: t('notifications.notificationRead'),
+        detail: t('notifications.markedAsRead'), life: 3000
       })
     })())
   }
@@ -46,8 +49,8 @@
     workingZone.addPromise('markNotificationUnread', (async () => {
       await notificationApi.markUnread({ notification: notification.to || notification.id })
       toast.add({
-        severity: 'success', summary: 'Notification unread',
-        detail:'Notification has been marked as unread', life: 3000
+        severity: 'success', summary: t('notifications.notificationUnread'),
+        detail: t('notifications.markedAsUnread'), life: 3000
       })
     })())
   }
@@ -56,8 +59,8 @@
     workingZone.addPromise('deleteNotification', (async () => {
       await notificationApi.delete({ notification: notification.to || notification.id })
       toast.add({
-        severity: 'warn', summary: 'Notification deleted',
-        detail: 'Notification has been deleted', life: 3000
+        severity: 'warn', summary: t('notifications.notificationDeleted'),
+        detail: t('notifications.hasBeenDeleted'), life: 3000
       })
     })())
   }

package/front/src/notifications/NotificationsList.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="flex items-center justify-between mb-1 px-4 pt-1">
-    <div class="text-surface-900 dark:text-surface-0 font-medium text-xl">Notifications</div>
+    <div class="text-surface-900 dark:text-surface-0 font-medium text-xl">{{ t('notifications.notifications') }}</div>
     <div>
       <Button @click="$refs.menu.toggle($event)"
           icon="pi pi-ellipsis-v" class="p-button-text p-button-plain p-button-rounded" />
@@ -42,6 +42,9 @@
 
   import { ref, inject } from 'vue'
 
+  import { useI18n } from 'vue-i18n'
+  const { t } = useI18n()
+
   const workingZone = inject('workingZone')
 
   import { notificationTypes } from "./notificationTypes.js"
@@ -66,27 +69,27 @@
 
   const menuItems = [
     {
-      label: 'Mark all as read',
+      label: t('notifications.markAllAsRead'),
       icon: 'pi pi-check',
       command: () => {
         workingZone.addPromise('markNotification', (async () => {
           await notificationApi.markAllAsRead({ })
           toast.add({
-            severity: 'success', summary:' Notifications read',
-            detail:'all notifications have been marked as read', life: 3000
+            severity: 'success', summary: t('notifications.notificationsRead'),
+            detail: t('notifications.allMarkedAsRead'), life: 3000
           })
         })())
       }
     },
     {
-      label: 'Delete all',
+      label: t('notifications.deleteAll'),
       icon: 'pi pi-times',
       command: () => {
         workingZone.addPromise('markNotification', (async () => {
           await notificationApi.deleteAll({ })
           toast.add({
-            severity: 'warn', summary: 'Notifications deleted',
-            detail: 'All notifications have been deleted', life: 3000
+            severity: 'warn', summary: t('notifications.notificationsDeleted'),
+            detail: t('notifications.allDeleted'), life: 3000
           })
         })())
       }

package/front/src/notifications/NotificationsSettings.vue

@@ -2,7 +2,7 @@
   <div class="w-full lg:w-6/12 md:w-9/12" v-shared-element:form="{ duration: '300ms', includeChildren: true }">
     <div class="bg-surface-0 dark:bg-surface-900 p-6 shadow rounded-border">
       <div>
-        <h1>Notifications settings</h1>
+        <h1>{{ t('notifications.notificationsSettings') }}</h1>
       </div>
 <!--       <pre>{{ settings }}</pre>
       <pre>{{ clientConfig }}</pre> -->
@@ -56,7 +56,7 @@
     phone: 'pi-phone'
   }
   function contactText(contact, type) {
-    if(type === 'web') return 'Web'
+    if(type === 'web') return t('notifications.web')
     return contact
   }
 
@@ -107,7 +107,7 @@
           notificationType, notification: notificationType
         },
         recursive: true,
-        onSave: () => toast.add({ severity: 'info', summary: 'Notification settings saved', life: 1500 })
+        onSave: () => toast.add({ severity: 'info', summary: t('notifications.settingsSaved'), life: 1500 })
       }).value
       return {
         contactType,

package/front/src/notifications/UnknownNotification.vue

@@ -1,7 +1,7 @@
 <template>
   <SimpleNotification :notification="notification">
     <div class="text-orange-600 text-2xl">
-      Unknown notification {{ notification.notificationType }}!
+      {{ t('notifications.unknownNotification', { type: notification.notificationType }) }}
     </div>
     <pre class="w-full overflow-hidden">{{ notification }}</pre>
   </SimpleNotification>
@@ -13,6 +13,9 @@
 
   import { toRefs, watch } from 'vue'
 
+  import { useI18n } from 'vue-i18n'
+  const { t } = useI18n()
+
   const props = defineProps({
     notification: {
       type: Object,

package/front/src/sign/SignInFinished.vue

@@ -1,18 +1,18 @@
 <template>
   <div class="w-full lg:w-6/12 md:w-9/12 max-w-[32rem]" v-shared-element:form="{ duration: '300ms', includeChildren: true }">
     <div class="bg-surface-0 dark:bg-surface-900 rounded-border shadow p-6">
-      <div class="text-surface-900 dark:text-surface-0 font-medium mb-4 text-xl mb-6">Signed In</div>
-      <p class="mt-0 p-0 leading-normal">Congratulations! You have successfully logged in to your account.</p>
+      <div class="text-surface-900 dark:text-surface-0 font-medium mb-4 text-xl mb-6">{{ t('auth.signedIn') }}</div>
+      <p class="mt-0 p-0 leading-normal">{{ t('auth.signInSuccess') }}</p>
       <div v-if="afterSignIn" class="flex flex-row justify-center items-center">
         <router-link :to="afterSignIn" class="no-underline">
-          <Button label="Next" v-ripple />
+          <Button :label="t('common.next')" v-ripple />
         </router-link>
         <p class="ml-6" v-if="isMounted && redirectTime">
-          Redirect in {{ pluralize('second', Math.ceil((redirectTime - currentTime) / 1000), true) }}...
+          {{ t('auth.redirectIn', { seconds: pluralize('second', Math.ceil((redirectTime - currentTime) / 1000), true) }) }}
         </p>
       </div>
       <div v-else>
-        Return to <router-link to="/">index page</router-link>.
+        {{ t('auth.returnToIndex') }} <router-link to="/">{{ t('auth.indexPage') }}</router-link>.
       </div>
     </div>
   </div>
@@ -40,6 +40,9 @@
   import { useToast } from 'primevue/usetoast'
   const toast = useToast()
 
+  import { useI18n } from 'vue-i18n'
+  const { t } = useI18n()
+
   const userClientConfig = api.getServiceDefinition('user')?.clientConfig
 
   const afterSignIn = ref()
@@ -61,8 +64,8 @@
         setTimeout(() => { // it could be next tick
           toast.add({
             severity: 'info', life: 6000,
-            summary: 'Signed in',
-            detail: 'Congratulations! You have successfully logged in to your account.'
+            summary: t('auth.signedIn'),
+            detail: t('auth.signInSuccess')
           })
           router.push(route)
         }, 100)

package/front/src/sign/SignOutFinished.vue

@@ -1,14 +1,17 @@
 <template>
   <div class="w-full lg:w-6/12 md:w-9/12 max-w-[32rem]" v-shared-element:form="{ duration: '300ms', includeChildren: true }">
     <div class="bg-surface-0 dark:bg-surface-900 rounded-border shadow p-6">
-      <div class="text-surface-900 dark:text-surface-0 font-medium mb-4 text-xl mb-6">Signed Out</div>
-      <p class="mt-0 p-0 leading-normal">You have successfully signed out from your account.</p>
+      <div class="text-surface-900 dark:text-surface-0 font-medium mb-4 text-xl mb-6">{{ t('auth.signedOut') }}</div>
+      <p class="mt-0 p-0 leading-normal">{{ t('auth.signOutSuccess') }}</p>
     </div>
   </div>
 </template>
 
 <script setup>
 
+  import { useI18n } from 'vue-i18n'
+  const { t } = useI18n()
+
 </script>
 
 <style>

package/front/src/sign/SignUpFinished.vue

@@ -3,26 +3,26 @@
     <div class="bg-surface-0 dark:bg-surface-900 rounded-border shadow p-6">
       <div class="text-center mb-8">
         <div class="text-surface-900 dark:text-surface-0 text-3xl font-medium mb-4">
-          Signed Up
+          {{ t('auth.signedUp') }}
         </div>
       </div>
       <p class="mt-0 p-0 leading-normal">
-        Congratulations! You have successfully created your account.
+        {{ t('auth.signUpSuccess') }}
         <span v-if="needPassword && !afterSignIn">
-          You can now set password to secure your account.
+          {{ t('auth.canSetPassword') }}
         </span>
         <div v-else-if="afterSignIn" class="flex flex-row justify-center items-center">
           <router-link :to="afterSignIn" class="no-underline">
-            <Button label="Next" v-ripple />
+            <Button :label="t('common.next')" v-ripple />
           </router-link>
           <p class="ml-6" v-if="isMounted && redirectTime">
-            Redirect in {{ pluralize('second', Math.ceil((redirectTime - currentTime) / 1000), true) }}...
+            {{ t('auth.redirectIn', { seconds: pluralize('second', Math.ceil((redirectTime - currentTime) / 1000), true) }) }}
           </p>
         </div>
         <p v-else>
 
-          Setup your <router-link :to="{ name: 'user:identification' }">profile</router-link>
-          or return to the <router-link to="/">index page</router-link>.
+          {{ t('auth.setupProfile') }} <router-link :to="{ name: 'user:identification' }">{{ t('auth.profile') }}</router-link>
+          {{ t('auth.orReturnTo') }} <router-link to="/">{{ t('auth.indexPage') }}</router-link>.
         </p>
       </p>
     </div>
@@ -30,7 +30,7 @@
     <div class="bg-surface-0 dark:bg-surface-900 p-6 shadow rounded-border mt-2" v-if="needPassword && !afterSignIn">
       <div class="text-center mb-8">
         <div class="text-surface-900 dark:text-surface-0 text-3xl font-medium mb-4">
-          {{ passwordExists ? 'Change password' : 'Set password' }}
+          {{ passwordExists ? t('auth.changePassword') : t('auth.setPassword') }}
         </div>
       </div>
 
@@ -42,7 +42,7 @@
 
           <div class="p-field mb-4">
             <label for="newPassword" class="block text-surface-900 dark:text-surface-0 font-medium mb-2">
-              New password
+              {{ t('auth.newPassword') }}
             </label>
             <Password id="newPassword" class="w-full" inputClass="w-full"
                       toggleMask v-model:masked="masked"
@@ -50,12 +50,12 @@
                       v-model="data.passwordHash">
               <template #footer>
                 <Divider />
-                <p class="p-mt-2">Suggestions</p>
+                <p class="p-mt-2">{{ t('auth.passwordSuggestions') }}</p>
                 <ul class="p-pl-2 p-ml-2 p-mt-0" style="line-height: 1.5">
-                  <li>At least one lowercase</li>
-                  <li>At least one uppercase</li>
-                  <li>At least one numeric</li>
-                  <li>Minimum 8 characters</li>
+                  <li>{{ t('auth.suggestionLowercase') }}</li>
+                  <li>{{ t('auth.suggestionUppercase') }}</li>
+                  <li>{{ t('auth.suggestionNumeric') }}</li>
+                  <li>{{ t('auth.suggestionMinLength') }}</li>
                 </ul>
               </template>
             </Password>
@@ -65,7 +65,7 @@
           </div>
 
           <div class="p-field mb-4">
-            <label for="reenterPassword" class="block text-surface-900 dark:text-surface-0 font-medium mb-2">Re-enter password</label>
+            <label for="reenterPassword" class="block text-surface-900 dark:text-surface-0 font-medium mb-2">{{ t('auth.reenterPassword') }}</label>
             <Password id="reenterPassword" class="w-full" inputClass="w-full"
                       toggleMask v-model:masked="masked"
                       v-model="secondPassword"
@@ -74,7 +74,7 @@
 
         </template>
 
-        <Button :label="passwordExists ? 'Change password' : 'Set password'"
+        <Button :label="passwordExists ? t('auth.changePassword') : t('auth.setPassword')"
                 type="submit"
                 icon="pi pi-key" class="w-full"></Button>
 
@@ -158,8 +158,8 @@
           console.log("DO REDIRECT AFTER SIGN UP!", route)
           toast.add({
             severity: 'info', life: 6000,
-            summary: 'Signed up',
-            detail: 'Congratulations! You have successfully created your account.'
+            summary: t('auth.signedUp'),
+            detail: t('auth.signUpSuccess')
           })
           localStorage.removeItem('redirectAfterSignIn')
           router.push(route)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-change/user-frontend",
-  "version": "0.9.133",
+  "version": "0.9.135",
   "scripts": {
     "memDev": "tsx --inspect --expose-gc server/start.js memDev --enableSessions --initScript ./init.js --dbAccess",
     "localDevInit": "tsx server/start.js localDev --enableSessions --initScript ./init.js --dbAccess",
@@ -36,29 +36,29 @@
   },
   "type": "module",
   "dependencies": {
-    "@live-change/cli": "^0.9.133",
-    "@live-change/dao": "^0.9.133",
-    "@live-change/dao-vue3": "^0.9.133",
-    "@live-change/dao-websocket": "^0.9.133",
-    "@live-change/email-service": "^0.9.133",
-    "@live-change/framework": "^0.9.133",
-    "@live-change/identicon-service": "^0.9.133",
-    "@live-change/image-frontend": "^0.9.133",
-    "@live-change/message-authentication-service": "^0.9.133",
-    "@live-change/notification-service": "^0.9.133",
-    "@live-change/password-authentication-service": "^0.9.133",
-    "@live-change/pattern": "^0.9.133",
-    "@live-change/secret-code-service": "^0.9.133",
-    "@live-change/secret-link-service": "^0.9.133",
-    "@live-change/security-frontend": "^0.9.133",
-    "@live-change/security-service": "^0.9.133",
-    "@live-change/session-service": "^0.9.133",
-    "@live-change/timer-service": "^0.9.133",
-    "@live-change/upload-service": "^0.9.133",
-    "@live-change/user-identification-service": "^0.9.133",
-    "@live-change/user-service": "^0.9.133",
-    "@live-change/vue3-components": "^0.9.133",
-    "@live-change/vue3-ssr": "^0.9.133",
+    "@live-change/cli": "^0.9.135",
+    "@live-change/dao": "^0.9.135",
+    "@live-change/dao-vue3": "^0.9.135",
+    "@live-change/dao-websocket": "^0.9.135",
+    "@live-change/email-service": "^0.9.135",
+    "@live-change/framework": "^0.9.135",
+    "@live-change/identicon-service": "^0.9.135",
+    "@live-change/image-frontend": "^0.9.135",
+    "@live-change/message-authentication-service": "^0.9.135",
+    "@live-change/notification-service": "^0.9.135",
+    "@live-change/password-authentication-service": "^0.9.135",
+    "@live-change/pattern": "^0.9.135",
+    "@live-change/secret-code-service": "^0.9.135",
+    "@live-change/secret-link-service": "^0.9.135",
+    "@live-change/security-frontend": "^0.9.135",
+    "@live-change/security-service": "^0.9.135",
+    "@live-change/session-service": "^0.9.135",
+    "@live-change/timer-service": "^0.9.135",
+    "@live-change/upload-service": "^0.9.135",
+    "@live-change/user-identification-service": "^0.9.135",
+    "@live-change/user-service": "^0.9.135",
+    "@live-change/vue3-components": "^0.9.135",
+    "@live-change/vue3-ssr": "^0.9.135",
     "@vueuse/core": "^12.3.0",
     "codeceptjs-assert": "^0.0.5",
     "codeceptjs-video-helper": "0.1.3",
@@ -79,7 +79,7 @@
     "wtfnode": "^0.9.1"
   },
   "devDependencies": {
-    "@live-change/codeceptjs-helper": "^0.9.133",
+    "@live-change/codeceptjs-helper": "^0.9.135",
     "codeceptjs": "^3.6.10",
     "generate-password": "1.7.1",
     "playwright": "1.49.1",
@@ -90,5 +90,5 @@
   "author": "Michał Łaszczewski <michal@laszczewski.pl>",
   "license": "BSD-3-Clause",
   "description": "",
-  "gitHead": "455a7c9d204a89196f6599c42acd8eaeb45532e1"
+  "gitHead": "ffc360ae1d414e879c34a649c25f6dac14a33c7b"
 }