Reusable OTP component for different business workflows
Engineering challenge
Multiple Nexi Business journeys required OTP verification, while each could have different states, confirmations, and preceding steps. Implementing OTP separately in every flow would have duplicated logic, validation, and interface behaviour.
Delivered solution
We developed a centralised React component that could be used by different business processes. Redux coordinated application state, while Redux Form handled form state and validation. The component implemented the interface defined in Figma and integrated with the existing architecture, which we analysed and corrected where needed to support the new shared flow.
Operational value
Registration, account-management, and payment processes could converge on the same OTP experience without losing the rules specific to their individual journeys. Nexi therefore had a consistent, reusable foundation for extending OTP confirmation to additional workflows.