${message}
`; 76 | chat.appendChild(bubble); 77 | 78 | scroll = window.setInterval(scrollDown, 16); 79 | setTimeout(() => { 80 | window.clearInterval(scroll); 81 | chat.scrollTop = chat.scrollHeight; 82 | }, 300); 83 | 84 | setTimeout(() => { 85 | bubble.classList.add('show'); 86 | }, 10); 87 | 88 | if (type === 'user') { 89 | let animate = chat.querySelectorAll('button:not(:disabled)'); 90 | for (let i = 0; i < animate.length; i += 1) { 91 | slideIn(animate[i], i); 92 | } 93 | bubble.classList.add('active'); 94 | } 95 | }; 96 | 97 | const randomReply = replies => replies[Math.floor(Math.random() * replies.length)]; 98 | 99 | const checkUp = () => { 100 | let lastMessage = document.querySelector('.active'), 101 | idleReplies = [ 102 | 'Did you fall asleep? 😴', 103 | 'Coffee break? ☕', 104 | 'Still there?', 105 | '❄ 🌱 🌞 🍂' 106 | ]; 107 | if (lastMessage) { 108 | lastMessage.parentNode.removeChild(lastMessage); 109 | } 110 | newMessage(randomReply(idleReplies), 'bot'); 111 | setTimeout(() => { 112 | let helpReplies = [ 113 | 'Don\'t like this conversation? Send an email to mike@redvolume.com if you want a real one. 🚀', 114 | 'Not finding what you\'re looking for? Send an email to mike@redvolume.com with any questions...', 115 | 'Wanna talk to a real person? 💬 Fire off an email to mike@redvolume.com. 🔥' 116 | ]; 117 | newMessage(randomReply(helpReplies), 'bot'); 118 | setTimeout(() => { 119 | let knowMoreReplies = [ 120 | 'Where\'s the normal web page? 😞', 121 | 'I want a regular web page 😱', 122 | 'Do you have a regular website? 😻' 123 | ], 124 | menuAgainReplies = [ 125 | 'Show me the options again please ✅', 126 | 'Ok, go! 🚗', 127 | 'I wanna check something 👍' 128 | ]; 129 | newMessage(`${el.textContent}
`; 157 | }; 158 | 159 | const showMenu = again => { 160 | let menu = '', 161 | goBack = chat.querySelector('button.newmenu'), 162 | againReplies = [ 163 | 'Here\'s a few things that I can tell you about... 🎤', 164 | 'Ok, check this out! 👇', 165 | 'Anything else you\'re interested in? 🙏' 166 | ], 167 | replies = [ 168 | 'What would you like to know more about? 💡', 169 | 'Can I interest you in any of this? 💯', 170 | 'Select something of the following... 👇' 171 | ]; 172 | if (goBack) { 173 | makeUserBubble(goBack); 174 | } 175 | setTimeout(() => { 176 | again ? newMessage(randomReply(againReplies), 'bot') : newMessage(randomReply(replies), 'bot'); 177 | structure.menu.forEach((val, index) => { 178 | menu += ``; 179 | }); 180 | setTimeout(() => { 181 | newMessage(menu); 182 | }, 300); 183 | }, 500); 184 | idle = window.setInterval(() => { 185 | window.clearInterval(idle); 186 | checkUp(); 187 | }, idletime); 188 | }; 189 | 190 | const menuClick = clicked => { 191 | let submenu = '', 192 | menuChoice = structure.menu[clicked.getAttribute('data-submenu')], 193 | replies = [ 194 | '👍 Here\'s what I have on that...', 195 | 'See anything interesting? 🙈', 196 | 'Any of this cool?' 197 | ], 198 | userReplies = [ 199 | `I wanna read about something other than ${menuChoice.title.toLowerCase()} 😜`, 200 | 'Show me the menu again 😋', 201 | `${menuChoice.title} was interesting, but show me something else... 😒` 202 | ]; 203 | menuChoice.submenu.forEach(val => { 204 | let id = `${menuChoice.id}-${val.id}`; 205 | submenu += ``; 206 | }); 207 | submenu += `"+t+"
",o.appendChild(n),a=window.setInterval(s,16),setTimeout(function(){window.clearInterval(a),o.scrollTop=o.scrollHeight},300),setTimeout(function(){n.classList.add("show")},10),"user"===e){for(var r=o.querySelectorAll("button:not(:disabled)"),c=0;c"+t.textContent+"
"},l=function(i){var c="",l=o.querySelector("button.newmenu"),d=["Here's a few things that I can tell you about... 🎤","Ok, check this out! 👇","Anything else you're interested in? 🙏"],m=["What would you like to know more about? 💡","Can I interest you in any of this? 💯","Select something of the following... 👇"];l&&u(l),setTimeout(function(){i?a(s(d),"bot"):a(s(m),"bot"),t.menu.forEach(function(t,e){c+='"}),setTimeout(function(){a(c)},300)},500),e=window.setInterval(function(){window.clearInterval(e),r()},n)},d=function(e){var n="",o=t.menu[e.getAttribute("data-submenu")],i=["👍 Here's what I have on that...","See anything interesting? 🙈","Any of this cool?"],r=["I wanna read about something other than "+o.title.toLowerCase()+" 😜","Show me the menu again 😋",o.title+" was interesting, but show me something else... 😒"];o.submenu.forEach(function(t){var e=o.id+"-"+t.id;n+='"}),n+='