Comienza integrando el SDK de React Native de DEUNA en tu aplicación con esta guía paso a paso. Revisa los requisitos, configura e instala el SDK, y selecciona la integración que mejor se adapte a tus necesidades.

Versión Estable: 1.0.2

El SDK de React Native de DEUNA es compatible con Expo.

Requerimientos

Revisaa los requerimientos para Utilizar el SDK.

Para utilizar el SDK de React Native de DEUNA, debes cumplir con los siguientes requerimientos:

1. NodeJs 20 o superior.
2. Yarn o NPM como gestor de paquetes.
3. React: 18.2.0 o superior.
4. React Native 0.72.0 o superior.
5. React Native WebView: 13.12.5 o superior.
6. Expo SDK (Para aplicaciones con Expo): 50 o superior.
7. Una cuenta activa en DEUNA. (Para obtener una, contacta a [email protected])
8. Credenciales válidas de DEUNA. (Solicítalas en [email protected])
9. Configuraciones mínimas en tu proyecto Android:
   • La SDK DEUNA Android precisa que su minSdkVersion sea 24 o superior.
10. Configuraciones mínimas en tu proyecto iOS:
    • iOS 14 o superior.
    • Soporte para Swift 5.8 .

Compatibilidad con dispositivos Huawei (HarmonyOS)

El SDK de DEUNA también es compatible con dispositivos Huawei con HarmonyOS 2.0 o superior.

Instalación

Paso 2: Agregar el SDK

Para agregar el SDK de DEUNA a tu proyecto React Native o Expo utiliza el siguiente comando:

yarn add @deuna/react-native-sdk

npm i @deuna/react-native-sdk

Adicional si tu proyecto no contiene la dependencia react-native-webview agregala a tu proyecto:

yarn add react-native-webview

npm i react-native-webview

Inicialización

Paso 3: Inicializa el SDK

Para usar el SDK, necesitas inicializarlo o crear una instancia de la clase DeunaSDK.

import { DeunaSDK, Environment } from '@deuna/react-native-sdk';
const deunaSDK = DeunaSDK.initialize({
  publicApiKey: 'YOUR_PUBLIC_API_KEY',
  environment: 'sandbox', // sandbox or production
});

Seleccionar el Componente que Deseas Utilizar

Paso 4: Elige la Integración

Actualmente, los SDK móviles permiten usar los siguientes componentes:

Payment Widget

El Payment Widget permite a los usuarios realizar pagos de forma rápida y segura directamente desde tu aplicación. Con este componente, puedes integrar un flujo de pago completo en tu app.

Para más detalles, consulta la documentación del Payment Widget.

Widget para Guardar Tarjetas (Vault Widget)

Este componente permite a los usuarios guardar tarjetas de forma segura para futuras transacciones. Es ideal para aplicaciones que requieren pagos recurrentes o que desean simplificar el proceso de pago para los usuarios.

Para más detalles, consulta la documentación de Vault Widget.