fix: remove comments and 0x format

Signed-off-by: Manu Fernández <[email protected]>

Author: ManuIOB

apps/ats/web/src/i18n/en/security/beneficiaries.ts

@@ -227,6 +227,7 @@ export default {
       data: {
         label: 'Data',
         placeholder: '0x',
+        invalidHexFormat: 'Invalid hex format',
       },
     },
     buttons: {
@@ -251,6 +252,7 @@ export default {
       data: {
         label: 'Data',
         placeholder: '0x',
+        invalidHexFormat: 'Invalid hex format',
       },
     },
     buttons: {

apps/ats/web/src/views/DigitalSecurityDetails/Components/Beneficiaries/AddBeneficiaryModal.tsx

@@ -14,7 +14,7 @@ import { Button, InputController } from 'io-bricks-ui';
 import { useForm } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
 import { useParams } from 'react-router-dom';
-import { isValidHederaId, required } from '../../../../utils/rules';
+import { isValidHederaId, isValidHex, required } from '../../../../utils/rules';
 import { useAddBeneficiary } from '../../../../hooks/mutations/useBeneficiaries';
 import { AddBeneficiaryRequest } from '@hashgraph/asset-tokenization-sdk';
 
@@ -95,6 +95,12 @@ export const AddBeneficiaryModal = ({
               id="data"
               label={tCreate('form.data.label')}
               placeholder={tCreate('form.data.placeholder')}
+              rules={{
+                validate: (value: string) =>
+                  !value ||
+                  isValidHex(value) ||
+                  tCreate('form.data.invalidHexFormat'),
+              }}
             />
           </VStack>
         </ModalBody>

apps/ats/web/src/views/DigitalSecurityDetails/Components/Beneficiaries/Beneficiaries.tsx

@@ -78,6 +78,13 @@ export const Beneficiaries = () => {
     columnsHelper.accessor('data', {
       header: tTable('fields.data'),
       enableSorting: false,
+      cell({
+        row: {
+          original: { data },
+        },
+      }) {
+        return data === '0x' ? '-' : data;
+      },
     }),
     ...(hasBeneficiaryManagerRole
       ? [

apps/ats/web/src/views/DigitalSecurityDetails/Components/Beneficiaries/UpdateBeneficiaryModal.tsx

@@ -16,6 +16,7 @@ import { useTranslation } from 'react-i18next';
 import { useParams } from 'react-router-dom';
 import { useUpdateBeneficiary } from '../../../../hooks/mutations/useBeneficiaries';
 import { UpdateBeneficiaryDataRequest } from '@hashgraph/asset-tokenization-sdk';
+import { isValidHex } from '../../../../utils/rules';
 
 interface FormValues {
   address: string;
@@ -98,6 +99,12 @@ export const UpdateBeneficiaryModal = ({
               label={tUpdate('form.data.label')}
               placeholder={tUpdate('form.data.placeholder')}
               isRequired={false}
+              rules={{
+                validate: (value: string) =>
+                  !value ||
+                  isValidHex(value) ||
+                  tUpdate('form.data.invalidHexFormat'),
+              }}
             />
           </VStack>
         </ModalBody>

apps/ats/web/vite.config.ts

@@ -222,11 +222,10 @@ export default {
     {
       name: 'selectiveHMR',
       handleHotUpdate({ file, modules }) {
-        // Solo forzar reload para archivos específicos problemáticos
         if (file.includes('problematic-file.ts')) {
           return [];
         }
-        // Permitir HMR normal para el resto
+
         return modules;
       },
     },