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

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

@@ -11,63 +11,32 @@ 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 _permision = require("../../utils/permision.js");
 var _embedEvent = _interopRequireWildcard(require("../../events/embed.event.js"));
+var _EmbedButtonHelpers = require("../../hooks/EmbedButton.helpers.js");
+var _EmbedButtonHooks = require("../../hooks/EmbedButton.hooks.js");
+var _EmbedButtonAnimations = require("../../hooks/EmbedButton.animations.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 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.
+ * @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.
  */
 
-// Get reanimated API with fallbacks
-const {
-  useSharedValue,
-  useAnimatedStyle,
-  withTiming,
-  withSpring,
-  withRepeat,
-  withSequence,
-  runOnJS,
-  Easing,
-  Animated,
-  isAvailable: isReanimatedAvailable
-} = (0, _reanimatedHelper.getReanimatedAPI)();
+// Helpers and constants
 
-// Show warning if reanimated is not available
-if (!isReanimatedAvailable) {
-  (0, _reanimatedHelper.showReanimatedSetupError)();
-}
-const {
-  width: SCREEN_WIDTH,
-  height: SCREEN_HEIGHT
-} = _reactNative.Dimensions.get('window');
-const BUTTON_WIDTH = 60;
-const EXPANDED_WIDTH = SCREEN_WIDTH * 0.9;
-const BUTTON_HEIGHT = 60;
-const GRADIENT_COLORS = ['#1E0844', '#B391F3'];
-
-// 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
 
-// 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
 
-/**
- * Default styles configuration for the button
- */
+// ==================== STYLES CONFIG ====================
 const defaultStyles = {
-  buttonWidth: 60,
-  buttonHeight: 60,
+  buttonWidth: _EmbedButtonHelpers.BUTTON_DIMENSIONS.WIDTH,
+  buttonHeight: _EmbedButtonHelpers.BUTTON_DIMENSIONS.HEIGHT,
   borderRadius: 100,
   marginBottom: 20,
   spacing: {
@@ -80,37 +49,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
- */
-
 function EmbedButton() {
+  // ==================== VOICE AGENT STATE ====================
   const {
     initializeVoiceAgent,
     tokenDetails,
@@ -120,305 +69,143 @@ function EmbedButton() {
     muteMic,
     unmuteMic,
     connectionState,
-    roomRef,
-    getPopupDescription
+    roomRef
   } = (0, _voiceagent.useVoiceAgent)();
-  // State management
-  const [configData, setConfigData] = (0, _react.useState)(null);
-  const [popupDescription, setPopupDescription] = (0, _react.useState)('');
+
+  // ==================== LOCAL STATE ====================
   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);
+  const styles = (0, _react.useMemo)(() => (0, _EmbedButtonStyle.createEmbedButtonStyles)(defaultStyles), []);
 
-  // Track previous states for event emission
-  const previousIsOpenRef = (0, _react.useRef)(false);
-  const previousIsAutoOpenRef = (0, _react.useRef)(false);
-
-  // Animation values
-  const isPressed = useSharedValue(false);
-  const offset = useSharedValue({
-    x: 0,
-    y: 0
+  // ==================== CUSTOM HOOKS ====================
+  const configData = (0, _EmbedButtonHooks.useConfigData)();
+  const {
+    callDuration,
+    resetDuration
+  } = (0, _EmbedButtonHooks.useCallDuration)(connectionState);
+  const {
+    handleStartCall,
+    handleEndCall,
+    handleMicToggle
+  } = (0, _EmbedButtonHooks.useCallManagement)({
+    initializeVoiceAgent,
+    endCall,
+    muteMic,
+    unmuteMic,
+    isMicMuted,
+    resetDuration,
+    setIsOpen
   });
-  const start = useSharedValue({
-    x: 0,
-    y: 0
+  const {
+    isAutoOpen,
+    setIsAutoOpen
+  } = (0, _EmbedButtonHooks.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 = (0, _EmbedButtonStyle.createEmbedButtonStyles)(defaultStyles);
-  const [isAutoOpen, setIsAutoOpen] = (0, _react.useState)(false);
-
-  // Track popup visibility changes and emit events
-  (0, _react.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);
-      _embedEvent.default.event.emit(_embedEvent.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]);
-  (0, _react.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
-   */
-  (0, _react.useEffect)(() => {
-    const fetchAgentData = async () => {
-      try {
-        const data = await (0, _storeKey.getAgentData)('@config_data');
-        setConfigData(data?.ui_config);
-      } catch (error) {
-        // todo: handle error fetching agent data
-      }
-    };
-    fetchAgentData();
-  }, []);
+  // ==================== ANIMATIONS ====================
+  const animationValues = (0, _EmbedButtonAnimations.useAnimationValues)();
+  const {
+    isPressed,
+    offset,
+    start,
+    menuAnimation,
+    buttonWidth,
+    buttonScale
+  } = animationValues;
+  (0, _EmbedButtonAnimations.useButtonAnimations)(isOpen, menuAnimation, buttonWidth);
+  (0, _EmbedButtonAnimations.useBreathingAnimation)(isOpen, isAutoOpen, buttonScale);
+  const buttonAnimatedStyles = (0, _EmbedButtonAnimations.useButtonAnimatedStyles)(isOpen, offset, buttonWidth, isPressed, buttonScale);
+  const popupAnimatedStyles = (0, _EmbedButtonAnimations.usePopupAnimatedStyles)(offset, isPressed);
+  const panGesture = (0, _react.useMemo)(() => (0, _EmbedButtonAnimations.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
   (0, _react.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 _embedEvent.default.event.emit(_embedEvent.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 _embedEvent.default.event.emit(_embedEvent.AgentEvent.AGENT_DISCONNECTED, {
+          timestamp: new Date().toISOString(),
+          metadata: {
+            callDuration
+          }
+        });
       }
     };
-  }, [connectionState, callDuration]);
-
-  /**
-   * Handle menu animation and button width transitions
-   */
-  (0, _react.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
   (0, _react.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 _embedEvent.default.event.emit(_embedEvent.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 = _reactNativeGestureHandler.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 (0, _permision.checkPermissions)();
-    setCallDuration(0);
-    await initializeVoiceAgent();
-  };
-
-  /**
-   * Render the button icon/animation
-   */
-
-  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__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lottieReactNative.default, {
-        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 = (0, _react.useMemo)(() => ({
+    uri: configData?.icon_animation || _EmbedButtonHelpers.ICON_URLS.AMPLIFY_ANIMATION
+  }), [configData?.icon_animation]);
+  const statusText = (0, _react.useMemo)(() => {
+    if (isLoading) return 'Connecting...';
+    if (tokenDetails?.token) return (0, _EmbedButtonHelpers.formatDuration)(callDuration);
+    return configData?.agent_type || 'Onboarding Agent';
+  }, [isLoading, tokenDetails?.token, callDuration, configData?.agent_type]);
+  const gradientColors = configData?.gradient || _EmbedButtonHelpers.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.container,
-    children: [isAutoOpen && !isOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(Animated.View, {
-      style: [animatedTextStyles, styles.popupContainer],
+    children: [isAutoOpen && !isOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmbedButtonAnimations.Animated.View, {
+      style: [popupAnimatedStyles, styles.popupContainer],
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
         style: styles.popupText,
-        children: popupDescription || 'Revrag'
+        children: popupText
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
-      gesture: gesture,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Animated.View, {
-        style: [styles.button, animatedStyles, styles.buttonContent, {
-          pointerEvents: 'auto'
-        }],
+      gesture: panGesture,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmbedButtonAnimations.Animated.View, {
+        pointerEvents: "auto",
+        style: [styles.button, buttonAnimatedStyles, styles.buttonContent],
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeLinearGradient.default, {
-          colors: configData?.gradient || GRADIENT_COLORS,
+          colors: gradientColors,
           start: {
             x: 0,
             y: 0
@@ -434,25 +221,33 @@ function EmbedButton() {
             y: 0.5
           },
           children: [tokenDetails?.token && /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmbedVoice.default, {
-            url: tokenDetails?.server_url,
-            token: tokenDetails?.token,
+            url: tokenDetails.server_url,
+            token: tokenDetails.token,
             onDisconnected: handleEndCall,
             roomRef: roomRef,
             onConnected: handleConnected
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-            onPress: handlePress,
+            onPress: handleButtonPress,
             style: styles.pressable,
-            children: renderIcon()
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lottieReactNative.default, {
+              ref: lottieRef,
+              source: lottieSource,
+              autoPlay: true,
+              loop: true,
+              style: styles.iconImage,
+              enableMergePathsAndroidForKitKatAndAbove: true,
+              enableSafeModeAndroid: true
+            })
           }), isOpen && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
             style: styles.expandedContentContainer,
             children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
               style: styles.leftContentSection,
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
                 style: [styles.agentNameText, styles.leftAlignedText],
-                children: configData?.agent_name || 'Revrag'
+                children: agentName
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
                 style: [styles.leftAlignedText, styles.statusText],
-                children: getStatusText()
+                children: statusText
               })]
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
               style: styles.middleContentSection,
@@ -468,7 +263,7 @@ function EmbedButton() {
                   style: styles.startCallButton,
                   children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
                     style: styles.startCallText,
-                    children: configData?.start_call_text || 'Start Call'
+                    children: connectButtonText
                   })
                 })
               }), tokenDetails?.token && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
@@ -478,7 +273,7 @@ function EmbedButton() {
                   onPress: handleMicToggle,
                   children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
                     source: {
-                      uri: isMicMuted ? MIC_OFF_ICON : MIC_ON_ICON
+                      uri: isMicMuted ? _EmbedButtonHelpers.ICON_URLS.MIC_OFF : _EmbedButtonHelpers.ICON_URLS.MIC_ON
                     },
                     style: styles.buttonImage
                   })
@@ -487,7 +282,7 @@ function EmbedButton() {
                   style: styles.endCallButton,
                   children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
                     source: {
-                      uri: END_CALL_ICON
+                      uri: _EmbedButtonHelpers.ICON_URLS.END_CALL
                     },
                     style: styles.buttonImage
                   })
@@ -500,7 +295,5 @@ function EmbedButton() {
     })]
   });
 }
-
-// Export default for easier imports
 var _default = exports.default = EmbedButton;
 //# sourceMappingURL=EmbedButton.js.map