React.JS
- Projetos Privacy Tools (Unlicensed)
- Victor Fortunato Carpegiani
- camilla.hossein (Unlicensed)
O componente React.js possui as mesmas funções da API Javascript mas existem opções diferentes para integração em seu sistema.
npm i sdk-consent-privacytoolsPasso 1 - Importe a biblioteca 'sdk-consent-privacytools' no seu package.json ou npm
A biblioteca possui uma coletânea de componentes que podem ser utilizados de diferentes maneiras em sua página.
Componente | Finalidade |
|---|---|
ApiRegisterConsent | API de simples utilização para registro de consentimentos |
ApiRegisterMultipleConsent | API de simples utilização para registro de múltiplos consentimentos |
ApiGetAllConsents | API de simples utilização para obter todos os consentimentos de um usuário |
ApiGetSingleConsent | API de simples utilização para verificar um consentimento específico de um usuário |
RegisterUserConsentWrapper | Wrapper para registro de consentimentos com retorno com fragment |
GetUserConsentWrapper | Wrapper para obter todos ou apenas um consentimento do usuário com fragment |
ConsentWrapper | Wrapper para obter em um fragment o JSON para você construir sua própria popup de consentimento |
ConsentPopUp | Wrapper que executa em react uma popup pronta para coleta do consentimento |
Passo 2 - Importe o componente desejado em sua página
import { ConsentPopUp, ConsentWrapper,GetUserConsentWrapper,RegisterUserConsentWrapper,ApiRegisterConsent,ApiGetAllConsents,ApiGetSingleConsent,ApiRegisterMultipleConsent } from 'sdk-consent-privacytools'Registrando um consentimento
Para registrar um consentimento você precisa gerar um identificador único do seu usuário conforme orientação da variável hashUser. Envie também o parâmetro 'consent' (booleano) com o aceite (true) ou rejeição(false) do usuário.
Como o registro é assíncrono e entra em uma fila de consumidor/processador pode levar entre 30 segundos a 70 segundos para o consentimento poder ser consultado.
ApiRegisterConsent($base,$hashUser,$hashTemplate,$publicKey,consent).then(response => {
console.log(JSON.stringify(response));
})Enviando vários consentimentos: Você pode enviar também vários consentimentos ao mesmo tempo em uma só chamada através de Arrays. Garanta que os atributos $hashTemplate e $consent sejam arrays de mesmo tamanho e ordem e use o componente de envios múltiplos conforme exemplo abaixo.
Obtendo todos os consentimentos de um usuário
Verificando um consentimento específico
Exibindo popup para coleta de consentimento