@revrag-ai/embed-react-native 1.0.5 → 1.0.6

package/package.json

@@ -1,25 +1,26 @@
 {
   "name": "@revrag-ai/embed-react-native",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "Voice Agent SDK for React Native - AI-powered voice communication with real-time speech processing",
-  "main": "./lib/module/index.js",
-  "types": "./lib/typescript/src/index.d.ts",
+  "main": "./dist/commonjs/index.js",
+  "module": "./dist/module/index.js",
+  "types": "./dist/typescript/index.d.ts",
   "typesVersions": {
     "*": {
-      "*": ["./lib/typescript/src/*", "./lib/index.d.ts"]
+      "*": ["./dist/typescript/*"]
     }
   },
   "exports": {
     ".": {
-      "types": "./lib/typescript/src/index.d.ts",
-      "import": "./lib/module/index.js",
-      "require": "./lib/module/index.js",
-      "default": "./lib/module/index.js"
+      "types": "./dist/typescript/index.d.ts",
+      "import": "./dist/module/index.js",
+      "require": "./dist/commonjs/index.js",
+      "default": "./dist/module/index.js"
     },
     "./package.json": "./package.json"
   },
   "files": [
-    "lib",
+    "dist",
     "android",
     "ios",
     "cpp",
@@ -27,9 +28,9 @@
     "scripts",
     "*.podspec",
     "react-native.config.js",
-    "!lib/**/*.map",
-    "!lib/**/*.test.*",
-    "!lib/**/*.spec.*",
+    "!dist/**/*.map",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*",
     "!ios/build",
     "!android/build",
     "!android/gradle",
@@ -47,17 +48,17 @@
     "test": "jest",
     "typecheck": "tsc",
     "lint": "eslint \"**/*.{js,ts,tsx}\"",
-    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
-    "prepare": "yarn manual-build",
-    "manual-build": "node manual-build.js",
+    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build dist",
+    "prepare": "bob build",
+    "build": "bob build",
     "fix-js": "node fix-js-files.js",
     "verify-setup": "node scripts/verify-setup.js",
-    "prepublishOnly": "yarn manual-build && yarn fix-js",
+    "prepublishOnly": "bob build && yarn fix-js",
     "release": "release-it --only-version",
     "protect": "node -e \"const crypto = require('crypto'); const fs = require('fs'); const config = { hash: crypto.randomBytes(32).toString('hex'), createdAt: new Date().toISOString(), note: 'Protected build', version: require('./package.json').version }; fs.writeFileSync('.onwid-security.json', JSON.stringify(config, null, 2)); console.log('✅ Code protected');\"",
-    "publish:safe": "yarn clean && yarn manual-build && yarn fix-js && yarn protect && npm publish --access public",
-    "publish:beta": "yarn clean && yarn manual-build && yarn fix-js && yarn protect && npm publish --access public --tag beta",
-    "publish:alpha": "yarn clean && yarn manual-build && yarn fix-js && yarn protect && npm publish --access public --tag alpha"
+    "publish:safe": "yarn clean && bob build && yarn fix-js && yarn protect && npm publish --access public",
+    "publish:beta": "yarn clean && bob build && yarn fix-js && yarn protect && npm publish --access public --tag beta",
+    "publish:alpha": "yarn clean && bob build && yarn fix-js && yarn protect && npm publish --access public --tag alpha"
   },
   "keywords": [
     "react-native",
@@ -137,7 +138,7 @@
     "preset": "react-native",
     "modulePathIgnorePatterns": [
       "<rootDir>/example/node_modules",
-      "<rootDir>/lib/"
+      "<rootDir>/dist/"
     ]
   },
   "commitlint": {
@@ -173,11 +174,18 @@
   },
   "react-native-builder-bob": {
     "source": "src",
-    "output": "lib",
+    "output": "dist",
     "targets": [
+      [
+        "commonjs",
+        {
+          "configFile": true
+        }
+      ],
       [
         "module",
         {
+          "configFile": true,
           "esm": true
         }
       ],

package/lib/index.d.ts

@@ -1,77 +0,0 @@
-/**
- * @file index.d.ts
- * @description TypeScript declarations for the Onwid React Native library.
- */
-
-import { ConnectionState, Room } from 'livekit-client';
-import { RefObject } from 'react';
-
-// Component declarations
-export declare function OnwidButton(): JSX.Element;
-
-// Hook type declarations
-export interface UseInitializeProps {
-  apiKey: string;
-  agentId?: string;
-  onwidUrl?: string;
-  metadata?: any;
-}
-
-export interface UseVoiceAgentReturn {
-  initializeVoiceAgent: () => Promise<void>;
-  isLoading: boolean;
-  error: string | null;
-  tokenDetails: any;
-  endCall: () => Promise<void>;
-  room: Room;
-  roomRef: RefObject<Room>;
-  isMicMuted: boolean;
-  muteMic: () => void;
-  unmuteMic: () => void;
-  connectionState: ConnectionState;
-  cleanup: () => void;
-}
-
-// Hook declarations
-export declare const useInitialize: (props: UseInitializeProps) => void;
-export declare const useVoiceAgent: () => UseVoiceAgentReturn;
-
-// API type declarations
-export interface ApiResponse<T> {
-  success: boolean;
-  data?: T;
-  error?: string;
-}
-
-export interface RegisterRequest {
-  apiKey: string;
-  onwidUrl: string;
-  metadata?: Record<string, any>;
-}
-
-export interface TokenDetails {
-  token: string;
-  expiresAt: number;
-  apiKey: string;
-  config: Record<string, any>;
-  server_url: string;
-}
-
-export interface UpdateDataRequest {
-  eventKey: string;
-  data: Record<string, any>;
-}
-
-// Event system declarations
-export enum EventKeys {
-  USER_DATA = 'user_data',
-  SCREEN_STATE = 'state_data',
-}
-
-export declare class OnWid {
-  Event(eventKey: string, data: any): Promise<void>;
-  on(eventKey: EventKeys, callback: (data: any) => void): void;
-}
-
-export declare const onwid: OnWid;
-export declare const registerAgent: any; 

package/lib/module/Event/onwid.js

@@ -1,74 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EventKeys = void 0;
-const store_key_1 = require("../store.key");
-const api_1 = require("../onwidApi/api");
-// Predefined event keys
-var EventKeys;
-(function (EventKeys) {
-    EventKeys["USER_DATA"] = "user_data";
-    EventKeys["SCREEN_STATE"] = "state_data";
-})(EventKeys || (exports.EventKeys = EventKeys = {}));
-class OnWid {
-    constructor() {
-        this.events = {};
-    }
-    // Automatically adds a default listener if none exists
-    ensureDefaultListener(eventKey) {
-        if (!this.events[eventKey]) {
-            this.events[eventKey] = [
-                (data) => {
-                    console.log(`[Default] Event handled for ${eventKey}:`, data);
-                },
-            ];
-        }
-    }
-    async Event(eventKey, data) {
-        var _a;
-        if (!Object.values(EventKeys).includes(eventKey)) {
-            console.error(`Invalid event key: ${eventKey}`);
-            throw new Error(`Invalid event key: ${eventKey}. Must be one of: ${Object.values(EventKeys).join(', ')}`);
-        }
-        const key = eventKey;
-        if (key !== EventKeys.USER_DATA) {
-            const userIdentity = await (0, store_key_1.getAgentData)(EventKeys.USER_DATA);
-            if (userIdentity) {
-                data.app_user_id = userIdentity.app_user_id;
-            }
-            else {
-                throw new Error('User identity not found');
-            }
-        }
-        // Ensure a default listener is registered if not already
-        this.ensureDefaultListener(key);
-        console.log('response,updateUserDatniuioioioa');
-        // Trigger API call
-        try {
-            const apiService = api_1.APIService.getInstance();
-            const response = await apiService.updateUserData({
-                eventKey: key,
-                data,
-            });
-            console.log('response,updateUserData', response);
-            if (!response.success) {
-                console.error('Failed to trigger API for event:', eventKey);
-            }
-            (0, store_key_1.setAgentData)(data, key);
-        }
-        catch (error) {
-            console.error('Error triggering API:', error);
-        }
-        // Trigger event listeners
-        (_a = this.events[key]) === null || _a === void 0 ? void 0 : _a.forEach((callback) => callback(data));
-    }
-    // Still allow custom listeners (optional)
-    on(eventKey, callback) {
-        var _a;
-        if (!this.events[eventKey]) {
-            this.events[eventKey] = [];
-        }
-        (_a = this.events[eventKey]) === null || _a === void 0 ? void 0 : _a.push(callback);
-    }
-}
-const onwid = new OnWid();
-exports.default = onwid;

package/lib/module/NativeOnwid.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_native_1 = require("react-native");
-exports.default = react_native_1.TurboModuleRegistry.getEnforcing('Onwid');

package/lib/module/component/OnwidButton.js

@@ -1,366 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OnwidButton = OnwidButton;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const lottie_react_native_1 = __importDefault(require("lottie-react-native"));
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-const react_native_gesture_handler_1 = require("react-native-gesture-handler");
-const react_native_linear_gradient_1 = __importDefault(require("react-native-linear-gradient"));
-const voice_1 = __importDefault(require("../component/voice"));
-const voiceAgent_1 = require("../hooks/voiceAgent");
-const store_key_1 = require("../store.key");
-const onwidButton_style_1 = require("../style/onwidButton.style");
-const reanimatedHelpers_1 = require("../utils/reanimatedHelpers");
-const audiowave_1 = require("./audiowave");
-// Get reanimated API with fallbacks
-const { useSharedValue, useAnimatedStyle, withTiming, withSpring, withRepeat, withSequence, runOnJS, Easing, Animated, isAvailable: isReanimatedAvailable, } = (0, reanimatedHelpers_1.getReanimatedAPI)();
-// Show warning if reanimated is not available
-if (!isReanimatedAvailable) {
-    (0, reanimatedHelpers_1.showReanimatedSetupError)();
-}
-const { width: SCREEN_WIDTH, height: SCREEN_HEIGHT } = react_native_1.Dimensions.get('window');
-const BUTTON_WIDTH = 60;
-const EXPANDED_WIDTH = SCREEN_WIDTH * 0.9;
-const BUTTON_HEIGHT = 60;
-const GRADIENT_COLORS = ['#1E0844', '#B391F3'];
-// Define mic icons as base64 images for portability
-const MIC_ON_ICON = 'https://revrag-dev.s3.ap-south-1.amazonaws.com/Avatars/Mute+button.png';
-const MIC_OFF_ICON = 'https://revrag-dev.s3.ap-south-1.amazonaws.com/Avatars/unmute.png';
-// Add end call icon
-const END_CALL_ICON = 'https://revrag-dev.s3.ap-south-1.amazonaws.com/Avatars/end+button.png';
-const AMPLIFY_ANIMATION = 'https://revrag-dev.s3.ap-south-1.amazonaws.com/Avatars/amplify.json';
-/**
- * Default styles configuration for the button
- */
-const defaultStyles = {
-    buttonWidth: 60,
-    buttonHeight: 60,
-    borderRadius: 100,
-    marginBottom: 20,
-    spacing: {
-        SMALL: 10,
-        MEDIUM: 15,
-        LARGE: 25,
-    },
-};
-/**
- * OnwidButton Component
- *
- * A floating action button that can be dragged around the screen and expanded to show additional content.
- * Features include:
- * - Draggable functionality
- * - Expandable menu
- * - Animated transitions
- * - Gradient background
- * - Customizable styling
- *
- * @component
- * @example
- * ```tsx
- * <OnwidButton
- *   isOpen={false}
- *   onPress={(isOpen) => console.log('Button pressed:', isOpen)}
- *   menuComponent={<YourMenuComponent />}
- * />
- * ```
- */
-function OnwidButton() {
-    var _a;
-    const { initializeVoiceAgent, tokenDetails, endCall, isLoading, isMicMuted, muteMic, unmuteMic, connectionState, roomRef, } = (0, voiceAgent_1.useVoiceAgent)();
-    // State management
-    const [configData, setConfigData] = (0, react_1.useState)(null);
-    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
-    const [callDuration, setCallDuration] = (0, react_1.useState)(0);
-    const timerRef = (0, react_1.useRef)(null);
-    const lottieRef = (0, react_1.useRef)(null);
-    console.log('roomRef', (_a = roomRef.current) === null || _a === void 0 ? void 0 : _a.localParticipant);
-    // Animation values
-    const isPressed = useSharedValue(false);
-    const offset = useSharedValue({ x: 0, y: 0 });
-    const start = useSharedValue({ x: 0, y: 0 });
-    const menuAnimation = useSharedValue(0);
-    const buttonWidth = useSharedValue(BUTTON_WIDTH);
-    const buttonScale = useSharedValue(1);
-    // Styles
-    const styles = (0, onwidButton_style_1.createOnwidButtonStyles)(defaultStyles);
-    const [isAutoOpen, setIsAutoOpen] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
-        const autoOpenTimer = setTimeout(() => {
-            if (!isOpen) {
-                console.log('autoOpenTimer', isOpen);
-                setIsAutoOpen(true);
-            }
-        }, 15000); // 15 seconds
-        return () => {
-            clearTimeout(autoOpenTimer);
-        };
-    }, [isOpen]);
-    /**
-     * Fetch agent configuration data
-     */
-    (0, react_1.useEffect)(() => {
-        const fetchAgentData = async () => {
-            try {
-                const data = await (0, store_key_1.getAgentData)('@config_data');
-                setConfigData(data === null || data === void 0 ? void 0 : data.ui_config);
-            }
-            catch (error) {
-                console.error('Error retrieving agent data:', error);
-            }
-        };
-        fetchAgentData();
-    }, []);
-    /**
-     * Set up a timer to track call duration when connected
-     */
-    (0, react_1.useEffect)(() => {
-        if (connectionState === 'connected' && !timerRef.current) {
-            timerRef.current = setInterval(() => {
-                setCallDuration((prev) => prev + 1);
-            }, 1000);
-        }
-        else if (connectionState !== 'connected' && timerRef.current) {
-            clearInterval(timerRef.current);
-            timerRef.current = null;
-            // If we were previously connected and now disconnected, show an error
-            if (callDuration > 0) {
-                console.log('Call unexpectedly disconnected after', callDuration, 'seconds');
-            }
-        }
-        return () => {
-            if (timerRef.current) {
-                clearInterval(timerRef.current);
-                timerRef.current = null;
-            }
-        };
-    }, [connectionState, callDuration]);
-    /**
-     * Handle menu animation and button width transitions
-     */
-    (0, react_1.useEffect)(() => {
-        menuAnimation.value = withTiming(isOpen ? 0.8 : 0, {
-            duration: 300,
-        });
-        buttonWidth.value = withTiming(isOpen ? EXPANDED_WIDTH : BUTTON_WIDTH);
-    }, [isOpen, menuAnimation, buttonWidth]);
-    // Add breathing animation when button is closed but isAutoOpen is true
-    (0, react_1.useEffect)(() => {
-        if (!isOpen && isAutoOpen) {
-            // Start breathing animation with faster speed
-            buttonScale.value = withRepeat(withSequence(withTiming(1.1, {
-                duration: 1500, // Reduced from 1000ms to 600ms
-                easing: Easing.inOut(Easing.ease),
-            }), withTiming(1, {
-                duration: 1500, // Reduced from 1000ms to 600ms
-                easing: Easing.inOut(Easing.ease),
-            })), -1, // Infinite repeat
-            false // Don't reverse
-            );
-        }
-        else {
-            // Reset animation
-            buttonScale.value = withTiming(1, { duration: 300 });
-        }
-    }, [isOpen, isAutoOpen]);
-    /**
-     * Animated styles for the button
-     */
-    const animatedStyles = useAnimatedStyle(() => {
-        const maxX = SCREEN_WIDTH - (isOpen ? EXPANDED_WIDTH : BUTTON_WIDTH) - 35;
-        const clampedX = Math.min(Math.max(offset.value.x, -maxX), 0);
-        return {
-            width: buttonWidth.value,
-            height: BUTTON_HEIGHT,
-            transform: [
-                { translateX: clampedX },
-                { translateY: offset.value.y },
-                { scale: withSpring(isPressed.value ? 0.95 : buttonScale.value) },
-            ],
-            justifyContent: isOpen ? 'space-between' : 'flex-start',
-            overflow: 'hidden',
-        };
-    });
-    /**
-     * Animated styles for the text
-     */
-    const animatedTextStyles = useAnimatedStyle(() => {
-        const maxX = SCREEN_WIDTH;
-        const clampedX = Math.min(Math.max(offset.value.x, -maxX), 0);
-        return {
-            transform: [
-                { translateX: clampedX },
-                { translateY: offset.value.y },
-                { scale: withSpring(isPressed.value ? 1 : 1) },
-            ],
-        };
-    });
-    /**
-     * Pan gesture handler for drag functionality
-     */
-    const gesture = react_native_gesture_handler_1.Gesture.Pan()
-        .onBegin(() => {
-        isPressed.value = true;
-        if (isAutoOpen) {
-            runOnJS(setIsAutoOpen)(false);
-        }
-    })
-        .onUpdate((e) => {
-        const maxX = SCREEN_WIDTH - (isOpen ? EXPANDED_WIDTH : BUTTON_WIDTH) - 0;
-        const newX = Math.min(Math.max(e.translationX + start.value.x, -maxX), 0);
-        const maxY = SCREEN_HEIGHT - 150;
-        const newY = Math.min(Math.max(e.translationY + start.value.y, -maxY), 0);
-        offset.value = {
-            x: newX,
-            y: newY,
-        };
-    })
-        .onEnd(() => {
-        start.value = {
-            x: offset.value.x,
-            y: offset.value.y,
-        };
-    })
-        .onFinalize(() => {
-        isPressed.value = false;
-    });
-    /**
-     * Handle button press events
-     */
-    const handlePress = () => {
-        console.log('handlePress', isOpen);
-        console.log('isAutoOpen', isAutoOpen);
-        // cleanup();
-        setIsOpen(!isOpen);
-        setIsAutoOpen(false);
-    };
-    const handleStartCall = async () => {
-        setCallDuration(0);
-        await initializeVoiceAgent();
-    };
-    /**
-     * Render the button icon/animation
-     */
-    const remoteSource = (0, react_1.useMemo)(() => ({
-        uri: (configData === null || configData === void 0 ? void 0 : configData.icon_animation) || AMPLIFY_ANIMATION,
-    }), [configData === null || configData === void 0 ? void 0 : configData.icon_animation]);
-    const renderIcon = () => {
-        // When isAutoOpen is true, we don't play the Lottie animation
-        return ((0, jsx_runtime_1.jsx)(react_native_1.View, { children: (0, jsx_runtime_1.jsx)(lottie_react_native_1.default, { ref: lottieRef, source: remoteSource, autoPlay: true, loop: true, style: styles.iconImage, enableMergePathsAndroidForKitKatAndAbove: true, enableSafeModeAndroid: true }) }));
-    };
-    const handleConnected = () => {
-        console.log('Call connected');
-    };
-    const handleEndCall = async () => {
-        setIsOpen(false);
-        if (timerRef.current) {
-            clearInterval(timerRef.current);
-            timerRef.current = null;
-        }
-        setCallDuration(0);
-        await endCall();
-    };
-    const handleMicToggle = () => {
-        if (isMicMuted) {
-            unmuteMic();
-        }
-        else {
-            muteMic();
-        }
-    };
-    // Format duration to MM:SS
-    const formatDuration = (seconds) => {
-        const minutes = Math.floor(seconds / 60);
-        const remainingSeconds = seconds % 60;
-        return `${minutes.toString().padStart(2, '0')}:${remainingSeconds
-            .toString()
-            .padStart(2, '0')}`;
-    };
-    // Get the status text based on current state
-    const getStatusText = () => {
-        if (isLoading) {
-            return 'Connecting...';
-        }
-        else if (tokenDetails === null || tokenDetails === void 0 ? void 0 : tokenDetails.token) {
-            return `Call Duration: ${formatDuration(callDuration)}`;
-        }
-        else {
-            return (configData === null || configData === void 0 ? void 0 : configData.agent_type) || 'Onboarding Agent';
-        }
-    };
-    if (!configData)
-        return null;
-    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.container, children: [isAutoOpen && !isOpen && ((0, jsx_runtime_1.jsx)(Animated.View, { style: [
-                    animatedTextStyles,
-                    {
-                        position: 'absolute',
-                        borderRadius: 5,
-                        paddingVertical: 2,
-                        paddingHorizontal: 10,
-                        backgroundColor: 'rgba(0, 0, 0, 0.5)',
-                        bottom: BUTTON_HEIGHT + 40,
-                        // right: Math.abs(offset.value.x) + BUTTON_WIDTH + 0,
-                    },
-                ], children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: 'white', fontSize: 10, fontWeight: '500' }, children: (configData === null || configData === void 0 ? void 0 : configData.popup_description) || 'Revrag' }) })), (0, jsx_runtime_1.jsx)(react_native_gesture_handler_1.GestureDetector, { gesture: gesture, children: (0, jsx_runtime_1.jsx)(Animated.View, { style: [
-                        styles.button,
-                        animatedStyles,
-                        styles.buttonContent,
-                        {
-                            pointerEvents: 'auto',
-                        },
-                    ], children: (0, jsx_runtime_1.jsxs)(react_native_linear_gradient_1.default, { colors: (configData === null || configData === void 0 ? void 0 : configData.gradient) || GRADIENT_COLORS, start: { x: 0, y: 0 }, end: { x: 1, y: 0 }, style: [
-                            styles.linearGradient,
-                            {
-                                width: '100%',
-                                flexDirection: 'row',
-                                alignItems: 'center',
-                                paddingHorizontal: 0,
-                                paddingLeft: 0,
-                                paddingRight: isOpen ? 5 : 0,
-                            },
-                        ], angle: 0, angleCenter: { x: 0.5, y: 0.5 }, children: [(tokenDetails === null || tokenDetails === void 0 ? void 0 : tokenDetails.token) && ((0, jsx_runtime_1.jsx)(voice_1.default, { url: tokenDetails === null || tokenDetails === void 0 ? void 0 : tokenDetails.server_url, token: tokenDetails === null || tokenDetails === void 0 ? void 0 : tokenDetails.token, onDisconnected: handleEndCall, roomRef: roomRef, onConnected: handleConnected })), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: [
-                                    styles.rowContainer,
-                                    {
-                                        flexShrink: 0,
-                                        width: BUTTON_WIDTH,
-                                        padding: 0,
-                                        margin: 0,
-                                    },
-                                ], children: (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { onPress: handlePress, style: styles.pressable, children: renderIcon() }) }), isOpen && ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
-                                    flex: 1,
-                                    flexDirection: 'row',
-                                    height: BUTTON_HEIGHT - 10,
-                                    marginLeft: 0,
-                                    marginRight: 0,
-                                }, children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
-                                            flex: 1,
-                                            justifyContent: 'center',
-                                            alignItems: 'flex-start',
-                                            paddingLeft: 8,
-                                            paddingRight: 4,
-                                        }, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [
-                                                    styles.agentNameText,
-                                                    { flexShrink: 1, textAlign: 'left' },
-                                                ], children: (configData === null || configData === void 0 ? void 0 : configData.agent_name) || 'Revrag' }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [
-                                                    styles.statusText,
-                                                    { flexShrink: 1, textAlign: 'left' },
-                                                ], children: getStatusText() })] }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
-                                            flex: 1,
-                                            justifyContent: 'center',
-                                            alignItems: 'center',
-                                            paddingHorizontal: 4,
-                                        }, children: (0, jsx_runtime_1.jsx)(audiowave_1.WaveformVisualizer, { roomRef: roomRef }) }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
-                                            flex: 1,
-                                            justifyContent: 'center',
-                                            alignItems: 'flex-end',
-                                            paddingLeft: 4,
-                                            paddingRight: 8,
-                                        }, children: [!(tokenDetails === null || tokenDetails === void 0 ? void 0 : tokenDetails.token) && ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { onPress: handleStartCall, style: styles.startCallButton, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.startCallText, children: (configData === null || configData === void 0 ? void 0 : configData.start_call_text) || 'Start Call' }) })), (tokenDetails === null || tokenDetails === void 0 ? void 0 : tokenDetails.token) && ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [styles.buttonContainer], children: [(0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { style: styles.muteButton, onPress: handleMicToggle, children: (0, jsx_runtime_1.jsx)(react_native_1.Image, { source: {
-                                                                uri: isMicMuted ? MIC_OFF_ICON : MIC_ON_ICON,
-                                                            }, style: styles.buttonImage }) }), (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { onPress: handleEndCall, style: styles.endCallButton, children: (0, jsx_runtime_1.jsx)(react_native_1.Image, { source: { uri: END_CALL_ICON }, style: styles.buttonImage }) })] }))] })] }))] }) }) })] }));
-}
-// Export default for easier imports
-exports.default = OnwidButton;