Разработать/доработать небольшой раздел UI личного кабинета на TypeScript, React, redux, material ui

Ожидаем самостоятельного middle+ front-end разработчика с опытом.
Требуемый технологический стек: TypeScript, React, webpack, redux, material ui, REST, json

Проект – автоматизированный сервис бронирования столиков в ресторанах.
Необходимо доработать UI для настройки интеграции с тремя СМС шлюзами, настройки параметризованных сообщений гостям ресторана
Активный СМС шлюз может быть только один.

Частично формы сверстаны. 

Задача интеграции:
Дать возможность ресторану выбрать СМС шлюз, настроить интеграцию с ним и дать возможность ресторанам отправлять гостям СМС сообщения о статусах их резервов.

Список СМС шлюзов
SMS Aero
SMSC
Play Mobile

Интеграцию с СМС шлюзом реализовывать не нужно, требуется только реализовать логику работы UI части с API бекенда.
Примеры макетов прикреплены.

Включение опции

Администратор ресторана выбирает СМС Шлюз, с которым у него заключен договор

Администратор ресторана вводит данные для авторизации по API, нажимает Сохранить. При этом происходит проверка соединения. При неудаче отображается сообщение об ошибке. При успешном подключении — переход к следующему шагу.

Параметры работы:
Селектор "Кому отправлять уведомления"

- Гостям, пришедшим через виджет
- Всем гостям

Включение/выключение типов сообщений, которые будут отправляться:

- Подтверждение номера при бронировании через виджет
- Подтверждение бронирования
- Напоминание о посещении
- Завершение посещения
- Отмена резерва

Дополнительные действия:

- Администратор ресторана может выключить или удалить интеграцию

Для этого он либо выключает опцию на странице интеграций, либо нажимает кнопку удалить внутри настроенной интеграции. При этом он должен подтвердить действие во всплывающем окне

- Отредактировать интеграцию

Для этого в окне интеграции он нажимает на иконку с карандашом, заново вводит данные, нажимает Сохранить

- Администратор ресторана может настроить несколько интеграций, но активная будет только одна. Клиент может сменить активную интеграцию, нажав на селектор в карточке интеграции в окне со списком интеграций. При этом ему нужно подтвердить свое действие во всплывающем окне. Карточка активной интеграции располагается первой

Администратор ресторана настраивает параметры работы интеграции:

Настройка сообщений
Администратор ресторана может сам настроить тексты сообщений, которые будут отправляться гостям.

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

Список:

<дата> — дата резерва в формате "число.месяц (тоже числом)"

<время> — время резерва в формате "ЧЧ:ММ"

<сумма> — сумма чека в формате "рубли.коп"

<название ресторана> — название ресторана, из настроек

<имя> — имя и фамилия (если есть). Так, как указано в данных о резерве

Тексты

Тексты сообщений по умолчанию:

Подтверждение:
<Название ресторана>. Ждем вас <дата> в <время>

Напоминание:
<Название ресторана>. Готовим Ваш стол к <время>

Завершение:
<Название ресторана>. Спасибо за визит! Ваш счет составил <сумма> руб.

Отмена:
<Название ресторана>. Ваш резерв <дата> в <время> был отменен