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

package/{dist/commonjs/onwidApi → lib/commonjs/api}/api.js

@@ -1,11 +1,14 @@
 "use strict";
 
-import { getAgentData, setAgentData } from '../store.key';
-
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.updateUserData = exports.registerOnInitialize = exports.initializeApi = exports.getTokenDetails = exports.APIService = void 0;
+var _storeKey = require("../store/store.key.js");
 /**
  * APIService class that ensures proper initialization before API calls
  */
-export class APIService {
+class APIService {
   static instance = null;
   apiBaseUrl = null;
   isInitialized = false;
@@ -28,10 +31,10 @@ export class APIService {
     if (this.isInitialized && this.apiBaseUrl) {
       return; // Already initialized
     }
-    const AgentData = await getAgentData();
+    const AgentData = await (0, _storeKey.getAgentData)();
     console.log('AgentData', AgentData);
-    if (AgentData?.onwidUrl) {
-      this.apiBaseUrl = AgentData.onwidUrl;
+    if (AgentData?.embedUrl) {
+      this.apiBaseUrl = AgentData.embedUrl;
       this.isInitialized = true;
       console.log('API_BASE_URL initialized:', this.apiBaseUrl);
     } else {
@@ -52,7 +55,7 @@ export class APIService {
    * Get headers with stored API key
    */
   async getHeaders() {
-    const AgentData = await getAgentData();
+    const AgentData = await (0, _storeKey.getAgentData)();
     if (!AgentData?.apiKey) {
       throw new Error('API key not found in keychain');
     }
@@ -78,7 +81,7 @@ export class APIService {
       });
       const data = await response.json();
       console.log('dat config data after register', data);
-      await setAgentData(data, '@config_data');
+      await (0, _storeKey.setAgentData)(data, '@config_data');
       if (!response.ok) {
         console.log('registerOnInitialize error', data.error);
         throw new Error(data.error || 'Registration failed');
@@ -89,9 +92,30 @@ export class APIService {
       };
     } catch (error) {
       console.log('registerOnInitialize error', error);
+
+      // Enhanced error handling for common iOS network issues
+      let errorMessage = 'Unknown error occurred';
+      if (error instanceof Error) {
+        errorMessage = error.message;
+
+        // iOS ATS related errors
+        if (error.message.includes('The resource could not be loaded') || error.message.includes('App Transport Security')) {
+          errorMessage = `Network request blocked by iOS App Transport Security. ` + `Please configure ATS exceptions in Info.plist for HTTP endpoints, ` + `or use HTTPS instead. Error: ${error.message}`;
+        }
+
+        // Network connectivity errors
+        if (error.message.includes('Network request failed') || error.message.includes('Failed to fetch')) {
+          errorMessage = `Network request failed. Please check your internet connection ` + `and ensure the API endpoint (${this.apiBaseUrl}) is accessible. ` + `Error: ${error.message}`;
+        }
+
+        // Timeout errors
+        if (error.message.includes('timeout')) {
+          errorMessage = `Request timeout. The API server may be slow to respond or unreachable. ` + `Error: ${error.message}`;
+        }
+      }
       return {
         success: false,
-        error: error instanceof Error ? error.message : 'Unknown error occurred'
+        error: errorMessage
       };
     }
   }
@@ -124,9 +148,30 @@ export class APIService {
       };
     } catch (error) {
       console.log('updateUserData error', error);
+
+      // Enhanced error handling for common iOS network issues
+      let errorMessage = 'Unknown error occurred';
+      if (error instanceof Error) {
+        errorMessage = error.message;
+
+        // iOS ATS related errors
+        if (error.message.includes('The resource could not be loaded') || error.message.includes('App Transport Security')) {
+          errorMessage = `Network request blocked by iOS App Transport Security. ` + `Please configure ATS exceptions in Info.plist for HTTP endpoints, ` + `or use HTTPS instead. Error: ${error.message}`;
+        }
+
+        // Network connectivity errors
+        if (error.message.includes('Network request failed') || error.message.includes('Failed to fetch')) {
+          errorMessage = `Network request failed. Please check your internet connection ` + `and ensure the API endpoint (${this.apiBaseUrl}) is accessible. ` + `Error: ${error.message}`;
+        }
+
+        // Timeout errors
+        if (error.message.includes('timeout')) {
+          errorMessage = `Request timeout. The API server may be slow to respond or unreachable. ` + `Error: ${error.message}`;
+        }
+      }
       return {
         success: false,
-        error: error instanceof Error ? error.message : 'Unknown error occurred'
+        error: errorMessage
       };
     }
   }
@@ -157,29 +202,55 @@ export class APIService {
       };
     } catch (error) {
       console.log('getTokenDetails error', error);
+
+      // Enhanced error handling for common iOS network issues
+      let errorMessage = 'Unknown error occurred';
+      if (error instanceof Error) {
+        errorMessage = error.message;
+
+        // iOS ATS related errors
+        if (error.message.includes('The resource could not be loaded') || error.message.includes('App Transport Security')) {
+          errorMessage = `Network request blocked by iOS App Transport Security. ` + `Please configure ATS exceptions in Info.plist for HTTP endpoints, ` + `or use HTTPS instead. Error: ${error.message}`;
+        }
+
+        // Network connectivity errors
+        if (error.message.includes('Network request failed') || error.message.includes('Failed to fetch')) {
+          errorMessage = `Network request failed. Please check your internet connection ` + `and ensure the API endpoint (${this.apiBaseUrl}) is accessible. ` + `Error: ${error.message}`;
+        }
+
+        // Timeout errors
+        if (error.message.includes('timeout')) {
+          errorMessage = `Request timeout. The API server may be slow to respond or unreachable. ` + `Error: ${error.message}`;
+        }
+      }
       return {
         success: false,
-        error: error instanceof Error ? error.message : 'Unknown error occurred'
+        error: errorMessage
       };
     }
   }
 }
 
 // Export convenience functions for backward compatibility
-export const initializeApi = async () => {
+exports.APIService = APIService;
+const initializeApi = async () => {
   const apiService = APIService.getInstance();
   await apiService.initialize();
 };
-export const registerOnInitialize = async () => {
+exports.initializeApi = initializeApi;
+const registerOnInitialize = async () => {
   const apiService = APIService.getInstance();
   return await apiService.registerOnInitialize();
 };
-export const updateUserData = async params => {
+exports.registerOnInitialize = registerOnInitialize;
+const updateUserData = async params => {
   const apiService = APIService.getInstance();
   return await apiService.updateUserData(params);
 };
-export const getTokenDetails = async params => {
+exports.updateUserData = updateUserData;
+const getTokenDetails = async params => {
   const apiService = APIService.getInstance();
   return await apiService.getTokenDetails(params);
 };
+exports.getTokenDetails = getTokenDetails;
 //# sourceMappingURL=api.js.map

package/lib/commonjs/api/types/embed.api.types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=embed.api.types.js.map

package/{dist/module/component/audiowave.js → lib/commonjs/components/Embed/EmbedAudioWave.js}

@@ -1,18 +1,22 @@
 "use strict";
 
-import { useEffect, useRef, useState } from 'react';
-import { View, Animated } from 'react-native';
-import { jsx as _jsx } from "react/jsx-runtime";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WaveformVisualizer = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
 // React Native compatible waveform simulator
 const useReactNativeAudioWaveform = roomRef => {
-  const [isAudioActive, setIsAudioActive] = useState(false);
-  const intervalRef = useRef(null);
-  const [currentHeights, setCurrentHeights] = useState(Array(10).fill(0));
+  const [isAudioActive, setIsAudioActive] = (0, _react.useState)(false);
+  const intervalRef = (0, _react.useRef)(null);
+  const [currentHeights, setCurrentHeights] = (0, _react.useState)(Array(10).fill(0));
 
   // Create animated values for each bar
   const barCount = 10;
-  const animatedBars = useRef(Array(barCount).fill(0).map(() => new Animated.Value(0))).current;
-  useEffect(() => {
+  const animatedBars = (0, _react.useRef)(Array(barCount).fill(0).map(() => new _reactNative.Animated.Value(0))).current;
+  (0, _react.useEffect)(() => {
     // Check if there's an active room connection AND if agent is talking
     const checkAudioActivity = () => {
       const room = roomRef.current;
@@ -59,7 +63,7 @@ const useReactNativeAudioWaveform = roomRef => {
   }, [roomRef]);
 
   // Continuous smooth animation
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     const animateWaveform = () => {
       // Generate smooth waveform data - stop animation completely when not active
       const targetHeights = isAudioActive ? Array(barCount).fill(0).map((_, index) => {
@@ -74,14 +78,14 @@ const useReactNativeAudioWaveform = roomRef => {
       setCurrentHeights(targetHeights);
       const animations = animatedBars.map((animatedValue, index) => {
         const targetHeight = targetHeights[index] || 0;
-        return Animated.timing(animatedValue, {
+        return _reactNative.Animated.timing(animatedValue, {
           toValue: targetHeight,
           duration: isAudioActive ? 400 : 600,
           // Slower fade out when going inactive
           useNativeDriver: false
         });
       });
-      Animated.parallel(animations).start();
+      _reactNative.Animated.parallel(animations).start();
     };
 
     // Start animation immediately and repeat
@@ -97,16 +101,15 @@ const useReactNativeAudioWaveform = roomRef => {
     isActive: isAudioActive
   };
 };
-export const WaveformVisualizer = ({
+const WaveformVisualizer = ({
   roomRef
 }) => {
   const {
     animatedBars,
-    currentHeights,
-    isActive
+    currentHeights
   } = useReactNativeAudioWaveform(roomRef);
   console.log('animatedBars', animatedBars);
-  return /*#__PURE__*/_jsx(View, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     style: {
       flexDirection: 'row',
       alignItems: 'center',
@@ -133,7 +136,7 @@ export const WaveformVisualizer = ({
       }
 
       // You can use conditionalValue for width, color, or other properties
-      return /*#__PURE__*/_jsx(Animated.View, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
         style: {
           width: conditionalValue === 10 ? 4 : 4,
           borderRadius: 100,
@@ -150,4 +153,5 @@ export const WaveformVisualizer = ({
     })
   });
 };
-//# sourceMappingURL=audiowave.js.map
+exports.WaveformVisualizer = WaveformVisualizer;
+//# sourceMappingURL=EmbedAudioWave.js.map

package/{dist/module/component/OnwidButton.js → lib/commonjs/components/Embed/EmbedButton.js}

@@ -1,25 +1,30 @@
 "use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EmbedButton = EmbedButton;
+exports.default = void 0;
+var _lottieReactNative = _interopRequireDefault(require("lottie-react-native"));
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeLinearGradient = _interopRequireDefault(require("react-native-linear-gradient"));
+var _voiceagent = require("../../hooks/voiceagent.js");
+var _storeKey = require("../../store/store.key.js");
+var _EmbedButtonStyle = require("../styles/EmbedButton.style.js");
+var _reanimatedHelper = require("../../utils/reanimated.helper.js");
+var _EmbedVoice = _interopRequireDefault(require("./EmbedVoice.js"));
+var _EmbedAudioWave = require("./EmbedAudioWave.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * @file OnwidButton.tsx
  * @description A customizable floating action button component for React Native applications.
  * This component provides a draggable, expandable button with animation support and gradient styling.
  */
 
-import LottieView from 'lottie-react-native';
-import { useEffect, useMemo, useRef, useState } from 'react';
-import { Dimensions, Image, Text, TouchableOpacity, View } from 'react-native';
-import { Gesture, GestureDetector } from 'react-native-gesture-handler';
-import LinearGradient from 'react-native-linear-gradient';
-import Voice from '../component/voice';
-import { useVoiceAgent } from '../hooks/voiceAgent';
-import { getAgentData } from '../store.key';
-import { createOnwidButtonStyles } from '../style/onwidButton.style';
-import { getReanimatedAPI, showReanimatedSetupError } from '../utils/reanimatedHelpers';
-import { WaveformVisualizer } from './audiowave';
-
 // Get reanimated API with fallbacks
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const {
   useSharedValue,
   useAnimatedStyle,
@@ -31,16 +36,16 @@ const {
   Easing,
   Animated,
   isAvailable: isReanimatedAvailable
-} = getReanimatedAPI();
+} = (0, _reanimatedHelper.getReanimatedAPI)();
 
 // Show warning if reanimated is not available
 if (!isReanimatedAvailable) {
-  showReanimatedSetupError();
+  (0, _reanimatedHelper.showReanimatedSetupError)();
 }
 const {
   width: SCREEN_WIDTH,
   height: SCREEN_HEIGHT
-} = Dimensions.get('window');
+} = _reactNative.Dimensions.get('window');
 const BUTTON_WIDTH = 60;
 const EXPANDED_WIDTH = SCREEN_WIDTH * 0.9;
 const BUTTON_HEIGHT = 60;
@@ -90,7 +95,7 @@ const defaultStyles = {
  * />
  * ```
  */
-export function OnwidButton() {
+function EmbedButton() {
   const {
     initializeVoiceAgent,
     tokenDetails,
@@ -101,14 +106,13 @@ export function OnwidButton() {
     unmuteMic,
     connectionState,
     roomRef
-  } = useVoiceAgent();
+  } = (0, _voiceagent.useVoiceAgent)();
   // State management
-  const [configData, setConfigData] = useState(null);
-  const [isOpen, setIsOpen] = useState(false);
-  const [callDuration, setCallDuration] = useState(0);
-  const timerRef = useRef(null);
-  const lottieRef = useRef(null);
-  console.log('roomRef', roomRef.current?.localParticipant);
+  const [configData, setConfigData] = (0, _react.useState)(null);
+  const [isOpen, setIsOpen] = (0, _react.useState)(false);
+  const [callDuration, setCallDuration] = (0, _react.useState)(0);
+  const timerRef = (0, _react.useRef)(null);
+  const lottieRef = (0, _react.useRef)(null);
 
   // Animation values
   const isPressed = useSharedValue(false);
@@ -124,9 +128,9 @@ export function OnwidButton() {
   const buttonWidth = useSharedValue(BUTTON_WIDTH);
   const buttonScale = useSharedValue(1);
   // Styles
-  const styles = createOnwidButtonStyles(defaultStyles);
-  const [isAutoOpen, setIsAutoOpen] = useState(false);
-  useEffect(() => {
+  const styles = (0, _EmbedButtonStyle.createEmbedButtonStyles)(defaultStyles);
+  const [isAutoOpen, setIsAutoOpen] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
     const autoOpenTimer = setTimeout(() => {
       if (!isOpen) {
         console.log('autoOpenTimer', isOpen);
@@ -142,10 +146,10 @@ export function OnwidButton() {
   /**
    * Fetch agent configuration data
    */
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     const fetchAgentData = async () => {
       try {
-        const data = await getAgentData('@config_data');
+        const data = await (0, _storeKey.getAgentData)('@config_data');
         setConfigData(data?.ui_config);
       } catch (error) {
         console.error('Error retrieving agent data:', error);
@@ -157,7 +161,7 @@ export function OnwidButton() {
   /**
    * Set up a timer to track call duration when connected
    */
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     if (connectionState === 'connected' && !timerRef.current) {
       timerRef.current = setInterval(() => {
         setCallDuration(prev => prev + 1);
@@ -182,7 +186,7 @@ export function OnwidButton() {
   /**
    * Handle menu animation and button width transitions
    */
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     menuAnimation.value = withTiming(isOpen ? 0.8 : 0, {
       duration: 300
     });
@@ -190,7 +194,7 @@ export function OnwidButton() {
   }, [isOpen, menuAnimation, buttonWidth]);
 
   // Add breathing animation when button is closed but isAutoOpen is true
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     if (!isOpen && isAutoOpen) {
       // Start breathing animation with faster speed
       buttonScale.value = withRepeat(withSequence(withTiming(1.1, {
@@ -254,7 +258,7 @@ export function OnwidButton() {
   /**
    * Pan gesture handler for drag functionality
    */
-  const gesture = Gesture.Pan().onBegin(() => {
+  const gesture = _reactNativeGestureHandler.Gesture.Pan().onBegin(() => {
     isPressed.value = true;
     if (isAutoOpen) {
       runOnJS(setIsAutoOpen)(false);
@@ -296,13 +300,13 @@ export function OnwidButton() {
    * Render the button icon/animation
    */
 
-  const remoteSource = useMemo(() => ({
+  const remoteSource = (0, _react.useMemo)(() => ({
     uri: configData?.icon_animation || AMPLIFY_ANIMATION
   }), [configData?.icon_animation]);
   const renderIcon = () => {
     // When isAutoOpen is true, we don't play the Lottie animation
-    return /*#__PURE__*/_jsx(View, {
-      children: /*#__PURE__*/_jsx(LottieView, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lottieReactNative.default, {
         ref: lottieRef,
         source: remoteSource,
         autoPlay: true,
@@ -351,9 +355,9 @@ export function OnwidButton() {
     }
   };
   if (!configData) return null;
-  return /*#__PURE__*/_jsxs(View, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.container,
-    children: [isAutoOpen && !isOpen && /*#__PURE__*/_jsx(Animated.View, {
+    children: [isAutoOpen && !isOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(Animated.View, {
       style: [animatedTextStyles, {
         position: 'absolute',
         borderRadius: 5,
@@ -363,7 +367,7 @@ export function OnwidButton() {
         bottom: BUTTON_HEIGHT + 40
         // right: Math.abs(offset.value.x) + BUTTON_WIDTH + 0,
       }],
-      children: /*#__PURE__*/_jsx(Text, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
         style: {
           color: 'white',
           fontSize: 10,
@@ -371,13 +375,13 @@ export function OnwidButton() {
         },
         children: configData?.popup_description || 'Revrag'
       })
-    }), /*#__PURE__*/_jsx(GestureDetector, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
       gesture: gesture,
-      children: /*#__PURE__*/_jsx(Animated.View, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Animated.View, {
         style: [styles.button, animatedStyles, styles.buttonContent, {
           pointerEvents: 'auto'
         }],
-        children: /*#__PURE__*/_jsxs(LinearGradient, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeLinearGradient.default, {
           colors: configData?.gradient || GRADIENT_COLORS,
           start: {
             x: 0,
@@ -400,25 +404,25 @@ export function OnwidButton() {
             x: 0.5,
             y: 0.5
           },
-          children: [tokenDetails?.token && /*#__PURE__*/_jsx(Voice, {
+          children: [tokenDetails?.token && /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmbedVoice.default, {
             url: tokenDetails?.server_url,
             token: tokenDetails?.token,
             onDisconnected: handleEndCall,
             roomRef: roomRef,
             onConnected: handleConnected
-          }), /*#__PURE__*/_jsx(View, {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
             style: [styles.rowContainer, {
               flexShrink: 0,
               width: BUTTON_WIDTH,
               padding: 0,
               margin: 0
             }],
-            children: /*#__PURE__*/_jsx(TouchableOpacity, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
               onPress: handlePress,
               style: styles.pressable,
               children: renderIcon()
             })
-          }), isOpen && /*#__PURE__*/_jsxs(View, {
+          }), isOpen && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
             style: {
               flex: 1,
               flexDirection: 'row',
@@ -426,7 +430,7 @@ export function OnwidButton() {
               marginLeft: 0,
               marginRight: 0
             },
-            children: [/*#__PURE__*/_jsxs(View, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
               style: {
                 flex: 1,
                 justifyContent: 'center',
@@ -434,30 +438,30 @@ export function OnwidButton() {
                 paddingLeft: 8,
                 paddingRight: 4
               },
-              children: [/*#__PURE__*/_jsx(Text, {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
                 style: [styles.agentNameText, {
                   flexShrink: 1,
                   textAlign: 'left'
                 }],
                 children: configData?.agent_name || 'Revrag'
-              }), /*#__PURE__*/_jsx(Text, {
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
                 style: [styles.statusText, {
                   flexShrink: 1,
                   textAlign: 'left'
                 }],
                 children: getStatusText()
               })]
-            }), /*#__PURE__*/_jsx(View, {
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
               style: {
                 flex: 1,
                 justifyContent: 'center',
                 alignItems: 'center',
                 paddingHorizontal: 4
               },
-              children: /*#__PURE__*/_jsx(WaveformVisualizer, {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmbedAudioWave.WaveformVisualizer, {
                 roomRef: roomRef
               })
-            }), /*#__PURE__*/_jsxs(View, {
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
               style: {
                 flex: 1,
                 justifyContent: 'center',
@@ -465,28 +469,28 @@ export function OnwidButton() {
                 paddingLeft: 4,
                 paddingRight: 8
               },
-              children: [!tokenDetails?.token && /*#__PURE__*/_jsx(TouchableOpacity, {
+              children: [!tokenDetails?.token && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
                 onPress: handleStartCall,
                 style: styles.startCallButton,
-                children: /*#__PURE__*/_jsx(Text, {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
                   style: styles.startCallText,
                   children: configData?.start_call_text || 'Start Call'
                 })
-              }), tokenDetails?.token && /*#__PURE__*/_jsxs(View, {
+              }), tokenDetails?.token && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
                 style: [styles.buttonContainer],
-                children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
                   style: styles.muteButton,
                   onPress: handleMicToggle,
-                  children: /*#__PURE__*/_jsx(Image, {
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
                     source: {
                       uri: isMicMuted ? MIC_OFF_ICON : MIC_ON_ICON
                     },
                     style: styles.buttonImage
                   })
-                }), /*#__PURE__*/_jsx(TouchableOpacity, {
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
                   onPress: handleEndCall,
                   style: styles.endCallButton,
-                  children: /*#__PURE__*/_jsx(Image, {
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
                     source: {
                       uri: END_CALL_ICON
                     },
@@ -503,5 +507,5 @@ export function OnwidButton() {
 }
 
 // Export default for easier imports
-export default OnwidButton;
-//# sourceMappingURL=OnwidButton.js.map
+var _default = exports.default = EmbedButton;
+//# sourceMappingURL=EmbedButton.js.map