@dev.smartpricing/message-composer-layer 4.2.8 → 4.2.9-toast.1

package/app/api/brands.ts

@@ -21,7 +21,7 @@ export const brandsApi = {
     if (options?.sort_by) params.set('sort_by', options.sort_by)
     if (options?.direction) params.set('direction', options.direction)
     const query = params.size ? `?${params.toString()}` : ''
-    return apiClient<BrandFromDb[]>(`/brands${query}`)
+    return apiClient<BrandWithProperties[]>(`/brands${query}`)
   },
 
   getById: (id: string) => apiClient<BrandWithProperties>(`/brands/${id}`),
@@ -30,13 +30,16 @@ export const brandsApi = {
     apiClient<BrandCreateResponse>('/brands', {
       method: 'POST',
       body: data,
-    }),
+
+      _skipErrorToast: true,
+    } as Record<string, unknown>),
 
   update: (id: string, data: BrandUpdateBody) =>
     apiClient<BrandFromDb>(`/brands/${id}`, {
       method: 'PUT',
       body: data,
-    }),
+      _skipErrorToast: true,
+    } as Record<string, unknown>),
 
   delete: (id: string) => apiClient<BrandDeleteResponse>(`/brands/${id}`, { method: 'DELETE' }),
 

package/app/api/client.ts

@@ -1,5 +1,6 @@
 import type { AppError } from '@dev.smartpricing/message-composer-utils/types'
 import { useAppContextStore } from '@/stores/appContext'
+import { resolveErrorToast } from '~/composables/apiErrorMessages'
 
 function assertAppError(data: unknown): data is AppError {
   if (typeof data !== 'object' || data === null) {
@@ -41,20 +42,12 @@ export const apiClient = createApiClient({
       options.headers.set('sm-default-tags', store.default_tags.join(','))
     }
   },
-  onResponseError({ response }) {
-    const error = response._data
-    if (assertAppError(error)) {
-      useToast().add({
-        color: 'error',
-        title: error.code,
-        description: error.message,
-      })
-    } else {
-      useToast().add({
-        color: 'error',
-        title: 'Error',
-        description: 'An error occurred',
-      })
-    }
+  onResponseError({ response, options }) {
+    if ((options as { _skipErrorToast?: boolean })._skipErrorToast) return
+
+    const t = useNuxtApp().$i18n.t
+    const code = assertAppError(response._data) ? response._data.code : undefined
+    const toast = resolveErrorToast({ status: response.status, code }, t)
+    useToast().add({ ...toast, color: 'error' })
   },
 })

package/app/components/Brand/BrandDrawer.vue

@@ -6,13 +6,15 @@ import type {
   BrandDefaultButtonSettings,
   BrandCreateBody,
   BrandSocials,
+  BrandData,
 } from '@dev.smartpricing/message-composer-utils/types'
-import { isValidUrl } from '@dev.smartpricing/message-composer-utils/utils'
+import { isValidUrl, isEmail } from '@dev.smartpricing/message-composer-utils/utils'
 import type { BrandCascadeData } from '@dev.smartpricing/message-composer-utils/utils'
 import type { BrandWithProperties } from '~/api/brands'
 import BrandPreview from '~/components/Brand/BrandPreview.vue'
 import BrandStepGeneral from '~/components/Brand/Steps/BrandStepGeneral.vue'
 import BrandStepVisual from '~/components/Brand/Steps/BrandStepVisual.vue'
+import BrandStepContactInfo from '~/components/Brand/Steps/BrandStepContactInfo.vue'
 import BrandStepSocials from '~/components/Brand/Steps/BrandStepSocials.vue'
 import { useBrandQuery, useCreateBrandMutation, useUpdateBrandMutation } from '~/queries'
 import type { BrandCreateResponse } from '~/api/brands'
@@ -48,7 +50,7 @@ const isSaving = computed(() => isCreating.value || isUpdating.value)
 // ============================================================================
 // NAVIGATION
 // ============================================================================
-type Step = 'general' | 'visual' | 'socials'
+type Step = 'general' | 'visual' | 'contact_info' | 'socials'
 const activeStep = ref<Step>('general')
 
 const navItems = computed<NavigationMenuItem[]>(() => [
@@ -68,6 +70,14 @@ const navItems = computed<NavigationMenuItem[]>(() => [
       activeStep.value = 'visual'
     },
   },
+  {
+    label: t('pages.brands.steps.contact_info'),
+    icon: 'ph:address-book',
+    active: activeStep.value === 'contact_info',
+    onSelect: () => {
+      activeStep.value = 'contact_info'
+    },
+  },
   {
     label: t('pages.brands.steps.socials'),
     icon: 'ph:share-network',
@@ -99,6 +109,7 @@ const defaultButtonSettings = ref<BrandDefaultButtonSettings>({
   backgroundColor: '#000000',
 })
 
+const data = ref<BrandData>({})
 const socials = ref<BrandSocials>({})
 
 // ============================================================================
@@ -124,6 +135,7 @@ function populateForm(brand: BrandWithProperties) {
   colors.value = [...brand.colors]
   defaultEmailSettings.value = { ...brand.default_email_settings }
   defaultButtonSettings.value = { ...brand.default_button_settings }
+  data.value = brand.data ? { ...brand.data } : {}
   socials.value = brand.default_socials ? { ...brand.default_socials } : {}
 }
 
@@ -143,12 +155,25 @@ function resetForm() {
     textColor: '#FFFFFF',
     backgroundColor: '#000000',
   }
+  data.value = {}
   socials.value = {}
   activeStep.value = 'general'
 }
 
 watch(isOpen, (val) => {
-  if (!val) resetForm()
+  if (!val) {
+    resetForm()
+  } else if (props.brandId && existingBrand.value) {
+    // Re-populate when reopening with the same brand (watcher won't fire since values didn't change)
+    populateForm(existingBrand.value)
+  }
+})
+
+// Pre-fill data.name with brand display name on create only
+watch(activeStep, (step) => {
+  if (step === 'contact_info' && !isEditMode.value && !data.value.name && name.value.trim()) {
+    data.value = { ...data.value, name: name.value.trim() }
+  }
 })
 
 // ============================================================================
@@ -159,6 +184,7 @@ const brandCascadeData = computed<BrandCascadeData>(() => ({
   default_button_settings: defaultButtonSettings.value,
   default_socials: socials.value,
   logo_url: logoUrl.value || null,
+  data: data.value,
 }))
 
 // ============================================================================
@@ -168,6 +194,13 @@ function hasInvalidSocialUrls(): boolean {
   return Object.values(socials.value).some((url) => !!url && !isValidUrl(url))
 }
 
+function hasInvalidContactInfo(): boolean {
+  const d = data.value
+  if (d.website && !isValidUrl(d.website)) return true
+  if (d.email && !isEmail(d.email)) return true
+  return false
+}
+
 async function handleSave() {
   if (!name.value.trim()) {
     useToast().add({
@@ -178,6 +211,15 @@ async function handleSave() {
     return
   }
 
+  if (hasInvalidContactInfo()) {
+    useToast().add({
+      color: 'error',
+      title: t('pages.brands.validation.invalid_contact_info'),
+    })
+    activeStep.value = 'contact_info'
+    return
+  }
+
   if (hasInvalidSocialUrls()) {
     useToast().add({
       color: 'error',
@@ -194,6 +236,7 @@ async function handleSave() {
     default_email_settings: defaultEmailSettings.value,
     default_button_settings: defaultButtonSettings.value,
     default_socials: socials.value,
+    data: data.value,
     property_ids: selectedPropertyIds.value,
   }
 
@@ -221,6 +264,7 @@ async function handleSave() {
           changedFields.push('button_settings')
         if (JSON.stringify(payload.default_socials) !== JSON.stringify(brand.default_socials))
           changedFields.push('socials')
+        if (JSON.stringify(payload.data) !== JSON.stringify(brand.data)) changedFields.push('data')
         if (
           JSON.stringify(payload.property_ids) !==
           JSON.stringify(brand.properties?.map((bp) => bp.property_id))
@@ -291,6 +335,7 @@ async function handleSave() {
             v-if="activeStep === 'general'"
             v-model:name="name"
             v-model:selected-property-ids="selectedPropertyIds"
+            :brand-id="brandId"
           />
 
           <BrandStepVisual
@@ -302,6 +347,8 @@ async function handleSave() {
             v-model:default-button-settings="defaultButtonSettings"
           />
 
+          <BrandStepContactInfo v-if="activeStep === 'contact_info'" v-model="data" />
+
           <BrandStepSocials v-if="activeStep === 'socials'" v-model="socials" />
         </div>
 

package/app/components/Brand/Steps/BrandStepContactInfo.vue

@@ -0,0 +1,87 @@
+<script setup lang="ts">
+import type { BrandData } from '@dev.smartpricing/message-composer-utils/types'
+import { isValidUrl, isEmail } from '@dev.smartpricing/message-composer-utils/utils'
+
+const data = defineModel<BrandData>({ required: true })
+
+const { t, locale } = useI18n()
+
+const touched = ref<Partial<Record<string, boolean>>>({})
+
+function update(field: keyof BrandData, value: string) {
+  const trimmed = value.trim()
+  data.value = {
+    ...data.value,
+    [field]: trimmed || undefined,
+  }
+}
+
+function onBlur(field: string) {
+  const value = data.value[field as keyof BrandData]
+  if (value) {
+    touched.value = { ...touched.value, [field]: true }
+  }
+}
+
+function fieldError(field: string): string | undefined {
+  const value = data.value[field as keyof BrandData]
+  if (!value || !touched.value[field]) return undefined
+
+  if (field === 'website') {
+    return isValidUrl(value) ? undefined : t('pages.brands.validation.invalid_url_format')
+  }
+  if (field === 'email') {
+    return isEmail(value) ? undefined : t('pages.brands.validation.invalid_email_format')
+  }
+  return undefined
+}
+</script>
+
+<template>
+  <div class="space-y-4">
+    <UFormField :label="t('pages.brands.fields.contact_name')">
+      <UInput
+        :model-value="data.name ?? ''"
+        :placeholder="t('pages.brands.fields.contact_name_placeholder')"
+        @update:model-value="update('name', $event as string)"
+      />
+    </UFormField>
+
+    <UFormField :label="t('pages.brands.fields.contact_address')">
+      <UInput
+        :model-value="data.address ?? ''"
+        :placeholder="t('pages.brands.fields.contact_address_placeholder')"
+        @update:model-value="update('address', $event as string)"
+      />
+    </UFormField>
+
+    <UFormField :label="t('pages.brands.fields.contact_telephone')">
+      <SPhoneInput
+        class="w-full"
+        :model-value="data.telephone ?? ''"
+        :locale="locale"
+        @update:model-value="update('telephone', $event as string)"
+      />
+    </UFormField>
+
+    <UFormField :label="t('pages.brands.fields.contact_email')" :error="fieldError('email')">
+      <UInput
+        :model-value="data.email ?? ''"
+        :placeholder="t('pages.brands.fields.contact_email_placeholder')"
+        :color="fieldError('email') ? 'error' : undefined"
+        @update:model-value="update('email', $event as string)"
+        @blur="onBlur('email')"
+      />
+    </UFormField>
+
+    <UFormField :label="t('pages.brands.fields.contact_website')" :error="fieldError('website')">
+      <UInput
+        :model-value="data.website ?? ''"
+        :placeholder="t('pages.brands.fields.contact_website_placeholder')"
+        :color="fieldError('website') ? 'error' : undefined"
+        @update:model-value="update('website', $event as string)"
+        @blur="onBlur('website')"
+      />
+    </UFormField>
+  </div>
+</template>

package/app/components/Brand/Steps/BrandStepGeneral.vue

@@ -1,17 +1,46 @@
 <script setup lang="ts">
 import type { Property } from '@dev.smartpricing/message-composer-utils/types'
-import { usePropertiesQuery } from '~/queries'
+import { useBrandsQuery, usePropertiesQuery } from '~/queries'
+
+const props = defineProps<{
+  brandId?: string
+}>()
 
 const name = defineModel<string>('name', { required: true })
 const selectedPropertyIds = defineModel<string[]>('selectedPropertyIds', { required: true })
 
+const { t } = useI18n()
+
 const { data: properties } = usePropertiesQuery()
+const { data: brands } = useBrandsQuery()
+
+/** Map of property_id → brand name, excluding the brand currently being edited */
+const takenPropertyMap = computed(() => {
+  const map = new Map<string, string>()
+  for (const brand of brands.value ?? []) {
+    if (brand.id === props.brandId) continue
+    for (const bp of brand.properties ?? []) {
+      map.set(bp.property_id, brand.name)
+    }
+  }
+  return map
+})
+
+const hasRestrictedProperties = computed(() =>
+  (properties.value ?? []).some((p: Property) => !p.hasAccess),
+)
 
 const propertyItems = computed(() =>
-  (properties.value ?? []).map((p: Property) => ({
-    label: p.name,
-    value: p.id,
-  })),
+  (properties.value ?? []).map((p: Property) => {
+    const takenBy = takenPropertyMap.value.get(p.id)
+    return {
+      label: p.name,
+      value: p.id,
+      disabled: !p.hasAccess || !!takenBy,
+      takenByBrand: takenBy,
+      noAccess: !p.hasAccess,
+    }
+  }),
 )
 </script>
 
@@ -24,7 +53,14 @@ const propertyItems = computed(() =>
     />
   </UFormField>
 
-  <!-- <UFormField :label="$t('pages.brands.fields.properties')">
+  <UFormField :label="$t('pages.brands.fields.properties')">
+    <UAlert
+      v-if="hasRestrictedProperties"
+      :description="$t('pages.brands.fields.properties_access_hint')"
+      color="neutral"
+      variant="subtle"
+      class="mb-2"
+    />
     <USelectMenu
       v-model="selectedPropertyIds"
       :items="propertyItems"
@@ -32,6 +68,23 @@ const propertyItems = computed(() =>
       value-key="value"
       :placeholder="$t('pages.brands.fields.properties_placeholder')"
       class="w-full"
-    />
-  </UFormField> -->
+    >
+      <template #item-label="{ item }">
+        <UTooltip v-if="item.noAccess" :text="t('pages.brands.fields.property_no_access_tooltip')">
+          <span class="text-muted">
+            {{ item.label }}
+          </span>
+        </UTooltip>
+        <UTooltip
+          v-else-if="item.disabled"
+          :text="t('pages.brands.fields.property_taken_tooltip', { brand: item.takenByBrand })"
+        >
+          <span class="text-muted">
+            {{ item.label }}
+          </span>
+        </UTooltip>
+        <span v-else>{{ item.label }}</span>
+      </template>
+    </USelectMenu>
+  </UFormField>
 </template>

package/app/composables/apiErrorMessages.ts

@@ -0,0 +1,26 @@
+const CODE_TO_KEY: Record<string, string> = {
+  'session.missing': 'common.errors.session_expired',
+  'session.expired': 'common.errors.session_expired',
+}
+
+function descriptionKeyByStatus(status: number): string {
+  if (status === 403) return 'common.errors.forbidden'
+  if (status === 404) return 'common.errors.not_found'
+  if (status === 503) return 'common.errors.service_unavailable'
+  if (status >= 500) return 'common.errors.server_error'
+  return 'common.errors.generic'
+}
+
+export function resolveErrorToast(
+  error: { status: number; code?: string },
+  t: (key: string) => string,
+): { title: string; description: string; id: string } {
+  const descriptionKey =
+    (error.code && CODE_TO_KEY[error.code]) || descriptionKeyByStatus(error.status)
+
+  return {
+    title: t('common.error'),
+    description: t(descriptionKey),
+    id: `api-error-${error.status}-${error.code || 'unknown'}`,
+  }
+}

package/i18n/locales/de.ts

@@ -21,6 +21,15 @@ export default {
     desktop: 'Desktop',
     error: 'Fehler',
     errore: 'Fehler',
+    errors: {
+      forbidden: 'Sie haben keine Berechtigung, diese Aktion auszuführen.',
+      generic: 'Ein unerwarteter Fehler ist aufgetreten. Bitte versuchen Sie es erneut.',
+      not_found: 'Die angeforderte Ressource wurde nicht gefunden.',
+      server_error: 'Ein Serverfehler ist aufgetreten. Bitte versuchen Sie es später erneut.',
+      service_unavailable:
+        'Der Dienst ist vorübergehend nicht verfügbar. Bitte versuchen Sie es später erneut.',
+      session_expired: 'Ihre Sitzung ist abgelaufen. Bitte melden Sie sich erneut an.',
+    },
     imageUpload: {
       imageJpgPngOnly: 'Es werden nur JPG- und PNG-Bilddateien unterstützt.',
       mediaFileTooLarge: 'Die Datei ist zu groß. Maximale Größe: {maxSize}MB.',
@@ -654,6 +663,16 @@ export default {
         button_bg_color: 'Hintergrund',
         button_text_color: 'Text',
         change_logo: 'Logo ändern',
+        contact_address: 'Adresse',
+        contact_address_placeholder: 'Z.B. Via Roma 1, 39100 Bolzano',
+        contact_email: 'E-Mail',
+        contact_email_placeholder: "Z.B. info{'@'}hotel.com",
+        contact_name: 'Name',
+        contact_name_placeholder: 'Z.B. Grand Hotel',
+        contact_telephone: 'Telefon',
+        contact_telephone_placeholder: 'Z.B. +39 0471 123456',
+        contact_website: 'Webseite',
+        contact_website_placeholder: 'Z.B. https://www.hotel.com',
         colors: 'Farben',
         default_button_colors: 'Standard-Schaltflächen-Farben',
         default_email_colors: 'Standard-E-Mail-Farben',
@@ -666,7 +685,11 @@ export default {
         name: 'Name',
         name_placeholder: 'Markennamen eingeben',
         properties: 'Unterkünfte',
+        properties_access_hint:
+          'Nur Unterkünfte, auf die Sie Zugriff haben, können zugewiesen werden. Jede Unterkunft kann nur einer Marke zugeordnet sein.',
         properties_placeholder: 'Unterkünfte auswählen',
+        property_no_access_tooltip: 'Sie haben keinen Zugriff auf diese Unterkunft',
+        property_taken_tooltip: 'Bereits mit „{brand}" verknüpft',
         upload_logo: 'Logo hochladen',
       },
       new_brand: 'Neue Marke',
@@ -678,12 +701,15 @@ export default {
       save_error: 'Fehler beim Speichern der Marke',
       search_placeholder: 'Marken suchen...',
       steps: {
+        contact_info: 'Kontaktdaten',
         general: 'Allgemein',
         socials: 'Soziale Medien',
         visual_style: 'Visueller Stil',
       },
       title: 'Marken',
       validation: {
+        invalid_contact_info: 'Kontaktdaten enthalten ungültige E-Mail oder Webseite',
+        invalid_email_format: 'Ungültiges E-Mail-Format',
         invalid_social_url: 'Eine oder mehrere Social-URLs sind ungültig',
         invalid_url_format: 'Ungültiges URL-Format',
         name_required: 'Name ist erforderlich',

package/i18n/locales/en.ts

@@ -21,6 +21,14 @@ export default {
     desktop: 'Desktop',
     error: 'Error',
     errore: 'Error',
+    errors: {
+      forbidden: "You don't have permission to perform this action.",
+      generic: 'An unexpected error occurred. Please try again.',
+      not_found: 'The requested resource was not found.',
+      server_error: 'A server error occurred. Please try again later.',
+      service_unavailable: 'The service is temporarily unavailable. Please try again later.',
+      session_expired: 'Your session has expired. Please log in again.',
+    },
     imageUpload: {
       imageJpgPngOnly: 'Only JPG and PNG image files are supported.',
       mediaFileTooLarge: 'File is too large. Maximum size: {maxSize}MB.',
@@ -645,6 +653,16 @@ export default {
         button_bg_color: 'Background',
         button_text_color: 'Text',
         change_logo: 'Change logo',
+        contact_address: 'Address',
+        contact_address_placeholder: 'E.g. Via Roma 1, 39100 Bolzano',
+        contact_email: 'Email',
+        contact_email_placeholder: "E.g. info{'@'}hotel.com",
+        contact_name: 'Name',
+        contact_name_placeholder: 'E.g. Grand Hotel',
+        contact_telephone: 'Telephone',
+        contact_telephone_placeholder: 'E.g. +39 0471 123456',
+        contact_website: 'Website',
+        contact_website_placeholder: 'E.g. https://www.hotel.com',
         colors: 'Brand colors',
         default_button_colors: 'Default button colors',
         default_email_colors: 'Default email colors',
@@ -657,7 +675,11 @@ export default {
         name: 'Brand name',
         name_placeholder: 'E.g. Smartness',
         properties: 'Properties',
+        properties_access_hint:
+          'Only properties you have access to can be assigned. Each property can only belong to one brand.',
         properties_placeholder: 'Select properties',
+        property_no_access_tooltip: "You don't have access to this property",
+        property_taken_tooltip: 'Already linked to "{brand}"',
         upload_logo: 'Upload logo',
       },
       new_brand: 'New brand',
@@ -669,12 +691,15 @@ export default {
       save_error: 'Failed to save brand. Please try again.',
       search_placeholder: 'Search brands...',
       steps: {
+        contact_info: 'Contact info',
         general: 'General',
         socials: 'Socials',
         visual_style: 'Visual style',
       },
       title: 'Brands',
       validation: {
+        invalid_contact_info: 'Contact info contains invalid email or website',
+        invalid_email_format: 'Invalid email format',
         invalid_social_url: 'One or more social URLs are invalid',
         invalid_url_format: 'Invalid URL format',
         name_required: 'Brand name is required',

package/i18n/locales/es.ts

@@ -21,6 +21,15 @@ export default {
     desktop: 'Escritorio',
     error: 'Error',
     errore: 'Error',
+    errors: {
+      forbidden: 'No tienes permiso para realizar esta acción.',
+      generic: 'Se ha producido un error inesperado. Inténtalo de nuevo.',
+      not_found: 'El recurso solicitado no fue encontrado.',
+      server_error: 'Se ha producido un error en el servidor. Inténtalo de nuevo más tarde.',
+      service_unavailable:
+        'El servicio no está disponible temporalmente. Inténtalo de nuevo más tarde.',
+      session_expired: 'Tu sesión ha expirado. Inicia sesión de nuevo.',
+    },
     imageUpload: {
       imageJpgPngOnly: 'Solo se admiten archivos de imagen JPG y PNG.',
       mediaFileTooLarge: 'El archivo es demasiado grande. Tamaño máximo: {maxSize}MB.',
@@ -653,6 +662,16 @@ export default {
         button_bg_color: 'Fondo',
         button_text_color: 'Texto',
         change_logo: 'Cambiar logo',
+        contact_address: 'Dirección',
+        contact_address_placeholder: 'Ej. Via Roma 1, 39100 Bolzano',
+        contact_email: 'Email',
+        contact_email_placeholder: "Ej. info{'@'}hotel.com",
+        contact_name: 'Nombre',
+        contact_name_placeholder: 'Ej. Grand Hotel',
+        contact_telephone: 'Teléfono',
+        contact_telephone_placeholder: 'Ej. +39 0471 123456',
+        contact_website: 'Sitio web',
+        contact_website_placeholder: 'Ej. https://www.hotel.com',
         colors: 'Colores',
         default_button_colors: 'Colores de botón predeterminados',
         default_email_colors: 'Colores de correo predeterminados',
@@ -665,7 +684,11 @@ export default {
         name: 'Nombre',
         name_placeholder: 'Introduce el nombre de la marca',
         properties: 'Propiedades',
+        properties_access_hint:
+          'Solo puedes asignar propiedades a las que tengas acceso. Cada propiedad solo puede pertenecer a una marca.',
         properties_placeholder: 'Seleccionar propiedades',
+        property_no_access_tooltip: 'No tienes acceso a esta propiedad',
+        property_taken_tooltip: 'Ya vinculada a "{brand}"',
         upload_logo: 'Subir logo',
       },
       new_brand: 'Nueva marca',
@@ -677,12 +700,15 @@ export default {
       save_error: 'Error al guardar la marca',
       search_placeholder: 'Buscar marcas...',
       steps: {
+        contact_info: 'Info de contacto',
         general: 'General',
         socials: 'Redes sociales',
         visual_style: 'Estilo visual',
       },
       title: 'Marcas',
       validation: {
+        invalid_contact_info: 'Los datos de contacto contienen email o sitio web no válidos',
+        invalid_email_format: 'Formato de email no válido',
         invalid_social_url: 'Una o más URLs sociales no son válidas',
         invalid_url_format: 'Formato de URL no válido',
         name_required: 'El nombre es obligatorio',

package/i18n/locales/fr.ts

@@ -21,6 +21,15 @@ export default {
     desktop: 'Bureau',
     error: 'Erreur',
     errore: 'Erreur',
+    errors: {
+      forbidden: "Vous n'avez pas la permission d'effectuer cette action.",
+      generic: 'Une erreur inattendue est survenue. Veuillez réessayer.',
+      not_found: "La ressource demandée n'a pas été trouvée.",
+      server_error: 'Une erreur serveur est survenue. Veuillez réessayer plus tard.',
+      service_unavailable:
+        'Le service est temporairement indisponible. Veuillez réessayer plus tard.',
+      session_expired: 'Votre session a expiré. Veuillez vous reconnecter.',
+    },
     imageUpload: {
       imageJpgPngOnly: 'Seuls les fichiers image JPG et PNG sont pris en charge.',
       mediaFileTooLarge: 'Le fichier est trop volumineux. Taille maximale : {maxSize} Mo.',
@@ -657,6 +666,16 @@ export default {
         button_bg_color: 'Fond',
         button_text_color: 'Texte',
         change_logo: 'Changer le logo',
+        contact_address: 'Adresse',
+        contact_address_placeholder: 'Ex. Via Roma 1, 39100 Bolzano',
+        contact_email: 'Email',
+        contact_email_placeholder: "Ex. info{'@'}hotel.com",
+        contact_name: 'Nom',
+        contact_name_placeholder: 'Ex. Grand Hotel',
+        contact_telephone: 'Téléphone',
+        contact_telephone_placeholder: 'Ex. +39 0471 123456',
+        contact_website: 'Site web',
+        contact_website_placeholder: 'Ex. https://www.hotel.com',
         colors: 'Couleurs',
         default_button_colors: 'Couleurs de bouton par défaut',
         default_email_colors: "Couleurs d'e-mail par défaut",
@@ -669,7 +688,11 @@ export default {
         name: 'Nom',
         name_placeholder: 'Saisir le nom de la marque',
         properties: 'Établissements',
+        properties_access_hint:
+          "Seuls les établissements auxquels vous avez accès peuvent être attribués. Chaque établissement ne peut appartenir qu'à une seule marque.",
         properties_placeholder: 'Sélectionner les établissements',
+        property_no_access_tooltip: "Vous n'avez pas accès à cet établissement",
+        property_taken_tooltip: 'Déjà associé à « {brand} »',
         upload_logo: 'Importer le logo',
       },
       new_brand: 'Nouvelle marque',
@@ -681,12 +704,15 @@ export default {
       save_error: "Erreur lors de l'enregistrement de la marque",
       search_placeholder: 'Rechercher des marques...',
       steps: {
+        contact_info: 'Coordonnées',
         general: 'Général',
         socials: 'Réseaux sociaux',
         visual_style: 'Style visuel',
       },
       title: 'Marques',
       validation: {
+        invalid_contact_info: 'Les coordonnées contiennent un email ou un site web invalide',
+        invalid_email_format: "Format d'email invalide",
         invalid_social_url: 'Une ou plusieurs URL de réseaux sociaux sont invalides',
         invalid_url_format: "Format d'URL invalide",
         name_required: 'Le nom est requis',

package/i18n/locales/it.ts

@@ -21,6 +21,14 @@ export default {
     desktop: 'Desktop',
     error: 'Errore',
     errore: 'Errore',
+    errors: {
+      forbidden: 'Non hai i permessi per eseguire questa azione.',
+      generic: 'Si è verificato un errore imprevisto. Riprova.',
+      not_found: 'La risorsa richiesta non è stata trovata.',
+      server_error: 'Si è verificato un errore del server. Riprova più tardi.',
+      service_unavailable: 'Il servizio è temporaneamente non disponibile. Riprova più tardi.',
+      session_expired: "La sessione è scaduta. Effettua nuovamente l'accesso.",
+    },
     imageUpload: {
       imageJpgPngOnly: 'Sono supportati solo file immagine JPG e PNG.',
       mediaFileTooLarge: 'Il file è troppo grande. Dimensione massima: {maxSize}MB.',
@@ -651,6 +659,16 @@ export default {
         button_bg_color: 'Sfondo',
         button_text_color: 'Testo',
         change_logo: 'Cambia logo',
+        contact_address: 'Indirizzo',
+        contact_address_placeholder: 'Es. Via Roma 1, 39100 Bolzano',
+        contact_email: 'Email',
+        contact_email_placeholder: "Es. info{'@'}hotel.com",
+        contact_name: 'Nome',
+        contact_name_placeholder: 'Es. Grand Hotel',
+        contact_telephone: 'Telefono',
+        contact_telephone_placeholder: 'Es. +39 0471 123456',
+        contact_website: 'Sito web',
+        contact_website_placeholder: 'Es. https://www.hotel.com',
         colors: 'Colori',
         default_button_colors: 'Colori pulsante predefiniti',
         default_email_colors: 'Colori email predefiniti',
@@ -663,7 +681,11 @@ export default {
         name: 'Nome',
         name_placeholder: 'Inserisci il nome del brand',
         properties: 'Strutture',
+        properties_access_hint:
+          'Puoi assegnare solo le strutture a cui hai accesso. Ogni struttura può appartenere a un solo brand.',
         properties_placeholder: 'Seleziona le strutture',
+        property_no_access_tooltip: 'Non hai accesso a questa struttura',
+        property_taken_tooltip: 'Già collegata a "{brand}"',
         upload_logo: 'Carica logo',
       },
       new_brand: 'Nuovo brand',
@@ -675,12 +697,15 @@ export default {
       save_error: 'Errore durante il salvataggio del brand',
       search_placeholder: 'Cerca brand...',
       steps: {
+        contact_info: 'Informazioni contatto',
         general: 'Generale',
         socials: 'Social',
         visual_style: 'Stile visivo',
       },
       title: 'Brand',
       validation: {
+        invalid_contact_info: 'Le informazioni di contatto contengono email o sito web non validi',
+        invalid_email_format: 'Formato email non valido',
         invalid_social_url: 'Uno o più URL social non sono validi',
         invalid_url_format: 'Formato URL non valido',
         name_required: 'Il nome è obbligatorio',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dev.smartpricing/message-composer-layer",
-  "version": "4.2.8",
+  "version": "4.2.9-toast.1",
   "private": false,
   "type": "module",
   "main": "./nuxt.config.ts",
@@ -36,7 +36,7 @@
     "vue-router": "^5.0.7",
     "vue3-emoji-picker": "^1.1.8",
     "zod": "^4.4.3",
-    "@dev.smartpricing/message-composer-utils": "4.2.8"
+    "@dev.smartpricing/message-composer-utils": "4.2.9-toast.1"
   },
   "devDependencies": {
     "@nuxt/eslint": "^1.15.2",