Signing Component - Copy this React, Tailwind Component to your project

Use Case 1: Ký nháy nhiều vị trí liền kề trên một chứng từ xử lý tuần tự Mục tiêu: Cho phép người dùng ký nháy nhiều vị trí liên tiếp trên một chứng từ trong luồng tuần tự. Đối tượng: Người dùng (User) Tiền điều kiện: Người dùng đã đăng nhập và có quyền ký nháy trên chứng từ. Luồng chính: B1: Người dùng mở chứng từ cần ký nháy. B2: Người dùng nhấn vào nút "Chờ ký nháy". B3: Hệ thống hiển thị popup hỏi thông tin user có muốn ký tất cả các vị trí ký nháy tiếp theo của người dùng trên chứng từ đang xử lý không? có tính năng ký nháy (số lượng vị trí ký), "Không". Người dùng nhấn "Ký nháy (số lượng vị trí ký)". Ví dụ, có 3 vị trí ký liên tiếp trong chứng từ thì button sẽ hiển thị "Ký nháy (3)" B4: Người kiểm tra thông tin chứng từ và nhấn "Ký nháy". B5: Hệ thống hiển thị Popup xác nhận ký nháy 3 vị trí cùng thông tin yêu cầu nhập OTP. Người dùng nhập OTP B6: Hệ thống xác thực OTP. B7: Hệ thống hoàn tất ký nháy tại tất cả các vị trí đã hiển thị. B8: Hệ thống thông báo thành công. Luồng thay thế: Nếu OTP không hợp lệ, hệ thống hiển thị thông báo lỗi và yêu cầu người dùng nhập lại.