Помочь решить проблему с WebApp в боте телеграме

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

Основные компоненты бота

1. Веб-приложение (index.html): Интерфейс для выбора даты и времени бронирования, который интегрирован в Telegram как WebApp.
2. Файл конфигурации (.env): Содержит необходимые настройки, такие как токен бота, ID группы для получения бронирований и URL веб-приложения.
3. Скрипт бота (bot_start.py): Основной код бота, который обрабатывает взаимодействие с пользователем.
4. Файл зависимостей (requirements): Определяет необходимые библиотеки для работы бота.

Подробное описание работы бота

1. Начало взаимодействия (/start)

• Команда /start запускает диалог с пользователем.
• Бот приветствует пользователя и предлагает два варианта действий:
  • "Забронировать столик"
  • "Просмотреть меню"

2. Просмотр меню

• Если пользователь выбирает "Просмотреть меню", бот отправляет ссылку на меню (https://gustouapp.com/menu) и возвращает пользователя к начальному выбору действий.

3. Бронирование столика

Выбор заведения

• При выборе "Забронировать столик", бот просит выбрать одно из доступных заведений (например, 'Ул. Антоновича' или 'пр-т. Тичины').

Выбор даты и времени

• После выбора заведения бот отправляет кнопку "Выбрать дату и время", которая открывает WebApp (ваш index.html).
• Веб-приложение использует библиотеку Flatpickr для удобного выбора даты и времени.
  • Пользователь выбирает желаемую дату и время.
  • После подтверждения, выбранная дата и время отправляются обратно к боту через window.Telegram.WebApp.sendData(selectedDatetime).

Обработка данных из WebApp

• Бот получает выбранную дату и время и подтверждает их пользователю.
• Далее бот запрашивает количество гостей.

4. Ввод количества гостей

• Пользователь вводит количество гостей.
• Бот проверяет, является ли введенное значение корректным числом больше нуля.
• После подтверждения, бот просит указать имя.

5. Ввод имени

• Пользователь вводит свое имя.
• Бот сохраняет имя и переходит к выбору способа предоставления контактного номера телефона:
  • "Ввести номер вручную"
  • "Поделиться контактом"

6. Предоставление контактного номера телефона

Выбор способа предоставления номера

• "Ввести номер вручную":
  • Бот просит ввести номер в формате +380XXXXXXXXX.
  • Проверяет корректность введенного номера.
• "Поделиться контактом":
  • Бот предоставляет кнопку для обмена контактом.
  • Пользователь нажимает кнопку, и его номер телефона автоматически отправляется боту.

7. Завершение бронирования

• После получения всех необходимых данных (заведение, дата и время, количество гостей, имя, телефон), бот формирует информацию о бронировании.
• Информация о бронировании отправляется в групповой чат (GROUP_CHAT_ID), где администраторы могут ее просмотреть и подтвердить.
• Бот благодарит пользователя за бронирование и предлагает:
  • "Вернуться к началу"
  • "Просмотреть меню"

8. Обработка ошибок и отмена

• Если возникает ошибка при отправке бронирования, бот сообщает пользователю о необходимости попробовать еще раз.
• Пользователь может отменить процесс бронирования командой /cancel, и бот возвращает его в начальное состояние или завершает разговор.

Взаимодействие между компонентами

1. Пользователь начинает взаимодействие с ботом через Telegram.
2. Бот обрабатывает команды и сообщения, управляя состоянием разговора с помощью ConversationHandler.
3. При выборе даты и времени, бот открывает WebApp (ваш index.html) в Telegram.
4. Веб-приложение позволяет пользователю выбрать дату и время, после чего отправляет эти данные обратно к боту.
5. Бот получает эти данные, продолжает процесс бронирования, собирая необходимую информацию.
6. После завершения, бот отправляет информацию о бронировании в указанную группу для дальнейшей обработки.

Проблема в том, что когда открывается WebApp он всегда показывает что открыт не через телеграм, ниже примеры файлов бота