React Native, Flutter e Ionic

Os três utilizam a mesma página de chat hospedada, então tudo o que você treina chega aos clientes em todos eles ao mesmo tempo.

React Native

npm install @keyda/bot-react-native react-native-webview
cd ios && pod install

react-native-webview é uma dependência externa, não embutida. O React Native não tem um componente web view nativo, e incluir um geraria conflito com a versão que o seu aplicativo já possui.

import { KeydaBot } from '@keyda/bot-react-native';

<KeydaBot
  clientId="kb_live_your_key_here"
  visible={showChat}
  onClose={() => setShowChat(false)}
/>

Recompile o app após a instalação — react-native-webview possui código nativo, portanto uma recarga de JS não é suficiente.

Flutter

flutter pub add keyda_bot

// Once, at app start
KeydaBot.init('kb_live_your_key_here');

// From your Help button
KeydaBot.show(context);

Também KeydaBot.dismiss() e KeydaBot.isShowing.

Ionic e Capacitor

A maioria dos aplicativos Ionic deve apenas usar o snippet do site. Um aplicativo Ionic já é uma visualização web, portanto, a tag de script simples funciona exatamente como em um site, exigindo menos código do que qualquer wrapper:

<script src="https://keyda.in/business/widget.js"
        data-key="kb_live_your_key_here" async></script>

Cole em index.html e pronto.

Instale o @keyda/bot-capacitor apenas se você quiser especificamente o chat como uma tela cheia separada, em vez de um balão dentro do seu próprio layout.

npm install @keyda/bot-capacitor
npx cap sync

Cordova e outros híbridos

Mesmo raciocínio do Ionic: é uma web view, então a tag de script funciona. Não há pacote separado.

O que todos eles têm em comum

• Uma única interface de chat, para que uma alteração no painel entre em vigor em todo lugar sem precisar lançar um novo aplicativo
• Links abrem fora do chat, nunca substituindo a conversa
• Sem análises, sem identificadores de dispositivos, sem dependências de terceiros além da visualização web que cada plataforma exige
• Apenas online — o chat é uma página hospedada

O código-fonte de cada pacote é público em github.com/KeydaAI/keyda-business-sdks.