@revrag-ai/embed-react-native 1.0.16 → 1.0.17

package/dist/module/api/api.js

@@ -2,7 +2,7 @@
 
 import { getAgentData, setAgentData } from "../store/store.key.js";
 import { processApiError } from "./api.error.js";
-
+import { DEFAULT_EMBED_URL } from "../utils/constant.js";
 /**
  * APIService class that ensures proper initialization before API calls
  */
@@ -30,12 +30,12 @@ export class APIService {
       return; // Already initialized
     }
     const AgentData = await getAgentData();
-    if (AgentData?.embedUrl) {
-      this.apiBaseUrl = AgentData.embedUrl;
-      this.isInitialized = true;
-    } else {
+    if (!AgentData) {
       throw new Error('API base URL not found in keychain');
     }
+    const resolvedEmbedUrl = AgentData.embedUrl && typeof AgentData.embedUrl === 'string' ? AgentData.embedUrl : DEFAULT_EMBED_URL;
+    this.apiBaseUrl = resolvedEmbedUrl;
+    this.isInitialized = true;
   }
 
   /**
@@ -103,7 +103,7 @@ export class APIService {
         method: 'PUT',
         headers,
         body: JSON.stringify({
-          [params.eventKey]: params.data
+          [params.type]: params.data
         })
       });
       if (!response.ok) {

package/dist/module/api/api.js.map

@@ -1 +1 @@
-{"version":3,"names":["getAgentData","setAgentData","processApiError","APIService","instance","apiBaseUrl","isInitialized","constructor","getInstance","initialize","AgentData","embedUrl","Error","ensureInitialized","getHeaders","apiKey","registerOnInitialize","response","headers","fetch","method","data","json","ok","undefined","success","error","updateUserData","params","app_user_id","body","JSON","stringify","eventKey","getTokenDetails","getPopupDescription","initializeApi","apiService"],"sourceRoot":"../../../src","sources":["api/api.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["getAgentData","setAgentData","processApiError","DEFAULT_EMBED_URL","APIService","instance","apiBaseUrl","isInitialized","constructor","getInstance","initialize","AgentData","Error","resolvedEmbedUrl","embedUrl","ensureInitialized","getHeaders","apiKey","registerOnInitialize","response","headers","fetch","method","data","json","ok","undefined","success","error","updateUserData","params","app_user_id","body","JSON","stringify","type","getTokenDetails","getPopupDescription","initializeApi","apiService"],"sourceRoot":"../../../src","sources":["api/api.ts"],"mappings":"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","ignoreList":[]}

package/dist/module/components/Embed/EmbedButton.js

@@ -1,67 +1,36 @@
 "use strict";
 
 /**
- * @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.
+ * @file EmbedButton.tsx
+ * @description A customizable floating action button component for voice agent interactions.
+ * Features: draggable, expandable, animated, with call controls and auto-trigger support.
  */
 
 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 { useMemo, useRef, useState, useEffect } from 'react';
+import { Image, Text, TouchableOpacity, View } from 'react-native';
+import { GestureDetector } from 'react-native-gesture-handler';
 import LinearGradient from 'react-native-linear-gradient';
 import { useVoiceAgent } from "../../hooks/voiceagent.js";
-import { getAgentData } from "../../store/store.key.js";
 import { createEmbedButtonStyles } from "../styles/EmbedButton.style.js";
-import { getReanimatedAPI, showReanimatedSetupError } from "../../utils/reanimated.helper.js";
 import Voice from "./EmbedVoice.js";
 import { WaveformVisualizer } from "./EmbedAudioWave.js";
-import { checkPermissions } from "../../utils/permision.js";
 import Embed, { AgentEvent } from "../../events/embed.event.js";
 
-// Get reanimated API with fallbacks
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  useSharedValue,
-  useAnimatedStyle,
-  withTiming,
-  withSpring,
-  withRepeat,
-  withSequence,
-  runOnJS,
-  Easing,
-  Animated,
-  isAvailable: isReanimatedAvailable
-} = getReanimatedAPI();
-
-// Show warning if reanimated is not available
-if (!isReanimatedAvailable) {
-  showReanimatedSetupError();
-}
-const {
-  width: SCREEN_WIDTH,
-  height: SCREEN_HEIGHT
-} = Dimensions.get('window');
-const BUTTON_WIDTH = 60;
-const EXPANDED_WIDTH = SCREEN_WIDTH * 0.9;
-const BUTTON_HEIGHT = 60;
-const GRADIENT_COLORS = ['#1E0844', '#B391F3'];
+// Helpers and constants
+import { BUTTON_DIMENSIONS, DEFAULT_GRADIENT_COLORS, formatDuration, ICON_URLS } from "../../hooks/EmbedButton.helpers.js";
 
-// 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';
+// Custom hooks
+import { useCallDuration, useCallManagement, useConfigData, useInactivityBehavior } from "../../hooks/EmbedButton.hooks.js";
 
-// 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';
+// Animation hooks
+import { Animated, createPanGesture, useAnimationValues, useBreathingAnimation, useButtonAnimatedStyles, useButtonAnimations, usePopupAnimatedStyles } from "../../hooks/EmbedButton.animations.js";
 
-/**
- * Default styles configuration for the button
- */
+// ==================== STYLES CONFIG ====================
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const defaultStyles = {
-  buttonWidth: 60,
-  buttonHeight: 60,
+  buttonWidth: BUTTON_DIMENSIONS.WIDTH,
+  buttonHeight: BUTTON_DIMENSIONS.HEIGHT,
   borderRadius: 100,
   marginBottom: 20,
   spacing: {
@@ -74,37 +43,17 @@ const defaultStyles = {
   }
 };
 
+// ==================== MAIN COMPONENT ====================
 /**
- * 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
+ * EmbedButton - Main voice agent floating action button
  *
- * @component
  * @example
  * ```tsx
- * <OnwidButton
- *   isOpen={false}
- *   onPress={(isOpen) => console.log('Button pressed:', isOpen)}
- *   menuComponent={<YourMenuComponent />}
- * />
+ * <EmbedButton />
  * ```
  */
-
-/**
- * Generates random sentences for testing or placeholder content
- * @param count - Number of sentences to generate (default: 1)
- * @param minWords - Minimum words per sentence (default: 5)
- * @param maxWords - Maximum words per sentence (default: 15)
- * @returns Array of random sentences
- */
-
 export function EmbedButton() {
+  // ==================== VOICE AGENT STATE ====================
   const {
     initializeVoiceAgent,
     tokenDetails,
@@ -114,305 +63,143 @@ export function EmbedButton() {
     muteMic,
     unmuteMic,
     connectionState,
-    roomRef,
-    getPopupDescription
+    roomRef
   } = useVoiceAgent();
-  // State management
-  const [configData, setConfigData] = useState(null);
-  const [popupDescription, setPopupDescription] = useState('');
+
+  // ==================== LOCAL STATE ====================
   const [isOpen, setIsOpen] = useState(false);
-  const [callDuration, setCallDuration] = useState(0);
-  const timerRef = useRef(null);
   const lottieRef = useRef(null);
+  const styles = useMemo(() => createEmbedButtonStyles(defaultStyles), []);
 
-  // Track previous states for event emission
-  const previousIsOpenRef = useRef(false);
-  const previousIsAutoOpenRef = useRef(false);
-
-  // Animation values
-  const isPressed = useSharedValue(false);
-  const offset = useSharedValue({
-    x: 0,
-    y: 0
+  // ==================== CUSTOM HOOKS ====================
+  const configData = useConfigData();
+  const {
+    callDuration,
+    resetDuration
+  } = useCallDuration(connectionState);
+  const {
+    handleStartCall,
+    handleEndCall,
+    handleMicToggle
+  } = useCallManagement({
+    initializeVoiceAgent,
+    endCall,
+    muteMic,
+    unmuteMic,
+    isMicMuted,
+    resetDuration,
+    setIsOpen
   });
-  const start = useSharedValue({
-    x: 0,
-    y: 0
+  const {
+    isAutoOpen,
+    setIsAutoOpen
+  } = useInactivityBehavior({
+    configData,
+    isOpen,
+    isLoading,
+    hasActiveToken: !!tokenDetails?.token,
+    onStartCall: handleStartCall
   });
-  const menuAnimation = useSharedValue(0);
-  const buttonWidth = useSharedValue(BUTTON_WIDTH);
-  const buttonScale = useSharedValue(1);
-  // Styles
-  const styles = createEmbedButtonStyles(defaultStyles);
-  const [isAutoOpen, setIsAutoOpen] = useState(false);
 
-  // Track popup visibility changes and emit events
-  useEffect(() => {
-    const currentPopupVisible = isOpen || isAutoOpen;
-    const previousPopupVisible = previousIsOpenRef.current || previousIsAutoOpenRef.current;
-
-    // Only trigger when popup visibility actually changes
-    if (currentPopupVisible !== previousPopupVisible) {
-      console.log('currentPopupVisible', currentPopupVisible);
-      Embed.event.emit(AgentEvent.POPUP_MESSAGE_VISIBLE, {
-        value: currentPopupVisible,
-        metadata: {
-          trigger: 'user_interaction'
-        }
-      });
-      // Embed.emitPopupVisibilityChange(currentPopupVisible, 'user_interaction');
-    }
-
-    // Update previous state refs
-    previousIsOpenRef.current = isOpen;
-    previousIsAutoOpenRef.current = isAutoOpen;
-  }, [isOpen, isAutoOpen]);
-  useEffect(() => {
-    const autoOpenTimer = setTimeout(async () => {
-      if (!isOpen) {
-        const response = await getPopupDescription();
-        if (response) {
-          setPopupDescription(response);
-          setIsAutoOpen(true);
-        } else {
-          // todo: handle no popup description found
-          console.warn('No popup description found');
-        }
-      }
-    }, 15000); // 15 seconds
-
-    return () => {
-      clearTimeout(autoOpenTimer);
-    };
-  }, [isOpen]);
-
-  /**
-   * Fetch agent configuration data
-   */
-  useEffect(() => {
-    const fetchAgentData = async () => {
-      try {
-        const data = await getAgentData('@config_data');
-        setConfigData(data?.ui_config);
-      } catch (error) {
-        // todo: handle error fetching agent data
-      }
-    };
-    fetchAgentData();
-  }, []);
+  // ==================== ANIMATIONS ====================
+  const animationValues = useAnimationValues();
+  const {
+    isPressed,
+    offset,
+    start,
+    menuAnimation,
+    buttonWidth,
+    buttonScale
+  } = animationValues;
+  useButtonAnimations(isOpen, menuAnimation, buttonWidth);
+  useBreathingAnimation(isOpen, isAutoOpen, buttonScale);
+  const buttonAnimatedStyles = useButtonAnimatedStyles(isOpen, offset, buttonWidth, isPressed, buttonScale);
+  const popupAnimatedStyles = usePopupAnimatedStyles(offset, isPressed);
+  const panGesture = useMemo(() => createPanGesture(isPressed, offset, start, isOpen, setIsAutoOpen), [isPressed, offset, start, isOpen, setIsAutoOpen]);
 
-  /**
-   * Set up a timer to track call duration when connected
-   */
+  // ==================== AGENT EVENT EMISSIONS ====================
+  // Emit agent connected/disconnected events based on connection state
   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) {
-        // todo: handle call disconnected
-      }
-    }
-    return () => {
-      if (timerRef.current) {
-        clearInterval(timerRef.current);
-        timerRef.current = null;
+    const emitConnectionEvent = async () => {
+      if (connectionState === 'connected') {
+        await Embed.event.emit(AgentEvent.AGENT_CONNECTED, {
+          timestamp: new Date().toISOString(),
+          metadata: {
+            callDuration: 0
+          }
+        });
+      } else if (connectionState === 'disconnected' && callDuration > 0) {
+        // Only emit disconnected if we were previously connected
+        await Embed.event.emit(AgentEvent.AGENT_DISCONNECTED, {
+          timestamp: new Date().toISOString(),
+          metadata: {
+            callDuration
+          }
+        });
       }
     };
-  }, [connectionState, callDuration]);
-
-  /**
-   * Handle menu animation and button width transitions
-   */
-  useEffect(() => {
-    menuAnimation.value = withTiming(isOpen ? 0.8 : 0, {
-      duration: 300
+    emitConnectionEvent().catch(error => {
+      console.error('Error emitting connection event:', error);
     });
-    buttonWidth.value = withTiming(isOpen ? EXPANDED_WIDTH : BUTTON_WIDTH);
-  }, [isOpen, menuAnimation, buttonWidth]);
+  }, [connectionState, callDuration]);
 
-  // Add breathing animation when button is closed but isAutoOpen is true
+  // Emit popup visibility events when isAutoOpen changes
   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
+    const emitPopupEvent = async () => {
+      await Embed.event.emit(AgentEvent.POPUP_MESSAGE_VISIBLE, {
+        value: isAutoOpen,
+        metadata: {
+          trigger: isAutoOpen ? 'auto_inactivity' : 'manual_dismiss'
+        }
       });
-    }
-  }, [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 = 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;
-  });
+    emitPopupEvent().catch(error => {
+      console.error('Error emitting popup visibility event:', error);
+    });
+  }, [isAutoOpen]);
 
-  /**
-   * Handle button press events
-   */
-  const handlePress = () => {
+  // ==================== HANDLERS ====================
+  const handleButtonPress = () => {
     setIsOpen(!isOpen);
     setIsAutoOpen(false);
   };
-  const handleStartCall = async () => {
-    await checkPermissions();
-    setCallDuration(0);
-    await initializeVoiceAgent();
-  };
-
-  /**
-   * Render the button icon/animation
-   */
-
-  const remoteSource = 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, {
-        ref: lottieRef,
-        source: remoteSource,
-        autoPlay: true,
-        loop: true,
-        style: styles.iconImage,
-        enableMergePathsAndroidForKitKatAndAbove: true,
-        enableSafeModeAndroid: true
-      })
-    });
-  };
   const handleConnected = () => {
-    // todo: handle 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();
-    }
+    // Hook for handling successful connection
   };
 
-  // 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')}`;
-  };
-  console.log('tokenDetails', tokenDetails);
+  // ==================== COMPUTED VALUES ====================
+  const lottieSource = useMemo(() => ({
+    uri: configData?.icon_animation || ICON_URLS.AMPLIFY_ANIMATION
+  }), [configData?.icon_animation]);
+  const statusText = useMemo(() => {
+    if (isLoading) return 'Connecting...';
+    if (tokenDetails?.token) return formatDuration(callDuration);
+    return configData?.agent_type || 'Onboarding Agent';
+  }, [isLoading, tokenDetails?.token, callDuration, configData?.agent_type]);
+  const gradientColors = configData?.gradient || DEFAULT_GRADIENT_COLORS;
+  const agentName = configData?.agent_name || 'Your AI Agent';
+  const popupText = configData?.popup_description || 'Any doubts? Ask agent now';
+  const connectButtonText = configData?.connect_button_title || 'Start Call';
 
-  // Get the status text based on current state
-  const getStatusText = () => {
-    if (isLoading) {
-      return 'Connecting...';
-    } else if (tokenDetails?.token) {
-      return `${formatDuration(callDuration)}`;
-    } else {
-      return configData?.agent_type || 'Onboarding Agent';
-    }
-  };
+  // ==================== EARLY RETURNS ====================
   if (!configData) return null;
+
+  // ==================== RENDER ====================
   return /*#__PURE__*/_jsxs(View, {
     style: styles.container,
     children: [isAutoOpen && !isOpen && /*#__PURE__*/_jsx(Animated.View, {
-      style: [animatedTextStyles, styles.popupContainer],
+      style: [popupAnimatedStyles, styles.popupContainer],
       children: /*#__PURE__*/_jsx(Text, {
         style: styles.popupText,
-        children: popupDescription || 'Revrag'
+        children: popupText
       })
     }), /*#__PURE__*/_jsx(GestureDetector, {
-      gesture: gesture,
+      gesture: panGesture,
       children: /*#__PURE__*/_jsx(Animated.View, {
-        style: [styles.button, animatedStyles, styles.buttonContent, {
-          pointerEvents: 'auto'
-        }],
+        pointerEvents: "auto",
+        style: [styles.button, buttonAnimatedStyles, styles.buttonContent],
         children: /*#__PURE__*/_jsxs(LinearGradient, {
-          colors: configData?.gradient || GRADIENT_COLORS,
+          colors: gradientColors,
           start: {
             x: 0,
             y: 0
@@ -428,25 +215,33 @@ export function EmbedButton() {
             y: 0.5
           },
           children: [tokenDetails?.token && /*#__PURE__*/_jsx(Voice, {
-            url: tokenDetails?.server_url,
-            token: tokenDetails?.token,
+            url: tokenDetails.server_url,
+            token: tokenDetails.token,
             onDisconnected: handleEndCall,
             roomRef: roomRef,
             onConnected: handleConnected
           }), /*#__PURE__*/_jsx(TouchableOpacity, {
-            onPress: handlePress,
+            onPress: handleButtonPress,
             style: styles.pressable,
-            children: renderIcon()
+            children: /*#__PURE__*/_jsx(LottieView, {
+              ref: lottieRef,
+              source: lottieSource,
+              autoPlay: true,
+              loop: true,
+              style: styles.iconImage,
+              enableMergePathsAndroidForKitKatAndAbove: true,
+              enableSafeModeAndroid: true
+            })
           }), isOpen && /*#__PURE__*/_jsxs(View, {
             style: styles.expandedContentContainer,
             children: [/*#__PURE__*/_jsxs(View, {
               style: styles.leftContentSection,
               children: [/*#__PURE__*/_jsx(Text, {
                 style: [styles.agentNameText, styles.leftAlignedText],
-                children: configData?.agent_name || 'Revrag'
+                children: agentName
               }), /*#__PURE__*/_jsx(Text, {
                 style: [styles.leftAlignedText, styles.statusText],
-                children: getStatusText()
+                children: statusText
               })]
             }), /*#__PURE__*/_jsx(View, {
               style: styles.middleContentSection,
@@ -462,7 +257,7 @@ export function EmbedButton() {
                   style: styles.startCallButton,
                   children: /*#__PURE__*/_jsx(Text, {
                     style: styles.startCallText,
-                    children: configData?.start_call_text || 'Start Call'
+                    children: connectButtonText
                   })
                 })
               }), tokenDetails?.token && /*#__PURE__*/_jsxs(View, {
@@ -472,7 +267,7 @@ export function EmbedButton() {
                   onPress: handleMicToggle,
                   children: /*#__PURE__*/_jsx(Image, {
                     source: {
-                      uri: isMicMuted ? MIC_OFF_ICON : MIC_ON_ICON
+                      uri: isMicMuted ? ICON_URLS.MIC_OFF : ICON_URLS.MIC_ON
                     },
                     style: styles.buttonImage
                   })
@@ -481,7 +276,7 @@ export function EmbedButton() {
                   style: styles.endCallButton,
                   children: /*#__PURE__*/_jsx(Image, {
                     source: {
-                      uri: END_CALL_ICON
+                      uri: ICON_URLS.END_CALL
                     },
                     style: styles.buttonImage
                   })
@@ -494,7 +289,5 @@ export function EmbedButton() {
     })]
   });
 }
-
-// Export default for easier imports
 export default EmbedButton;
 //# sourceMappingURL=EmbedButton.js.map