Personalização

O Web SDK suporta duas dimensões de personalização: idioma e tema visual.

Idioma

Configure o idioma das mensagens informativas nos frames de captura por meio do método setLocale. Use o enum LocaleTypes:

LocaleTypes.PT_BR — Português (Brasil)
LocaleTypes.ES_MX — Espanhol (México)
LocaleTypes.ES_ES — Espanhol (Espanha)
LocaleTypes.EN_US — Inglês (EUA)

import {
  UnicoCheckBuilder,
  LocaleTypes
} from "unico-webframe"

unicoCameraBuilder.setLocale(LocaleTypes.EN_US);

informação

Uma ativação remota pode ser necessária para utilizar este recurso. Caso queira utilizá-lo, notifique seu gerente de projeto ou o suporte da Unico.
Se não configurado, o SDK utiliza o Português como idioma padrão.

Consulte Referência de API > Enums para a lista completa de valores LocaleTypes suportados.

Tema

Personalize o frame de captura usando o UnicoThemeBuilder. Crie uma instância e invoque os métodos que personalizam cada propriedade do frame de captura:

const unicoTheme = new UnicoThemeBuilder()
  .setColorSilhouetteSuccess("#0384fc")
  .setBackgroundColor("#dff1f5")
  .setColorText("#0384fc")
  .setBackgroundColorComponents("#0384fc")
  .setColorTextComponents("#dff1f5")
  .setBackgroundColorBoxMessage("#fff")
  .setColorTextBoxMessage("#fff")
  .setBackgroundColorButtons("#0384fc")
  .setColorTextButtons("#dff1f5")
  .setColorCancelButton("#0384fc")
  .setColorProgressBar("#0384fc")
  .setFontFamily("Arial, sans-serif") // v3.19.2+
  .setHtmlPopupLoading(`<div style="position: absolute; top: 45%; right: 50%; transform:
    translate(50%, -50%); z-index: 10; text-align: center;">Carregando...</div>`)
  .build();

Após gerar o objeto de tema, passe-o para setTheme:

unicoCameraBuilder.setTheme(unicoTheme);

setHtmlPopupLoading

O parâmetro setHtmlPopupLoading é específico para o fluxo de captura de documentos.

Escopo de personalização

Não há outras dimensões de personalização além do que o UnicoThemeBuilder expõe. Se você precisar de uma UI totalmente proprietária, consulte a opção Capture Standard (integração com API headless).