{"id":28932288,"url":"https://github.com/juspay/hyper-sdk-react-webview","last_synced_at":"2026-02-23T03:10:50.506Z","repository":{"id":253084310,"uuid":"811223232","full_name":"juspay/hyper-sdk-react-webview","owner":"juspay","description":"React Native plugin for Hyper SDK WebView","archived":false,"fork":false,"pushed_at":"2025-04-02T15:26:26.000Z","size":2255,"stargazers_count":0,"open_issues_count":2,"forks_count":0,"subscribers_count":5,"default_branch":"main","last_synced_at":"2025-06-19T06:06:43.101Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"Kotlin","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/juspay.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-06-06T07:19:17.000Z","updated_at":"2025-03-17T06:04:47.000Z","dependencies_parsed_at":"2024-11-13T11:29:34.247Z","dependency_job_id":"fb10c075-8111-4085-932d-748ac7ed060e","html_url":"https://github.com/juspay/hyper-sdk-react-webview","commit_stats":null,"previous_names":["juspay/hyper-sdk-react-webview"],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/juspay/hyper-sdk-react-webview","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/juspay%2Fhyper-sdk-react-webview","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/juspay%2Fhyper-sdk-react-webview/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/juspay%2Fhyper-sdk-react-webview/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/juspay%2Fhyper-sdk-react-webview/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/juspay","download_url":"https://codeload.github.com/juspay/hyper-sdk-react-webview/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/juspay%2Fhyper-sdk-react-webview/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261328181,"owners_count":23142446,"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","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":[],"created_at":"2025-06-22T16:41:04.995Z","updated_at":"2026-02-23T03:10:50.501Z","avatar_url":"https://github.com/juspay.png","language":"Kotlin","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Hyper SDK React WebView\n\nA React Native WebView component with HyperSDK integration for UPI payments. Supports both React Native Old and New Architecture (Fabric).\n\n## Installation\n\nTo install using npm:\n\n```sh\nnpm install hyper-sdk-react-webview\n```\n\nTo install using yarn:\n\n```sh\nyarn add hyper-sdk-react-webview\n```\n\n**NOTE:** Ensure that `react-native-webview` is also installed as a dependency. Although it is declared as a peer dependency, React Native requires it to be a direct dependency to include its native build files.\n\n## React Native New Architecture Support\n\nThis library supports both React Native architectures:\n\n- ✅ **Old Architecture** (Bridge) - React Native 0.60+\n- ✅ **New Architecture** (Fabric) - React Native 0.68+ with New Architecture enabled\n\nNo code changes are required when migrating between architectures. See [MIGRATION.md](./MIGRATION.md) for detailed migration instructions.\n\n## Usage\n\n### Android\n\nAdd our package repository to your app's `build.gradle`:\n\n```groovy\nallprojects {\n    repositories {\n        maven { url \"https://maven.juspay.in/jp-build-packages/hyper-sdk/\" }\n    }\n}\n```\n\nAdd the required intent handling in `MainActivity.kt`:\n\n```kotlin\noverride fun onActivityResult(requestCode: Int, resultCode: Int, data: Intent?) {\n    super.onActivityResult(requestCode, resultCode, data)\n    if (requestCode == HyperWebViewManager.UPI_REQUEST_CODE) {\n        HyperWebViewManager.onActivityResult(requestCode, resultCode, data)\n    }\n}\n```\n\n### iOS\n\nAdd URI schemes for required UPI apps in `Info.plist`:\n\n```plist\n\u003ckey\u003eLSApplicationQueriesSchemes\u003c/key\u003e\n\u003carray\u003e\n    \u003cstring\u003ecredpay\u003c/string\u003e\n    \u003cstring\u003ephonepe\u003c/string\u003e\n    \u003cstring\u003epaytmmp\u003c/string\u003e\n    \u003cstring\u003etez\u003c/string\u003e\n    \u003cstring\u003epaytm\u003c/string\u003e\n    \u003cstring\u003ebhim\u003c/string\u003e\n    \u003cstring\u003emyairtel\u003c/string\u003e\n\u003c/array\u003e\n```\n\nRun `pod install` inside the iOS folder of your app.\n\n### React Native\n\nYou can start using the component in your React Native app:\n\n```tsx\nimport HyperWebView from 'hyper-sdk-react-webview';\n\nconst MyWebComponent = () =\u003e {\n  return (\n    \u003cHyperWebView\n      source={{ uri: 'https://reactnative.dev/' }}\n      style={{ flex: 1 }}\n      iframeIntegration={false}\n    /\u003e\n  );\n};\n```\n\n### Props\n\n| Prop | Type | Default | Description |\n|------|------|---------|-------------|\n| `iframeIntegration` | `boolean` | `false` | Enable iframe integration for UPI payments |\n| ...rest | `WebViewProps` | - | All standard react-native-webview props are supported |\n\n## How it works\n\nThis package wraps the `WebView` component from [react-native-webview](https://www.npmjs.com/package/react-native-webview) and integrates HyperSDK services through a native module approach. This design ensures compatibility with both React Native architectures:\n\n### Architecture Overview\n\n1. **JavaScript Layer**: Uses `react-native-webview` directly for maximum compatibility\n2. **Native Module**: `HyperWebViewModule` provides bridge between WebView and HyperSDK services\n3. **Integration**: Automatically attaches HyperWebView services when WebView navigates\n\n### Benefits\n\n- ✅ **Full compatibility** with both Old and New Architecture\n- ✅ **Minimal overhead** - uses official react-native-webview\n- ✅ **Automatic cleanup** - properly manages native resources\n- ✅ **TypeScript support** - full type definitions included\n\n## Troubleshooting\n\n### New Architecture Issues\n\nIf you encounter `\"Unimplemented component\"` errors:\n\n1. Ensure you're using the latest version (v1.0.0+)\n2. Rebuild your project after updating\n3. See [MIGRATION.md](./MIGRATION.md) for detailed troubleshooting\n\n### Performance\n\nFor optimal performance:\n- Use `iframeIntegration={true}` only if you are opening juspay payment page in an iframe\n- Implement proper error handling in navigation callbacks\n- Clean up any manual references to avoid memory leaks\n\n## License\n\nMIT\n\n---\n\nCreated with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjuspay%2Fhyper-sdk-react-webview","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjuspay%2Fhyper-sdk-react-webview","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjuspay%2Fhyper-sdk-react-webview/lists"}