{"_id":"@africasokoni/react-native-widget","_rev":"2-043e97e5ccb12a491684e4408ac7c4d8","name":"@africasokoni/react-native-widget","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@africasokoni/react-native-widget","version":"1.0.0","description":"React Native widget for Chatwoot","main":"index.js","scripts":{"lint":"eslint .","test":"echo \"Error: no test specified\" && exit 1"},"dependencies":{"react-native-modal":"^11.7.0"},"peerDependencies":{"@react-native-async-storage/async-storage":"^1.14.1","react":"*","react-native":"*","react-native-webview":"^11.2.3"},"devDependencies":{"@react-native-community/eslint-config":"^2.0.0","@react-native-community/eslint-plugin":"^1.1.0","eslint":"^7.21.0","eslint-plugin-prettier":"^3.3.1","husky":"^5.1.3","lint-staged":"^10.5.4","metro-react-native-babel-preset":"^0.65.2","prettier":"^2.2.1"},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.js":["prettier --write","eslint --fix","git add"]},"repository":{"type":"git","url":"git+https://github.com/sokoni-online/chatwoot-react-native-widget.git"},"keywords":["react-native","chatwoot","mobile","ios","android"],"bugs":{"url":"https://github.com/sokoni-online/chatwoot-react-native-widget/issues"},"homepage":"https://github.com/sokoni-online/chatwoot-react-native-widget#readme","license":"MIT","gitHead":"7c0bff4199433da9357a77032269aeb77a3061e6","_id":"@africasokoni/react-native-widget@1.0.0","_nodeVersion":"14.17.3","_npmVersion":"8.5.2","dist":{"integrity":"sha512-WV7iopCE/vmt9T25qpAkHtETtEEWhzMIK0C7D4ZkSTi7UCorV3JXCkHVuJOKl8Jr965orU4NasJjlZH02DU8sw==","shasum":"ea66c00a9b9d274a7bbd32bea8e4aa4c60f250cd","tarball":"https://registry.npmjs.org/@africasokoni/react-native-widget/-/react-native-widget-1.0.0.tgz","fileCount":11,"unpackedSize":12827,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQ/67ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqcqg//eQwKLyrC20q30mkG2q2anNWzV0nBygnnONhFT53SVmwVjjyP\r\nZJJ72Pooe323VOXlwMBQkGgQ+TOxehJIAEkOJSNBvov9FVHHTbpSl6Qo+3Kh\r\nriBAHjfg8xBBY77GwV+y/24iyqcTKS6q7sj4FL04nUMKgmuGMrX0fWf5d2G+\r\nM4nSEJfGZ5oMc7owuShvc4l2bJzqy1UiVVd2Bt+rkvvM5Yml6toKF873zyDV\r\n2lE/TMQdlAoJQMDfbOZekvqM74Ahlp1eob0wKTCp01A4eoZQ2R/42D7QKc3x\r\n91nSBHG5Gd8jMkb9D8kmM6jqiwvjb2TDPnFKOlc08019bjDNW1lLoAVRk3lQ\r\nJDZkw7Hi+AMILASbxxOkUXjQgY9N2K6TXCh1w3+p7NWAKVqXi/Ak8MoguDmw\r\nLGjgLIm2uwVvSgyzZADkces++MwRRamwPNZqtUN6R5xVzBzea7u5OO7vlm/p\r\n7pTtx32nP/mZctSSpAbqvMImXrAPY5DzBh5BdI+DSxkPNI8RZTVhc3cLvh8F\r\nCXAcOd1bQNWQmLQnlAA4ZmiSPkgmWQTqWunW6HCB7k50q8eZFhC7hPn8cyd7\r\nOPGMyeidVnxET7aLNFJ47bxpP5d8s/izqIJdqtgUPIe3IrLe2+svZJ9SqBN/\r\nb6IShZGkaVb4AH3VWT80kUmTgGWaQ25gGlQ=\r\n=P0vK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEm/hl5eLxNIzQ7ER+JJpgz90smgkCDztGFU6EKRTd3JAiAkR3brlbxwHwry5eIj9n+UELijZRg+NgMHsNEQjmy75A=="}]},"_npmUser":{"name":"felixnyamweya","email":"felixombura@gmail.com"},"directories":{},"maintainers":[{"name":"felixnyamweya","email":"felixombura@gmail.com"},{"name":"gr1d99","email":"gideon.kimutai.kim@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-widget_1.0.0_1648623291415_0.8740734024595616"},"_hasShrinkwrap":false},"1.0.1":{"name":"@africasokoni/react-native-widget","version":"1.0.1","description":"React Native widget for Chatwoot","main":"index.js","scripts":{"lint":"eslint .","test":"echo \"Error: no test specified\" && exit 1"},"dependencies":{"react-native-modal":"^11.7.0"},"peerDependencies":{"@react-native-async-storage/async-storage":"^1.14.1","react":"*","react-native":"*","react-native-webview":"^11.2.3"},"devDependencies":{"@react-native-community/eslint-config":"^2.0.0","@react-native-community/eslint-plugin":"^1.1.0","eslint":"^7.21.0","eslint-plugin-prettier":"^3.3.1","husky":"^5.1.3","lint-staged":"^10.5.4","metro-react-native-babel-preset":"^0.65.2","prettier":"^2.2.1"},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.js":["prettier --write","eslint --fix","git add"]},"repository":{"type":"git","url":"git+https://github.com/sokoni-online/chatwoot-react-native-widget.git"},"keywords":["react-native","chatwoot","mobile","ios","android"],"bugs":{"url":"https://github.com/sokoni-online/chatwoot-react-native-widget/issues"},"homepage":"https://github.com/sokoni-online/chatwoot-react-native-widget#readme","license":"MIT","gitHead":"03467f81edf799cc97d91ca89a9c05f0974a8d1a","_id":"@africasokoni/react-native-widget@1.0.1","_nodeVersion":"14.17.3","_npmVersion":"8.5.2","dist":{"integrity":"sha512-LGMvkENDLzuBVPKBQh9h+3hsWDQJFzigV5D3hRwXtUzRQtfFxR+Ojs9Ka/iXUE+F44c/2GpBOXdSm8xxsfdSbg==","shasum":"23e9cc3edc5eef1b7bd610adfc2f37e7556db201","tarball":"https://registry.npmjs.org/@africasokoni/react-native-widget/-/react-native-widget-1.0.1.tgz","fileCount":11,"unpackedSize":12825,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQ/9kACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpIJg/+PLZxgOMl4JB7/OnfBG6V2uLUd5F0wZd7FJCk/EGcV7VoW31C\r\n1jH8yHh6UCMTFOfBUbcRccTSlkvBi8fBNV70lT84lkv5ihiOIwlLs8ZzrO5n\r\naKjb1dlfXh5+RTkPS5ZtjusnUcDC0iKyapnLGKyaH6t64OYOPRgxH3L3vOSA\r\n1H+CR0chOy1MeR6yYZpywgolzFqwEHBeLyNKxqm6BYsE4l+h5Uz870Ihm9uU\r\nbMFPDsLd2RHJOWrefFbo9rwcOJy/sPMIyVMcz4j3AIloK9XI/4K9XmFYzW/X\r\noQnt6+hY5DnlstvPH4CcFy1ck4bytbmDbG+19JaYDICat6hHcnCVtycalK3x\r\nQU6heUx568IEUnHSTB6D4RIlFvILkUvUg4uLOBzism2asd8bOpEA0u4A7InY\r\nREFc1v76pptlcEFBo/G1EDrkrp5Ku3DtfGFOhWqIEzrPXQVxfVA2NMRfpyNI\r\n365Ds0Xyy+6kshV1AD8BPleN057np4bAvzQ0lh1Mx1oLNmoCscOiep8ELOpH\r\nv+S4MCqTuZrEWtOOG/z8ZBupjwwFZQZYpgIM9RB+FOq2gdfkVQKKNXm01FKc\r\nsgETc/rKwgSBzoF/tjSnRUf5dOAti2qlHBMKqdJpHnVBCcdAWg9Yr2sQW2kp\r\nS32d7NaWAoqYBMoqszdLuRavirXjFApgJq8=\r\n=naPD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEaxHSj6x4757FS6q45merXZ+fR5KLerWKg8Ha1hAe9OAiAWbSF+FiBD5jVnpKVbukHhzwDVskBvYnDS7RxoBKzb6w=="}]},"_npmUser":{"name":"felixnyamweya","email":"felixombura@gmail.com"},"directories":{},"maintainers":[{"name":"felixnyamweya","email":"felixombura@gmail.com"},{"name":"gr1d99","email":"gideon.kimutai.kim@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-widget_1.0.1_1648623460139_0.7398027547299078"},"_hasShrinkwrap":false}},"time":{"created":"2022-03-30T06:54:51.332Z","1.0.0":"2022-03-30T06:54:51.542Z","modified":"2022-04-04T11:51:24.932Z","1.0.1":"2022-03-30T06:57:40.322Z"},"maintainers":[{"name":"felixnyamweya","email":"felixombura@gmail.com"},{"name":"gr1d99","email":"gideon.kimutai.kim@gmail.com"}],"description":"React Native widget for Chatwoot","homepage":"https://github.com/sokoni-online/chatwoot-react-native-widget#readme","keywords":["react-native","chatwoot","mobile","ios","android"],"repository":{"type":"git","url":"git+https://github.com/sokoni-online/chatwoot-react-native-widget.git"},"bugs":{"url":"https://github.com/sokoni-online/chatwoot-react-native-widget/issues"},"license":"MIT","readme":"<h1>\nchatwoot-react-native-widget\n</h1>\n\n![](https://img.shields.io/npm/v/@sokoni-online/react-native-widget?style=flat)\n![](https://img.shields.io/npm/dt/@sokoni-online/react-native-widget.svg)\n[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](http://makeapullrequest.com)\n![](https://img.shields.io/npm/l/@sokoni-online/@sokoni-online/react-native-widget)\n\n- **Supported Chatwoot version:** 1.18.0+\n\n<img src=\"https://user-images.githubusercontent.com/12408980/112000864-99ef4d80-8adb-11eb-94c1-9901a13b4dd4.png\" alt=\"screenshot\" width=\"350\">\n\n### Installation\n\nInstall the library using either yarn or npm like so:\n\n```sh\nyarn add @africasokoni/react-native-widget\n```\n\nOR\n\n```sh\nnpm install --save @africasokoni/react-native-widget\n```\n\nThis library depends on [react-native-webview](https://www.npmjs.com/package/react-native-webview) and [async-storage](https://github.com/react-native-async-storage/async-storage). Please follow the instructions provided in the docs.\n\n### iOS Installation\n\nIf you're using React Native versions > 60.0, it's relatively straightforward.\n\n```sh\ncd ios && pod install\n```\n\n### How to use\n\n1. Create a website channel in chatwoot server by following the steps described here https://www.chatwoot.com/docs/channels/website\n2. Replace `websiteToken` prop and `baseUrl`\n\n```\n\nimport React, { useState } from 'react';\n\nimport { StyleSheet, View, SafeAreaView, TouchableOpacity, Text } from 'react-native';\n\nimport ChatWootWidget from '@africasokoni/react-native-widget';\n\nconst App = () => {\n  const [showWidget, toggleWidget] = useState(false);\n  const user = {\n    identifier: 'john@gmail.com',\n    name: 'John Samuel',\n    avatar_url: '',\n    email: 'john@gmail.com',\n    identifier_hash: '',\n  };\n  const customAttributes = { accountId: 1, pricingPlan: 'paid', status: 'active' };\n  const websiteToken = 'WEBSITE_TOKEN';\n  const baseUrl = 'CHATWOOT_INSTALLATION_URL';\n  const locale = 'en';\n\n  return (\n    <SafeAreaView style={styles.container}>\n      <View>\n        <TouchableOpacity style={styles.button} onPress={() => toggleWidget(true)}>\n          <Text style={styles.buttonText}>Open widget</Text>\n        </TouchableOpacity>\n      </View>\n      {\n        showWidget&&\n          <ChatWootWidget\n            websiteToken={websiteToken}\n            locale={locale}\n            baseUrl={baseUrl}\n            closeModal={() => toggleWidget(false)}\n            isModalVisible={showWidget}\n            user={user}\n            customAttributes={customAttributes}\n          />\n      }\n\n    </SafeAreaView>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n\n  button: {\n    height: 48,\n    marginTop: 32,\n    paddingTop: 8,\n    paddingBottom: 8,\n    backgroundColor: '#1F93FF',\n    borderRadius: 8,\n    borderWidth: 1,\n    borderColor: '#fff',\n    justifyContent: 'center',\n  },\n  buttonText: {\n    color: '#fff',\n    textAlign: 'center',\n    paddingLeft: 10,\n    fontWeight: '600',\n    fontSize: 16,\n    paddingRight: 10,\n  },\n});\n\nexport default App;\n\n```\n\nYou're done!\n\nThe whole example is in the `/example` folder.\n\n### Props\n\n<table class=\"table\">\n<thead><tr>\n  <th>Name</th><th>Default</th><th>Type</th><th>Description</th>\n</tr></thead>\n<tbody>\n  <tr>\n    <td>baseUrl</td>\n    <td> - </td>\n    <td> String </td>\n    <td>Chatwoot installation URL</td>\n  </tr>\n <tr>\n    <td>websiteToken</td>\n    <td> - </td>\n    <td> String </td>\n    <td>Website channel token</td>\n  </tr>\n  <tr>\n    <td>locale</td>\n    <td> en </td>\n    <td> String </td>\n    <td>Locale</td>\n  </tr>\n  <tr>\n    <td>isModalVisible</td>\n    <td> false </td>\n    <td> Boolean </td>\n    <td>Widget is visible or not</td>\n  </tr>\n    <tr>\n    <td>closeModal</td>\n    <td> - </td>\n    <td> Function </td>\n    <td>Close event</td>\n  </tr>\n  <tr>\n\t  <td>user</td>\n    <td> {} </td>\n    <td> Object </td>\n    <td>User information about the user like email, username and avatar_url</td>\n  </tr>\n  <tr>\n   <td>customAttributes</td>\n    <td> {} </td>\n    <td> Object </td>\n    <td>Additional information about the customer</td>\n  </tr>\n </tbody>\n</table>\n","readmeFilename":"README.md"}