На странице
better-dev.ru/10/jivosite... лежит копия верстки jivosite ( без функционала )
Нужно чтобы как только открывается чат начинался загруз первого сообщения, именно: появляется сообщение от консультанта, но пока что чуть более мелким шрифтом "Собеседник пишет", через 300 миллисекунд добавляется точка, еще через 300 миллисекунд еще точка и еще через 300 миллисекунд третья, после чего точки убираются и пишет снова "Собеседник пишет" и так по кругу до тех пор пока не закончится время x, после чего уже нормальным шрифтом в этот блок пишется сообщение
Время x считается следующим образом: Берется количество знаков первого сообщения, делится на 5 и умножается на 1000
Сразу после этого тот же процесс выполняется для 2го сообщения
Затем для 3го
После 3го должны появится кнопки да и нет
Эти кнопки подгружаются из id4 и исходя из того, на какую кнопку нажал пользователь соответствующее сообщение показывается пользователю
и до тех пор пока человек не нажмет одну из этих кнопок следующее сообщение консультанта он не увидит
То же самое с шагом 7 до тех пор пока пользователь не отправит свое сообщение следующее сообщение консультанта он не увидет
Важно: писать без Jquery только обычный js
Вот как лежат сообщения ( если есть идеи по тому как сделать это лучше то круто ):
let tree_by_id = {
1:{done: false, type: "consultant_message", text: "Извиняюсь если отвлекаю ( смайлик )", next_id: 2},
2:{done: false, type: "consultant_message", text: "Просто у нас сейчас супер условия ( смайлик )", next_id: 3},
3:{done: false, type: "consultant_message", text: "Ваша компания поставляет продукцию в торговые сети?", next_id: 4},
4:{done: false, type: "visitor_choice", answer: [{ text: "да", next_id: 5},{text: "нет", next_id: 41}]},
41:{done: false, text: "Ок, тогда мое предложение для вас не актуально, извините за беспокойство", next_id: 0},
5:{done: false, type: "consultant_message", text: "Тогда каждая ваша поставка сопровождается документами и обмен этими документами стоит вам денег.", next_id: 6},
6:{done: false, type: "consultant_message", text: "Сколько у вы хотите платить за отправку документа?", next_id: 7},
7:{done: false, type: "visitor_input", answer: [{ text: ">0", next_id: 8}]},
8:{done: false, type: "consultant_message", text: "Мы готовы рассмотреть эту цену.",next_id: 0}