Signature Module

import FadSDK from '@fad-producto/fad-sdk';

const TOKEN = 'YOUR_FAD_TOKEN';

const CONFIGURATION = {
  allowClose: true,
  views: {
    instructions: true,
    preview: true,
  },
  selfie: {
    captureSelfie: false,
    imageType: 'image/png',
    imageQuality: 1,
  },
  timer: {
    recording: { min: 2, max: 15 },  // Duration in seconds
    faceUndetected: 5,                // Timeout if face not detected
  },
};

const CONFIGURATION = {
  // ... previous config
  customization: {
    fadCustomization: {
      colors: {
        succesful: '#5A9A92',
      },
      buttons: {
        primary: {
          backgroundColor: '#A70635',
          labelColor: '#ffffff',
        },
      },
    },
    moduleCustomization: {
      legends: {
        tapInstruction: 'Tap on the box to start signing',
        buttonFinish: 'Finish',
        recording: 'Recording',
        focusFace: 'Position your face in the guide',
        signNowHere: 'Sign here now',
        faceDetected: 'Face detected',
        faceUndetected: 'Face not detected',
      },
      legendsInstructions: {
        title: 'Video Signature',
        subtitle: 'Position your face in the guide and sign in the box',
        buttonNext: 'Continue',
      },
      legendsPreview: {
        title: 'Signature',
        buttonRetry: 'Sign again',
        buttonNext: 'Confirm signature',
      },
    },
  },
};

async function initProcess() {
  const options = {
    environment: FadSDK.getFadEnvironments().UATHA,
  };

  const FAD_SDK = new FadSDK(TOKEN, options);
  
  try {
    const signatureResponse = await FAD_SDK.startSignature(CONFIGURATION);

    // Check if user closed the module
    if (signatureResponse.event === FadSDK.Constants.EventModule.MODULE_CLOSED) {
      console.log('Module closed by user');
      return;
    }

    console.log('Process completed', signatureResponse);

    // Access captured data
    const faceVideo = signatureResponse.data.videoFace;        // Blob
    const signatureVideo = signatureResponse.data.videoSignature; // Blob
    const signatureImage = signatureResponse.data.imageSignature; // Base64

    // Create URLs for display
    const faceVideoUrl = URL.createObjectURL(faceVideo);
    const signatureVideoUrl = URL.createObjectURL(signatureVideo);

    // Display or upload results
    displaySignature(faceVideoUrl, signatureVideoUrl, signatureImage);

  } catch (ex) {
    console.error('Process error:', ex);
    handleError(ex);
  } finally {
    FAD_SDK.end();
  }
}