{"id":13727205,"url":"https://github.com/papercups-io/chat-widget-native","last_synced_at":"2025-09-07T10:32:33.589Z","repository":{"id":44421127,"uuid":"288052107","full_name":"papercups-io/chat-widget-native","owner":"papercups-io","description":"Papercups chat widget for React Native/Expo","archived":false,"fork":false,"pushed_at":"2021-12-02T02:31:53.000Z","size":309,"stargazers_count":28,"open_issues_count":11,"forks_count":20,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-07T23:41:22.734Z","etag":null,"topics":["chat","chat-widget","expo","react-native"],"latest_commit_sha":null,"homepage":"https://snack.expo.io/@reichertjalex/papercups","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/papercups-io.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-08-17T00:59:19.000Z","updated_at":"2024-08-24T00:59:54.000Z","dependencies_parsed_at":"2022-09-07T09:22:17.011Z","dependency_job_id":null,"html_url":"https://github.com/papercups-io/chat-widget-native","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/papercups-io/chat-widget-native","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/papercups-io%2Fchat-widget-native","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/papercups-io%2Fchat-widget-native/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/papercups-io%2Fchat-widget-native/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/papercups-io%2Fchat-widget-native/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/papercups-io","download_url":"https://codeload.github.com/papercups-io/chat-widget-native/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/papercups-io%2Fchat-widget-native/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":274026689,"owners_count":25209739,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-07T02:00:09.463Z","response_time":67,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chat","chat-widget","expo","react-native"],"created_at":"2024-08-03T01:03:44.081Z","updated_at":"2025-09-07T10:32:33.191Z","avatar_url":"https://github.com/papercups-io.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# @papercups-io/chat-widget-native\n\n\u003e Papercups chat widget for React Native\n\n[![NPM](https://img.shields.io/npm/v/@papercups-io/chat-widget-native.svg)](https://www.npmjs.com/package/@papercups-io/chat-widget-native) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)\n\n## Demo\n\n\u003cimg width=\"383\" alt=\"Screen Shot 2020-08-16 at 8 57 25 PM\" src=\"https://user-images.githubusercontent.com/5264279/90348303-6c04d080-e003-11ea-8976-6f9d355ca4c8.png\"\u003e\n\nTry it out! https://snack.expo.io/@reichertjalex/papercups\n\n## Install\n\n```bash\nnpm install --save @papercups-io/chat-widget-native\n```\n\n## Usage\n\nFirst, sign up at https://app.papercups.io/register to get your account token. Your account token is what you will use to pass in as the `accountId` prop below.\n\n***NB**: make sure to pass in an `external_id` with the `customer` prop so that we can identify the person you're chatting with and load their message history if you've chatted with them before! (See below for an example)*\n\nYou can render the chat widget however you like. Here's how you might do it in a modal:\n\n```tsx\nimport React from 'react';\nimport {StyleSheet, Button, View} from 'react-native';\nimport Modal from 'react-native-modal';\nimport ChatWidget from '@papercups-io/chat-widget-native';\n\nexport default function App() {\n  const [isModalVisible, setModalVisible] = React.useState(false);\n\n  return (\n    \u003cView style={{flex: 1, padding: 24}}\u003e\n      \u003cButton title=\"Open chat\" onPress={() =\u003e setModalVisible(true)} /\u003e\n\n      \u003cModal\n        isVisible={isModalVisible}\n        onBackdropPress={() =\u003e setModalVisible(false)}\n      \u003e\n        \u003cView style={styles.modal}\u003e\n          \u003cChatWidget\n            // Update this with your own account token!\n            accountId=\"xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxx\"\n            title=\"Welcome to Papercups!\"\n            subtitle=\"We'll reply as soon as we can 😊\"\n            greeting=\"Hi there! :wave: Have any questions?\"\n            customer={{\n              // Update this with a unique identifer for the customer/user,\n              // so that we can load the message history if you've chatted\n              // with this person in the past!\n              external_id: 'xxxxxxxx',\n              email: 'alex@test.com',\n              name: 'Alex',\n            }}\n          /\u003e\n        \u003c/View\u003e\n      \u003c/Modal\u003e\n    \u003c/View\u003e\n  );\n}\n\nconst styles = StyleSheet.create({\n  modal: {\n    flex: 1,\n    borderRadius: 4,\n    overflow: 'hidden',\n  },\n});\n```\n\n## License\n\nMIT © Papercups\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpapercups-io%2Fchat-widget-native","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpapercups-io%2Fchat-widget-native","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpapercups-io%2Fchat-widget-native/lists"}