@stream-io/video-react-native-sdk 0.0.10 → 0.0.12

package/dist/module/components/Call/RingingCallContent/UserInfo.js

@@ -0,0 +1,109 @@
+import React from 'react';
+import { Image, StyleSheet, Text, View } from 'react-native';
+import { generateCallTitle } from '../../../utils';
+import { useCallStateHooks, useConnectedUser } from '@stream-io/video-react-bindings';
+import { useTheme } from '../../../contexts/ThemeContext';
+var AvatarModes = /*#__PURE__*/function (AvatarModes) {
+  AvatarModes["small"] = "sm";
+  AvatarModes["medium"] = "md";
+  AvatarModes["large"] = "lg";
+  return AvatarModes;
+}(AvatarModes || {});
+export const UserInfo = _ref => {
+  let {
+    includeSelf = false,
+    totalMembersToShow = 3
+  } = _ref;
+  const {
+    theme: {
+      colors,
+      typefaces,
+      variants: {
+        avatarSizes
+      },
+      userInfo
+    }
+  } = useTheme();
+  const connectedUser = useConnectedUser();
+  const {
+    useCallMembers
+  } = useCallStateHooks();
+  const members = useCallMembers();
+
+  // take the first N members to show their avatars
+  const membersToShow = (members || []).filter(user => user.user_id !== (connectedUser === null || connectedUser === void 0 ? void 0 : connectedUser.id) || includeSelf).slice(0, totalMembersToShow).map(_ref2 => {
+    let {
+      user
+    } = _ref2;
+    return user;
+  });
+  if (includeSelf && !membersToShow.find(user => user.id === (connectedUser === null || connectedUser === void 0 ? void 0 : connectedUser.id))) {
+    // if the current user is not in the initial batch of members,
+    // replace the first item in membersToShow array with the current user
+    const self = members.find(_ref3 => {
+      let {
+        user
+      } = _ref3;
+      return user.id === (connectedUser === null || connectedUser === void 0 ? void 0 : connectedUser.id);
+    });
+    if (self) {
+      membersToShow.splice(0, 1, self.user);
+    }
+  }
+  const memberUserIds = membersToShow.map(memberToShow => memberToShow.name ?? memberToShow.id);
+  const callTitle = generateCallTitle(memberUserIds, totalMembersToShow);
+  const avatarSizeModes = {
+    1: AvatarModes.large,
+    2: AvatarModes.medium,
+    3: AvatarModes.small
+  };
+  const mode = avatarSizeModes[memberUserIds.length] || AvatarModes.small;
+  const avatarStyles = {
+    height: avatarSizes[mode],
+    width: avatarSizes[mode],
+    borderRadius: avatarSizes[mode] / 2,
+    marginVertical: 4
+  };
+  const fontStyleByMembersCount = memberUserIds.length > 1 ? typefaces.heading5 : typefaces.heading4;
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, userInfo.container]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.avatarGroup, userInfo.avatarGroup]
+  }, membersToShow.map(memberToShow => {
+    if (!memberToShow.image) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(Image, {
+      key: memberToShow.id,
+      style: [avatarStyles]
+      // FIXME: use real avatar from coordinator this is temporary
+      ,
+      source: {
+        uri: memberToShow.image
+      }
+    });
+  })), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.name, fontStyleByMembersCount, {
+      color: colors.static_white
+    }, userInfo.name]
+  }, callTitle));
+};
+const styles = StyleSheet.create({
+  container: {
+    paddingHorizontal: 64,
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'space-between'
+  },
+  avatarGroup: {
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'space-evenly',
+    flexWrap: 'wrap'
+  },
+  name: {
+    textAlign: 'center',
+    marginTop: 32
+  }
+});
+//# sourceMappingURL=UserInfo.js.map

package/dist/module/components/Call/RingingCallContent/UserInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","StyleSheet","Text","View","generateCallTitle","useCallStateHooks","useConnectedUser","useTheme","AvatarModes","UserInfo","_ref","includeSelf","totalMembersToShow","theme","colors","typefaces","variants","avatarSizes","userInfo","connectedUser","useCallMembers","members","membersToShow","filter","user","user_id","id","slice","map","_ref2","find","self","_ref3","splice","memberUserIds","memberToShow","name","callTitle","avatarSizeModes","large","medium","small","mode","length","avatarStyles","height","width","borderRadius","marginVertical","fontStyleByMembersCount","heading5","heading4","createElement","style","styles","container","avatarGroup","image","key","source","uri","color","static_white","create","paddingHorizontal","display","flexDirection","justifyContent","flexWrap","textAlign","marginTop"],"sourceRoot":"../../../../../src","sources":["components/Call/RingingCallContent/UserInfo.tsx"],"mappings":"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"}

package/dist/module/components/Call/RingingCallContent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/Call/RingingCallContent/index.ts"],"mappings":"AAAA,cAAc,sBAAsB;AACpC,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB"}

package/dist/module/components/Call/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Call/index.ts"],"mappings":"AAAA,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,cAAc;AAC5B,cAAc,gBAAgB;AAC9B,cAAc,wBAAwB;AACtC,cAAc,sBAAsB;AACpC,cAAc,SAAS"}

package/dist/module/components/Participant/FloatingParticipantView/FloatingView/AnimatedFloatingView.js

@@ -0,0 +1,161 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React, { useRef, useReducer, useEffect } from 'react';
+import { Animated, PanResponder, Easing, View, StyleSheet } from 'react-native';
+import { getSnapAlignments, FloatingViewAlignment, getClosestSnapAlignment, floatingChildViewContainerStyle } from './common';
+const AnimatedFloatingView = _ref => {
+  let {
+    initialAlignment,
+    containerWidth,
+    containerHeight,
+    children
+  } = _ref;
+  // the translate is calculated using distance of dragging (dx, dy)
+  // computed value = value + offset
+  // Start of a DRAG state: value is (0,0) and offset is the last (translateX, translateY)
+  // DRAGGING state: value is always current (dx, dy) and offset is last (translateX, translateY)
+  const translateRef = useRef(new Animated.ValueXY());
+  const opacity = useRef(new Animated.Value(0));
+  const [rectangle, setRectangle] = React.useState();
+
+  // we need to force update the component when the rectangle is available
+  // we cannot just rely on the rectangle because it is not available on the first render
+  // and we need snapAlignments to be in a Ref so that it can be used in the panResponder's creation Ref
+  const [_, forceUpdate] = useReducer(x => x + 1, 0);
+
+  // the offsets for the translate bounds of the floating view
+  // stored in ref, because it is used in the panResponder (which has to be a ref)
+  const snapAlignmentsRef = useRef({
+    [FloatingViewAlignment.topLeft]: {
+      x: 0,
+      y: 0
+    },
+    [FloatingViewAlignment.topRight]: {
+      x: 0,
+      y: 0
+    },
+    [FloatingViewAlignment.bottomLeft]: {
+      x: 0,
+      y: 0
+    },
+    [FloatingViewAlignment.bottomRight]: {
+      x: 0,
+      y: 0
+    }
+  });
+  useEffect(() => {
+    if (!rectangle) {
+      return;
+    }
+    const snapAlignments = getSnapAlignments({
+      rootContainerDimensions: {
+        width: containerWidth,
+        height: containerHeight
+      },
+      floatingViewDimensions: {
+        width: rectangle.width,
+        height: rectangle.height
+      }
+    });
+    const {
+      x,
+      y
+    } = snapAlignments[initialAlignment];
+    snapAlignmentsRef.current = snapAlignments;
+    translateRef.current.setOffset({
+      x,
+      y
+    });
+    translateRef.current.setValue({
+      x: 0,
+      y: 0
+    });
+    opacity.current.setValue(1);
+    forceUpdate();
+    // any time the dependency changes, we need to snap to the new alignment
+  }, [initialAlignment, rectangle, containerWidth, containerHeight]);
+  const panResponder = useRef(PanResponder.create({
+    onStartShouldSetPanResponder: () => true,
+    onMoveShouldSetPanResponder: () => true,
+    // while doing move, the value will be set to distance and offset is the current position
+    // example if we 100 to the left
+    // value is x:-100 y:0, offset is the previous position
+    onPanResponderMove: Animated.event([null,
+    // raw native event arg ignored
+    {
+      // dx, dy are the accumulated distance of the gesture since the touch started
+      dx: translateRef.current.x,
+      dy: translateRef.current.y
+    }], {
+      useNativeDriver: false // pan responder move event doesn't support nativeDriver
+    }),
+
+    onPanResponderGrant: () => {
+      // start of a drag value is always (0,0) and offset is the last (translateX, translateY)
+      translateRef.current.extractOffset();
+    },
+    onPanResponderRelease: () => {
+      // make offset to 0 and value is set to the current position (so that we can do the timing animation later)
+      translateRef.current.flattenOffset();
+      // @ts-expect-error panResponder doesn't support nativeDriver so we can use __getValue() safely
+      const currentPosition = translateRef.current.__getValue();
+      const closestAlignment = getClosestSnapAlignment({
+        position: currentPosition,
+        snapAlignments: snapAlignmentsRef.current
+      });
+      Animated.timing(translateRef.current, {
+        toValue: closestAlignment,
+        duration: 300,
+        useNativeDriver: true,
+        // can pass true since we only use transform animation
+        easing: Easing.inOut(Easing.quad)
+      }).start();
+    }
+  })).current;
+  useEffect(() => {
+    console.info('react-native-reanimated and/or react-native-gesture-handler libraries are not installed. Please install them to get a more performant draggable local video component');
+  }, []);
+  const containerStyle = {
+    ...styles.animContainer,
+    height: rectangle === null || rectangle === void 0 ? void 0 : rectangle.height,
+    width: rectangle === null || rectangle === void 0 ? void 0 : rectangle.width,
+    // do not show anything in the UI until we have the rectangle (onLayout)
+    opacity: opacity.current,
+    // we use interpolation to keep the value in the bounds of the necessary FloatingViewAlignment
+    transform: [{
+      translateX: translateRef.current.x.interpolate({
+        inputRange: [0, snapAlignmentsRef.current[FloatingViewAlignment.topRight].x],
+        outputRange: [0, snapAlignmentsRef.current[FloatingViewAlignment.topRight].x],
+        extrapolate: 'clamp'
+      })
+    }, {
+      translateY: translateRef.current.y.interpolate({
+        inputRange: [0, snapAlignmentsRef.current[FloatingViewAlignment.bottomRight].y],
+        outputRange: [0, snapAlignmentsRef.current[FloatingViewAlignment.bottomRight].y],
+        extrapolate: 'clamp'
+      })
+    }]
+  };
+  return /*#__PURE__*/React.createElement(Animated.View, _extends({
+    style: containerStyle
+  }, panResponder.panHandlers), /*#__PURE__*/React.createElement(View, {
+    onLayout: event => {
+      const layout = event.nativeEvent.layout;
+      setRectangle(prev => {
+        if (prev && prev.width === layout.width && prev.height === layout.height && prev.x === layout.x && prev.y === layout.y) {
+          return prev;
+        }
+        return layout;
+      });
+    },
+    style: floatingChildViewContainerStyle
+  }, children));
+};
+const styles = StyleSheet.create({
+  animContainer: {
+    position: 'absolute',
+    top: 0,
+    left: 0
+  }
+});
+export default AnimatedFloatingView;
+//# sourceMappingURL=AnimatedFloatingView.js.map

package/dist/module/components/Participant/FloatingParticipantView/FloatingView/AnimatedFloatingView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useReducer","useEffect","Animated","PanResponder","Easing","View","StyleSheet","getSnapAlignments","FloatingViewAlignment","getClosestSnapAlignment","floatingChildViewContainerStyle","AnimatedFloatingView","_ref","initialAlignment","containerWidth","containerHeight","children","translateRef","ValueXY","opacity","Value","rectangle","setRectangle","useState","_","forceUpdate","x","snapAlignmentsRef","topLeft","y","topRight","bottomLeft","bottomRight","snapAlignments","rootContainerDimensions","width","height","floatingViewDimensions","current","setOffset","setValue","panResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderMove","event","dx","dy","useNativeDriver","onPanResponderGrant","extractOffset","onPanResponderRelease","flattenOffset","currentPosition","__getValue","closestAlignment","position","timing","toValue","duration","easing","inOut","quad","start","console","info","containerStyle","styles","animContainer","transform","translateX","interpolate","inputRange","outputRange","extrapolate","translateY","createElement","_extends","style","panHandlers","onLayout","layout","nativeEvent","prev","top","left"],"sourceRoot":"../../../../../../src","sources":["components/Participant/FloatingParticipantView/FloatingView/AnimatedFloatingView.tsx"],"mappings":"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"}

package/dist/module/components/Participant/FloatingParticipantView/FloatingView/ReanimatedFloatingView.js

@@ -0,0 +1,145 @@
+import React, { useMemo, useEffect, useRef } from 'react';
+import { View } from 'react-native';
+import { FloatingViewAlignment, getSnapAlignments, getClosestSnapAlignment, floatingChildViewContainerStyle } from './common';
+let ReanimatedFloatingView = () => {
+  throw new Error('ReanimatedFloatingView component must not be used without the react-native-reanimated library and react-native-gesture-handler library installed');
+};
+try {
+  const {
+    Gesture,
+    GestureDetector
+  } = require('react-native-gesture-handler');
+  const Reanimated = require('react-native-reanimated').default;
+  const {
+    useSharedValue,
+    withTiming,
+    useAnimatedStyle,
+    withDelay
+  } = require('react-native-reanimated');
+  ReanimatedFloatingView = _ref => {
+    let {
+      initialAlignment,
+      containerHeight,
+      containerWidth,
+      children
+    } = _ref;
+    // to store the starting position of the gesture
+    const startRef = useRef({
+      x: 0,
+      y: 0
+    });
+    // to store the necessary translate x, y position
+    const translationX = useSharedValue(0);
+    const translationY = useSharedValue(0);
+    // we don't want to show the floating view until we have the layout rectangle
+    const opacity = useSharedValue(0);
+    const [rectangle, setRectangle] = React.useState();
+    const snapAlignments = useMemo(() => {
+      if (!rectangle) {
+        return {
+          [FloatingViewAlignment.topLeft]: {
+            x: 0,
+            y: 0
+          },
+          [FloatingViewAlignment.topRight]: {
+            x: 0,
+            y: 0
+          },
+          [FloatingViewAlignment.bottomLeft]: {
+            x: 0,
+            y: 0
+          },
+          [FloatingViewAlignment.bottomRight]: {
+            x: 0,
+            y: 0
+          }
+        };
+      }
+      return getSnapAlignments({
+        rootContainerDimensions: {
+          width: containerWidth,
+          height: containerHeight
+        },
+        floatingViewDimensions: {
+          width: rectangle.width,
+          height: rectangle.height
+        }
+      });
+    }, [rectangle, containerWidth, containerHeight]);
+    const dragGesture = useMemo(() => Gesture.Pan().onStart(_e => {
+      // store the starting position of the gesture
+      startRef.current = {
+        x: translationX.value,
+        y: translationY.value
+      };
+    }).onUpdate(e => {
+      var _startRef$current, _startRef$current2;
+      // update the translation with the distance of the gesture + starting position
+      translationX.value = Math.max(0, Math.min(e.translationX + (((_startRef$current = startRef.current) === null || _startRef$current === void 0 ? void 0 : _startRef$current.x) ?? 0), snapAlignments[FloatingViewAlignment.bottomRight].x));
+      translationY.value = Math.max(0, Math.min(e.translationY + (((_startRef$current2 = startRef.current) === null || _startRef$current2 === void 0 ? void 0 : _startRef$current2.y) ?? 0), snapAlignments[FloatingViewAlignment.bottomRight].y));
+    }).onEnd(() => {
+      // snap to the closest alignment with a spring animation
+      const position = {
+        x: translationX.value,
+        y: translationY.value
+      };
+      const closestAlignment = getClosestSnapAlignment({
+        position,
+        snapAlignments
+      });
+      translationX.value = withTiming(closestAlignment.x);
+      translationY.value = withTiming(closestAlignment.y);
+    }), [snapAlignments, translationX, translationY]);
+    useEffect(() => {
+      if (!rectangle) {
+        return;
+      }
+      const alignment = snapAlignments[initialAlignment];
+      startRef.current = alignment;
+      translationX.value = alignment.x;
+      translationY.value = alignment.y;
+
+      // add a small delay to the opacity animation to avoid
+      // the floating view to be visible when it is being moved
+      opacity.value = withDelay(500, withTiming(1, {
+        duration: 50
+      }));
+    }, [rectangle, snapAlignments, initialAlignment, opacity, translationX, translationY]);
+    const animatedStyle = useAnimatedStyle(() => {
+      return {
+        height: rectangle === null || rectangle === void 0 ? void 0 : rectangle.height,
+        width: rectangle === null || rectangle === void 0 ? void 0 : rectangle.width,
+        opacity: opacity.value,
+        // to keep the value in the bounds we use min and max
+        transform: [{
+          translateX: translationX.value
+        }, {
+          translateY: translationY.value
+        }]
+      };
+    });
+    return (
+      /*#__PURE__*/
+      // gesture handler root view must absolutely fill the bounds
+      // to intercept gestures within those bounds
+      React.createElement(GestureDetector, {
+        gesture: dragGesture
+      }, /*#__PURE__*/React.createElement(Reanimated.View, {
+        style: animatedStyle
+      }, /*#__PURE__*/React.createElement(View, {
+        onLayout: event => {
+          const layout = event.nativeEvent.layout;
+          setRectangle(prev => {
+            if (prev && prev.width === layout.width && prev.height === layout.height && prev.x === layout.x && prev.y === layout.y) {
+              return prev;
+            }
+            return layout;
+          });
+        },
+        style: floatingChildViewContainerStyle
+      }, children)))
+    );
+  };
+} catch (e) {}
+export default ReanimatedFloatingView;
+//# sourceMappingURL=ReanimatedFloatingView.js.map

package/dist/module/components/Participant/FloatingParticipantView/FloatingView/ReanimatedFloatingView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useEffect","useRef","View","FloatingViewAlignment","getSnapAlignments","getClosestSnapAlignment","floatingChildViewContainerStyle","ReanimatedFloatingView","Error","Gesture","GestureDetector","require","Reanimated","default","useSharedValue","withTiming","useAnimatedStyle","withDelay","_ref","initialAlignment","containerHeight","containerWidth","children","startRef","x","y","translationX","translationY","opacity","rectangle","setRectangle","useState","snapAlignments","topLeft","topRight","bottomLeft","bottomRight","rootContainerDimensions","width","height","floatingViewDimensions","dragGesture","Pan","onStart","_e","current","value","onUpdate","e","_startRef$current","_startRef$current2","Math","max","min","onEnd","position","closestAlignment","alignment","duration","animatedStyle","transform","translateX","translateY","createElement","gesture","style","onLayout","event","layout","nativeEvent","prev"],"sourceRoot":"../../../../../../src","sources":["components/Participant/FloatingParticipantView/FloatingView/ReanimatedFloatingView.tsx"],"mappings":"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"}

package/dist/module/components/Participant/FloatingParticipantView/FloatingView/common.js

@@ -0,0 +1,64 @@
+export let FloatingViewAlignment = /*#__PURE__*/function (FloatingViewAlignment) {
+  FloatingViewAlignment[FloatingViewAlignment["topLeft"] = 0] = "topLeft";
+  FloatingViewAlignment[FloatingViewAlignment["topRight"] = 1] = "topRight";
+  FloatingViewAlignment[FloatingViewAlignment["bottomLeft"] = 2] = "bottomLeft";
+  FloatingViewAlignment[FloatingViewAlignment["bottomRight"] = 3] = "bottomRight";
+  return FloatingViewAlignment;
+}({});
+// find the bounds for the floating view
+export function getSnapAlignments(_ref) {
+  let {
+    rootContainerDimensions,
+    floatingViewDimensions
+  } = _ref;
+  const right = rootContainerDimensions.width - floatingViewDimensions.width;
+  const bottom = rootContainerDimensions.height - floatingViewDimensions.height;
+  const snapOffsets = {
+    [FloatingViewAlignment.topLeft]: {
+      x: 0,
+      y: 0
+    },
+    [FloatingViewAlignment.topRight]: {
+      x: right,
+      y: 0
+    },
+    [FloatingViewAlignment.bottomLeft]: {
+      x: 0,
+      y: bottom
+    },
+    [FloatingViewAlignment.bottomRight]: {
+      x: right,
+      y: bottom
+    }
+  };
+  return snapOffsets;
+}
+
+// which is the closest snap alignment to the current position?
+// this is done by finding the closest snap offset by computing which point is
+// in the minimum distance between the current position and all the 4 snap offset bounds
+export function getClosestSnapAlignment(_ref2) {
+  'worklet';
+
+  let {
+    position,
+    snapAlignments
+  } = _ref2;
+  let minDistanceSquared = Number.MAX_VALUE;
+  let closestSnapAlignmentKey = FloatingViewAlignment.topRight;
+  for (const key in snapAlignments) {
+    // NOTE: key is a string always but we know that it is a FloatingViewAlignment, so we have to cast it unfortunately
+    const currentAlignmentKey = key;
+    const offset = snapAlignments[currentAlignmentKey];
+    const currDistanceSquared = (offset.x - position.x) * (offset.x - position.x) + (offset.y - position.y) * (offset.y - position.y);
+    if (currDistanceSquared < minDistanceSquared) {
+      minDistanceSquared = currDistanceSquared;
+      closestSnapAlignmentKey = currentAlignmentKey;
+    }
+  }
+  return snapAlignments[closestSnapAlignmentKey];
+}
+export const floatingChildViewContainerStyle = {
+  alignSelf: 'flex-start'
+};
+//# sourceMappingURL=common.js.map

package/dist/module/components/Participant/FloatingParticipantView/FloatingView/common.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FloatingViewAlignment","getSnapAlignments","_ref","rootContainerDimensions","floatingViewDimensions","right","width","bottom","height","snapOffsets","topLeft","x","y","topRight","bottomLeft","bottomRight","getClosestSnapAlignment","_ref2","position","snapAlignments","minDistanceSquared","Number","MAX_VALUE","closestSnapAlignmentKey","key","currentAlignmentKey","offset","currDistanceSquared","floatingChildViewContainerStyle","alignSelf"],"sourceRoot":"../../../../../../src","sources":["components/Participant/FloatingParticipantView/FloatingView/common.ts"],"mappings":"AAEA,WAAYA,qBAAqB,0BAArBA,qBAAqB;EAArBA,qBAAqB,CAArBA,qBAAqB;EAArBA,qBAAqB,CAArBA,qBAAqB;EAArBA,qBAAqB,CAArBA,qBAAqB;EAArBA,qBAAqB,CAArBA,qBAAqB;EAAA,OAArBA,qBAAqB;AAAA;AAmBjC;AACA,OAAO,SAASC,iBAAiBA,CAAAC,IAAA,EAMd;EAAA,IANe;IAChCC,uBAAuB;IACvBC;EAIF,CAAC,GAAAF,IAAA;EACC,MAAMG,KAAK,GAAGF,uBAAuB,CAACG,KAAK,GAAGF,sBAAsB,CAACE,KAAK;EAC1E,MAAMC,MAAM,GAAGJ,uBAAuB,CAACK,MAAM,GAAGJ,sBAAsB,CAACI,MAAM;EAC7E,MAAMC,WAAW,GAAG;IAClB,CAACT,qBAAqB,CAACU,OAAO,GAAG;MAC/BC,CAAC,EAAE,CAAC;MACJC,CAAC,EAAE;IACL,CAAC;IACD,CAACZ,qBAAqB,CAACa,QAAQ,GAAG;MAChCF,CAAC,EAAEN,KAAK;MACRO,CAAC,EAAE;IACL,CAAC;IACD,CAACZ,qBAAqB,CAACc,UAAU,GAAG;MAClCH,CAAC,EAAE,CAAC;MACJC,CAAC,EAAEL;IACL,CAAC;IACD,CAACP,qBAAqB,CAACe,WAAW,GAAG;MACnCJ,CAAC,EAAEN,KAAK;MACRO,CAAC,EAAEL;IACL;EACF,CAAC;EACD,OAAOE,WAAW;AACpB;;AAEA;AACA;AACA;AACA,OAAO,SAASO,uBAAuBA,CAAAC,KAAA,EAMpC;EACD,SAAS;;EAAC,IAP4B;IACtCC,QAAQ;IACRC;EAIF,CAAC,GAAAF,KAAA;EAEC,IAAIG,kBAAkB,GAAGC,MAAM,CAACC,SAAS;EACzC,IAAIC,uBAA8C,GAChDvB,qBAAqB,CAACa,QAAQ;EAChC,KAAK,MAAMW,GAAG,IAAIL,cAAc,EAAE;IAChC;IACA,MAAMM,mBAAmB,GAAGD,GAAuC;IACnE,MAAME,MAAM,GAAGP,cAAc,CAACM,mBAAmB,CAAC;IAClD,MAAME,mBAAmB,GACvB,CAACD,MAAM,CAACf,CAAC,GAAGO,QAAQ,CAACP,CAAC,KAAKe,MAAM,CAACf,CAAC,GAAGO,QAAQ,CAACP,CAAC,CAAC,GACjD,CAACe,MAAM,CAACd,CAAC,GAAGM,QAAQ,CAACN,CAAC,KAAKc,MAAM,CAACd,CAAC,GAAGM,QAAQ,CAACN,CAAC,CAAC;IACnD,IAAIe,mBAAmB,GAAGP,kBAAkB,EAAE;MAC5CA,kBAAkB,GAAGO,mBAAmB;MACxCJ,uBAAuB,GAAGE,mBAAmB;IAC/C;EACF;EACA,OAAON,cAAc,CAACI,uBAAuB,CAAC;AAChD;AAQA,OAAO,MAAMK,+BAAqD,GAAG;EACnEC,SAAS,EAAE;AACb,CAAC"}

package/dist/module/components/Participant/FloatingParticipantView/FloatingView/index.js

@@ -0,0 +1,4 @@
+import { getGestureHandlerLib, getReanimatedLib } from '../../../../utils/internal/optionalLibs';
+const FloatingView = getReanimatedLib() && getGestureHandlerLib() ? require('./ReanimatedFloatingView').default : require('./AnimatedFloatingView').default;
+export default FloatingView;
+//# sourceMappingURL=index.js.map

package/dist/module/components/Participant/FloatingParticipantView/FloatingView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getGestureHandlerLib","getReanimatedLib","FloatingView","require","default"],"sourceRoot":"../../../../../../src","sources":["components/Participant/FloatingParticipantView/FloatingView/index.ts"],"mappings":"AAAA,SACEA,oBAAoB,EACpBC,gBAAgB,QACX,yCAAyC;AAGhD,MAAMC,YAAyC,GAC7CD,gBAAgB,CAAC,CAAC,IAAID,oBAAoB,CAAC,CAAC,GACxCG,OAAO,CAAC,0BAA0B,CAAC,CAACC,OAAO,GAC3CD,OAAO,CAAC,wBAAwB,CAAC,CAACC,OAAO;AAE/C,eAAeF,YAAY"}