<turbo-stream action="replace" target="chatbot-frame"><template><turbo-frame id="chatbot-frame"><div class='my-14 text-center text-10 text-grey-700'>
AUJOURD&#39;HUI 22:15
</div>
<turbo-frame id="messages"></turbo-frame>
</turbo-frame></template></turbo-stream><turbo-stream action="append" target="messages"><template><div class='mt-16 message-fade-in' data-controller='loading-message' data-loading-message-random-delay-value='1531'>
<div class='text-10 leading-3 pb-2 text-grey-500 pl-4 ml-44'>
Qonto
</div>
<div class='flex justify-start my-2 gap-10 loading-message' data-loading-message-target='loadingText' data-scroll-down-target='message'>
<div class='rounded-lg flex items-center shrink-0 max-w-3/4 gap-x-12 text-left'>
<picture><img src="https://qonto.com/blog/assets/chatbot/qonto_chatbot-56b8c3650e8bb3982228c66ffcb0f9c7fff70352c8a74017efd59b5eb0401ad7.png" decoding="async" loading="eager" fetchpriority="low" alt="Qonto chatbot" width="32" height="32" class="rounded-full"></img></picture>
</div>
<div class='bg-grey-50 px-12 py-8 rounded-lg flex items-center justify-center w-60 h-40'>
<div class='dot-falling'></div>
</div>
</div>
<div class='flex justify-start my-2 gap-10 max-witdh-full-minus-48 hidden' data-loading-message-target='resultText' data-scroll-down-target='message'>
<div class='rounded-lg flex items-center shrink-0 max-w-3/4 gap-x-12 text-left'>
<picture><img src="https://qonto.com/blog/assets/chatbot/qonto_chatbot-56b8c3650e8bb3982228c66ffcb0f9c7fff70352c8a74017efd59b5eb0401ad7.png" decoding="async" loading="eager" fetchpriority="low" alt="Qonto chatbot" width="32" height="32" class="rounded-full"></img></picture>
</div>
<div class='bg-grey-50 px-12 py-8 rounded-lg text-14'>
👋 Bonjour, Êtes-vous client chez Qonto ?
</div>
</div>
</div>

<form id="answer_choices" class="flex flex-col message-fade-in mt-16" data-chatbot-target="form" data-controller="loading-message" data-loading-message-random-delay-value="1531" action="/fr/chatbot/next-step" accept-charset="UTF-8" method="get"><input value="CHATBOT_FLOW_CONSIDERATION" type="hidden" name="tree" id="tree" />
<input value="are_you_a_client" type="hidden" name="question" id="question" />
<div class='flex gap-12 hidden flex-wrap justify-end' data-loading-message-target='answerChoice' data-scroll-down-target='message'>
<label class="cursor-pointer pb-0 max-witdh-full-minus-48" tabindex="0" data-chatbot-target="radioButtonLabel" data-action="click-&gt;chatbot#submit keydown-&gt;chatbot#handleKeydown" for="yes"><div class='border border-primary-black px-12 py-8 rounded-lg text-left'>
<input id="yes" class="sr-only" tabindex="-1" type="radio" value="yes" name="answer" />
Oui
</div>
</label><label class="cursor-pointer pb-0 max-witdh-full-minus-48" tabindex="0" data-chatbot-target="radioButtonLabel" data-action="click-&gt;chatbot#submit keydown-&gt;chatbot#handleKeydown" for="no"><div class='border border-primary-black px-12 py-8 rounded-lg text-left'>
<input id="no" class="sr-only" tabindex="-1" type="radio" value="no" name="answer" />
Non
</div>
</label></div>
</form>
</template></turbo-stream>