@growy/strapi-plugin-encrypted-field 1.2.1 → 1.3.0

package/admin/src/components/Input.jsx

@@ -1,7 +1,6 @@
-import React, { useState } from 'react';
+import React from 'react';
 import { useIntl } from 'react-intl';
-import { Field, Flex, IconButton, Typography } from '@strapi/design-system';
-import { Eye, EyeStriked, Duplicate, Check } from '@strapi/icons';
+import { Field, Typography } from '@strapi/design-system';
 
 const Input = (props) => {
   const {
@@ -18,27 +17,13 @@ const Input = (props) => {
   } = props;
 
   const { formatMessage } = useIntl();
-  const [showValue, setShowValue] = useState(false);
-  const [copied, setCopied] = useState(false);
-
-  const handleCopy = async () => {
-    if (value) {
-      try {
-        await navigator.clipboard.writeText(value);
-        setCopied(true);
-        setTimeout(() => setCopied(false), 2000);
-      } catch (err) {
-        console.error('Error al copiar:', err);
-      }
-    }
-  };
 
   const handleChange = (e) => {
     onChange({
       target: {
         name,
         value: e.target.value,
-        type: attribute?.type || 'text',
+        type: attribute?.type || 'string',
       },
     });
   };
@@ -53,29 +38,11 @@ const Input = (props) => {
       hint={description?.id ? formatMessage(description) : description}
       required={required}
     >
-      <Flex justifyContent="space-between" alignItems="center">
-        <Field.Label action={labelAction}>
-          {intlLabel?.id ? formatMessage(intlLabel) : intlLabel} 🔒
-        </Field.Label>
-        <Flex gap={2}>
-          <IconButton
-            label={showValue ? 'Ocultar valor' : 'Mostrar valor'}
-            icon={showValue ? <EyeStriked /> : <Eye />}
-            onClick={() => setShowValue(!showValue)}
-            variant="ghost"
-            disabled={!value}
-          />
-          <IconButton
-            label={copied ? 'Copiado' : 'Copiar valor'}
-            icon={copied ? <Check /> : <Duplicate />}
-            onClick={handleCopy}
-            variant="ghost"
-            disabled={!value}
-          />
-        </Flex>
-      </Flex>
+      <Field.Label action={labelAction}>
+        {intlLabel?.id ? formatMessage(intlLabel) : intlLabel}
+      </Field.Label>
       <Field.Input
-        type={showValue ? 'text' : 'password'}
+        type="password"
         placeholder={formatMessage({
           id: 'encrypted-field.placeholder',
           defaultMessage: 'Ingresa el texto a cifrar...',
@@ -84,14 +51,12 @@ const Input = (props) => {
         onChange={handleChange}
         disabled={disabled}
       />
-      <Flex justifyContent="space-between" alignItems="center" paddingTop={1}>
-        <Field.Hint />
-        {charCount > 0 && (
-          <Typography variant="pi" textColor="neutral600">
-            {charCount} {charCount === 1 ? 'carácter' : 'caracteres'}
-          </Typography>
-        )}
-      </Flex>
+      {charCount > 0 && (
+        <Typography variant="pi" textColor="neutral600" marginTop={1}>
+          {charCount} {charCount === 1 ? 'carácter' : 'caracteres'}
+        </Typography>
+      )}
+      <Field.Hint />
       <Field.Error />
     </Field.Root>
   );

package/package.json

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

package/server/bootstrap.js

@@ -1,4 +1,4 @@
-const { encrypt, decrypt, validateValue, isEncryptedField } = require('./utils/crypto');
+const { encrypt, validateValue, isEncryptedField } = require('./utils/crypto');
 
 module.exports = ({ strapi }) => {
   strapi.db.lifecycles.subscribe({
@@ -49,47 +49,5 @@ module.exports = ({ strapi }) => {
         }
       }
     },
-
-    async afterFindOne(event) {
-      const { result } = event;
-      if (!result) return;
-      if (!event.model?.uid) return;
-      
-      const model = strapi.getModel(event.model.uid);
-      
-      if (!model?.attributes) return;
-      
-      for (const [key, attribute] of Object.entries(model.attributes)) {
-        if (!isEncryptedField(attribute)) continue;
-        if (Object.prototype.hasOwnProperty.call(result, key)) {
-          const value = result[key];
-          if (typeof value === 'string') {
-            result[key] = decrypt(value, strapi);
-          }
-        }
-      }
-    },
-
-    async afterFindMany(event) {
-      const { result } = event;
-      if (!result || !Array.isArray(result)) return;
-      if (!event.model?.uid) return;
-      
-      const model = strapi.getModel(event.model.uid);
-      
-      if (!model?.attributes) return;
-      
-      for (const item of result) {
-        for (const [key, attribute] of Object.entries(model.attributes)) {
-          if (!isEncryptedField(attribute)) continue;
-          if (Object.prototype.hasOwnProperty.call(item, key)) {
-            const value = item[key];
-            if (typeof value === 'string') {
-              item[key] = decrypt(value, strapi);
-            }
-          }
-        }
-      }
-    },
   });
 };