@growy/strapi-plugin-encrypted-field 2.0.8 → 2.1.0

package/README.md

@@ -13,7 +13,9 @@ Plugin oficial de **Growy AI** para Strapi que proporciona un campo personalizad
 - ✅ **Cifrado automático** AES-256-GCM al guardar
 - ✅ **Descifrado transparente** al leer (panel y API)
 - ✅ **Validación backend** con soporte para regex y restricciones
-- ✅ **UI mejorada** con controles de visibilidad, copiar y contador de caracteres
+- ✅ **UI mejorada** con controles de visibilidad y copiar al portapapeles
+- ✅ **Valores ocultos** por defecto con opción de mostrar/ocultar
+- ✅ **Notificaciones** de confirmación al copiar valores
 - ✅ **Gestión de claves robusta** con validación y mensajes de error claros
 - ✅ **Datos cifrados** en base de datos con IV único y Auth Tag
 - ✅ **Reutilizable** en cualquier colección o componente
@@ -131,9 +133,13 @@ Si el valor no cumple con el patrón, se lanzará un error antes de cifrar.
 
 ### 2. Usar el campo
 
-El campo funciona como un campo de texto normal:
+El campo funciona como un campo de texto normal con características de seguridad adicionales:
 
 - **En el panel**: Escribe texto normalmente
+- **Valores ocultos**: Los valores se muestran como `***` por defecto
+- **Botón ojo**: Alterna entre mostrar/ocultar el valor
+- **Botón copiar**: Copia el valor al portapapeles con notificación de confirmación
+- **Placeholder personalizable**: Configura un placeholder desde las opciones del campo
 - **Al guardar**: Se cifra automáticamente
 - **Al leer**: Se descifra automáticamente
 - **En la BD**: Se guarda cifrado con formato `iv:authTag:encrypted`

package/admin/src/components/Input.jsx

@@ -1,6 +1,7 @@
 import React, { useState } from 'react';
 import { useIntl } from 'react-intl';
 import { Field, IconButton } from '@strapi/design-system';
+import { useNotification } from '@strapi/strapi/admin';
 import { Eye, EyeStriked, Duplicate } from '@strapi/icons';
 
 const Input = (props) => {
@@ -19,6 +20,7 @@ const Input = (props) => {
   } = props;
 
   const { formatMessage } = useIntl();
+  const { toggleNotification } = useNotification();
   const [isVisible, setIsVisible] = useState(false);
 
   const handleChange = (e) => {
@@ -33,7 +35,18 @@ const Input = (props) => {
 
   const handleCopy = async () => {
     if (value) {
-      await navigator.clipboard.writeText(value);
+      try {
+        await navigator.clipboard.writeText(value);
+        toggleNotification({
+          type: 'success',
+          message: 'Copiado al portapapeles',
+        });
+      } catch (err) {
+        toggleNotification({
+          type: 'danger',
+          message: 'Error al copiar',
+        });
+      }
     }
   };
 
@@ -76,6 +89,7 @@ const Input = (props) => {
             onClick={toggleVisibility}
             label={isVisible ? 'Ocultar' : 'Mostrar'}
             disabled={disabled}
+            variant="ghost"
           >
             {isVisible ? <EyeStriked /> : <Eye />}
           </IconButton>
@@ -83,6 +97,7 @@ const Input = (props) => {
             onClick={handleCopy}
             label="Copiar"
             disabled={disabled || !value}
+            variant="ghost"
           >
             <Duplicate />
           </IconButton>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@growy/strapi-plugin-encrypted-field",
-  "version": "2.0.8",
+  "version": "2.1.0",
   "description": "Campo personalizado de texto cifrado para Strapi",
   "strapi": {
     "name": "encrypted-field",