@nativetalkcommunications/react-native-call-sdk 0.1.0 → 0.1.1

package/README.md

@@ -1,6 +1,6 @@
 # @nativetalkcommunications/react-native-call-sdk
 
-> Plug-and-play SIP / VoIP calling for React Native, powered by [Linphone](https://www.linphone.org/).
+> Plug-and-play SIP / VoIP calling for React Native.
 >
 > Drop-in `<CallProvider>`, a `useCall()` hook, optional UI screens — and a
 > native Android + iOS layer that handles backgrounding, foreground services,
@@ -13,7 +13,6 @@
 | Feature | Notes |
 |---|---|
 | **Plug-and-play** | One provider, one hook. No coupling to your auth, navigation, or HTTP client. |
-| **Cross-platform** | Android (Linphone SDK 5.x) and iOS (Linphone 5.x + CallKit-ready). |
 | **Backgrounded calls** | Android foreground service keeps the registration warm. iOS supports VoIP push. |
 | **Bundled UI** | Optional `<Dialer />`, `<IncomingCallView />`, `<OutgoingCallView />`. Use them or roll your own. |
 | **Typed** | First-class TypeScript types throughout. |
@@ -26,7 +25,6 @@
 - React Native ≥ 0.73
 - iOS ≥ 13.0
 - Android `minSdkVersion` ≥ 24 (Android 7.0)
-- Linphone SDK 5.4.x (Android pulled automatically via Maven; iOS xcframeworks downloaded automatically on first `pod install`)
 - **React Native < 0.82:** set `newArchEnabled=false` in `android/gradle.properties`. React Native ≥ 0.82 runs New Architecture by default and the SDK works via the interop layer — the flag is not needed.
 
 ---
@@ -67,12 +65,6 @@ If your app uses Expo, the config plugin handles all native configuration automa
 npx expo prebuild
 ```
 
-This automatically configures:
-- **Android** — adds the Linphone Maven repository to `android/build.gradle`
-- **iOS** — adds `NSMicrophoneUsageDescription` and `UIBackgroundModes` to `Info.plist`, and adds the `pod 'linphonesw'` line to the `Podfile`
-
-Prebuild also runs `pod install` automatically. On the first run, the linphonesw pod downloads the Linphone xcframeworks (~90 seconds, one-time per machine). No SPM step, no manual setup.
-
 ---
 
 ### Installing from a local path (development only)
@@ -161,226 +153,153 @@ Same as the npm install path — the plugin configures Android and iOS automatic
 
 ---
 
-## React Native CLI setup
-
-If you are **not** using Expo, follow the Android and iOS setup sections below manually.
-
-### Local installs only — update Metro config
-
-**Skip this step for published npm installs.** If installing from a local path (e.g. `"file:../nativetalk-call-sdk"`), merge the following into your `metro.config.js`. If you already have a `watchFolders`, `extraNodeModules`, or `nodeModulesPaths` config, add the SDK entries to your existing arrays/objects rather than replacing them.
-
-```js
-const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
-const path = require('path');
-
-const sdkPath = path.resolve(__dirname, '../nativetalk-call-sdk'); // adjust path as needed
-
-const sdkConfig = {
-  watchFolders: [sdkPath],
-  resolver: {
-    unstable_enableSymlinks: true,
-    extraNodeModules: {
-      '@nativetalkcommunications/react-native-call-sdk': sdkPath,
-      'react': path.resolve(__dirname, 'node_modules/react'),
-      'react-native': path.resolve(__dirname, 'node_modules/react-native'),
-    },
-    nodeModulesPaths: [
-      path.resolve(__dirname, 'node_modules'),
-      path.resolve(sdkPath, 'node_modules'),
-    ],
-  },
-};
-
-module.exports = mergeConfig(getDefaultConfig(__dirname), sdkConfig);
-```
-
-> **If your metro.config.js already calls `mergeConfig`**, pass `sdkConfig` as an additional argument: `mergeConfig(getDefaultConfig(__dirname), yourExistingConfig, sdkConfig)`.
-
-### Local installs only — remove duplicate react/react-native
-
-**Skip this step for published npm installs.** Check if duplicates exist and delete them:
-
-```bash
-ls ../nativetalk-call-sdk/node_modules | grep react   # check first
-rm -rf ../nativetalk-call-sdk/node_modules/react
-rm -rf ../nativetalk-call-sdk/node_modules/react-native
-```
-
----
-
-## Android setup
-
-### 1. Add the Linphone Maven repository
-
-The Linphone SDK is not published to Maven Central. You need to add their repository to `android/settings.gradle`.
+## Quick start
 
-**If your `settings.gradle` already has a `dependencyResolutionManagement` block**, add the Linphone `maven { }` entry inside the existing `repositories { }` block.
+```tsx
+import React, { useState } from 'react';
+import { View, Text, TextInput, TouchableOpacity, StyleSheet, Alert } from 'react-native';
+import { CallProvider, useCall } from '@nativetalkcommunications/react-native-call-sdk';
+import { Dialer } from '@nativetalkcommunications/react-native-call-sdk/ui';
 
-**If your `settings.gradle` does not have a `dependencyResolutionManagement` block** (common in fresh RN 0.73+ projects), add the entire block at the bottom of the file:
+function LoginScreen({ onLogin }) {
+  const [username, setUsername] = useState('100');
+  const [password, setPassword] = useState('secret');
+  const [domain, setDomain] = useState('pbx.example.com');
+  const [transport, setTransport] = useState('tcp');
 
-```groovy
-// android/settings.gradle — add at the bottom
-dependencyResolutionManagement {
-    repositoriesMode.set(RepositoriesMode.PREFER_SETTINGS)
-    repositories {
-        google()
-        mavenCentral()
-        maven { url "https://www.jitpack.io" }
-        maven {
-            name = "linphone.org maven repository"
-            url = uri("https://download.linphone.org/maven_repository")
-            content {
-                includeGroup("org.linphone")
-            }
-        }
+  const handleLogin = () => {
+    if (!username || !password || !domain) {
+      Alert.alert('Error', 'Please fill in all fields');
+      return;
     }
-}
-```
-
-> **Important:** `repositoriesMode.set(RepositoriesMode.PREFER_SETTINGS)` means only repositories listed in this block are used — adding repos elsewhere (e.g. `android/build.gradle`) will be silently ignored. Make sure `google()` and `mavenCentral()` are included here too.
-
-Without the Linphone repo your build will fail with:
-```
-Could not find org.linphone:linphone-sdk-android:5.4.x.
-```
-
-> **Wrong URL**: The older Linphone URL (`linphone.org/maven/repository`) is dead. Use `download.linphone.org/maven_repository` as shown above.
-
-### 2. Disable New Architecture
-
-The SDK uses the Old Architecture (NativeModules/NativeEventEmitter) bridge. Open `android/gradle.properties` and set:
-
-```properties
-newArchEnabled=false
-```
-
-If you previously had this set to `true`, you must do a clean reinstall:
-
-```bash
-# Uninstall the old APK from the device first
-adb uninstall com.yourapp
-
-# Then full clean rebuild
-cd android && ./gradlew clean && cd ..
-npx react-native run-android
-```
-
-Without the clean uninstall, the old New Architecture binary might remain on-device and could crash with:
-```
-PlatformConstants could not be found. Verify that it is available as a TurboModule.
-```
-
-### 3. Autolink
-
-No `MainApplication` edits needed — the SDK autolinks.
-
-### 4. Runtime permissions
+    onLogin({ username, password, domain, transport });
+  };
 
-`RECORD_AUDIO` must be granted before the first call. The provider handles this automatically when `requestMicPermission={true}` (the default). To request it manually:
-
-```ts
-import { CallEngine } from '@nativetalkcommunications/react-native-call-sdk';
-await CallEngine.requestMicPermission(); // Android only, no-op on iOS
-```
-
-### 5. Inbound calls — use a real device for testing
-
-Inbound calls do not work on the Android emulator. The emulator is behind a nested NAT (`10.0.2.15` is not reachable from outside). The SIP server cannot route an INVITE back to the emulator's contact address, so the caller gets "number does not exist" and Linphone never sees the INVITE.
-
-Outbound calls, registration, and all other features work fine on the emulator.
-
-**Test inbound calls on a real Android device.**
-
----
-
-## iOS setup
-
-### 1. Declare linphonesw in your Podfile
-
-The SDK bundles a self-contained `linphonesw-pod` inside the npm package. Add one line to your `ios/Podfile` inside the target block:
-
-```ruby
-target 'YourApp' do
-  config = use_native_modules!
-
-  pod 'linphonesw', :path => '../node_modules/@nativetalkcommunications/react-native-call-sdk/linphonesw-pod'
-
-  # ... rest of Podfile
-end
-```
-
-Then run:
-
-```bash
-cd ios && pod install
-```
-
-On the first install, the pod automatically downloads the Linphone xcframeworks (~90 seconds). This is a one-time operation — CocoaPods caches the result so subsequent installs are instant.
-
-> **No SPM step required.** The old workflow of adding the Linphone Swift Package in Xcode is no longer needed.
-
-### 3. Info.plist
-
-Add to `ios/YourApp/Info.plist`:
-
-```xml
-<key>NSMicrophoneUsageDescription</key>
-<string>Microphone access is required for calls.</string>
-
-<key>UIBackgroundModes</key>
-<array>
-  <string>audio</string>
-  <string>voip</string>
-</array>
-```
-
-Without `NSMicrophoneUsageDescription` your app will crash when Linphone requests the mic. Without `UIBackgroundModes`, iOS will kill the SIP connection when your app is backgrounded.
-
-### 4. Xcode capabilities
-
-In Xcode → your target → **Signing & Capabilities**:
-
-- Add **Background Modes** → tick **Audio, AirPlay and Picture in Picture** and **Voice over IP**
-
-This mirrors the `UIBackgroundModes` in Info.plist — both are required.
-
-### 5. Simulator vs real device
-
-Registration and foreground calls work on the iOS Simulator. What does **not** work on the simulator is PushKit — VoIP push tokens are never delivered to simulators, so background/killed-app inbound calls won't work there. For testing push-driven inbound calls, use a real iPhone.
+  return (
+    <View style={styles.loginContainer}>
+      <Text style={styles.title}>SIP Credentials</Text>
+      <TextInput
+        style={styles.input}
+        placeholder="Username"
+        value={username}
+        onChangeText={setUsername}
+      />
+      <TextInput
+        style={styles.input}
+        placeholder="Password"
+        value={password}
+        onChangeText={setPassword}
+        secureTextEntry
+      />
+      <TextInput
+        style={styles.input}
+        placeholder="Domain"
+        value={domain}
+        onChangeText={setDomain}
+      />
+      <TextInput
+        style={styles.input}
+        placeholder="Transport (tcp/udp)"
+        value={transport}
+        onChangeText={setTransport}
+      />
+      <TouchableOpacity style={styles.button} onPress={handleLogin}>
+        <Text style={styles.buttonText}>Login</Text>
+      </TouchableOpacity>
+    </View>
+  );
+}
 
-### 6. CallKit + VoIP push (for background/killed-app incoming calls)
+function DialerWithSignout({ onLogout }) {
+  const { isRegistered } = useCall();
 
-Without VoIP push, inbound calls only arrive when the SIP socket is already open (app foregrounded). For reliable incoming calls when the app is backgrounded or killed, you need CallKit + PushKit. See [docs/push-notifications.md](docs/push-notifications.md) for the copy-pasteable AppDelegate template.
+  return (
+    <View style={styles.dialerContainer}>
+      {isRegistered && (
+        <TouchableOpacity style={styles.signoutButton} onPress={onLogout}>
+          <Text style={styles.signoutText}>Sign Out</Text>
+        </TouchableOpacity>
+      )}
+      <Dialer />
+    </View>
+  );
+}
 
----
+export default function App() {
+  const [config, setConfig] = useState(null);
 
-## Quick start
+  const handleLogin = (credentials) => {
+    setConfig(credentials);
+  };
 
-```tsx
-import React, { useState } from 'react';
-import { Alert } from 'react-native';
-import { CallProvider, useCall } from '@nativetalkcommunications/react-native-call-sdk';
-import { Dialer } from '@nativetalkcommunications/react-native-call-sdk/ui';
+  const handleLogout = () => {
+    setConfig(null);
+  };
 
-const sip = {
-  username: '100',
-  password: 'secret',
-  domain: 'yourcompany.nativetalk.io', // must be a *.nativetalk.io domain
-  transport: 'tcp',
-};
+  if (!config) {
+    return <LoginScreen onLogin={handleLogin} />;
+  }
 
-export default function App() {
   return (
     <CallProvider
-      config={sip}
+      config={config}
       onIncomingCall={(info) => console.log('Incoming from', info.phone)}
       onRegistrationStateChanged={(r) => console.log('SIP:', r.state)}
       onError={(e) => Alert.alert('SDK Error', e.message)}
     >
-      <Dialer />
+      <DialerWithSignout onLogout={handleLogout} />
     </CallProvider>
   );
 }
+
+const styles = StyleSheet.create({
+  loginContainer: {
+    flex: 1,
+    padding: 16,
+    justifyContent: 'center',
+  },
+  dialerContainer: {
+    flex: 1,
+  },
+  title: {
+    fontSize: 24,
+    fontWeight: 'bold',
+    marginBottom: 24,
+    textAlign: 'center',
+  },
+  input: {
+    backgroundColor: '#fff',
+    borderRadius: 8,
+    paddingHorizontal: 12,
+    paddingVertical: 10,
+    marginBottom: 12,
+    borderWidth: 1,
+    borderColor: '#ddd',
+  },
+  button: {
+    backgroundColor: '#2196F3',
+    paddingVertical: 12,
+    borderRadius: 8,
+    alignItems: 'center',
+  },
+  buttonText: {
+    color: '#fff',
+    fontSize: 16,
+    fontWeight: '600',
+  },
+  signoutButton: {
+    backgroundColor: '#F44336',
+    paddingHorizontal: 16,
+    paddingVertical: 8,
+    borderRadius: 6,
+    alignItems: 'center',
+    margin: 12,
+  },
+  signoutText: {
+    color: '#fff',
+    fontSize: 14,
+  },
+});
 ```
 
 **Error handling** — all SDK errors are surfaced through `onError`. The callback receives `{ code: string, message: string }`. Common codes:
@@ -417,27 +336,12 @@ function CallControls() {
 
 ---
 
-## Common errors
-
-| Error | Cause | Fix |
-|---|---|---|
-| `Could not find org.linphone:linphone-sdk-android` | Wrong or missing Maven repo | Add `download.linphone.org/maven_repository` to `android/build.gradle` in the `allprojects { repositories { } }` block |
-| `PlatformConstants could not be found` | New Architecture enabled but SDK uses Old Arch | Set `newArchEnabled=false` in `gradle.properties`, uninstall APK, clean rebuild |
-| `TurboModuleRegistry … was not found` | Duplicate react-native in SDK node_modules | Delete `nativetalk-call-sdk/node_modules/react` and `.../react-native` |
-| `Unable to load script` | Metro not running after clean build | Start Metro separately (`npx react-native start`), then run the app |
-| `No podspec found for linphonesw` | Podfile missing the `pod 'linphonesw'` line | Add `pod 'linphonesw', :path => '../node_modules/@nativetalkcommunications/react-native-call-sdk/linphonesw-pod'` to your Podfile |
-| `'jni.h' file not found` | Linphone xcframeworks embedded directly in NativetalkCallSdk module | Ensure linphonesw is a separate pod — do not vendor the xcframeworks directly in NativetalkCallSdk |
-| Inbound calls not received (Android emulator) | Emulator NAT — SIP server can't reach `10.0.2.15` | Test on a real Android device |
-| Inbound calls not received (iOS) | App backgrounded without VoIP push | Wire up CallKit + PushKit; see `docs/push-notifications.md` |
-
----
-
 ## Documentation
 
 | Topic | Where |
 |---|---|
 | **Android setup deep-dive** — services, channels, manifest, Maven repo | [docs/android-setup.md](docs/android-setup.md) |
-| **iOS setup deep-dive** — Linphone SPM, CallKit, PushKit | [docs/ios-setup.md](docs/ios-setup.md) |
+| **iOS setup deep-dive** — CallKit, PushKit | [docs/ios-setup.md](docs/ios-setup.md) |
 | **Configuration** — every prop on `<CallProvider>` | [docs/configuration.md](docs/configuration.md) |
 | **API reference** — every export, every type | [docs/api-reference.md](docs/api-reference.md) |
 | **Bundled UI components** — props, theming, customization | [docs/ui-components.md](docs/ui-components.md) |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nativetalkcommunications/react-native-call-sdk",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Plug-and-play SIP/VoIP calling SDK for React Native, powered by Linphone. Provides registration, dial, answer, hold, mute, speaker, DTMF, and call logs — plus optional UI components.",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -62,7 +62,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/Tech4mation/nativetalk-call-sdk.git"
+    "url": "git+https://github.com/Tech4mation/nativetalk-call-sdk.git"
   },
   "license": "MIT",
   "peerDependencies": {