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

package/lib/module/components/styles/EmbedButton.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 createEmbedButtonStyles = 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 = createEmbedButtonStyles();
+//# sourceMappingURL=EmbedButton.style.js.map

package/lib/module/events/embed.event.js

@@ -0,0 +1,70 @@
+"use strict";
+
+import { getAgentData, setAgentData } from "../store/store.key.js";
+import { APIService } from "../api/api.js";
+// Predefined event keys
+export let EventKeys = /*#__PURE__*/function (EventKeys) {
+  EventKeys["USER_DATA"] = "user_data";
+  EventKeys["SCREEN_STATE"] = "state_data";
+  return EventKeys;
+}({});
+class Embed {
+  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) {
+    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 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 = 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);
+      }
+      setAgentData(data, key);
+    } catch (error) {
+      console.error('Error triggering API:', error);
+    }
+
+    // Trigger event listeners
+    this.events[key]?.forEach(callback => callback(data));
+  }
+
+  // Still allow custom listeners (optional)
+  on(eventKey, callback) {
+    if (!this.events[eventKey]) {
+      this.events[eventKey] = [];
+    }
+    this.events[eventKey]?.push(callback);
+  }
+}
+const embed = new Embed();
+export default embed;
+//# sourceMappingURL=embed.event.js.map

package/lib/module/hooks/initialize.js

@@ -1,9 +1,5 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useInitialize = useInitialize;
+
 /**
  * Custom hook for initializing the OnWid SDK
  *
@@ -17,76 +13,84 @@ exports.useInitialize = useInitialize;
  * 2. Stores API key securely in keychain
  * 3. Registers the device with provided details
  */
-const store_key_1 = require("../store.key");
-const api_1 = require("../onwidApi/api");
-const initializelivekit_1 = __importDefault(require("./initializelivekit"));
-const react_native_1 = require("react-native");
-function useInitialize({ apiKey, onwidUrl, metadata, }) {
-    const checkPermissions = async () => {
-        try {
-            // Check for required permissions on Android
-            if (react_native_1.Platform.OS === 'android') {
-                const recordAudioPermission = react_native_1.PermissionsAndroid.PERMISSIONS.RECORD_AUDIO;
-                if (!recordAudioPermission) {
-                    throw new Error('RECORD_AUDIO permission not available');
-                }
-                const permissions = [recordAudioPermission];
-                const results = await Promise.all(permissions.map((permission) => react_native_1.PermissionsAndroid.request(permission)));
-                const allGranted = results.every((result) => result === react_native_1.PermissionsAndroid.RESULTS.GRANTED);
-                if (!allGranted) {
-                    throw new Error('Required permissions not granted');
-                }
-            }
+import { setAgentData } from "../store/store.key.js";
+import { APIService } from "../api/api.js";
+import registerAgent from "./initialize.livekit.js";
+import { PermissionsAndroid, Platform } from 'react-native';
+export function useInitialize({
+  apiKey,
+  onwidUrl,
+  metadata
+}) {
+  const checkPermissions = async () => {
+    try {
+      // Check for required permissions on Android
+      if (Platform.OS === 'android') {
+        const recordAudioPermission = PermissionsAndroid.PERMISSIONS.RECORD_AUDIO;
+        if (!recordAudioPermission) {
+          throw new Error('RECORD_AUDIO permission not available');
         }
-        catch (err) {
-            const errorMessage = err instanceof Error ? err.message : 'Failed to check permissions';
-            throw new Error(errorMessage);
+        const permissions = [recordAudioPermission];
+        const results = await Promise.all(permissions.map(permission => PermissionsAndroid.request(permission)));
+        const allGranted = results.every(result => result === PermissionsAndroid.RESULTS.GRANTED);
+        if (!allGranted) {
+          throw new Error('Required permissions not granted');
         }
-    };
-    /**
-     * Validates required initialization parameters
-     * @throws Error if any required parameter is missing or invalid
-     */
-    const validateInputs = () => {
-        if (!apiKey || typeof apiKey !== 'string') {
-            throw new Error('apiKey is required and must be a string');
-        }
-        if (!onwidUrl || typeof onwidUrl !== 'string') {
-            throw new Error('onwidUrl is required and must be a string');
-        }
-        if (metadata && typeof metadata === 'object' && !metadata.config) {
-            throw new Error('metadata must contain a config object');
-        }
-    };
-    const initialize = async () => {
-        try {
-            await checkPermissions();
-            (0, initializelivekit_1.default)();
-            // Validate required parameters before proceeding
-            validateInputs();
-            // Store API key in keychain
-            await (0, store_key_1.setAgentData)({
-                apiKey,
-                onwidUrl,
-            });
-            // Get the APIService instance and initialize it
-            const apiService = api_1.APIService.getInstance();
-            await apiService.initialize();
-            console.log('registerOnInitialize');
-            // Register new device with provided details
-            const registerResponse = await apiService.registerOnInitialize();
-            if (!registerResponse.success) {
-                throw new Error(registerResponse.error || 'Device registration failed');
-            }
-            if (registerResponse.data) {
-                // todo: store config
-            }
-        }
-        catch (err) {
-            const errorMessage = err instanceof Error ? err.message : 'Initialization failed';
-            throw new Error(errorMessage);
-        }
-    };
-    // Initialize immediately when hook is called
-    initialize().catch(console.error);
+      }
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : 'Failed to check permissions';
+      throw new Error(errorMessage);
+    }
+  };
+
+  /**
+   * Validates required initialization parameters
+   * @throws Error if any required parameter is missing or invalid
+   */
+  const validateInputs = () => {
+    if (!apiKey || typeof apiKey !== 'string') {
+      throw new Error('apiKey is required and must be a string');
+    }
+    if (!onwidUrl || typeof onwidUrl !== 'string') {
+      throw new Error('onwidUrl is required and must be a string');
+    }
+    if (metadata && typeof metadata === 'object' && !metadata.config) {
+      throw new Error('metadata must contain a config object');
+    }
+  };
+  const initialize = async () => {
+    try {
+      await checkPermissions();
+      registerAgent();
+
+      // Validate required parameters before proceeding
+      validateInputs();
+
+      // Store API key in keychain
+      await setAgentData({
+        apiKey,
+        onwidUrl
+      });
+
+      // Get the APIService instance and initialize it
+      const apiService = APIService.getInstance();
+      await apiService.initialize();
+      console.log('registerOnInitialize');
+      // Register new device with provided details
+      const registerResponse = await apiService.registerOnInitialize();
+      if (!registerResponse.success) {
+        throw new Error(registerResponse.error || 'Device registration failed');
+      }
+      if (registerResponse.data) {
+        // todo: store config
+      }
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : 'Initialization failed';
+      throw new Error(errorMessage);
+    }
+  };
+
+  // Initialize immediately when hook is called
+  initialize().catch(console.error);
 }
+//# sourceMappingURL=initialize.js.map

package/lib/module/hooks/{initializelivekit.js → initialize.livekit.js}

@@ -1,4 +1,5 @@
 "use strict";
+
 // This module imports the `registerGlobals` function from the LiveKit React Native library.
 // The `registerGlobals` function is used to register global settings and configurations
 // for the LiveKit service, which is essential for managing real-time audio and video
@@ -6,9 +7,11 @@
 // for `registerGlobals`, allowing for easier reference in other parts of the application.
 // Finally, the `registerAgent` is exported as the default export of this module, making
 // it available for use in other modules that require the registration of LiveKit globals.
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_native_1 = require("@livekit/react-native");
+
+import { registerGlobals } from '@livekit/react-native';
+
 // The registerAgent constant is an alias for the registerGlobals function,
 // which is used to set up global configurations for the LiveKit service.
-const registerAgent = react_native_1.registerGlobals;
-exports.default = registerAgent;
+const registerAgent = registerGlobals;
+export default registerAgent;
+//# sourceMappingURL=initialize.livekit.js.map

package/lib/module/hooks/types/initialize.types.js

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

package/lib/module/hooks/types/voiceAgent.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=voiceAgent.types.js.map