Widget de Acción Siguiente

Utilice el Widget de Acción Siguiente cuando un pedido existente requiere que el cliente complete un paso adicional, como un desafío 3DS o una redirección. Reutilice el token de pedido original.

Flujo de decisiónPreguntar a Athia sobre esto#

Ver la experiencia del clientePreguntar a Athia sobre esto#

Next Action funciona tanto con los widgets de pago de DEUNA como con formularios de pago propios del comercio. Después de que tu backend envíe el pago, abre Next Action solo cuando la respuesta indique que el cliente debe completar otro paso. El widget presenta el desafío 3DS compatible o la redirección a un método de pago alternativo (APM), y comunica el resultado mediante sus callbacks.

El siguiente recorrido muestra cómo continúa la experiencia desde el checkout del comercio hasta la acción posterior al pago requerida:

El video muestra la transición que experimenta el cliente. Tu integración debe seguir usando la respuesta del pago, los callbacks y la conciliación del backend que se describen a continuación; no deduzcas el estado final del pago a partir de lo que el cliente ve en el widget.

Abra el Widget de Acción SiguientePreguntar a Athia sobre esto#

await DeunaSDK.initNextAction({
  orderToken,
  callbacks: {
    onSuccess: () => verifyOriginalOrder(),
    onError: (error) => recoverAfterVerification(error),
    onClosed: () => recoverAfterVerification(),
  },
});

await deunaSDK.initNextAction({
  orderToken,
  mode: 'modal',
  callbacks: {
    onSuccess: verifyOriginalOrder,
    onError: recoverAfterVerification,
    onClosed: recoverAfterVerification,
  },
});

let callbacks = NextActionCallbacks()
callbacks.onSuccess = { _ in verifyOriginalOrder() }
callbacks.onError = { error in recoverAfterVerification(error) }
callbacks.onClosed = { _ in recoverAfterVerification(nil) }

deunaSDK.initNextAction(
    orderToken: orderToken,
    callbacks: callbacks,
    language: "en"
)

val callbacks = NextActionCallbacks().apply {
    onSuccess = { verifyOriginalOrder() }
    onError = { error -> recoverAfterVerification(error) }
    onClosed = { recoverAfterVerification(null) }
}

deunaSDK.initNextAction(
    context = this,
    orderToken = orderToken,
    callbacks = callbacks,
    language = "en"
)

ParámetrosPreguntar a Athia sobre esto#

Manejar cada resultadoPreguntar a Athia sobre esto#

Requisitos de redireccionamiento y ventanas emergentesPreguntar a Athia sobre esto#

• Permitir que el SDK abra la superficie de autenticación externa compatible.
• Mantener el estado del ciclo de vida de la aplicación mientras el cliente abandona y regresa.
• En Web, abrir desde una acción del cliente y no "sandboxear" el widget de forma que bloquee ventanas emergentes o la navegación de nivel superior.
• En React Native, mantener el renderizador del SDK montado mientras está activa su control de redirección externo.
• En iOS y Android, utilizar el modal o componente integrado del SDK en lugar de recrear el puente de WebView interno.
• Probar desafíos exitosos, rechazo, cancelación del cliente, tiempo de espera del emisor, pérdida de red y retorno desde el fondo.

Presentación integradaPreguntar a Athia sobre esto#

El SDK de Web soporta mode: 'target' más target; iOS y Android exponen componentes de widget integrados; React Native utiliza su DeunaWidget renderizador. Reservar suficiente altura inicial, responder a los cambios de tamaño y asegurarse de que el host no oculte los controles del desafío detrás de un pie de página pegado o un teclado en pantalla.

Referencias relacionadasPreguntar a Athia sobre esto#