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

package/dist/module/onwidApi/api.js

@@ -0,0 +1,185 @@
+"use strict";
+
+import { getAgentData, setAgentData } from '../store.key';
+
+/**
+ * APIService class that ensures proper initialization before API calls
+ */
+export class APIService {
+  static instance = null;
+  apiBaseUrl = null;
+  isInitialized = false;
+  constructor() {}
+
+  /**
+   * Get singleton instance of APIService
+   */
+  static getInstance() {
+    if (!APIService.instance) {
+      APIService.instance = new APIService();
+    }
+    return APIService.instance;
+  }
+
+  /**
+   * Initialize the API service with the base URL
+   */
+  async initialize() {
+    if (this.isInitialized && this.apiBaseUrl) {
+      return; // Already initialized
+    }
+    const AgentData = await getAgentData();
+    console.log('AgentData', AgentData);
+    if (AgentData?.onwidUrl) {
+      this.apiBaseUrl = AgentData.onwidUrl;
+      this.isInitialized = true;
+      console.log('API_BASE_URL initialized:', this.apiBaseUrl);
+    } else {
+      throw new Error('API base URL not found in keychain');
+    }
+  }
+
+  /**
+   * Ensure the service is initialized before making API calls
+   */
+  async ensureInitialized() {
+    if (!this.isInitialized || !this.apiBaseUrl) {
+      await this.initialize();
+    }
+  }
+
+  /**
+   * Get headers with stored API key
+   */
+  async getHeaders() {
+    const AgentData = await getAgentData();
+    if (!AgentData?.apiKey) {
+      throw new Error('API key not found in keychain');
+    }
+    return {
+      'Content-Type': 'application/json',
+      'Authorization': `Bearer ${AgentData.apiKey}`,
+      'X-Revrag-Embedded-Key': AgentData.apiKey
+    };
+  }
+
+  /**
+   * Register a new user/device on initialization
+   * @returns Promise with registration response
+   */
+  async registerOnInitialize() {
+    try {
+      await this.ensureInitialized();
+      console.log('registerOnInitialize ApiData', this.apiBaseUrl);
+      const headers = await this.getHeaders();
+      const response = await fetch(`${this.apiBaseUrl}/embedded-agent/initialize`, {
+        method: 'GET',
+        headers: headers
+      });
+      const data = await response.json();
+      console.log('dat config data after register', data);
+      await setAgentData(data, '@config_data');
+      if (!response.ok) {
+        console.log('registerOnInitialize error', data.error);
+        throw new Error(data.error || 'Registration failed');
+      }
+      return {
+        success: true,
+        data: data
+      };
+    } catch (error) {
+      console.log('registerOnInitialize error', error);
+      return {
+        success: false,
+        error: error instanceof Error ? error.message : 'Unknown error occurred'
+      };
+    }
+  }
+
+  /**
+   * Update user data
+   * @param params Update parameters including userId and data to update
+   * @returns Promise with update response
+   */
+  async updateUserData(params) {
+    try {
+      await this.ensureInitialized();
+      console.log('params', params, `${this.apiBaseUrl}/embedded-agent/user-context/update?app_user_id=${params.data.app_user_id}`);
+      console.log('updateUserData');
+      const headers = await this.getHeaders();
+      const response = await fetch(`${this.apiBaseUrl}/embedded-agent/user-context/update?app_user_id=${params.data.app_user_id}`, {
+        method: 'PUT',
+        headers,
+        body: JSON.stringify({
+          [params.eventKey]: params.data
+        })
+      });
+      const data = await response.json();
+      console.log('data after update', data);
+      if (!response.ok) {
+        throw new Error(data.error || 'Update failed');
+      }
+      return {
+        success: true
+      };
+    } catch (error) {
+      console.log('updateUserData error', error);
+      return {
+        success: false,
+        error: error instanceof Error ? error.message : 'Unknown error occurred'
+      };
+    }
+  }
+
+  /**
+   * Get token details for a user
+   * @param params Parameters including app_user_id and call_type
+   * @returns Promise with token details
+   */
+  async getTokenDetails(params) {
+    try {
+      await this.ensureInitialized();
+      const headers = await this.getHeaders();
+      console.log('params', this.apiBaseUrl, params, headers, `${this.apiBaseUrl}/embedded-agent/token`);
+      const response = await fetch(`${this.apiBaseUrl}/embedded-agent/token`, {
+        method: 'POST',
+        headers,
+        body: JSON.stringify(params)
+      });
+      const data = await response.json();
+      console.log('data', data);
+      if (!response.ok) {
+        throw new Error(data.error || 'Failed to get token details');
+      }
+      return {
+        success: true,
+        data: data
+      };
+    } catch (error) {
+      console.log('getTokenDetails error', error);
+      return {
+        success: false,
+        error: error instanceof Error ? error.message : 'Unknown error occurred'
+      };
+    }
+  }
+}
+
+// Export convenience functions for backward compatibility
+export const initializeApi = async () => {
+  const apiService = APIService.getInstance();
+  await apiService.initialize();
+};
+export const registerOnInitialize = async () => {
+  const apiService = APIService.getInstance();
+  return await apiService.registerOnInitialize();
+};
+export const updateUserData = async params => {
+  const apiService = APIService.getInstance();
+  return await apiService.updateUserData(params);
+};
+export const getTokenDetails = async params => {
+  const apiService = APIService.getInstance();
+  return await apiService.getTokenDetails(params);
+};
+//# sourceMappingURL=api.js.map

package/dist/module/onwidApi/api.types.js

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

package/dist/module/store.key.js

@@ -0,0 +1,38 @@
+"use strict";
+
+import AsyncStorage from '@react-native-async-storage/async-storage';
+const STORAGE_KEY = '@user_data';
+export const setAgentData = async (data, key = STORAGE_KEY) => {
+  try {
+    const jsonString = JSON.stringify(data);
+    await AsyncStorage.setItem(key, jsonString);
+    console.log('Data saved to storage successfully');
+  } catch (error) {
+    console.error('Storage save error:', error);
+    throw error; // Re-throw to allow caller to handle
+  }
+};
+export const getAgentData = async (key = STORAGE_KEY) => {
+  try {
+    const jsonString = await AsyncStorage.getItem(key);
+    if (!jsonString) {
+      console.log('No data stored');
+      return null;
+    }
+    const data = JSON.parse(jsonString);
+    return data;
+  } catch (error) {
+    console.error('Storage fetch error:', error);
+    throw error; // Re-throw to allow caller to handle
+  }
+};
+export const deleteFromDetail = async key => {
+  try {
+    await AsyncStorage.removeItem(key);
+    console.log('Storage data reset successfully');
+  } catch (error) {
+    console.error('Storage reset error:', error);
+    throw error; // Re-throw to allow caller to handle
+  }
+};
+//# sourceMappingURL=store.key.js.map

package/dist/module/style/onwidButton.style.js

@@ -0,0 +1,243 @@
+"use strict";
+
+import { StyleSheet, Dimensions } from 'react-native';
+const {
+  width: SCREEN_WIDTH
+} = Dimensions.get('window');
+
+// Calculate dynamic dimensions based on screen size
+const calculateDimensions = () => {
+  const isSmallScreen = SCREEN_WIDTH < 375;
+  const isLargeScreen = SCREEN_WIDTH > 768;
+  return {
+    BUTTON_WIDTH: isSmallScreen ? 60 : isLargeScreen ? 60 : 60,
+    EXPANDED_WIDTH: SCREEN_WIDTH * (isSmallScreen ? 0.9 : isLargeScreen ? 0.7 : 0.8),
+    BUTTON_HEIGHT: isSmallScreen ? 60 : isLargeScreen ? 60 : 60,
+    SPACING: {
+      SMALL: isSmallScreen ? 8 : isLargeScreen ? 16 : 12,
+      MEDIUM: isSmallScreen ? 12 : isLargeScreen ? 20 : 16,
+      LARGE: isSmallScreen ? 16 : isLargeScreen ? 24 : 20
+    },
+    BORDER_RADIUS: {
+      SMALL: isSmallScreen ? 20 : isLargeScreen ? 30 : 25,
+      MEDIUM: isSmallScreen ? 25 : isLargeScreen ? 35 : 30,
+      LARGE: isSmallScreen ? 30 : isLargeScreen ? 40 : 35
+    }
+  };
+};
+const dimensions = calculateDimensions();
+export const BUTTON_WIDTH = dimensions.BUTTON_WIDTH;
+export const EXPANDED_WIDTH = dimensions.EXPANDED_WIDTH;
+export const BUTTON_HEIGHT = dimensions.BUTTON_HEIGHT;
+export const createOnwidButtonStyles = customStyles => {
+  const {
+    buttonWidth = BUTTON_WIDTH,
+    buttonHeight = BUTTON_HEIGHT,
+    backgroundColor = 'transparent',
+    borderRadius = dimensions.BORDER_RADIUS.MEDIUM,
+    marginBottom = dimensions.SPACING.LARGE,
+    spacing = dimensions.SPACING
+  } = customStyles || {};
+  return StyleSheet.create({
+    container: {
+      position: 'absolute',
+      bottom: 0,
+      right: 0,
+      height: '100%',
+      width: '100%',
+      flexDirection: 'row',
+      justifyContent: 'flex-end',
+      alignItems: 'flex-end',
+      padding: spacing.MEDIUM,
+      backgroundColor: 'transparent',
+      pointerEvents: 'box-none'
+    },
+    button: {
+      width: buttonWidth,
+      height: buttonHeight,
+      borderRadius: borderRadius,
+      marginBottom: marginBottom,
+      backgroundColor: backgroundColor
+    },
+    pressable: {
+      borderRadius: 100,
+      padding: 5,
+      margin: 0,
+      justifyContent: 'center',
+      alignItems: 'center',
+      height: '100%',
+      width: '100%'
+    },
+    menu: {
+      position: 'absolute',
+      top: 0,
+      backgroundColor: 'white',
+      borderRadius: dimensions.BORDER_RADIUS.SMALL,
+      padding: spacing.MEDIUM
+    },
+    menuLeft: {
+      right: '100%',
+      marginRight: spacing.SMALL
+    },
+    menuRight: {
+      left: '100%',
+      marginLeft: spacing.SMALL
+    },
+    iconText: {
+      color: 'white',
+      fontSize: 20
+    },
+    buttonContent: {
+      flexDirection: 'row',
+      alignItems: 'center'
+      // height: '100%',
+    },
+    iconImage: {
+      width: buttonWidth - 10,
+      height: buttonHeight - 10,
+      resizeMode: 'contain',
+      justifyContent: 'center',
+      alignItems: 'center',
+      alignSelf: 'center',
+      margin: 0,
+      padding: 0
+    },
+    startCallButton: {
+      height: 36,
+      borderRadius: dimensions.BORDER_RADIUS.MEDIUM,
+      backgroundColor: '#000',
+      justifyContent: 'center',
+      alignItems: 'center',
+      paddingHorizontal: spacing.SMALL + 1,
+      minWidth: 80,
+      maxWidth: '90%'
+    },
+    startCallText: {
+      color: 'white',
+      fontSize: 12,
+      fontWeight: '500'
+    },
+    rowContainer: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      height: '100%',
+      margin: 0,
+      padding: 0
+    },
+    linearGradient: {
+      flex: 1,
+      borderRadius: dimensions.BORDER_RADIUS.LARGE,
+      flexDirection: 'row',
+      width: BUTTON_WIDTH
+    },
+    buttonContainer: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 4
+    },
+    endCallButton: {
+      justifyContent: 'center',
+      alignItems: 'center',
+      width: 44,
+      height: 44
+    },
+    muteButton: {
+      borderRadius: 100,
+      justifyContent: 'center',
+      alignItems: 'center',
+      width: 44,
+      height: 44
+    },
+    micIcon: {
+      width: 24,
+      height: 24,
+      tintColor: 'white'
+    },
+    endCallIcon: {
+      width: 24,
+      height: 24,
+      tintColor: 'white'
+    },
+    buttonImage: {
+      width: '100%',
+      height: '100%',
+      resizeMode: 'contain'
+    },
+    // New styles for expanded button layout
+    expandedContent: {
+      flexDirection: 'row',
+      flex: 1,
+      alignItems: 'center',
+      width: '100%',
+      justifyContent: 'space-between'
+    },
+    leftSection: {
+      alignItems: 'flex-start'
+    },
+    centerSection: {
+      alignItems: 'center',
+      height: '100%'
+    },
+    rightSection: {
+      justifyContent: 'flex-end',
+      alignItems: 'center'
+    },
+    agentInfoContainer: {
+      height: BUTTON_HEIGHT,
+      flexDirection: 'row',
+      alignItems: 'center',
+      overflow: 'hidden'
+    },
+    agentTextContainer: {
+      justifyContent: 'center',
+      height: '100%',
+      flex: 1
+    },
+    agentNameText: {
+      fontFamily: 'Inter-Medium',
+      fontSize: 14,
+      fontWeight: '500',
+      color: 'white'
+    },
+    statusText: {
+      fontFamily: 'Inter-Regular',
+      fontSize: 10,
+      fontWeight: '300',
+      color: 'white'
+    },
+    // Chip styles
+    chip: {
+      height: 30,
+      borderRadius: dimensions.BORDER_RADIUS.SMALL,
+      marginBottom: 10,
+      alignSelf: 'flex-end',
+      overflow: 'hidden',
+      elevation: 3,
+      shadowColor: '#000',
+      shadowOffset: {
+        width: 0,
+        height: 2
+      },
+      shadowOpacity: 0.3,
+      shadowRadius: 2
+    },
+    chipGradient: {
+      height: '100%',
+      paddingHorizontal: spacing.MEDIUM,
+      paddingVertical: spacing.SMALL / 2,
+      borderRadius: dimensions.BORDER_RADIUS.SMALL,
+      justifyContent: 'center',
+      alignItems: 'center'
+    },
+    chipText: {
+      color: 'white',
+      fontSize: 12,
+      fontWeight: '500'
+    }
+  });
+};
+
+// Default styles export with dynamic dimensions
+export const onwidButtonStyles = createOnwidButtonStyles();
+//# sourceMappingURL=onwidButton.style.js.map

package/dist/module/utils/reanimatedHelpers.js

@@ -0,0 +1,94 @@
+"use strict";
+
+/**
+ * @file reanimatedHelpers.ts
+ * @description Utility functions to handle react-native-reanimated configuration and provide fallbacks
+ */
+
+let reanimatedAPI;
+
+/**
+ * Safely loads react-native-reanimated and provides fallbacks if not available
+ */
+export function getReanimatedAPI() {
+  if (reanimatedAPI) {
+    return reanimatedAPI;
+  }
+  try {
+    const reanimated = require('react-native-reanimated');
+
+    // Check if makeMutable is available (this is what was causing the original error)
+    if (!reanimated.makeMutable) {
+      throw new Error('makeMutable not found - react-native-reanimated may not be properly configured');
+    }
+    reanimatedAPI = {
+      useSharedValue: reanimated.useSharedValue,
+      useAnimatedStyle: reanimated.useAnimatedStyle,
+      withTiming: reanimated.withTiming,
+      withSpring: reanimated.withSpring,
+      withRepeat: reanimated.withRepeat,
+      withSequence: reanimated.withSequence,
+      runOnJS: reanimated.runOnJS,
+      Easing: reanimated.Easing,
+      Animated: reanimated.default,
+      isAvailable: true
+    };
+    console.log('✅ react-native-reanimated loaded successfully');
+    return reanimatedAPI;
+  } catch (error) {
+    console.warn('⚠️ react-native-reanimated is not properly installed or configured:', error);
+    console.warn('📚 Please follow the setup guide: https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/getting-started');
+
+    // Provide fallback implementations
+    const {
+      View
+    } = require('react-native');
+    reanimatedAPI = {
+      useSharedValue: value => ({
+        value
+      }),
+      useAnimatedStyle: () => ({}),
+      withTiming: value => value,
+      withSpring: value => value,
+      withRepeat: value => value,
+      withSequence: (...args) => args[args.length - 1],
+      runOnJS: fn => fn,
+      Easing: {
+        inOut: easing => easing,
+        ease: t => t
+      },
+      Animated: View,
+      isAvailable: false
+    };
+    return reanimatedAPI;
+  }
+}
+
+/**
+ * Check if react-native-reanimated is properly configured
+ */
+export function checkReanimatedSetup() {
+  const api = getReanimatedAPI();
+  return api.isAvailable;
+}
+
+/**
+ * Display a helpful error message if reanimated is not configured
+ */
+export function showReanimatedSetupError() {
+  console.error(`
+🚨 React Native Reanimated Setup Required
+
+The OnwidButton component requires react-native-reanimated to be properly installed and configured.
+
+Quick Fix:
+1. Install: npm install react-native-reanimated
+2. Add to babel.config.js:
+   plugins: ['react-native-reanimated/plugin']
+3. Rebuild your app
+
+For detailed setup instructions, visit:
+https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/getting-started
+  `);
+}
+//# sourceMappingURL=reanimatedHelpers.js.map

package/dist/module/utils/utils.js

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

package/{lib → dist}/typescript/Event/onwid.d.ts

@@ -11,3 +11,4 @@ declare class OnWid {
 }
 declare const onwid: OnWid;
 export default onwid;
+//# sourceMappingURL=onwid.d.ts.map

package/{lib → dist}/typescript/NativeOnwid.d.ts

@@ -4,3 +4,4 @@ export interface Spec extends TurboModule {
 }
 declare const _default: Spec;
 export default _default;
+//# sourceMappingURL=NativeOnwid.d.ts.map

package/{lib → dist}/typescript/component/OnwidButton.d.ts

@@ -26,3 +26,4 @@
  */
 export declare function OnwidButton(): import("react/jsx-runtime").JSX.Element | null;
 export default OnwidButton;
+//# sourceMappingURL=OnwidButton.d.ts.map

package/{lib → dist}/typescript/component/audiowave.d.ts

@@ -4,3 +4,4 @@ interface WaveformVisualizerProps {
 }
 export declare const WaveformVisualizer: ({ roomRef }: WaveformVisualizerProps) => import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=audiowave.d.ts.map

package/{lib → dist}/typescript/component/voice.d.ts

@@ -13,3 +13,4 @@ export interface VoiceRef {
 }
 declare const Voice: (props: VoiceProps) => import("react/jsx-runtime").JSX.Element | null;
 export default Voice;
+//# sourceMappingURL=voice.d.ts.map

package/{lib → dist}/typescript/hooks/initialize.d.ts

@@ -1,2 +1,3 @@
 import type { UseInitializeProps } from './initialize.types';
 export declare function useInitialize({ apiKey, onwidUrl, metadata, }: UseInitializeProps): void;
+//# sourceMappingURL=initialize.d.ts.map

package/{lib → dist}/typescript/hooks/initialize.types.d.ts

@@ -3,3 +3,4 @@ export type UseInitializeProps = {
     onwidUrl: string;
     metadata?: Record<string, any>;
 };
+//# sourceMappingURL=initialize.types.d.ts.map

package/{lib → dist}/typescript/hooks/initializelivekit.d.ts

@@ -1,3 +1,4 @@
 import { registerGlobals } from '@livekit/react-native';
 declare const registerAgent: typeof registerGlobals;
 export default registerAgent;
+//# sourceMappingURL=initializelivekit.d.ts.map

package/{lib → dist}/typescript/hooks/voiceAgent.d.ts

@@ -1,2 +1,3 @@
 import type { UseVoiceAgentReturn } from './voiceAgent.types';
 export declare const useVoiceAgent: () => UseVoiceAgentReturn;
+//# sourceMappingURL=voiceAgent.d.ts.map

package/{lib → dist}/typescript/hooks/voiceAgent.types.d.ts

@@ -14,3 +14,4 @@ export type UseVoiceAgentReturn = {
     connectionState: ConnectionState;
     cleanup: () => void;
 };
+//# sourceMappingURL=voiceAgent.types.d.ts.map

package/{lib → dist}/typescript/index.d.ts

@@ -7,7 +7,7 @@ import onwid, { EventKeys } from './Event/onwid';
 import { useInitialize } from './hooks/initialize';
 import type { UseInitializeProps } from './hooks/initialize.types';
 import registerAgent from './hooks/initializelivekit';
-import type { ApiResponse, RegisterRequest, TokenDetails } from './onwidApi/api.types';
+import type { ApiResponse, RegisterRequest, TokenDetails, UpdateDataRequest } from './onwidApi/api.types';
 /**
  * OnwidButton component that provides a customizable button with menu functionality
  * @returns React component
@@ -20,8 +20,8 @@ export declare function OnwidButton(): import("react/jsx-runtime").JSX.Element;
  * @property {Function} registerAgent - Function to register the Agent (Optional)
  * @property {OnWid} onwid - Event management system instance
  * @property {useInitialize} useInitialize - Hook to initialize the Onwid SDK
- * @property {useVoiceAgent} useVoiceAgent - Hook for voice agent functionality
  * @property {EventKeys} EventKeys - Available event types
  */
 export { EventKeys, onwid, registerAgent, useInitialize };
-export type { ApiResponse, RegisterRequest, TokenDetails, UseInitializeProps };
+export type { ApiResponse, RegisterRequest, TokenDetails, UseInitializeProps, UpdateDataRequest };
+//# sourceMappingURL=index.d.ts.map

package/{lib → dist}/typescript/onwidApi/api.d.ts

@@ -51,3 +51,4 @@ export declare const getTokenDetails: (params: {
     app_user_id: string;
     call_type: string;
 }) => Promise<ApiResponse<TokenDetails>>;
+//# sourceMappingURL=api.d.ts.map

package/{lib → dist}/typescript/onwidApi/api.types.d.ts

@@ -19,3 +19,4 @@ export type ApiResponse<T> = {
     data?: T;
     error?: string;
 };
+//# sourceMappingURL=api.types.d.ts.map

package/{lib → dist}/typescript/store.key.d.ts

@@ -1,3 +1,4 @@
 export declare const setAgentData: (data: Record<string, any>, key?: string) => Promise<void>;
 export declare const getAgentData: (key?: string) => Promise<any>;
 export declare const deleteFromDetail: (key: string) => Promise<void>;
+//# sourceMappingURL=store.key.d.ts.map

package/{lib → dist}/typescript/style/onwidButton.style.d.ts

@@ -96,3 +96,4 @@ export declare const onwidButtonStyles: {
     chipText: TextStyle;
 };
 export {};
+//# sourceMappingURL=onwidButton.style.d.ts.map

package/{lib → dist}/typescript/utils/reanimatedHelpers.d.ts

@@ -27,3 +27,4 @@ export declare function checkReanimatedSetup(): boolean;
  */
 export declare function showReanimatedSetupError(): void;
 export {};
+//# sourceMappingURL=reanimatedHelpers.d.ts.map

package/dist/typescript/utils/utils.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=utils.d.ts.map