Início rápido

                <!-- index.html -->
<div id="mfe-container" style="width:100%;min-height:400px"></div>

// main.js
import { CieloWebSdk } from 'dig-cielo-webview-sdk-web'

const sdk = CieloWebSdk.getInstance()
sdk.setConfig({ clientId: 'SEU_CLIENT_ID' })

const session = await sdk.openWebView({
  token: 'Bearer eyJhbGci...',
  url: 'https://app-extrato.hdevelo.com.br/',
  remoteName: 'app_extrato',
  elementName: 'dig-app-extrato-element',
  container: document.getElementById('mfe-container')
})

// Para fechar:
session.unmount()

1: setConfig

Configure as credenciais antes do primeiro openWebView.

            sdk.setConfig({ clientId: 'SEU_CLIENT_ID', clientSecret: 'SEU_CLIENT_SECRET' })

Parâmetro	Tipo	Obrigatório	Descrição
clientId	string	Sim	Identificador do parceiro.
clientSecret	string	Não	Chave secreta (conforme contrato).

2: openWebView

Autentica, carrega e renderiza o MFE. Retorna Promise<{unmount: () => void}>.

Parâmetro	Tipo	Obrigatório	Descrição
token	string	Sim	JWT do parceiro no formato `Bearer eyJ...`
url	string	Sim	URL base do MFE (deve ser autorizada pela Cielo).
remoteName	string	Sim	Nome do remote no Module Federation.
elementName	string	Sim	Tag do Web Component registrado pelo MFE.
container	HTMLElement	Sim	Elemento DOM onde o MFE será montado.
theme	`'cielo' \| 'dark'`	Não	Tema visual. Padrão: `'cielo'`.
data	object	Não	Dados adicionais para o MFE.
listener	object	Não	Callbacks: `onWebViewStarted`, `onWebViewLoaded`, `onWebViewFinished`, `onWebViewError`.
onClose	function	Não	Chamado quando o MFE solicita seu próprio fechamento.

3: unmount

Desmonta o MFE, limpa a sessão e dispara onWebViewFinished.

            session.unmount()