Внедрить оплату по СБП на форму (Vue.js)

Ищу специалиста Frontend разработчик, который понимает, что такое промышленная разработка, с опытом от 3 лет. Желательны примеры своего кода от кандидата.

Общие сведения по задаче

https://habr.com/ru/company/nspk/blog/586876/

https://sbp.nspk.ru/upload/iblock/9f6/sbp_guide_button%202021%201.6.pdf 

Пример удачного внедрения

www.wildberries.ru/

Сценарий оплаты

Пользователь на платежной форме нажимает кнопку “Оплатить по СБП”

Если пользователь находится на сайте через браузер desktop, то появляется iframe c QR кодом. Пока открыт iframe посылаются запросы на проверку статуса платежа с частотой 1 раз в 3 секунды.

Если пользователь находится на форме оплаты через мобильный телефон, то ему показывается список банков для выбора оплаты, при нажатии запускается мобильный банк для оплаты. При возвращении выполняется проверка статуса платежа.

После успешной оплаты пользователь видит финальное окно.

Входные данные

1. Проект текущей платежной формы на Vue

2. Готовое api с двумя методами: создание ссылки(QR), проверка статуса платежа

Требования к логике

1. Кнопка оплаты появляется на форме в зависимости от настройки, аналогично кнопкам Apple Pay, Google Pay

2. Шаблон QR-iframe хранится в шаблоне формы, для простого редактирования верстки.

Требования к верстке и дизайну

1. Кнопка “Оплатить СБП” в соответствии с требованиями nspk. Кнопка располагается под кнопками Google Pay, Apple Pay идентичная по ширине и высоте.

2. Единый дизайн и верстка нового окна адаптированная под мобильный телефон (соответствует верстке текущей платежной формы). Новое окно c QR полностью закрывает форму.

Требования к коду

Соблюдение стиля базового проекта формы

Требуемые работы

1. Изучить пример внедрения оплаты на сайте wildberries – 3 часа

2. Изучить структуру текущего проекта платежной формы Vue – 3 часа

3. Тестовые вызовы api (postman) – 1 час

4. Доработать шаблон платежной формы (внедрить кнопку) – 2 часа

5. Создание iframe для показа QR – 3 часа

6. Внедрение скрипта для мобильного приложения – 3 часа

7. Интеграция с api – 3 часа

8. Компиляция, проверка и отладка – 3 часа

9. Накладные расходы – 3 часа

Итого: 24 часа

Комфортная этапность

1. Пункты 1-3 (Срок 1-2 дня)

2. Уточнение финальных вопросов (1 день)

3. Пилотная версия (2 дня)

4. Тестирование и правка багов (1 день)

5. Финальная версия, сдача работы