@b8safe/react-native-safe

react-native-b8safe

SDK para integração dos serviços da B8Safe em aplicações React-Native.

Installation

Detalhes sobre a instalação, consulte a documentação.

npm install @b8safe/react-native-safe

Dependencies

Verifique se as dependencias abaixo estão corretamente instaladas e configuradas. Em caso de dúvidas ou problemas com alguma dependência, acesse diretamente os repositórios:

• react-native-webrtc
• react-native-sha256
• react-native-permissions
• react-native-vision-camera
• @shopify/react-native-skia
• react-native-reanimated
• react-native-svg

Dica: Verifique o passo a passo para a instalação de cada dependência, de acordo com as versões apontadas no arquivo package.json.

Android configuration

1 - Ativando o processador de frames

Você precisará adicionar a biblioteca ao arquivo android/app/build.gradle:

android {
  // ...

  namespace "my.application.id"
  defaultConfig {
    versionCode 000
    versionName '0.0.00'
    // ...
    multiDexEnabled true
  }

  // ...
}

dependencies {
  // ...
  implementation project(':@b8safe_react-native-safe')    // <-- add this
  // ...
}

Depois, no arquivo android/app/src/main/java/my/application/id/MainApplication.java, adicione:

package my.application.id;

// ...
import br.com.b8.safe.B8SafeFrameProcessorPluginPackage;    // <-- add this
// ...

public class MainApplication extends MultiDexApplication implements ReactApplication {
  // private final ReactModuleRegistryProvider mModuleRegistryProvider = new ReactModuleRegistryProvider(new BasePackageList().getPackageList(), null);

  private final ReactNativeHost mReactNativeHost = new DefaultReactNativeHost(this) {
    // ...

    @Override
    protected List<ReactPackage> getPackages() {
      @SuppressWarnings("UnnecessaryLocalVariable")
      List<ReactPackage> packages = new PackageList(this).getPackages();

      // ...
      packages.add( new B8SafeFrameProcessorPluginPackage() );    // <-- add this
      // ...
      
      return packages;
    }

    // ...
  }
}

Basic Usage

Para começar, você precisará adicionar o Provider do serviço na raiz do seu projeto React, com sua aplicação inteira sendo elemento filho do B8SafeProvider

import React from 'react';
import { B8SafeProvider } from 'react-native-b8safe';

const App = () => {
  return (
    <B8SafeProvider hashChecker="kvnDZt0331uPVxmW">
      {/* Aqui dentro vão todos os componentes do seu app e/ou sistema de navegação */}
    </B8SafeProvider>
  );
};

export default App;

O atributo hashChecker é obrigatório e pode ser obtido diretamente no painel B8safe.

Contributing

• See this if you dont know to work with commitlint. See the contributing guide to learn how to contribute to the repository and the development workflow.

To-Do

• [ ] Concluir integração do webrtc;
• [ ] Criar tela de processamento;
• [ ] Criar tela de sucesso;
• [ ] Documentar passo a passo para instalação;
• [ ] Documentar passo a passo para a utilização da funcionalidade OCR;
• [ ] Documentar passo a passo para a utilização da funcionalidade Liveness (facial);
• [ ] Primeiros testes.

License

MIT

---

Made with create-react-native-library