@bigbinary/neeto-image-uploader-frontend 2.3.32 → 2.3.34

package/README.md

@@ -1,7 +1,11 @@
 # neeto-image-uploader-nano
-The `neeto-image-uploader-nano` manages assets across neeto products. The nano exports the `@bigbinary/neeto-image-uploader-frontend` NPM package and `neeto-image-uploader-engine` Rails engine for development.
+
+The `neeto-image-uploader-nano` manages assets across neeto products. The nano
+exports the `@bigbinary/neeto-image-uploader-frontend` NPM package and
+`neeto-image-uploader-engine` Rails engine for development.
 
 # Contents
+
 - [neeto-image-uploader-nano](#neeto-image-uploader-nano)
 - [Contents](#contents)
 - [Development with Host Application](#development-with-host-application)
@@ -22,43 +26,53 @@ The `neeto-image-uploader-nano` manages assets across neeto products. The nano e
 - [Instructions for Publishing](#instructions-for-publishing)
 
 # Development with Host Application
+
 ## Engine
+
 The engine is used to manage assets across neeto products.
 
 ### Installation
+
 1. Add this line to your application's Gemfile:
-    ```ruby
-    source "NEETO_GEM_SERVER_URL" do
-       # ..existing gems
 
-       gem 'neeto-image-uploader-engine'
-    end
-    ```
+   ```ruby
+   source "NEETO_GEM_SERVER_URL" do
+      # ..existing gems
+
+      gem 'neeto-image-uploader-engine'
+   end
+   ```
+
 2. And then execute:
-    ```zsh
-    bundle install
-    ```
+   ```zsh
+   bundle install
+   ```
 3. Add this line to your application's `config/routes.rb` file:
-    ```ruby
-    mount NeetoImageUploaderEngine::Engine => "/neeto_image_uploader_engine"
-    ```
+   ```ruby
+   mount NeetoImageUploaderEngine::Engine => "/neeto_image_uploader_engine"
+   ```
 4. Add the following keys to environment variables (all 6 keys are required):
-    ```zsh
-    IMAGE_KIT_PUBLIC_KEY
-    IMAGE_KIT_PRIVATE_KEY
-    IMAGE_KIT_URL_ENDPOINT
 
-    UNSPLASH_ACCESS_KEY #(for fetching images from unsplash)
-    ```
+   ```zsh
+   IMAGE_KIT_PUBLIC_KEY
+   IMAGE_KIT_PRIVATE_KEY
+   IMAGE_KIT_URL_ENDPOINT
+
+   UNSPLASH_ACCESS_KEY #(for fetching images from unsplash)
+   ```
 
 ## Frontend package
+
 ### Installation
-1. Install the latest `neeto-image-uploader-frontend` package using the below command:
-    ```zsh
-    yarn add @bigbinary/neeto-image-uploader-frontend
-    ```
+
+1. Install the latest `neeto-image-uploader-frontend` package using the below
+   command:
+   ```zsh
+   yarn add @bigbinary/neeto-image-uploader-frontend
+   ```
 
 ### Components
+
 #### 1. `AssetLibrary` ([source code](https://github.com/bigbinary/neeto-image-uploader-nano/blob/0c060e75a32bc04308491a50b96c3b7d4d6f7c83/app/javascript/src/components/Modal/index.jsx))
 
 <div align="center">
@@ -66,12 +80,15 @@ The engine is used to manage assets across neeto products.
 </div>
 
 **Props**
+
 - `isOpen`: A boolean to specify whether the modal is open or not.
 - `onClose`: A callback function triggered when the modal is closed.
-- `onUploadComplete`: A callback function triggered when the image upload is complete.
+- `onUploadComplete`: A callback function triggered when the image upload is
+  complete.
 - `uploadConfig`: Configuration object for image uploads.
 
 **Usage**
+
 ```jsx
 import React, { useState } from "react";
 import { AssetLibrary } from "@bigbinary/neeto-image-uploader-frontend";
@@ -83,11 +100,11 @@ const App = () => {
   const handleUploadComplete = image => setImage(image);
 
   return (
-      <AssetLibrary
-        isOpen={isAssetLibraryOpen}
-        onClose={() => setIsAssetLibraryOpen(false)}
-        onUploadComplete={handleUploadComplete}
-      />
+    <AssetLibrary
+      isOpen={isAssetLibraryOpen}
+      onClose={() => setIsAssetLibraryOpen(false)}
+      onUploadComplete={handleUploadComplete}
+    />
   );
 };
 
@@ -101,15 +118,21 @@ export default App;
 </div>
 
 **Props**
-- `onUploadComplete`: A callback function triggered when the image upload is complete.
+
+- `onUploadComplete`: A callback function triggered when the image upload is
+  complete.
 - `className`: Additional classes to be applied to the component.
 - `src`: The source URL of the image to be displayed initially.
 - `uploadConfig`: Configuration object for image uploads.
-- `fixedAspectRatio`: An option to maintain a specific aspect ratio for the image. Expected input format is  {height: number, width: number}.
-- `defaultImageSize`: An option to set the initial crop size of the image. Expected input format is { height: number, width: number }.
-- `isOptionsDisabled`: An option to disable dropdown to remove the already present image, or upload a new image.
+- `fixedAspectRatio`: An option to maintain a specific aspect ratio for the
+  image. Expected input format is {height: number, width: number}.
+- `defaultImageSize`: An option to set the initial crop size of the image.
+  Expected input format is { height: number, width: number }.
+- `isOptionsDisabled`: An option to disable dropdown to remove the already
+  present image, or upload a new image.
 
 **Usage**
+
 ```jsx
 import React, { useState } from "react";
 import { ImageUploader } from "@bigbinary/neeto-image-uploader-frontend";
@@ -121,12 +144,12 @@ const App = () => {
   const handleUploadComplete = image => setImage(image);
 
   return (
-      <ImageUploader
-        className="mb-8 h-52 w-80"
-        key={image.url}
-        src={image.url}
-        onUploadComplete={handleUploadComplete}
-      />
+    <ImageUploader
+      className="mb-8 h-52 w-80"
+      key={image.url}
+      src={image.url}
+      onUploadComplete={handleUploadComplete}
+    />
   );
 };
 
@@ -136,14 +159,17 @@ export default App;
 #### 3. `BasicImageUploader` ([source code](https://github.com/bigbinary/neeto-image-uploader-nano/blob/0c060e75a32bc04308491a50b96c3b7d4d6f7c83/app/javascript/src/components/BasicImageUploader.jsx))
 
 **Props**
+
 - `src`: The source URL of the image to be displayed initially.
 - `className`: Additional classes to be applied to the component.
 - `imageFallbackProps`: Props to be passed to the ImageWithFallback component.
-- `onDrop`: Callback function triggered when an image is dropped or selected for upload.
+- `onDrop`: Callback function triggered when an image is dropped or selected for
+  upload.
 - `isDisabled`: A boolean to specify whether the uploader is disabled.
 - `onRemove`: Callback function triggered when the "Remove" button is clicked.
 
 **Usage**
+
 ```jsx
 import React, { useState } from "react";
 import { noop } from "neetocist";
@@ -153,13 +179,13 @@ const App = () => {
   const [image, setImage] = useState({ url: TEST_IMAGE_SRC, signedId: "" });
 
   return (
-      <BasicImageUploader
-        className="h-52 w-80"
-        src={image.url}
-        uploadProgress={0}
-        onDrop={noop}
-        onRemove={() => setImage({ url: "", signedId: "" })}
-      />
+    <BasicImageUploader
+      className="h-52 w-80"
+      src={image.url}
+      uploadProgress={0}
+      onDrop={noop}
+      onRemove={() => setImage({ url: "", signedId: "" })}
+    />
   );
 };
 
@@ -169,8 +195,10 @@ export default App;
 #### 4. `ImageForm` ([source code](https://github.com/bigbinary/neeto-image-uploader-nano/blob/main/app/javascript/src/components/ImageForm/index.jsx))
 
 **Props**
+
 - `onChange`: Callback function triggered when any form field changes.
-- `imageUploaderProps`: Additional props to be passed to the ImageUpload component.
+- `imageUploaderProps`: Additional props to be passed to the ImageUpload
+  component.
 - `className`: Additional classes to be applied to the component.
 - `names`: Object specifying field names for form integration:
   - `image`: Name of the image field in the form (e.g., "properties.imageUrl")
@@ -181,11 +209,18 @@ export default App;
   - `min`: Minimum height value for the slider (default: 64)
   - `max`: Maximum height value for the slider (default: 100)
 - `logoSizeVariableName`: CSS variable name for controlling logo size (required)
-- `showAlignmentBlock`: Boolean to control whether the alignment block is displayed (default: true)
-- `showAltTextBlock`: Boolean to control whether the alt text input block is displayed (default: true)
-- `isLabelEnabled`: Boolean to control whether the label is displayed in the image upload block (default: true)
+- `showAlignmentBlock`: Boolean to control whether the alignment block is
+  displayed (default: true)
+- `showAltTextBlock`: Boolean to control whether the alt text input block is
+  displayed (default: true)
+- `isLabelEnabled`: Boolean to control whether the label is displayed in the
+  image upload block (default: true)
+- `entityName`: String to customize the entity name used in labels,
+  placeholders, and tooltips (default: "Logo"). This allows host applications to
+  override the hardcoded "Logo" text with custom entity names.
 
 **Usage**
+
 ```jsx
 import { Formik } from "formik";
 import { ImageForm } from "@bigbinary/neeto-image-uploader-frontend";
@@ -201,9 +236,9 @@ const App = () => {
         properties: {
           imageUrl: "",
           height: 64,
-          alignment: "left"
+          alignment: "left",
         },
-        altText: ""
+        altText: "",
       }}
     >
       <ImageForm
@@ -215,6 +250,7 @@ const App = () => {
           alignment: "alignment",
         }}
         logoSizeVariableName="--my-app-logo-size"
+        entityName="Image"
         onChange={handleUpdate}
       />
     </Formik>
@@ -225,12 +261,18 @@ export default App;
 ```
 
 ### Hooks
+
 #### 1. `useImageUpload` ([source code](https://github.com/bigbinary/neeto-image-uploader-nano/blob/0c060e75a32bc04308491a50b96c3b7d4d6f7c83/app/javascript/src/hooks/useImageUpload.js))
 
-- The `useImageUpload` hook is a React custom hook that simplifies the process of uploading images in your application. It handles both development and production scenarios, tracks upload progress, and provides a clean interface for image uploading.
-- Usage in [neetoAuth](https://github.com/bigbinary/neeto-auth-web/blob/9fdf3baf49f60c2ad7d7bf0518af9c00885f56ef/app/javascript/src/components/Dashboard/Account/Profile/ChangeProfile.jsx#L59).
+- The `useImageUpload` hook is a React custom hook that simplifies the process
+  of uploading images in your application. It handles both development and
+  production scenarios, tracks upload progress, and provides a clean interface
+  for image uploading.
+- Usage in
+  [neetoAuth](https://github.com/bigbinary/neeto-auth-web/blob/9fdf3baf49f60c2ad7d7bf0518af9c00885f56ef/app/javascript/src/components/Dashboard/Account/Profile/ChangeProfile.jsx#L59).
 
 **Returns**
+
 - `uploadImage`: Function to initiate image upload. It takes two parameters:
   - `file`: The image file to be uploaded.
   - `onUploadComplete`: Callback function called when the upload is complete.
@@ -238,27 +280,33 @@ export default App;
 - `isUploading`: Boolean indicating whether an upload is in progress.
 
 **Usage**
+
 ##### Import the hook
-  ```jsx
-  import { useImageUpload } from "@bigbinary/neeto-image-uploader-frontend";
-  ```
+
+```jsx
+import { useImageUpload } from "@bigbinary/neeto-image-uploader-frontend";
+```
 
 ##### Invoke the hook
-  ```jsx
-  const { uploadImage, uploadProgress, isUploading } = useImageUpload();
-  ```
+
+```jsx
+const { uploadImage, uploadProgress, isUploading } = useImageUpload();
+```
 
 ##### Call uploadImage to Upload an Image
-  ```jsx
-  const handleImageUpload = async (file) => {
-    uploadImage(file, (uploadedImageData) => {
-      // Handle the uploaded image data
-    });
-  };
-  ```
+
+```jsx
+const handleImageUpload = async file => {
+  uploadImage(file, uploadedImageData => {
+    // Handle the uploaded image data
+  });
+};
+```
 
 ### Upload Config
-The "Upload Config" section describes the default upload configuration. This configuration can be overridden by passing the `uploadConfig` prop.
+
+The "Upload Config" section describes the default upload configuration. This
+configuration can be overridden by passing the `uploadConfig` prop.
 
 ```js
 {
@@ -272,11 +320,17 @@ The "Upload Config" section describes the default upload configuration. This con
 }
 ```
 
-Example: Overriding upload config in [neetoForm](https://github.com/bigbinary/neeto-form-web/blob/48db536b74c1e09176d7634c23d8a59c71d848e9/app/javascript/src/components/Form/Design/Sidebar/commons/ImageBlock.jsx#L59).
+Example: Overriding upload config in
+[neetoForm](https://github.com/bigbinary/neeto-form-web/blob/48db536b74c1e09176d7634c23d8a59c71d848e9/app/javascript/src/components/Form/Design/Sidebar/commons/ImageBlock.jsx#L59).
 
 **Keys**
+
 - `maxImageSize`: The maximum size allowed for uploaded images.
-- `allowedImageTypes`: An object specifying the allowed image types and their corresponding file extensions.
+- `allowedImageTypes`: An object specifying the allowed image types and their
+  corresponding file extensions.
 
 # Instructions for Publishing
-Consult the [building and releasing packages](https://neeto-engineering.neetokb.com/articles/building-and-releasing-packages) guide for details on how to publish.
+
+Consult the
+[building and releasing packages](https://neeto-engineering.neetokb.com/articles/building-and-releasing-packages)
+guide for details on how to publish.

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

@@ -4,7 +4,8 @@
       "imageLibrary": "مكتبة الصور",
       "image": "صورة",
       "noImages": "لم يتم العثور على صور في المكتبة",
-      "dropHere": "قم بإسقاط الملف هنا"
+      "dropHere": "قم بإسقاط الملف هنا",
+      "logo": "شعار"
     },
     "unsplash": {
       "errorMessage": "حدث خطأ ما! يرجى المحاولة مرة أخرى لاحقًا.",
@@ -30,7 +31,9 @@
       "logoAltText": "نص بديل للشعار",
       "leftAlign": "محاذاة لليسار",
       "centerAlign": "محاذاة في المنتصف",
-      "rightAlign": "محاذاة لليمين"
+      "rightAlign": "محاذاة لليمين",
+      "size": "حجم {{entity}}",
+      "altText": "نص بديل {{entity}}"
     },
     "placeholders": {
       "searchImage": "بحث بالاسم",
@@ -73,7 +76,8 @@
       "message": "سيؤدي حذف هذه الصورة إلى إزالتها نهائيًا من جميع مساحات عملك. لا يمكن التراجع عن هذا الإجراء وسيؤدي إلى فقدان البيانات حيثما تم استخدام الصورة."
     },
     "tooltips": {
-      "logoAltText": "أضف نصًا بديلاً للشعار."
+      "logoAltText": "أضف نصًا بديلاً للشعار.",
+      "altText": "أضف نص بديل لـ {{entity}}."
     }
   }
 }

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

@@ -4,7 +4,8 @@
       "imageLibrary": "Библиотека с изображения",
       "image": "Изображение",
       "noImages": "Не са намерени изображения в библиотеката",
-      "dropHere": "Пуснете файла тук"
+      "dropHere": "Пуснете файла тук",
+      "logo": "Лого"
     },
     "unsplash": {
       "errorMessage": "Нещо се обърка! Моля, опитайте отново по-късно.",
@@ -30,7 +31,9 @@
       "logoAltText": "Алтернативен текст на логото",
       "leftAlign": "Ляво подравняване",
       "centerAlign": "Централно подравняване",
-      "rightAlign": "Дясно подравняване"
+      "rightAlign": "Дясно подравняване",
+      "size": "Размер на {{entity}}",
+      "altText": "Алтернативен текст за {{entity}}"
     },
     "placeholders": {
       "searchImage": "Търсене по име",
@@ -73,7 +76,8 @@
       "message": "Изтриването на това изображение ще го премахне трайно от всички ваши работни пространства. Това действие не може да бъде отменено и ще доведе до загуба на данни навсякъде, където изображението се използва."
     },
     "tooltips": {
-      "logoAltText": "Добавете алтернативен текст за логото."
+      "logoAltText": "Добавете алтернативен текст за логото.",
+      "altText": "Добавете алтернативен текст за {{entity}}."
     }
   }
 }

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

@@ -4,7 +4,8 @@
       "imageLibrary": "Biblioteca d'imatges",
       "image": "Imatge",
       "noImages": "No s'han trobat imatges a la biblioteca",
-      "dropHere": "Deixa el fitxer aquí"
+      "dropHere": "Deixa el fitxer aquí",
+      "logo": "Logotip"
     },
     "unsplash": {
       "errorMessage": "Alguna cosa ha anat malament! Si us plau, torna a provar més tard.",
@@ -30,7 +31,9 @@
       "logoAltText": "Text alternatiu del logotip",
       "leftAlign": "Alineació esquerra",
       "centerAlign": "Alineació al centre",
-      "rightAlign": "Alineació dreta"
+      "rightAlign": "Alineació dreta",
+      "size": "Mida de {{entity}}",
+      "altText": "Text alternatiu de {{entity}}"
     },
     "placeholders": {
       "searchImage": "Cerca per nom",
@@ -73,7 +76,8 @@
       "message": "Eliminar aquesta imatge la retirarà permanentment de tots els teus espais de treball. Aquesta acció no es pot desfer i resultarà en pèrdua de dades on sigui que s'estigui utilitzant la imatge."
     },
     "tooltips": {
-      "logoAltText": "Afegeix text alternatiu per al logotip."
+      "logoAltText": "Afegeix text alternatiu per al logotip.",
+      "altText": "Afegiu text alternatiu per al {{entity}}."
     }
   }
 }

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

@@ -4,7 +4,8 @@
       "imageLibrary": "Knihovna obrázků",
       "image": "Obrázek",
       "noImages": "V knihovně nebyly nalezeny žádné obrázky",
-      "dropHere": "Sem přetáhněte soubor"
+      "dropHere": "Sem přetáhněte soubor",
+      "logo": "Logo"
     },
     "unsplash": {
       "errorMessage": "Něco se pokazilo! Zkuste to prosím znovu později.",
@@ -30,7 +31,9 @@
       "logoAltText": "Alternativní text loga",
       "leftAlign": "Zarovnat vlevo",
       "centerAlign": "Zarovnat na střed",
-      "rightAlign": "Zarovnat vpravo"
+      "rightAlign": "Zarovnat vpravo",
+      "size": "Velikost {{entity}}",
+      "altText": "Alternativní text {{entity}}"
     },
     "placeholders": {
       "searchImage": "Hledat podle názvu",
@@ -73,7 +76,8 @@
       "message": "Smazání tohoto obrázku ho trvale odstraní ze všech vašich pracovních prostorů. Tuto akci nelze vrátit a povede k ztrátě dat, kdekoliv je obrázek používán."
     },
     "tooltips": {
-      "logoAltText": "Přidejte alternativní text pro logo."
+      "logoAltText": "Přidejte alternativní text pro logo.",
+      "altText": "Přidejte alternativní text pro {{entity}}."
     }
   }
 }

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

@@ -4,7 +4,8 @@
       "imageLibrary": "Billedbibliotek",
       "image": "Billede",
       "noImages": "Ingen billeder fundet i biblioteket",
-      "dropHere": "Drop filen her"
+      "dropHere": "Drop filen her",
+      "logo": "Logo"
     },
     "unsplash": {
       "errorMessage": "Noget gik galt! Prøv venligst igen senere.",
@@ -30,7 +31,9 @@
       "logoAltText": "Alternativ tekst til logo",
       "leftAlign": "Venstre justering",
       "centerAlign": "Center justering",
-      "rightAlign": "Højre justering"
+      "rightAlign": "Højre justering",
+      "size": "{{entity}} størrelse",
+      "altText": "{{entity}} alternativ tekst"
     },
     "placeholders": {
       "searchImage": "Søg efter navn",
@@ -73,7 +76,8 @@
       "message": "Sletning af dette billede vil permanent fjerne det fra alle dine arbejdsområder. Denne handling kan ikke fortrydes og vil resultere i datatab, hvorend billedet bruges."
     },
     "tooltips": {
-      "logoAltText": "Tilføj alternativ tekst til logoet."
+      "logoAltText": "Tilføj alternativ tekst til logoet.",
+      "altText": "Tilføj alternativ tekst for {{entity}}."
     }
   }
 }

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

@@ -4,7 +4,8 @@
       "imageLibrary": "Bildbibliothek",
       "image": "Bild",
       "noImages": "Keine Bilder in der Bibliothek gefunden",
-      "dropHere": "Datei hier ablegen"
+      "dropHere": "Datei hier ablegen",
+      "logo": "Logo"
     },
     "unsplash": {
       "errorMessage": "Etwas ist schiefgelaufen! Bitte versuche es später erneut.",
@@ -30,7 +31,9 @@
       "logoAltText": "Alternativer Text für Logo",
       "leftAlign": "Links ausrichten",
       "centerAlign": "Zentriert ausrichten",
-      "rightAlign": "Rechts ausrichten"
+      "rightAlign": "Rechts ausrichten",
+      "size": "{{entity}} Größe",
+      "altText": "{{entity}} alternativer Text"
     },
     "placeholders": {
       "searchImage": "Nach Namen suchen",
@@ -73,7 +76,8 @@
       "message": "Das Löschen dieses Bildes entfernt es dauerhaft aus all deinen Arbeitsbereichen. Diese Aktion kann nicht rückgängig gemacht werden und führt zu Datenverlust, wo immer das Bild verwendet wird."
     },
     "tooltips": {
-      "logoAltText": "Füge alternativen Text für das Logo hinzu."
+      "logoAltText": "Füge alternativen Text für das Logo hinzu.",
+      "altText": "Fügen Sie alternativen Text für die {{entity}} hinzu."
     }
   }
 }

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

@@ -4,7 +4,8 @@
       "imageLibrary": "Image library",
       "image": "Image",
       "noImages": "No images found in library",
-      "dropHere": "Drop the file here"
+      "dropHere": "Drop the file here",
+      "logo": "Logo"
     },
     "unsplash": {
       "errorMessage": "Something went wrong! Please try again later.",
@@ -25,9 +26,9 @@
       "imageQuality": "Image quality",
       "searchTheWeb": "Search the web",
       "addImage": "Add image",
-      "logoSize": "Logo size",
+      "size": "{{entity}} size",
       "alignment": "Alignment",
-      "logoAltText": "Logo alt text",
+      "altText": "{{entity}} alt text",
       "leftAlign": "Left align",
       "centerAlign": "Center align",
       "rightAlign": "Right align"
@@ -73,7 +74,7 @@
       "message": "Deleting this image will permanently remove it from all your workspaces. This action cannot be undone and will result in data loss wherever the image is being used."
     },
     "tooltips": {
-      "logoAltText": "Add alternative text for the logo."
+      "altText": "Add alternative text for the {{entity}}."
     }
   }
 }

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

@@ -4,7 +4,8 @@
       "imageLibrary": "Biblioteca de imágenes",
       "image": "Imagen",
       "noImages": "No se encontraron imágenes en la biblioteca",
-      "dropHere": "Suelta el archivo aquí"
+      "dropHere": "Suelta el archivo aquí",
+      "logo": "Logotipo"
     },
     "unsplash": {
       "errorMessage": "¡Algo salió mal! Por favor, inténtalo de nuevo más tarde.",
@@ -30,7 +31,9 @@
       "logoAltText": "Texto alternativo del logo",
       "leftAlign": "Alinear a la izquierda",
       "centerAlign": "Alinear al centro",
-      "rightAlign": "Alinear a la derecha"
+      "rightAlign": "Alinear a la derecha",
+      "size": "tamaño de {{entity}}",
+      "altText": "texto alternativo de {{entity}}"
     },
     "placeholders": {
       "searchImage": "Buscar por nombre",
@@ -73,7 +76,8 @@
       "message": "Eliminar esta imagen la quitará permanentemente de todos tus espacios de trabajo. Esta acción no se puede deshacer y resultará en pérdida de datos donde sea que se esté utilizando la imagen."
     },
     "tooltips": {
-      "logoAltText": "Agrega texto alternativo para el logo."
+      "logoAltText": "Agrega texto alternativo para el logo.",
+      "altText": "Agrega texto alternativo para el {{entity}}."
     }
   }
 }

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

@@ -4,7 +4,8 @@
       "imageLibrary": "Biblioteca de imágenes",
       "image": "Imagen",
       "noImages": "No se encontraron imágenes en la biblioteca",
-      "dropHere": "Suelta el archivo aquí"
+      "dropHere": "Suelta el archivo aquí",
+      "logo": "Logo"
     },
     "unsplash": {
       "errorMessage": "¡Algo salió mal! Por favor, intenta de nuevo más tarde.",
@@ -30,7 +31,9 @@
       "logoAltText": "Texto alternativo del logo",
       "leftAlign": "Alinear a la izquierda",
       "centerAlign": "Alinear al centro",
-      "rightAlign": "Alinear a la derecha"
+      "rightAlign": "Alinear a la derecha",
+      "size": "tamaño de {{entity}}",
+      "altText": "texto alternativo de {{entity}}"
     },
     "placeholders": {
       "searchImage": "Buscar por nombre",
@@ -73,7 +76,8 @@
       "message": "Eliminar esta imagen la retirará permanentemente de todos tus espacios de trabajo. Esta acción no se puede deshacer y resultará en pérdida de datos donde sea que se esté usando la imagen."
     },
     "tooltips": {
-      "logoAltText": "Agrega texto alternativo para el logo."
+      "logoAltText": "Agrega texto alternativo para el logo.",
+      "altText": "Agrega texto alternativo para el {{entity}}."
     }
   }
 }

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

@@ -4,7 +4,8 @@
       "imageLibrary": "Piltide raamat",
       "image": "Pilt",
       "noImages": "Raamatust ei leitud ühtegi pilti",
-      "dropHere": "Looge fail siia"
+      "dropHere": "Looge fail siia",
+      "logo": "Logo"
     },
     "unsplash": {
       "errorMessage": "Midagi läks valesti! Palun proovige hiljem uuesti.",
@@ -30,7 +31,9 @@
       "logoAltText": "Logo alternatiivne tekst",
       "leftAlign": "Vasakule joondamine",
       "centerAlign": "Keskele joondamine",
-      "rightAlign": "Paremale joondamine"
+      "rightAlign": "Paremale joondamine",
+      "size": "{{entity}} suurus",
+      "altText": "{{entity}} alternatiivtekst"
     },
     "placeholders": {
       "searchImage": "Otsi nime järgi",
@@ -73,7 +76,8 @@
       "message": "Selle pildi kustutamine eemaldab selle igavasti kõikidest teie tööruumidest. Seda toimingut ei saa tagasi pöörata ja see toob kaasa andmete kaotuse seal, kus pilti kasutatakse."
     },
     "tooltips": {
-      "logoAltText": "Lisa alternatiivne tekst logole."
+      "logoAltText": "Lisa alternatiivne tekst logole.",
+      "altText": "Lisa alternatiivtekst {{entity}} jaoks."
     }
   }
 }