Render interceptors#
Customize the default UI in place: intercept how the SDK renders steps, actions, fields, links and messages.
Error positioning
Place HAAPI error messages where your design needs them.
Actions render interceptor
UI Customization with render interceptor: wrap the whole actions block with actionsRenderInterceptor.
Client operation render interceptor
UI Customization with render interceptor: replace the client-operation action with a custom Ant Design button (a phone icon, plus a description below it) via clientOperationActionRenderInterceptor.
Link render interceptor
UI Customization with render interceptor: render each step link as a default button via linkRenderInterceptor (instead of the default anchor).
Selector render interceptor
UI Customization with render interceptor: swap the authenticator selector for a searchable Ant Design Select via selectorActionRenderInterceptor, built from the action's own options.
Selector reorder render interceptor
Data Customization with render interceptor: reorder the authenticator selector with selectorActionRenderInterceptor — return the action with its model.options reordered, and the default selector UI renders the new order.