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

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

@@ -0,0 +1,117 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UserInfo = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _utils = require("../../../utils");
+var _videoReactBindings = require("@stream-io/video-react-bindings");
+var _ThemeContext = require("../../../contexts/ThemeContext");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var AvatarModes = /*#__PURE__*/function (AvatarModes) {
+  AvatarModes["small"] = "sm";
+  AvatarModes["medium"] = "md";
+  AvatarModes["large"] = "lg";
+  return AvatarModes;
+}(AvatarModes || {});
+const UserInfo = _ref => {
+  let {
+    includeSelf = false,
+    totalMembersToShow = 3
+  } = _ref;
+  const {
+    theme: {
+      colors,
+      typefaces,
+      variants: {
+        avatarSizes
+      },
+      userInfo
+    }
+  } = (0, _ThemeContext.useTheme)();
+  const connectedUser = (0, _videoReactBindings.useConnectedUser)();
+  const {
+    useCallMembers
+  } = (0, _videoReactBindings.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 = (0, _utils.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.default.createElement(_reactNative.View, {
+    style: [styles.container, userInfo.container]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.avatarGroup, userInfo.avatarGroup]
+  }, membersToShow.map(memberToShow => {
+    if (!memberToShow.image) {
+      return null;
+    }
+    return /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+      key: memberToShow.id,
+      style: [avatarStyles]
+      // FIXME: use real avatar from coordinator this is temporary
+      ,
+      source: {
+        uri: memberToShow.image
+      }
+    });
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.name, fontStyleByMembersCount, {
+      color: colors.static_white
+    }, userInfo.name]
+  }, callTitle));
+};
+exports.UserInfo = UserInfo;
+const styles = _reactNative.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/commonjs/components/Call/RingingCallContent/UserInfo.js.map

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

package/dist/commonjs/components/Call/RingingCallContent/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _RingingCallContent = require("./RingingCallContent");
+Object.keys(_RingingCallContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RingingCallContent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _RingingCallContent[key];
+    }
+  });
+});
+var _IncomingCall = require("./IncomingCall");
+Object.keys(_IncomingCall).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _IncomingCall[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _IncomingCall[key];
+    }
+  });
+});
+var _OutgoingCall = require("./OutgoingCall");
+Object.keys(_OutgoingCall).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _OutgoingCall[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _OutgoingCall[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_RingingCallContent","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_IncomingCall","_OutgoingCall"],"sourceRoot":"../../../../../src","sources":["components/Call/RingingCallContent/index.ts"],"mappings":";;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,mBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,mBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,mBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,aAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,aAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,aAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,aAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,aAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,aAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,aAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,aAAA,CAAAN,GAAA;IAAA;EAAA;AAAA"}

package/dist/commonjs/components/Call/index.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _CallContent = require("./CallContent");
+Object.keys(_CallContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CallContent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CallContent[key];
+    }
+  });
+});
+var _CallTopView = require("./CallTopView");
+Object.keys(_CallTopView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CallTopView[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CallTopView[key];
+    }
+  });
+});
+var _CallLayout = require("./CallLayout");
+Object.keys(_CallLayout).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CallLayout[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CallLayout[key];
+    }
+  });
+});
+var _CallControls = require("./CallControls");
+Object.keys(_CallControls).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CallControls[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CallControls[key];
+    }
+  });
+});
+var _CallParticipantsList = require("./CallParticipantsList");
+Object.keys(_CallParticipantsList).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CallParticipantsList[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CallParticipantsList[key];
+    }
+  });
+});
+var _RingingCallContent = require("./RingingCallContent");
+Object.keys(_RingingCallContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RingingCallContent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _RingingCallContent[key];
+    }
+  });
+});
+var _Lobby = require("./Lobby");
+Object.keys(_Lobby).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Lobby[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Lobby[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_CallContent","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_CallTopView","_CallLayout","_CallControls","_CallParticipantsList","_RingingCallContent","_Lobby"],"sourceRoot":"../../../../src","sources":["components/Call/index.ts"],"mappings":"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"}

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

@@ -0,0 +1,170 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _common = require("./common");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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); }
+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 = (0, _react.useRef)(new _reactNative.Animated.ValueXY());
+  const opacity = (0, _react.useRef)(new _reactNative.Animated.Value(0));
+  const [rectangle, setRectangle] = _react.default.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] = (0, _react.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 = (0, _react.useRef)({
+    [_common.FloatingViewAlignment.topLeft]: {
+      x: 0,
+      y: 0
+    },
+    [_common.FloatingViewAlignment.topRight]: {
+      x: 0,
+      y: 0
+    },
+    [_common.FloatingViewAlignment.bottomLeft]: {
+      x: 0,
+      y: 0
+    },
+    [_common.FloatingViewAlignment.bottomRight]: {
+      x: 0,
+      y: 0
+    }
+  });
+  (0, _react.useEffect)(() => {
+    if (!rectangle) {
+      return;
+    }
+    const snapAlignments = (0, _common.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 = (0, _react.useRef)(_reactNative.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: _reactNative.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 = (0, _common.getClosestSnapAlignment)({
+        position: currentPosition,
+        snapAlignments: snapAlignmentsRef.current
+      });
+      _reactNative.Animated.timing(translateRef.current, {
+        toValue: closestAlignment,
+        duration: 300,
+        useNativeDriver: true,
+        // can pass true since we only use transform animation
+        easing: _reactNative.Easing.inOut(_reactNative.Easing.quad)
+      }).start();
+    }
+  })).current;
+  (0, _react.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[_common.FloatingViewAlignment.topRight].x],
+        outputRange: [0, snapAlignmentsRef.current[_common.FloatingViewAlignment.topRight].x],
+        extrapolate: 'clamp'
+      })
+    }, {
+      translateY: translateRef.current.y.interpolate({
+        inputRange: [0, snapAlignmentsRef.current[_common.FloatingViewAlignment.bottomRight].y],
+        outputRange: [0, snapAlignmentsRef.current[_common.FloatingViewAlignment.bottomRight].y],
+        extrapolate: 'clamp'
+      })
+    }]
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, _extends({
+    style: containerStyle
+  }, panResponder.panHandlers), /*#__PURE__*/_react.default.createElement(_reactNative.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: _common.floatingChildViewContainerStyle
+  }, children));
+};
+const styles = _reactNative.StyleSheet.create({
+  animContainer: {
+    position: 'absolute',
+    top: 0,
+    left: 0
+  }
+});
+var _default = AnimatedFloatingView;
+exports.default = _default;
+//# sourceMappingURL=AnimatedFloatingView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_common","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","AnimatedFloatingView","_ref","initialAlignment","containerWidth","containerHeight","children","translateRef","useRef","Animated","ValueXY","opacity","Value","rectangle","setRectangle","React","useState","_","forceUpdate","useReducer","x","snapAlignmentsRef","FloatingViewAlignment","topLeft","y","topRight","bottomLeft","bottomRight","useEffect","snapAlignments","getSnapAlignments","rootContainerDimensions","width","height","floatingViewDimensions","current","setOffset","setValue","panResponder","PanResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderMove","event","dx","dy","useNativeDriver","onPanResponderGrant","extractOffset","onPanResponderRelease","flattenOffset","currentPosition","__getValue","closestAlignment","getClosestSnapAlignment","position","timing","toValue","duration","easing","Easing","inOut","quad","start","console","info","containerStyle","styles","animContainer","transform","translateX","interpolate","inputRange","outputRange","extrapolate","translateY","createElement","View","style","panHandlers","onLayout","layout","nativeEvent","prev","floatingChildViewContainerStyle","StyleSheet","top","left","_default","exports"],"sourceRoot":"../../../../../../src","sources":["components/Participant/FloatingParticipantView/FloatingView/AnimatedFloatingView.tsx"],"mappings":"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"}

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

@@ -0,0 +1,154 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _common = require("./common");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 = (0, _react.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.default.useState();
+    const snapAlignments = (0, _react.useMemo)(() => {
+      if (!rectangle) {
+        return {
+          [_common.FloatingViewAlignment.topLeft]: {
+            x: 0,
+            y: 0
+          },
+          [_common.FloatingViewAlignment.topRight]: {
+            x: 0,
+            y: 0
+          },
+          [_common.FloatingViewAlignment.bottomLeft]: {
+            x: 0,
+            y: 0
+          },
+          [_common.FloatingViewAlignment.bottomRight]: {
+            x: 0,
+            y: 0
+          }
+        };
+      }
+      return (0, _common.getSnapAlignments)({
+        rootContainerDimensions: {
+          width: containerWidth,
+          height: containerHeight
+        },
+        floatingViewDimensions: {
+          width: rectangle.width,
+          height: rectangle.height
+        }
+      });
+    }, [rectangle, containerWidth, containerHeight]);
+    const dragGesture = (0, _react.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[_common.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[_common.FloatingViewAlignment.bottomRight].y));
+    }).onEnd(() => {
+      // snap to the closest alignment with a spring animation
+      const position = {
+        x: translationX.value,
+        y: translationY.value
+      };
+      const closestAlignment = (0, _common.getClosestSnapAlignment)({
+        position,
+        snapAlignments
+      });
+      translationX.value = withTiming(closestAlignment.x);
+      translationY.value = withTiming(closestAlignment.y);
+    }), [snapAlignments, translationX, translationY]);
+    (0, _react.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.default.createElement(GestureDetector, {
+        gesture: dragGesture
+      }, /*#__PURE__*/_react.default.createElement(Reanimated.View, {
+        style: animatedStyle
+      }, /*#__PURE__*/_react.default.createElement(_reactNative.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: _common.floatingChildViewContainerStyle
+      }, children)))
+    );
+  };
+} catch (e) {}
+var _default = ReanimatedFloatingView;
+exports.default = _default;
+//# sourceMappingURL=ReanimatedFloatingView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_common","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ReanimatedFloatingView","Error","Gesture","GestureDetector","Reanimated","useSharedValue","withTiming","useAnimatedStyle","withDelay","_ref","initialAlignment","containerHeight","containerWidth","children","startRef","useRef","x","y","translationX","translationY","opacity","rectangle","setRectangle","React","useState","snapAlignments","useMemo","FloatingViewAlignment","topLeft","topRight","bottomLeft","bottomRight","getSnapAlignments","rootContainerDimensions","width","height","floatingViewDimensions","dragGesture","Pan","onStart","_e","current","value","onUpdate","e","_startRef$current","_startRef$current2","Math","max","min","onEnd","position","closestAlignment","getClosestSnapAlignment","useEffect","alignment","duration","animatedStyle","transform","translateX","translateY","createElement","gesture","View","style","onLayout","event","layout","nativeEvent","prev","floatingChildViewContainerStyle","_default","exports"],"sourceRoot":"../../../../../../src","sources":["components/Participant/FloatingParticipantView/FloatingView/ReanimatedFloatingView.tsx"],"mappings":"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"}