{"_id":"@chaterafrikang/call-ui","_rev":"6-9b745f33f04ac3b2a5c4cdf1682ad222","name":"@chaterafrikang/call-ui","dist-tags":{"latest":"0.1.4"},"versions":{"0.1.0":{"name":"@chaterafrikang/call-ui","version":"0.1.0","keywords":["webrtc","video-call","voice-call","react","telemedicine","chaterafrika"],"license":"UNLICENSED","_id":"@chaterafrikang/call-ui@0.1.0","maintainers":[{"name":"chaterafrikang","email":"info@chaterafrika.com"}],"homepage":"https://github.com/motiftechnology/chatafrika-call-ui#readme","bugs":{"url":"https://github.com/motiftechnology/chatafrika-call-ui/issues"},"dist":{"shasum":"52bb594174714ac0e28c4118978bb9c7042dc3ee","tarball":"https://registry.npmjs.org/@chaterafrikang/call-ui/-/call-ui-0.1.0.tgz","fileCount":4,"integrity":"sha512-KRzTabFrWDtRSuF1BHpk1eJHamgwnnvIEnFWKrA2lnr3PMoNIrHFiVhA7StQPOnlZ39dEWAgnPWITrnJbDnTWw==","signatures":[{"sig":"MEQCICCmj9EtDnZ0vBmS766gNxYJyMBEj+kSHzgnyVEde24OAiALOC1eannYb41CRZFTsjuFXtVW1+f2V8tUG9eNW5Ohrw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":209077},"main":"./dist/index.cjs","type":"module","module":"./dist/index.js","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs"}},"scripts":{"build":"esbuild src/index.js --bundle --format=esm --outfile=dist/index.js --jsx=automatic --external:react --external:react-dom --external:@chaterafrikang/sdk && esbuild src/index.js --bundle --format=cjs --outfile=dist/index.cjs --jsx=automatic --external:react --external:react-dom --external:@chaterafrikang/sdk"},"_npmUser":{"name":"chaterafrikang","email":"info@chaterafrika.com"},"repository":{"url":"git+https://github.com/motiftechnology/chatafrika-call-ui.git","type":"git"},"_npmVersion":"10.9.2","description":"Drop-in, themeable, symmetric 1:1 voice/video call UI for @chaterafrikang/sdk. Both participants render the same component; role-neutral (doctor↔patient, agent↔customer).","directories":{},"sideEffects":false,"_nodeVersion":"23.11.0","_hasShrinkwrap":false,"devDependencies":{"esbuild":"^0.23.0"},"peerDependencies":{"react":">=17","react-dom":">=17","@chaterafrikang/sdk":">=0.1.0-beta.9"},"_npmOperationalInternal":{"tmp":"tmp/call-ui_0.1.0_1784994779614_0.9764927464982831","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Renamed to @vocantly/call-ui — please migrate. This package will not receive further updates."},"0.1.1":{"name":"@chaterafrikang/call-ui","version":"0.1.1","keywords":["webrtc","video-call","voice-call","react","telemedicine","chaterafrika"],"license":"UNLICENSED","_id":"@chaterafrikang/call-ui@0.1.1","maintainers":[{"name":"chaterafrikang","email":"info@chaterafrika.com"}],"homepage":"https://github.com/motiftechnology/chatafrika-call-ui#readme","bugs":{"url":"https://github.com/motiftechnology/chatafrika-call-ui/issues"},"dist":{"shasum":"8f47b407d5086c15b9ea3dbd3063573e34fdd83b","tarball":"https://registry.npmjs.org/@chaterafrikang/call-ui/-/call-ui-0.1.1.tgz","fileCount":4,"integrity":"sha512-10ZKGpvj5wSNJxFDA63aLDevYU0YPSZgwBanpGE758NdQQFpAj6r2gb6CLtMSsSD+hvqDuzxvomBFZDaPR7OiA==","signatures":[{"sig":"MEUCIQCzyJusRwwZ/c5O3vPSUzDYchWwj+iUx/Yn8OnXiYkgNgIgF3fNII0ZMkkqjO1zdPlL8dXuzW/EPk77ZC3YuoZkIbg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":210542},"main":"./dist/index.cjs","type":"module","module":"./dist/index.js","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"194e29710da5b4fccce8e4a73420a27fd2401673","scripts":{"build":"esbuild src/index.js --bundle --format=esm --outfile=dist/index.js --jsx=automatic --external:react --external:react-dom --external:@chaterafrikang/sdk && esbuild src/index.js --bundle --format=cjs --outfile=dist/index.cjs --jsx=automatic --external:react --external:react-dom --external:@chaterafrikang/sdk"},"_npmUser":{"name":"chaterafrikang","email":"info@chaterafrika.com"},"repository":{"url":"git+https://github.com/motiftechnology/chatafrika-call-ui.git","type":"git"},"_npmVersion":"10.9.2","description":"Drop-in, themeable, symmetric 1:1 voice/video call UI for @chaterafrikang/sdk. Both participants render the same component; role-neutral (doctor↔patient, agent↔customer).","directories":{},"sideEffects":false,"_nodeVersion":"23.11.0","_hasShrinkwrap":false,"devDependencies":{"esbuild":"^0.23.0"},"peerDependencies":{"react":">=17","react-dom":">=17","@chaterafrikang/sdk":">=0.1.0-beta.9"},"_npmOperationalInternal":{"tmp":"tmp/call-ui_0.1.1_1785008288779_0.6720867417665786","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Renamed to @vocantly/call-ui — please migrate. This package will not receive further updates."},"0.1.2":{"name":"@chaterafrikang/call-ui","version":"0.1.2","keywords":["webrtc","video-call","voice-call","react","telemedicine","chaterafrika"],"license":"UNLICENSED","_id":"@chaterafrikang/call-ui@0.1.2","maintainers":[{"name":"chaterafrikang","email":"info@chaterafrika.com"}],"homepage":"https://github.com/motiftechnology/chatafrika-call-ui#readme","bugs":{"url":"https://github.com/motiftechnology/chatafrika-call-ui/issues"},"dist":{"shasum":"c3ecd8a3599b624b1e1fafed7edd36e99ff44b25","tarball":"https://registry.npmjs.org/@chaterafrikang/call-ui/-/call-ui-0.1.2.tgz","fileCount":4,"integrity":"sha512-EfEYnalh2ffUXuA+fW+snRt6XYAnUAP7AXHqEujQWiSBMVSc1dIvwsPhXkqwCtqjkAtYAD18JfIK1UyWk/nZoA==","signatures":[{"sig":"MEUCIQCODeZB2Iul54TQOOtw6jpKMLxRarqq2dOQ3F1yHDslHQIgOApWCcpAfDulH/o34KwPcBedQu8Xyvi3QCHVK83zrCs=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":210712},"main":"./dist/index.cjs","type":"module","module":"./dist/index.js","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"3615f50fdbfe07d50ba6c65e1f581e7ef5a1541d","scripts":{"build":"esbuild src/index.js --bundle --format=esm --outfile=dist/index.js --jsx=automatic --external:react --external:react-dom --external:@chaterafrikang/sdk && esbuild src/index.js --bundle --format=cjs --outfile=dist/index.cjs --jsx=automatic --external:react --external:react-dom --external:@chaterafrikang/sdk"},"_npmUser":{"name":"chaterafrikang","email":"info@chaterafrika.com"},"repository":{"url":"git+https://github.com/motiftechnology/chatafrika-call-ui.git","type":"git"},"_npmVersion":"10.9.2","description":"Drop-in, themeable, symmetric 1:1 voice/video call UI for @chaterafrikang/sdk. Both participants render the same component; role-neutral (doctor↔patient, agent↔customer).","directories":{},"sideEffects":false,"_nodeVersion":"23.11.0","_hasShrinkwrap":false,"devDependencies":{"esbuild":"^0.23.0"},"peerDependencies":{"react":">=17","react-dom":">=17","@chaterafrikang/sdk":">=0.1.0-beta.9"},"_npmOperationalInternal":{"tmp":"tmp/call-ui_0.1.2_1785064914216_0.6590750350389378","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Renamed to @vocantly/call-ui — please migrate. This package will not receive further updates."},"0.1.3":{"name":"@chaterafrikang/call-ui","version":"0.1.3","keywords":["webrtc","video-call","voice-call","react","telemedicine","chaterafrika"],"license":"UNLICENSED","_id":"@chaterafrikang/call-ui@0.1.3","maintainers":[{"name":"chaterafrikang","email":"info@chaterafrika.com"}],"homepage":"https://github.com/motiftechnology/chatafrika-call-ui#readme","bugs":{"url":"https://github.com/motiftechnology/chatafrika-call-ui/issues"},"dist":{"shasum":"3e5fb401c66721178f4972e133248e5e5f0d4065","tarball":"https://registry.npmjs.org/@chaterafrikang/call-ui/-/call-ui-0.1.3.tgz","fileCount":4,"integrity":"sha512-YxVReC2323CteCnEPUfZj0RPoGXLP8nTq+hUsrCdGbfJZfVvmz8yx/gVHB6X9NQzrKKtY4zc0Uu6cfrMM4FzgA==","signatures":[{"sig":"MEYCIQDib2PpN+9zPIZTdNR7kcO/iERTyjjN7QvxqK61Y+hUggIhAOXwR+JDR8FgSCSKF8i4FuNZdc/sEdsKyvCwa/Nywr/O","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":211250},"main":"./dist/index.cjs","type":"module","module":"./dist/index.js","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"84adddfd1f8ea6f3acaac7f69db1d11b19b8faa8","scripts":{"build":"esbuild src/index.js --bundle --format=esm --outfile=dist/index.js --jsx=automatic --external:react --external:react-dom --external:@chaterafrikang/sdk && esbuild src/index.js --bundle --format=cjs --outfile=dist/index.cjs --jsx=automatic --external:react --external:react-dom --external:@chaterafrikang/sdk"},"_npmUser":{"name":"chaterafrikang","email":"info@chaterafrika.com"},"repository":{"url":"git+https://github.com/motiftechnology/chatafrika-call-ui.git","type":"git"},"_npmVersion":"10.9.2","description":"Drop-in, themeable, symmetric 1:1 voice/video call UI for @chaterafrikang/sdk. Both participants render the same component; role-neutral (doctor↔patient, agent↔customer).","directories":{},"sideEffects":false,"_nodeVersion":"23.11.0","_hasShrinkwrap":false,"devDependencies":{"esbuild":"^0.23.0"},"peerDependencies":{"react":">=17","react-dom":">=17","@chaterafrikang/sdk":">=0.1.0-beta.9"},"_npmOperationalInternal":{"tmp":"tmp/call-ui_0.1.3_1785067812246_0.04876633451605028","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Renamed to @vocantly/call-ui — please migrate. This package will not receive further updates."},"0.1.4":{"name":"@chaterafrikang/call-ui","version":"0.1.4","keywords":["webrtc","video-call","voice-call","react","telemedicine","chaterafrika"],"license":"UNLICENSED","_id":"@chaterafrikang/call-ui@0.1.4","maintainers":[{"name":"chaterafrikang","email":"info@chaterafrika.com"}],"homepage":"https://github.com/motiftechnology/chatafrika-call-ui#readme","bugs":{"url":"https://github.com/motiftechnology/chatafrika-call-ui/issues"},"dist":{"shasum":"5031351ab1471c8fd65c54731280f499c4ebfa6a","tarball":"https://registry.npmjs.org/@chaterafrikang/call-ui/-/call-ui-0.1.4.tgz","fileCount":4,"integrity":"sha512-kytpo8nOnBVqAI5jPpBY6F7yw6qKZJLzLWG32UXkkwHj8+NomN0hD6y4HRpyuNn1UpZmZ6a7jeYgog+sOdSy8w==","signatures":[{"sig":"MEUCIElqZmQcnWCb9jM4SQhHPl3edtOAA0klXEJvP7kN6QhCAiEAslDUsq404e+9Amm7h1G8g2p2zhA12rCZsMTvy/H46Gw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":210972},"main":"./dist/index.cjs","type":"module","module":"./dist/index.js","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs"}},"gitHead":"3a62d03f9535547c2e7f37cc07397d6eff02e9af","scripts":{"build":"esbuild src/index.js --bundle --format=esm --outfile=dist/index.js --jsx=automatic --external:react --external:react-dom --external:@chaterafrikang/sdk && esbuild src/index.js --bundle --format=cjs --outfile=dist/index.cjs --jsx=automatic --external:react --external:react-dom --external:@chaterafrikang/sdk"},"_npmUser":{"name":"chaterafrikang","email":"info@chaterafrika.com"},"repository":{"url":"git+https://github.com/motiftechnology/chatafrika-call-ui.git","type":"git"},"_npmVersion":"10.9.2","description":"Drop-in, themeable, symmetric 1:1 voice/video call UI for @chaterafrikang/sdk. Both participants render the same component; role-neutral (doctor↔patient, agent↔customer).","directories":{},"sideEffects":false,"_nodeVersion":"23.11.0","_hasShrinkwrap":false,"devDependencies":{"esbuild":"^0.23.0"},"peerDependencies":{"react":">=17","react-dom":">=17","@chaterafrikang/sdk":">=0.1.0-beta.9"},"_npmOperationalInternal":{"tmp":"tmp/call-ui_0.1.4_1785070515399_0.08457500458197886","host":"s3://npm-registry-packages-npm-production"},"deprecated":"Renamed to @vocantly/call-ui — please migrate. This package will not receive further updates."}},"time":{"created":"2026-07-25T15:52:59.451Z","modified":"2026-09-25T20:55:21.320Z","0.1.0":"2026-07-25T15:52:59.754Z","0.1.1":"2026-07-25T19:38:08.951Z","0.1.2":"2026-07-26T11:21:54.372Z","0.1.3":"2026-07-26T12:10:12.384Z","0.1.4":"2026-07-26T12:55:15.588Z"},"bugs":{"url":"https://github.com/motiftechnology/chatafrika-call-ui/issues"},"license":"UNLICENSED","homepage":"https://github.com/motiftechnology/chatafrika-call-ui#readme","keywords":["webrtc","video-call","voice-call","react","telemedicine","chaterafrika"],"repository":{"url":"git+https://github.com/motiftechnology/chatafrika-call-ui.git","type":"git"},"description":"Drop-in, themeable, symmetric 1:1 voice/video call UI for @chaterafrikang/sdk. Both participants render the same component; role-neutral (doctor↔patient, agent↔customer).","maintainers":[{"name":"chaterafrikang","email":"info@chaterafrika.com"}],"readme":"# @chaterafrikang/call-ui\n\nDrop-in, themeable **1:1 voice/video call UI** for [`@chaterafrikang/sdk`](https://www.npmjs.com/package/@chaterafrikang/sdk).\n\nIt's **symmetric** — both participants render the same component — and **role-neutral**: identities and labels come from config, so it works for doctor↔patient, agent↔customer, tutor↔student, etc. If you'd rather build your own UI, use the headless SDK directly; this is the batteries-included default.\n\n## Install\n\n```bash\nnpm install @chaterafrikang/call-ui @chaterafrikang/sdk react react-dom\n```\n\n## Usage\n\n```jsx\nimport { ChatAfrika } from '@chaterafrikang/sdk';\nimport CallUI, { useCall } from '@chaterafrikang/call-ui';\n\nfunction Call({ convo }) {           // convo = an SDK conversation you've joined\n  const controller = useCall(convo); // one controller drives the whole flow\n\n  return (\n    <>\n      <button onClick={() => controller.actions.openLobby('video')}>Video call</button>\n\n      <CallUI\n        controller={controller}\n        config={{\n          logoText: 'CA',\n          sessionTitle: 'Telemedicine Consultation',\n          sessionSubtitle: 'Secured via ChaterAfrika',\n          primaryColor: '#2563EB',\n          self: { name: 'Kofi Asante', role: 'Patient' },\n          peer: { name: 'Dr. Aisha Mensah', role: 'Physician' },\n          onRate: (n) => {/* POST /sdk/conversations/:id/call-rating */},\n        }}\n      />\n    </>\n  );\n}\n```\n\nIncoming calls appear automatically (the controller listens for `call_invite`). The overlay renders nothing while idle.\n\n## Screens\n\nLobby (device setup + preview) · Incoming · Calling · Active Video · Active Voice · Reconnecting · Call Ended (with rating) · Permission Denied · in-call **Settings** (devices, video quality, noise suppression, echo cancellation, low-bandwidth) · People / Chat panels · screen share · minimize. Responsive desktop → mobile. Self-contained styles (no CSS framework needed).\n\n## Config\n\n| key | purpose |\n|---|---|\n| `logoText`, `sessionTitle`, `sessionSubtitle` | branding on the call header |\n| `primaryColor` | theme colour |\n| `self`, `peer` | `{ name, role, avatar }` for each participant |\n| `onRate(n)` | post-call star rating (1–5) |\n| `onChat` | optional hook when the chat panel opens |\n\n## Requirements\n\n- HTTPS (WebRTC / `getUserMedia`)\n- Screen share and speaker selection are Chromium/desktop only\n","readmeFilename":"README.md"}