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

package/lib/module/style/onwidButton.style.js

@@ -1,230 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.onwidButtonStyles = exports.createOnwidButtonStyles = exports.BUTTON_HEIGHT = exports.EXPANDED_WIDTH = exports.BUTTON_WIDTH = void 0;
-const react_native_1 = require("react-native");
-const { width: SCREEN_WIDTH } = react_native_1.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();
-exports.BUTTON_WIDTH = dimensions.BUTTON_WIDTH;
-exports.EXPANDED_WIDTH = dimensions.EXPANDED_WIDTH;
-exports.BUTTON_HEIGHT = dimensions.BUTTON_HEIGHT;
-const createOnwidButtonStyles = (customStyles) => {
-    const { buttonWidth = exports.BUTTON_WIDTH, buttonHeight = exports.BUTTON_HEIGHT, backgroundColor = 'transparent', borderRadius = dimensions.BORDER_RADIUS.MEDIUM, marginBottom = dimensions.SPACING.LARGE, spacing = dimensions.SPACING, } = customStyles || {};
-    return react_native_1.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 + 5,
-            minWidth: 70,
-            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: exports.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: exports.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: 11,
-            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',
-        },
-    });
-};
-exports.createOnwidButtonStyles = createOnwidButtonStyles;
-// Default styles export with dynamic dimensions
-exports.onwidButtonStyles = (0, exports.createOnwidButtonStyles)();

package/lib/module/utils/reanimatedHelpers.js

@@ -1,87 +0,0 @@
-"use strict";
-/**
- * @file reanimatedHelpers.ts
- * @description Utility functions to handle react-native-reanimated configuration and provide fallbacks
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getReanimatedAPI = getReanimatedAPI;
-exports.checkReanimatedSetup = checkReanimatedSetup;
-exports.showReanimatedSetupError = showReanimatedSetupError;
-let reanimatedAPI;
-/**
- * Safely loads react-native-reanimated and provides fallbacks if not available
- */
-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
- */
-function checkReanimatedSetup() {
-    const api = getReanimatedAPI();
-    return api.isAvailable;
-}
-/**
- * Display a helpful error message if reanimated is not configured
- */
-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
-  `);
-}

package/lib/module/utils/utils.js

@@ -1 +0,0 @@
-"use strict";

package/lib/typescript/Event/onwid.d.ts

@@ -1,13 +0,0 @@
-type EventCallback = (data: any) => void;
-export declare enum EventKeys {
-    USER_DATA = "user_data",
-    SCREEN_STATE = "state_data"
-}
-declare class OnWid {
-    private events;
-    private ensureDefaultListener;
-    Event(eventKey: string, data: any): Promise<void>;
-    on(eventKey: EventKeys, callback: EventCallback): void;
-}
-declare const onwid: OnWid;
-export default onwid;

package/lib/typescript/NativeOnwid.d.ts

@@ -1,6 +0,0 @@
-import type { TurboModule } from 'react-native';
-export interface Spec extends TurboModule {
-    multiply(a: number, b: number): number;
-}
-declare const _default: Spec;
-export default _default;

package/lib/typescript/component/OnwidButton.d.ts

@@ -1,28 +0,0 @@
-/**
- * @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.
- */
-/**
- * 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 />}
- * />
- * ```
- */
-export declare function OnwidButton(): import("react/jsx-runtime").JSX.Element | null;
-export default OnwidButton;

package/lib/typescript/component/audiowave.d.ts

@@ -1,6 +0,0 @@
-import { Room } from 'livekit-client';
-interface WaveformVisualizerProps {
-    roomRef: React.RefObject<Room>;
-}
-export declare const WaveformVisualizer: ({ roomRef }: WaveformVisualizerProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/typescript/component/voice.d.ts

@@ -1,15 +0,0 @@
-import { Room } from 'livekit-client';
-import { RefObject } from 'react';
-interface VoiceProps {
-    url: string;
-    token: string;
-    onDisconnected: (data: string) => void;
-    onConnected: (data: string) => void;
-    roomRef: RefObject<Room>;
-}
-export interface VoiceRef {
-    mute: () => void;
-    unmute: () => void;
-}
-declare const Voice: (props: VoiceProps) => import("react/jsx-runtime").JSX.Element | null;
-export default Voice;

package/lib/typescript/hooks/initialize.d.ts

@@ -1,2 +0,0 @@
-import type { UseInitializeProps } from './initialize.types';
-export declare function useInitialize({ apiKey, onwidUrl, metadata, }: UseInitializeProps): void;

package/lib/typescript/hooks/initialize.types.d.ts

@@ -1,5 +0,0 @@
-export type UseInitializeProps = {
-    apiKey: string;
-    onwidUrl: string;
-    metadata?: Record<string, any>;
-};

package/lib/typescript/hooks/initializelivekit.d.ts

@@ -1,3 +0,0 @@
-import { registerGlobals } from '@livekit/react-native';
-declare const registerAgent: typeof registerGlobals;
-export default registerAgent;

package/lib/typescript/hooks/voiceAgent.d.ts

@@ -1,2 +0,0 @@
-import type { UseVoiceAgentReturn } from './voiceAgent.types';
-export declare const useVoiceAgent: () => UseVoiceAgentReturn;

package/lib/typescript/hooks/voiceAgent.types.d.ts

@@ -1,16 +0,0 @@
-import { ConnectionState, Room } from 'livekit-client';
-import { RefObject } from 'react';
-export type 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;
-};

package/lib/typescript/index.d.ts

@@ -1,27 +0,0 @@
-/**
- * @file index.tsx
- * @description Main entry point for the Onwid React Native library.
- * This file exports the core components and utilities for the Onwid SDK.
- */
-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';
-/**
- * OnwidButton component that provides a customizable button with menu functionality
- * @returns React component
- */
-export declare function OnwidButton(): import("react/jsx-runtime").JSX.Element;
-/**
- * Core exports from the Onwid library
- * @exports
- * @property {OnwidButton} OnwidButton - Custom button component with menu functionality
- * @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 };

package/lib/typescript/onwidApi/api.d.ts

@@ -1,53 +0,0 @@
-import type { ApiResponse, TokenDetails, UpdateDataRequest } from './api.types';
-/**
- * APIService class that ensures proper initialization before API calls
- */
-export declare class APIService {
-    private static instance;
-    private apiBaseUrl;
-    private isInitialized;
-    private constructor();
-    /**
-     * Get singleton instance of APIService
-     */
-    static getInstance(): APIService;
-    /**
-     * Initialize the API service with the base URL
-     */
-    initialize(): Promise<void>;
-    /**
-     * Ensure the service is initialized before making API calls
-     */
-    private ensureInitialized;
-    /**
-     * Get headers with stored API key
-     */
-    private getHeaders;
-    /**
-     * Register a new user/device on initialization
-     * @returns Promise with registration response
-     */
-    registerOnInitialize(): Promise<ApiResponse<TokenDetails>>;
-    /**
-     * Update user data
-     * @param params Update parameters including userId and data to update
-     * @returns Promise with update response
-     */
-    updateUserData(params: UpdateDataRequest): Promise<ApiResponse<void>>;
-    /**
-     * Get token details for a user
-     * @param params Parameters including app_user_id and call_type
-     * @returns Promise with token details
-     */
-    getTokenDetails(params: {
-        app_user_id: string;
-        call_type: string;
-    }): Promise<ApiResponse<TokenDetails>>;
-}
-export declare const initializeApi: () => Promise<void>;
-export declare const registerOnInitialize: () => Promise<ApiResponse<TokenDetails>>;
-export declare const updateUserData: (params: UpdateDataRequest) => Promise<ApiResponse<void>>;
-export declare const getTokenDetails: (params: {
-    app_user_id: string;
-    call_type: string;
-}) => Promise<ApiResponse<TokenDetails>>;

package/lib/typescript/onwidApi/api.types.d.ts

@@ -1,21 +0,0 @@
-export type RegisterRequest = {
-    apiKey: string;
-    onwidUrl: string;
-    metadata?: Record<string, any>;
-};
-export type UpdateDataRequest = {
-    eventKey: string;
-    data: Record<string, any>;
-};
-export type TokenDetails = {
-    token: string;
-    expiresAt: number;
-    apiKey: string;
-    config: Record<string, any>;
-    server_url: string;
-};
-export type ApiResponse<T> = {
-    success: boolean;
-    data?: T;
-    error?: string;
-};

package/lib/typescript/store.key.d.ts

@@ -1,3 +0,0 @@
-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>;

package/lib/typescript/style/onwidButton.style.d.ts

@@ -1,98 +0,0 @@
-import { ViewStyle, TextStyle, ImageStyle } from 'react-native';
-export declare const BUTTON_WIDTH: number;
-export declare const EXPANDED_WIDTH: number;
-export declare const BUTTON_HEIGHT: number;
-type SpacingType = {
-    SMALL: number;
-    MEDIUM: number;
-    LARGE: number;
-};
-type CustomStyles = {
-    buttonWidth?: number;
-    buttonHeight?: number;
-    backgroundColor?: string;
-    borderRadius?: number;
-    marginBottom?: number;
-    spacing?: SpacingType;
-};
-export declare const createOnwidButtonStyles: (customStyles?: CustomStyles) => {
-    container: ViewStyle;
-    button: ViewStyle;
-    pressable: ViewStyle;
-    menu: ViewStyle;
-    menuLeft: ViewStyle;
-    menuRight: ViewStyle;
-    iconText: TextStyle;
-    buttonContent: ViewStyle;
-    iconImage: ImageStyle;
-    startCallButton: ViewStyle;
-    startCallText: TextStyle;
-    rowContainer: ViewStyle;
-    linearGradient: ViewStyle;
-    buttonContainer: ViewStyle;
-    endCallButton: ViewStyle;
-    muteButton: ViewStyle;
-    micIcon: {
-        width: number;
-        height: number;
-        tintColor: string;
-    };
-    endCallIcon: {
-        width: number;
-        height: number;
-        tintColor: string;
-    };
-    buttonImage: ImageStyle;
-    expandedContent: ViewStyle;
-    leftSection: ViewStyle;
-    centerSection: ViewStyle;
-    rightSection: ViewStyle;
-    agentInfoContainer: ViewStyle;
-    agentTextContainer: ViewStyle;
-    agentNameText: TextStyle;
-    statusText: TextStyle;
-    chip: ViewStyle;
-    chipGradient: ViewStyle;
-    chipText: TextStyle;
-};
-export declare const onwidButtonStyles: {
-    container: ViewStyle;
-    button: ViewStyle;
-    pressable: ViewStyle;
-    menu: ViewStyle;
-    menuLeft: ViewStyle;
-    menuRight: ViewStyle;
-    iconText: TextStyle;
-    buttonContent: ViewStyle;
-    iconImage: ImageStyle;
-    startCallButton: ViewStyle;
-    startCallText: TextStyle;
-    rowContainer: ViewStyle;
-    linearGradient: ViewStyle;
-    buttonContainer: ViewStyle;
-    endCallButton: ViewStyle;
-    muteButton: ViewStyle;
-    micIcon: {
-        width: number;
-        height: number;
-        tintColor: string;
-    };
-    endCallIcon: {
-        width: number;
-        height: number;
-        tintColor: string;
-    };
-    buttonImage: ImageStyle;
-    expandedContent: ViewStyle;
-    leftSection: ViewStyle;
-    centerSection: ViewStyle;
-    rightSection: ViewStyle;
-    agentInfoContainer: ViewStyle;
-    agentTextContainer: ViewStyle;
-    agentNameText: TextStyle;
-    statusText: TextStyle;
-    chip: ViewStyle;
-    chipGradient: ViewStyle;
-    chipText: TextStyle;
-};
-export {};

package/lib/typescript/utils/reanimatedHelpers.d.ts

@@ -1,29 +0,0 @@
-/**
- * @file reanimatedHelpers.ts
- * @description Utility functions to handle react-native-reanimated configuration and provide fallbacks
- */
-interface ReanimatedAPI {
-    useSharedValue: any;
-    useAnimatedStyle: any;
-    withTiming: any;
-    withSpring: any;
-    withRepeat: any;
-    withSequence: any;
-    runOnJS: any;
-    Easing: any;
-    Animated: any;
-    isAvailable: boolean;
-}
-/**
- * Safely loads react-native-reanimated and provides fallbacks if not available
- */
-export declare function getReanimatedAPI(): ReanimatedAPI;
-/**
- * Check if react-native-reanimated is properly configured
- */
-export declare function checkReanimatedSetup(): boolean;
-/**
- * Display a helpful error message if reanimated is not configured
- */
-export declare function showReanimatedSetupError(): void;
-export {};