{"_id":"react-native-chatio","_rev":"144-3c4db96507222917acf00a8bf9964f92","name":"react-native-chatio","dist-tags":{"latest":"1.0.15"},"versions":{"1.0.0":{"name":"react-native-chatio","version":"1.0.0","keywords":["react-native","react","chat","chatio","livechat"],"author":{"name":"Venits"},"license":"MIT","_id":"react-native-chatio@1.0.0","maintainers":[{"name":"venits","email":"tomasz.przybyl.it@gmail.com"}],"homepage":"https://github.com/livechat/react-native-chatio#readme","bugs":{"url":"https://github.com/livechat/react-native-chatio/issues"},"dist":{"shasum":"2e4d8a536e566eab5af0e9f8da32ccf4dd0c9da4","tarball":"https://registry.npmjs.org/react-native-chatio/-/react-native-chatio-1.0.0.tgz","integrity":"sha512-P+aOmSs4q5O6FFML/iFzDzQeaOQyZEOVaWfWjoy2XKFbszeRHRJZGoPsOxgviS6U+z2Q0gtWquW/wynH7/QLVA==","signatures":[{"sig":"MEUCIQDNEBh5nDGpluyjukZ9U28YDnDRiXjkYKnLH9vMddBgQAIgM2e+iLfIqbwmld2XuyPXeJcAnLhD+Ci7MWcchK/sySQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"venits","email":"tomasz.przybyl.it@gmail.com"},"repository":{"url":"git+https://github.com/livechat/react-native-chatio.git","type":"git"},"_npmVersion":"5.5.1","description":"React Native component to integrate your application with Chat.io chat widget.","directories":{},"_nodeVersion":"8.9.1","dependencies":{"react-native-animatable":"^1.2.4","react-native-gifted-chat":"^0.3.0","react-native-movable-view":"^1.0.3","@livechat/chat.io-customer-sdk":"^0.7.0"},"peerDependencies":{"react":"*","react-native":"*"},"_npmOperationalInternal":{"tmp":"tmp/react-native-chatio-1.0.0.tgz_1513935638407_0.6463773702271283","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"react-native-chatio","version":"1.0.1","keywords":["react-native","react","chat","chatio","livechat"],"author":{"name":"Venits"},"license":"MIT","_id":"react-native-chatio@1.0.1","maintainers":[{"name":"venits","email":"tomasz.przybyl.it@gmail.com"}],"homepage":"https://github.com/livechat/react-native-chatio#readme","bugs":{"url":"https://github.com/livechat/react-native-chatio/issues"},"dist":{"shasum":"f5eb34f406b592ef8fe6abc20357bc02b368a3e1","tarball":"https://registry.npmjs.org/react-native-chatio/-/react-native-chatio-1.0.1.tgz","integrity":"sha512-YUCdxpgUg4OgHoE0BuLJXWIY7dkUff6TW+lAUNFS1q7pNvQ/X/tGORQkbTNR2s5y2akUNTRpmaojBKx58CQ+Fg==","signatures":[{"sig":"MEUCIGgEE7nusE2k8Idui+mfwXBp6MsPMJcpbMXGztMlZBhVAiEAzsQWCDT90areGbYZtEkJvxD83PCSBoR7NlaWspolCRk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"venits","email":"tomasz.przybyl.it@gmail.com"},"repository":{"url":"git+https://github.com/livechat/react-native-chatio.git","type":"git"},"_npmVersion":"5.5.1","description":"React Native component to integrate your application with Chat.io chat widget.","directories":{},"_nodeVersion":"8.9.1","dependencies":{"react-native-animatable":"^1.2.4","react-native-gifted-chat":"^0.3.0","react-native-movable-view":"^1.0.3","@livechat/chat.io-customer-sdk":"^0.7.0"},"peerDependencies":{"react":"*","react-native":"*"},"_npmOperationalInternal":{"tmp":"tmp/react-native-chatio-1.0.1.tgz_1513935903545_0.9536068812012672","host":"s3://npm-registry-packages"}},"1.0.11":{"name":"react-native-chatio","version":"1.0.11","keywords":["react-native","react","chat","chatio","livechat"],"author":{"name":"Venits"},"license":"MIT","_id":"react-native-chatio@1.0.11","maintainers":[{"name":"venits","email":"tomasz.przybyl.it@gmail.com"}],"homepage":"https://github.com/livechat/react-native-chatio#readme","bugs":{"url":"https://github.com/livechat/react-native-chatio/issues"},"dist":{"shasum":"ef74f11a1135299cb8b050f97ff3ff1ef76db137","tarball":"https://registry.npmjs.org/react-native-chatio/-/react-native-chatio-1.0.11.tgz","integrity":"sha512-Y1bHql9WF5kLQXi1T737ACL07IitqYyaqQQI+r92MpVkKWHvmNR8JqWXHEWytthsGHF24fJnZQ8xKFo6JcxkwQ==","signatures":[{"sig":"MEUCIQCujnN9QLc5fsIeBu/igwKqTrga+W8YvNB2XwQiZ3J2swIgRxzIJeU3ehZIXctAXFmfcWyp3NFQ67psVxRjr4AElVQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"venits","email":"tomasz.przybyl.it@gmail.com"},"repository":{"url":"git+https://github.com/livechat/react-native-chatio.git","type":"git"},"_npmVersion":"5.5.1","description":"React Native component to integrate your application with Chat.io chat widget.","directories":{},"_nodeVersion":"8.9.1","dependencies":{"react-native-animatable":"^1.2.4","react-native-gifted-chat":"^0.3.0","react-native-movable-view":"^1.0.3","@livechat/chat.io-customer-sdk":"^0.7.0"},"peerDependencies":{"react":"*","react-native":"*"},"_npmOperationalInternal":{"tmp":"tmp/react-native-chatio-1.0.11.tgz_1513938542946_0.7880064407363534","host":"s3://npm-registry-packages"}},"1.0.12":{"name":"react-native-chatio","version":"1.0.12","keywords":["react-native","react","chat","chatio","livechat"],"author":{"name":"Venits"},"license":"MIT","_id":"react-native-chatio@1.0.12","maintainers":[{"name":"venits","email":"tomasz.przybyl.it@gmail.com"}],"homepage":"https://github.com/livechat/react-native-chatio#readme","bugs":{"url":"https://github.com/livechat/react-native-chatio/issues"},"dist":{"shasum":"19cf60f38e69db1e350e3b0b2905e9c2e9aae559","tarball":"https://registry.npmjs.org/react-native-chatio/-/react-native-chatio-1.0.12.tgz","integrity":"sha512-/owe0ZdmHV+PrIdBLn+IeMemioEGs5Wd6O5RUhPfQNlEKlRmzSYWSpj1tw6nWUa2+gqacFbK6DERg3srWmTK8g==","signatures":[{"sig":"MEUCIBcPQ1LRCyK3zYbUAntWE3/eaSYBmluXnyHgTVPEhcX5AiEA+Eha3Up48eqp+lK4/gnb3oTkHZIg/uMXco1oTSAm8J4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"venits","email":"tomasz.przybyl.it@gmail.com"},"repository":{"url":"git+https://github.com/livechat/react-native-chatio.git","type":"git"},"_npmVersion":"5.5.1","description":"React Native component to integrate your application with Chat.io chat widget.","directories":{},"_nodeVersion":"8.9.1","dependencies":{"react-native-animatable":"^1.2.4","react-native-gifted-chat":"^0.3.0","react-native-movable-view":"^1.0.3","@livechat/chat.io-customer-sdk":"^0.7.0"},"peerDependencies":{"react":"*","react-native":"*"},"_npmOperationalInternal":{"tmp":"tmp/react-native-chatio-1.0.12.tgz_1513943923951_0.9455213861074299","host":"s3://npm-registry-packages"}},"1.0.13":{"name":"react-native-chatio","version":"1.0.13","keywords":["react-native","react","chat","chatio","livechat"],"author":{"name":"Venits"},"license":"MIT","_id":"react-native-chatio@1.0.13","maintainers":[{"name":"venits","email":"tomasz.przybyl.it@gmail.com"}],"homepage":"https://github.com/livechat/react-native-chatio#readme","bugs":{"url":"https://github.com/livechat/react-native-chatio/issues"},"dist":{"shasum":"0625c4c760201a65558d60a4c563c69852444bec","tarball":"https://registry.npmjs.org/react-native-chatio/-/react-native-chatio-1.0.13.tgz","integrity":"sha512-C2RzVymsbMJQydUXCcHfDn/pT8Ag/CFKHgJEPwMoE6EqCVuFrBcDWzggejZJ6jkJABarSzIvkImR0uEtyMJe3g==","signatures":[{"sig":"MEQCID3fXAx4hgecwAcmuuF4BrYc4VQSYyrqWQNNXTp/0Qn6AiA0zteFBuio28MNoDVKS22zB0SsYRhCzrr1GoHufsBjgw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"venits","email":"tomasz.przybyl.it@gmail.com"},"repository":{"url":"git+https://github.com/livechat/react-native-chatio.git","type":"git"},"_npmVersion":"5.5.1","description":"React Native component to integrate your application with Chat.io chat widget.","directories":{},"_nodeVersion":"8.9.1","dependencies":{"engine.io-parser":"git+https://github.com/livechat/engine.io-parser.git","react-native-animatable":"^1.2.4","react-native-gifted-chat":"^0.3.0","react-native-movable-view":"^1.0.3","@livechat/chat.io-customer-sdk":"^0.7.0"},"peerDependencies":{"react":"*","react-native":"*"},"_npmOperationalInternal":{"tmp":"tmp/react-native-chatio-1.0.13.tgz_1514367653476_0.9373583311680704","host":"s3://npm-registry-packages"}},"1.0.14":{"name":"react-native-chatio","version":"1.0.14","keywords":["react-native","react","chat","chatio","livechat"],"author":{"name":"Venits"},"license":"MIT","_id":"react-native-chatio@1.0.14","maintainers":[{"name":"venits","email":"tomasz.przybyl.it@gmail.com"}],"homepage":"https://github.com/livechat/react-native-chatio#readme","bugs":{"url":"https://github.com/livechat/react-native-chatio/issues"},"dist":{"shasum":"701792036a6859ad165e6e92cf99b6b1daa09342","tarball":"https://registry.npmjs.org/react-native-chatio/-/react-native-chatio-1.0.14.tgz","integrity":"sha512-dM5t5wbWaALya8KFXQ+NQDO1YaICQmY4GkRGdSIUjw9BJhzfqXuippWy2aiMHeTOqTSszFeRAuT6oaYSnWxCdw==","signatures":[{"sig":"MEUCIFrFmfiPcMTW8zzDs+U9QAwpXslpyFo3GetA2lI/jhioAiEAycMvmVoRGQ8Ma9VUJYVsl78PaChLWcTWoTlPTVpqX3E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"venits","email":"tomasz.przybyl.it@gmail.com"},"repository":{"url":"git+https://github.com/livechat/react-native-chatio.git","type":"git"},"_npmVersion":"5.5.1","description":"React Native component to integrate your application with Chat.io chat widget.","directories":{},"_nodeVersion":"8.9.1","dependencies":{"engine.io-parser":"git+https://github.com/livechat/engine.io-parser.git","react-native-animatable":"^1.2.4","react-native-gifted-chat":"^0.3.0","react-native-movable-view":"^1.0.3","@livechat/chat.io-customer-sdk":"^0.7.0"},"peerDependencies":{"react":"*","react-native":"*"},"_npmOperationalInternal":{"tmp":"tmp/react-native-chatio-1.0.14.tgz_1514989503005_0.4360370438080281","host":"s3://npm-registry-packages"}},"1.0.15":{"name":"react-native-chatio","version":"1.0.15","keywords":["react-native","react","chat","chatio","livechat"],"author":{"name":"Venits"},"license":"MIT","_id":"react-native-chatio@1.0.15","maintainers":[{"name":"venits","email":"tomasz.przybyl.it@gmail.com"}],"homepage":"https://github.com/livechat/react-native-chatio#readme","bugs":{"url":"https://github.com/livechat/react-native-chatio/issues"},"dist":{"shasum":"081a74e87cec677f612992a6e21628c0c87552cc","tarball":"https://registry.npmjs.org/react-native-chatio/-/react-native-chatio-1.0.15.tgz","fileCount":14,"integrity":"sha512-yw99tXY8NAzLZ5ocIRqvEpLtncjX4LtbUFR0dDciHUhGmfyagBkTC47NXBQRYiYGGH3yPjIOfCKbqEd8D0INvQ==","signatures":[{"sig":"MEUCICz0518bKUqfXkt+NZSefqCKdoApeJabTiDTY29LXKsIAiEAi1oAhj38EkNhLQ0LihewUDsTNnqRcpUemgW+fQ3210I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":73377,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbFTseCRA9TVsSAnZWagAAA/0P/iUqvOpuZTbq4T4fD4cb\nJZPBip2wiGkmboQzWlO5cpR80/f1rz/UJUqtU6ERDEGbbAd5QPBdcENkmnVB\nOjD6J5i8XmLZnTXa5bHKYCVpMpGGb0ydy0j+jTabCy8P/G1hsTksGbwI4JmQ\nQBj1aL6r9v91TiEKhhcAQSuz5qmH9yEDve4+iOXPrHeNZsmrT0k2YqnZ7GOz\n87ax+sReIJZBnnhi99jutA6DcykPwgDhMTWzuD4jA2lkkLnoM8NR5Pn3tkLh\nuYk0ZmCs6MtkAizEAEEQLKREBfXEw8vwNyX89xaDCXRHi5A66kTVbTugs7tS\nH1hiAZxJRR2dLypbsZs+SZvqC8oc2oUHbVltNEeUfgSvShAiw2VUXoVFnBbR\nqQROYvPIJnsSBQf+66artASqI8CS0gU4iJbmyTDjmBD9vrYIRGY+GAreObfP\n8fhUUS6IYUhaoWw9iGKdA3rS/q4eU/U690ECrG5ZJtCy+D/K12ZtNS9CfPFs\njHCfeoAURJgq8WdY2QxaAafWYREFr/Bbhh5uzT5y9gi9lLBGpNGNnR9Zu0Yj\nSeNCh+mfJwX7mu8+mNGg0UtLjvC0eGW8hYQmUo0OG0LLSTrjomCwpY/7+M+I\nlQqcABSxoKkCq9b/jvhT9qS3OJFZQhOLPXDQubeOAyw+atKzDruBIDekdfXQ\nStFu\r\n=0SEl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"venits","email":"tomasz.przybyl.it@gmail.com"},"repository":{"url":"git+https://github.com/livechat/react-native-chatio.git","type":"git"},"_npmVersion":"5.6.0","description":"React Native component to integrate your application with Chat.io chat widget.","directories":{},"_nodeVersion":"9.5.0","dependencies":{"engine.io-parser":"git+https://github.com/livechat/engine.io-parser.git","react-native-animatable":"^1.2.4","react-native-gifted-chat":"^0.3.0","react-native-movable-view":"^1.0.3","@livechat/chat.io-customer-sdk":"^0.9.0"},"_hasShrinkwrap":false,"peerDependencies":{"react":"*","react-native":"*"},"_npmOperationalInternal":{"tmp":"tmp/react-native-chatio_1.0.15_1528118044267_0.47494168591012076","host":"s3://npm-registry-packages"}}},"time":{"created":"2017-12-22T09:40:39.523Z","modified":"2026-08-31T08:06:47.941Z","1.0.0":"2017-12-22T09:40:39.523Z","1.0.1":"2017-12-22T09:45:03.667Z","1.0.11":"2017-12-22T10:29:04.178Z","1.0.12":"2017-12-22T11:58:44.989Z","1.0.13":"2017-12-27T09:40:54.369Z","1.0.14":"2018-01-03T14:25:03.962Z","1.0.15":"2018-06-04T13:14:04.775Z"},"bugs":{"url":"https://github.com/livechat/react-native-chatio/issues"},"author":{"name":"Venits"},"license":"MIT","homepage":"https://github.com/livechat/react-native-chatio#readme","keywords":["react-native","react","chat","chatio","livechat"],"repository":{"url":"git+https://github.com/livechat/react-native-chatio.git","type":"git"},"description":"React Native component to integrate your application with Chat.io chat widget.","maintainers":[{"email":"lukasz@powazka.eu","name":"lukiq"},{"email":"f.jaskolski@livechatinc.com","name":"f.jaskolski"},{"email":"m.sypko+npm@text.com","name":"msypko"},{"email":"admins@livechatinc.com","name":"bamboo-livechat"},{"email":"s.graczyk@text.com","name":"s.graczyk.livechat"},{"email":"mateuszburzynski@gmail.com","name":"andarist"},{"email":"npm@konradk.pl","name":"konradk"},{"email":"k.zajac@text.com","name":"k.zajac"},{"email":"l.krolak@livechatinc.com","name":"lkrolak"},{"email":"hubert.damian.staniszewski@gmail.com","name":"hstaniszewski"},{"email":"support@chatbot.com","name":"chatbot-com"},{"email":"jakub.sikora.en@gmail.com","name":"jakubsikora"},{"email":"jakub.walczak33@gmail.com","name":"wallchuck"},{"email":"walaszczykm@gmail.com","name":"walaszczykm"},{"email":"k.klarzynski@livechatinc.com","name":"klarzynskik"},{"email":"a.kacperczyk@livechatinc.com","name":"ale-kacperczyk"},{"email":"sambor@g.pl","name":"sambor"},{"email":"m.reszke@livechatinc.com","name":"mreszke"},{"email":"b.czop@livechatinc.com","name":"bbartek"},{"email":"m.debski@livechatinc.com","name":"mdebski"},{"email":"m.szwarc@livechatinc.com","name":"shwarcu"},{"email":"jakub@fedyczak.net","name":"jfedyczak"},{"email":"p.grzybek@livechatinc.com","name":"paulinag"},{"email":"o.tkach@text.com","name":"otkach-text"},{"email":"mszpyruk.dev@gmail.com","name":"mszpyruk"},{"email":"dzabrzenski@gmail.com","name":"dzabrzenski"},{"email":"wouga@wouga.info","name":"wouga"},{"email":"m.zielonka@livechat.com","name":"mzielonka"},{"email":"pasieka.grzegorz@gmail.com","name":"alithanar"},{"email":"m.sawicki@livechat.com","name":"msawickilc"},{"email":"jawinskidsgn@gmail.com","name":"jawinski"},{"email":"admins+npm_gh_actions@livechat.com","name":"gh-actions-livechat"},{"email":"o.polec@livechat.com","name":"oliwiapolec"},{"email":"arturfracala@gmail.com","name":"arturfracala"},{"email":"m.teczynski@livechat.com","name":"m.teczynski"},{"email":"b.olchowka@livechatinc.com","name":"bolchowka"},{"email":"b.stopyra@livechat.com","name":"bstopyra"},{"email":"r.kawka@livechat.com","name":"rkawka"},{"email":"j.pyzio@livechat.com","name":"jakubpyzio"},{"email":"joanna.sikora@livechat.com","name":"joanna.sikora"},{"email":"a.duziak@livechat.com","name":"artur-livechat"},{"email":"p.zawadzka@livechat.com","name":"p.zawadzka"},{"email":"w.fabjanczuk@text.com","name":"w.fabjanczuk"},{"email":"l.jeziorski@outlook.com","name":"lukaszjeziorski"},{"email":"p.stepien@livechat.com","name":"pastepi"},{"email":"wojciechdudek.gliwice@gmail.com","name":"wojciechdudek"},{"email":"lucas.sajdak@gmail.com","name":"l.sajdak"},{"email":"mateuszromek.net@gmail.com","name":"mrateo"},{"email":"michalwarcholinski@gmail.com","name":"mwarcholinski"},{"email":"tadekrzewuski@gmail.com","name":"tadekrzewuski"},{"email":"m.paszowski@livechatinc.com","name":"michalpaszczakowski"},{"email":"h.wyszynski@text.com","name":"hubert-wyszynski"},{"email":"j.gabory@text.com","name":"yrobag"},{"email":"kurzawa.patrycja@gmail.com","name":"pandalajka"},{"email":"m.gut@text.com","name":"gutmmm"},{"email":"a.cobo@text.com","name":"a.cobo"},{"email":"l.kierepka@text.com","name":"lkierepka-text"},{"email":"k.jarzyna@text.com","name":"k-jarzyna-text"},{"email":"filip.szczechowiak@gmail.com","name":"apocomilogin"},{"email":"k.homziuk@text.com","name":"karol-homziuk"},{"email":"l.myslinski@text.com","name":"lm-text"},{"email":"pawelwolkowskibass@gmail.com","name":"bassisto"},{"email":"a.bogacki@text.com","name":"abogacki-text"},{"email":"w.zbrozek@text.com","name":"wojzbr"},{"email":"l.wac@text.com","name":"waclukasz"},{"email":"k.balda@text.com","name":"kamilbalda"},{"email":"d.hrycalik@text.com","name":"dhtext"},{"email":"w.mrozek@text.com","name":"mrozekw"},{"email":"k.basiukajc@text.com","name":"textkamil"},{"email":"d.czerniakiewicz@text.com","name":"damiancz"},{"email":"b.stiskun@text.com","name":"b.stiskun-text"},{"email":"artospaj@gmail.com","name":"artospaj"},{"email":"t.guzik@text.com","name":"tguzik-text"},{"email":"n.mialik@text.com","name":"nataliamialik"},{"email":"v.kozlovskyi@text.com","name":"vladko_text"},{"email":"a.mucha@text.com","name":"amucha-text"}],"readme":"﻿# React Native Chat.io\n\nReact Native component to integrate your application with Chat.io chat widget easily ;)\n\n*You can start your 14 days free trial [here](https://www.chat.io/).*\n\n### Pre requirements:\n1. *License:*\n\nTo use Chat.io in your application you need **license_id**. \n\nYou get one after creating account on our [website](https://www.chat.io/).\n\nYou can check your **license_id** anytime [here](https://app.chat.io/settings/channel-website).\n\n*If you have difficulties finding your **license_id** please take a look at this [screenshot](https://github.com/livechat/react-native-chatio/blob/master/chatio_license.png).*\n\n2. *Client Id and Redirect URI:*\n\nFirst, you need to create an application in the [Developers Console](https://accounts.chat.io) **(select the Web app (frontend, eg. JavaScript) type).** \n\nAfter app is created, go to Apps -> Authorization *(There you will find your Client Id and Redirect URI)*.\n\n*If you have difficulties finding your **Client Id** or **Redirect URI**  please take a look at this [screenshot](https://github.com/livechat/react-native-chatio/blob/master/developer_console.png).*\n\n\n### Installation\nAll you have to do:\n```javascript\nnpm install react-native-chatio --save\n```\n\n### Usage\n\nUsage is very simple:\n\n*Import ChatIO component and put it in your render method:*\n```javascript\nimport ChatIO from \"react-native-chatio\"\n\n...\n\n <ChatIO\n   clientId=\"client_id\"\n   redirectUri=\"redirect_uri\"\n   license={license_id}\n />\n```\n\n### Demo\n\n![Alt Text](https://raw.githubusercontent.com/venits/react-native-router-flux/master/chatio_demo.gif)\n\n### Chat Bubble\n\nChat bubble is a small view that by default is blue and is placed on bottom-right side of your screen.\n\n1. Can can control position of bubble by simply sending **bubbleLeft** and **bubbleTop** props.\n\n*Example:*\n```javascript\n<ChatIO bubbleLeft={0} bubbleTop={0} license={your_license_id} />\n```\n\n2. By default bubble component is draggable and movable. You can disable this option by sending **movable** prop with *false* value.\n\n*Example:*\n```javascript\n<ChatIO movable={false} license={your_license_id} />\n```\n\n3. If would like to change color of bubble you can simply pass **bubbleColor** prop with ChatIO component.\n\n*Example:*\n```javascript\n<ChatIO bubbleColor='red' license={your_license_id} />\n```\n\n4. If you don't like appearance of this bubble at all, you can send **bubble** prop with your own component.\n\n*Example:*\n```javascript\n<ChatIO license={your_license_id}\n  bubble={\n  <View style={{ width: 60, height: 60, backgroundColor: 'green' }} />\n  }\n/>\n```\n\n### Chat Appearance\n\nThis module uses [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat) for chat UI.\n\nYou can customise your chat appearance by sending props to ChatIO component like you would normally send them to GiftedChat component.\n\nFor example if you would like to control **onPressAvatar** to show info about agent, you can do it like this:\n\n*Example:*\n```javascript\n<ChatIO license={your_license_id}\n  onPressAvatar={ info => console.warn(info) } />\n```\n\n*You can find information about all props here: [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat).*\n\n\n### Methods\n\nThis module uses [Chat.io Customer SDK](https://www.chat.io/docs/customer-sdk).\n*All methods and events described there.*\n\nTo begin with, you want to get your chat reference using **onLoaded** callback.\n*Some methods need current **chat_id** to work. You can get it using **onChatStarted** callback.*\n\n*Example:*\n```javascript\n<ChatIO \n  onLoaded={ref => this.chat = ref}\n  onChatStarted={ chat_id => this.chatId = chat_id}\n/>\n```\n\n*Using this reference you can for example get full chat history:*\n\n```javascript\nconst history = this.chat.getChatHistory(this.chatId);\n```\n\nYou can find more information about handling chat history [here](https://www.chat.io/docs/customer-sdk#getchathistory).\n\n*Table of methods:*\n\n|Name|Note|\n|---|---|\n| destroy | This method clears any held resources, removes all listeners and disconnects from the network. After using this method you won’t be able to use the destroyed SDK’s instance. |\n| disconnect | Disconnecting user from current chat. |\n| getChatHistory | This method facilitates loading more history events. |\n| sendMessage | Sending message to current chat. More info [here](https://www.chat.io/docs/customer-sdk#sendmessage). |\n| setSneakPeek | Sets the internal sneak peek value. It will be sent to the server only if the target chat is active and only once per 2 seconds (it’s throttled). |\n| startChat | Starting chat.|\n| updateCustomer | Updates info about customer. More info [here](https://www.chat.io/docs/customer-sdk#updatecustomer).|\n\n\n### Events\nYou can listen for emitted events by subscribing to them (*using **on** method*) with your custom JavaScript function. \n\n*All events described [here](https://www.chat.io/docs/customer-sdk#events).*\n\n*Table of events:*\n\n|Name|Note|\n|---|---|\n|connected | Executes when user connect to Chat.io. |\n|connection_lost | Executes when user lost connection. |\n|connection_restored | Executes when user's connection is restored. |\n|disconnected | Executes when user disconnects from Chat.io. |\n|user_joined_chat | Executes when joining chat. |\n|user_left_chat | Executes when user left chat. |\n|user_is_typing | Executes when user is typing. |\n|user_stopped_typing | Executes when user stopped typing.  |\n\n### Support\nIn case of any problem you can chat with us [here](https://www.chat.io/live-chat-guide/).\n\n**I hope you will find this module useful. Happy Coding :)**\n\n","readmeFilename":"README.md"}