BotFactory conversation

Component to interact with Bot Factory bots from Senior X Platform.

This component is started in any website, you only need to create a HTML element and paste de script bellow changing the variables. If needed, change de optional params.

Use as a lib (NPM)

Currently, to use as library format you need a Font Awesome 5 Pro license added to your project.

In this format you will always need to manually update this package on your project. In the package.json file, add ~ before the version number to auto-increment that inside of the same major. Eg.: ~3.0.2

Install the production dependency: npm i botfactory-conversation

Add in your HTML:

Use any identifier.

<div id="botfactory-container"></div>

Typescript

import { BotFactoryConversation } from 'botfactory-conversation'

const config = {
  appKey: '1at2b34ka56-789012-4616-141515fsa-fb3a315k277f7b',
  element: document.getElementById('botfactory-container'),
  restUrl: 'https://platform.senior.com.br/t/senior.com.br/bridge/1.0/anonymous/rest/'
}
const BotFactory = (<any>window).BotFactory as BotFactoryConversation
BotFactory.init(config)

Javascript

Example in ES7 syntax. To ES5 use require()

import { BotFactoryConversation } from 'botfactory-conversation'

const config = {
  appKey: '1at2b34ka56-789012-4616-141515fsa-fb3a315k277f7b',
  element: document.getElementById('botfactory-container'),
  restUrl: 'https://platform.senior.com.br/t/senior.com.br/bridge/1.0/anonymous/rest/'
}
const BotFactory = (<any>window).BotFactory
BotFactory.init(config)

Use from CDN

<script>
  ;(function (d, s, id) {
    var js,
      fjs = d.getElementsByTagName(s)[0]
    if (d.getElementById(id)) {
      return
    }
    js = d.createElement(s)
    js.id = id
    js.src =
      'https://cdn.tecnologia.senior.com.br/platform/botfactory/conversation/production/bundle.js'
    fjs.parentNode.insertBefore(js, fjs)
  })(document, 'script', 'botfactory-sdk')
  ;(function () {
    window.onload = function () {
      window.BotFactory.init({
        appKey: '1at2b34ka56-789012-4616-141515fsa-fb3a315k277f7b',
        restUrl: 'https://platform.senior.com.br/t/senior.com.br/bridge/1.0/anonymous/rest/',
        autoOpen: true
      })
    }
  })()
</script>

Development

To generate and make available a production bundle (bundle.js), use the following commands:

webpack
node server.js

API

Lifecycle methods

init()

Pass some properties to the conversation component on your page. Inside the script tag, use:

  window.BotFactory.init({
    appKey: 'your-app-key',
    autoOpen: true,
    width: 500,
    height: 900
    ...
  });