> For the complete documentation index, see [llms.txt](https://docs.facephi.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.facephi.com/sdks/sdk-web/componentes/sdk-provider/propiedades.md).

# Propiedades

El componente SDK Provider de Facephi es configurable mediante las siguientes propiedades, ofreciendo diferentes comportamientos para las posibles casuísticas que se pudiesen necesitar.

## Constantes

Algunas constantes o enums se pueden importar desde `@facephi/sdk-web-wc` para facilitar las implementaciones.

```javascript
import { Language, TypeFamily, TrackingSteps } from '@facephi/sdk-web-wc'
```

## Ejemplo de configuración

```jsx
import { Language, TypeFamily, TrackingSteps } from '@facephi/sdk-web-wc';

<facephi-sdk-provider
    apikey={process.env.FACEPHI_SDK_APIKEY}
    steps={`${TrackingSteps.start},${TrackingSteps.selphidWidget},${TrackingSteps.selphiWidget},${TrackingSteps.finish}`}
    type={TypeFamily.onboarding}
    customerId={'user-7f3a9c21'}
    language={Language.en}
/>
```

***

> **Recomendación:** Configura las propiedades mediante JavaScript, JSX o los bindings de tu framework (React, Vue, Angular, etc.). Evita la configuración HTML nativa con atributos (`nombre-atributo="valor"`), ya que puede perder el tipado y el formato esperado por el componente.

## Propiedades de configuración del SDK Provider

Con el uso de las propiedades del SDK Provider se puede configurar el comportamiento y flujo de sus componentes.

### Requeridas

* [apikey](/sdks/sdk-web/componentes/sdk-provider/propiedades/apikey.md): Licencia obligatoria del SDK Web proporcionada por Facephi.

### Tracking

* [steps](/sdks/sdk-web/componentes/sdk-provider/propiedades/steps.md): Orden de pasos del flujo registrado en plataforma.
* [type](/sdks/sdk-web/componentes/sdk-provider/propiedades/type.md): Tipo de operación registrada en plataforma (onboarding o autenticación).
* [customerId](/sdks/sdk-web/componentes/sdk-provider/propiedades/customerid.md): Identificador del usuario o cliente de la operación.
* [operationId](/sdks/sdk-web/componentes/sdk-provider/propiedades/operationid.md): Identificador de la operación en plataforma.
* [tenantId](/sdks/sdk-web/componentes/sdk-provider/propiedades/tenantid.md): Identificador de tenant para el tracking en plataforma.

### Configuración

* [autoInitTracking](https://github.com/facephi/facephi-gitbook-docs/tree/master/docs/sdks/sdk-web/componentes/sdk-provider/propiedades/autoinittracking.md): Inicia el tracking automáticamente al cargar el SDK.
* [autoInitWorkflow](https://github.com/facephi/facephi-gitbook-docs/tree/master/docs/sdks/sdk-web/componentes/sdk-provider/propiedades/autoinitworkflow.md): Inicia el workflow automáticamente al cargar el SDK.
* [landingApiKey](/sdks/sdk-web/componentes/sdk-provider/propiedades/landingapikey.md): Clave API para el servicio Landing.
* [proxy](/sdks/sdk-web/componentes/sdk-provider/propiedades/proxy.md): URL del servidor proxy para las peticiones del SDK.
* [resourcesPath](/sdks/sdk-web/componentes/sdk-provider/propiedades/resourcespath.md): Ruta personalizada para cargar recursos del SDK.
* [qr](/sdks/sdk-web/componentes/sdk-provider/propiedades/qr.md): Habilita captura en móvil mediante código QR en desktop.
* [qrExtraParams](/sdks/sdk-web/componentes/sdk-provider/propiedades/qrextraparams.md): Parámetros extra en la URL del flujo QR móvil.
* [settingsStrictness](/sdks/sdk-web/componentes/sdk-provider/propiedades/settingsstrictness.md): Controla si un valor de configuración inválido bloquea el SDK o se sustituye por su valor por defecto.
* [waitRequest](/sdks/sdk-web/componentes/sdk-provider/propiedades/waitrequest.md): Espera a que finalicen las peticiones de envío de datos antes de avanzar en el flujo.

### Personalización

* [desktopView](https://github.com/facephi/facephi-gitbook-docs/tree/master/docs/sdks/sdk-web/componentes/sdk-provider/propiedades/desktopview.md): Activa la vista de escritorio del SDK.
* [language](/sdks/sdk-web/componentes/sdk-provider/propiedades/language.md): Idioma de los textos del SDK y sus componentes.
* [theme](/sdks/sdk-web/componentes/sdk-provider/propiedades/theme.md): Tema visual del SDK (colores, logo y tipografía).
* [customAnimations](/sdks/sdk-web/componentes/sdk-provider/propiedades/customanimations.md): Animaciones personalizadas centralizadas para los componentes del SDK.
* [loadingAnimation](/sdks/sdk-web/componentes/sdk-provider/propiedades/loadinganimation.md): Ruta a una animación de carga personalizada del provider.

### Desarrollo

* [debug](/sdks/sdk-web/componentes/sdk-provider/propiedades/debug.md): Activa logs y opciones de desarrollador.
* [disabled](/sdks/sdk-web/componentes/sdk-provider/propiedades/disabled.md): Desactiva el tracking y el servicio de flujo.