@stream-io/video-react-native-sdk 0.0.1-alpha.358 → 0.0.1-alpha.360

package/CHANGELOG.md

@@ -2,6 +2,19 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.0.1-alpha.360](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.359...@stream-io/video-react-native-sdk-0.0.1-alpha.360) (2023-08-08)
+
+
+### Features
+
+* **react-native:** floating and a snapping animated local video view ([#906](https://github.com/GetStream/stream-video-js/issues/906)) ([aa683f6](https://github.com/GetStream/stream-video-js/commit/aa683f6908ee5b74575eb9f439c50c0d5cd83297))
+
+
+
+## [0.0.1-alpha.359](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.358...@stream-io/video-react-native-sdk-0.0.1-alpha.359) (2023-08-08)
+
+
+
 ## [0.0.1-alpha.358](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.357...@stream-io/video-react-native-sdk-0.0.1-alpha.358) (2023-08-08)
 
 

package/dist/__tests__/components/CallParticipants.test.js

@@ -51,9 +51,9 @@ describe('CallParticipants', () => {
         });
         expect(await RNTLTools_1.screen.findByTestId(TestIds_1.ComponentTestIds.CALL_PARTICIPANTS_GRID)).toBeVisible();
         // Locating and verifying that all ParticipantViews are rendered
-        const localParticipant = (0, RNTLTools_1.within)(RNTLTools_1.screen.getByTestId(TestIds_1.ComponentTestIds.LOCAL_PARTICIPANT));
         const participant1 = (0, RNTLTools_1.within)(RNTLTools_1.screen.getByTestId(`participant-${P_IDS.REMOTE_1}`));
-        expect(localParticipant.getByTestId(TestIds_1.ComponentTestIds.PARTICIPANT_MEDIA_STREAM)).toHaveProp('streamURL', 'video-test-url');
+        // shows the local participant floating view?
+        expect(await RNTLTools_1.screen.findByTestId(TestIds_1.ComponentTestIds.LOCAL_PARTICIPANT)).toBeVisible();
         expect(participant1.getByTestId(TestIds_1.ComponentTestIds.PARTICIPANT_MEDIA_STREAM)).toHaveProp('streamURL', 'audio-test-url');
         // flat list should not be rendered for 2 participants as we should not wrap them in a grid
         expect(RNTLTools_1.screen.queryByLabelText(TestIds_1.ComponentTestIds.CALL_PARTICIPANTS_LIST)).toBeNull();

package/dist/__tests__/components/CallParticipants.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"CallParticipants.test.js","sourceRoot":"","sources":["../../../__tests__/components/CallParticipants.test.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CallParticipants.test.js","sourceRoot":"","sources":["../../../__tests__/components/CallParticipants.test.tsx"],"names":[],"mappings":"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"}

package/dist/jest-setup.js

@@ -25,6 +25,10 @@ const mockedDevices = [
 ];
 // Mock the notifee module using the mock provided by @notifee/react-native itself
 jest.mock('@notifee/react-native', () => require('@notifee/react-native/jest-mock'));
+jest.mock('react-native-reanimated', () => {
+    const RNReanimatedmock = require('react-native-reanimated/mock');
+    return { ...RNReanimatedmock, runOnUI: (fn) => fn };
+});
 // When mocking we implement only the needed navigator APIs, hence the suppression rule
 // @ts-ignore
 global.navigator = {

package/dist/jest-setup.js.map

@@ -1 +1 @@
-{"version":3,"file":"jest-setup.js","sourceRoot":"","sources":["../jest-setup.ts"],"names":[],"mappings":";;AAAA,8BAA8B;AAC9B,sDAAoD;AAEpD,MAAM,WAAW,GAAG;IAClB,SAAS,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC;QACnC;YACE,EAAE,EAAE,iBAAiB;YACrB,IAAI,EAAE,aAAa;YACnB,KAAK,EAAE,cAAc;YACrB,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,KAAK;YACZ,UAAU,EAAE,oBAAoB;YAChC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE;SAChB;KACF,CAAC;CACH,CAAC;AACF,MAAM,aAAa,GAAG;IACpB;QACE,QAAQ,EAAE,kBAAkB;QAC5B,OAAO,EAAE,iBAAiB;QAC1B,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,cAAc;KACtB;CACF,CAAC;AAEF,kFAAkF;AAClF,IAAI,CAAC,IAAI,CAAC,uBAAuB,EAAE,GAAG,EAAE,CACtC,OAAO,CAAC,iCAAiC,CAAC,CAC3C,CAAC;AAEF,uFAAuF;AACvF,aAAa;AACb,MAAM,CAAC,SAAS,GAAG;IACjB,YAAY,EAAE;QACZ,YAAY,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC;QACtD,gBAAgB,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,aAAa,CAAC;KAC7D;CACF,CAAC"}
+{"version":3,"file":"jest-setup.js","sourceRoot":"","sources":["../jest-setup.ts"],"names":[],"mappings":";;AAAA,8BAA8B;AAC9B,sDAAoD;AAEpD,MAAM,WAAW,GAAG;IAClB,SAAS,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC;QACnC;YACE,EAAE,EAAE,iBAAiB;YACrB,IAAI,EAAE,aAAa;YACnB,KAAK,EAAE,cAAc;YACrB,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,KAAK;YACZ,UAAU,EAAE,oBAAoB;YAChC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE;SAChB;KACF,CAAC;CACH,CAAC;AACF,MAAM,aAAa,GAAG;IACpB;QACE,QAAQ,EAAE,kBAAkB;QAC5B,OAAO,EAAE,iBAAiB;QAC1B,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,cAAc;KACtB;CACF,CAAC;AAEF,kFAAkF;AAClF,IAAI,CAAC,IAAI,CAAC,uBAAuB,EAAE,GAAG,EAAE,CACtC,OAAO,CAAC,iCAAiC,CAAC,CAC3C,CAAC;AAEF,IAAI,CAAC,IAAI,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACxC,MAAM,gBAAgB,GAAG,OAAO,CAAC,8BAA8B,CAAC,CAAC;IACjE,OAAO,EAAE,GAAG,gBAAgB,EAAE,OAAO,EAAE,CAAC,EAAO,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;AAC3D,CAAC,CAAC,CAAC;AAEH,uFAAuF;AACvF,aAAa;AACb,MAAM,CAAC,SAAS,GAAG;IACjB,YAAY,EAAE;QACZ,YAAY,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC;QACtD,gBAAgB,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,aAAa,CAAC;KAC7D;CACF,CAAC"}

package/dist/src/components/participants/LocalParticipantView/FloatingView/AnimatedFloatingView.d.ts

@@ -0,0 +1,3 @@
+import { FloatingViewProps } from './common';
+declare const AnimatedFloatingView: ({ initialAlignment, containerWidth, containerHeight, children, }: FloatingViewProps) => JSX.Element;
+export default AnimatedFloatingView;

package/dist/src/components/participants/LocalParticipantView/FloatingView/AnimatedFloatingView.js

@@ -0,0 +1,173 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const common_1 = require("./common");
+const AnimatedFloatingView = ({ initialAlignment, containerWidth, containerHeight, children, }) => {
+    // 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_1.useRef)(new react_native_1.Animated.ValueXY());
+    const opacity = (0, react_1.useRef)(new react_native_1.Animated.Value(0));
+    const [rectangle, setRectangle] = react_1.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_1.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_1.useRef)({
+        [common_1.FloatingViewAlignment.topLeft]: { x: 0, y: 0 },
+        [common_1.FloatingViewAlignment.topRight]: { x: 0, y: 0 },
+        [common_1.FloatingViewAlignment.bottomLeft]: { x: 0, y: 0 },
+        [common_1.FloatingViewAlignment.bottomRight]: { x: 0, y: 0 },
+    });
+    (0, react_1.useEffect)(() => {
+        if (!rectangle) {
+            return;
+        }
+        const snapAlignments = (0, common_1.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_1.useRef)(react_native_1.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: react_native_1.Animated.event([
+            null,
+            {
+                // 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_1.getClosestSnapAlignment)({
+                position: currentPosition,
+                snapAlignments: snapAlignmentsRef.current,
+            });
+            react_native_1.Animated.timing(translateRef.current, {
+                toValue: closestAlignment,
+                duration: 300,
+                useNativeDriver: true,
+                easing: react_native_1.Easing.inOut(react_native_1.Easing.quad),
+            }).start();
+        },
+    })).current;
+    (0, react_1.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?.height,
+        width: 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_1.FloatingViewAlignment.topRight].x,
+                    ],
+                    outputRange: [
+                        0,
+                        snapAlignmentsRef.current[common_1.FloatingViewAlignment.topRight].x,
+                    ],
+                    extrapolate: 'clamp',
+                }),
+            },
+            {
+                translateY: translateRef.current.y.interpolate({
+                    inputRange: [
+                        0,
+                        snapAlignmentsRef.current[common_1.FloatingViewAlignment.bottomRight].y,
+                    ],
+                    outputRange: [
+                        0,
+                        snapAlignmentsRef.current[common_1.FloatingViewAlignment.bottomRight].y,
+                    ],
+                    extrapolate: 'clamp',
+                }),
+            },
+        ],
+    };
+    return (<react_native_1.Animated.View style={containerStyle} {...panResponder.panHandlers}>
+      <react_native_1.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_1.floatingChildViewContainerStyle}>
+        {children}
+      </react_native_1.View>
+    </react_native_1.Animated.View>);
+};
+const styles = react_native_1.StyleSheet.create({
+    animContainer: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+    },
+});
+exports.default = AnimatedFloatingView;
+//# sourceMappingURL=AnimatedFloatingView.js.map

package/dist/src/components/participants/LocalParticipantView/FloatingView/AnimatedFloatingView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedFloatingView.js","sourceRoot":"","sources":["../../../../../../src/components/participants/LocalParticipantView/FloatingView/AnimatedFloatingView.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/participants/LocalParticipantView/FloatingView/ReanimatedFloatingView.d.ts

@@ -0,0 +1,3 @@
+import { FloatingViewProps } from './common';
+declare const ReanimatedFloatingView: ({ initialAlignment, containerHeight, containerWidth, children, }: FloatingViewProps) => JSX.Element;
+export default ReanimatedFloatingView;

package/dist/src/components/participants/LocalParticipantView/FloatingView/ReanimatedFloatingView.js

@@ -0,0 +1,145 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const common_1 = require("./common");
+const react_native_gesture_handler_1 = require("react-native-gesture-handler");
+const react_native_reanimated_1 = __importStar(require("react-native-reanimated"));
+const ReanimatedFloatingView = ({ initialAlignment, containerHeight, containerWidth, children, }) => {
+    // to store the starting position of the gesture
+    const startRef = (0, react_1.useRef)({ x: 0, y: 0 });
+    // to store the necessary translate x, y position
+    const translationX = (0, react_native_reanimated_1.useSharedValue)(0);
+    const translationY = (0, react_native_reanimated_1.useSharedValue)(0);
+    // we don't want to show the floating view until we have the layout rectangle
+    const opacity = (0, react_native_reanimated_1.useSharedValue)(0);
+    const [rectangle, setRectangle] = react_1.default.useState();
+    const snapAlignments = (0, react_1.useMemo)(() => {
+        if (!rectangle) {
+            return {
+                [common_1.FloatingViewAlignment.topLeft]: { x: 0, y: 0 },
+                [common_1.FloatingViewAlignment.topRight]: { x: 0, y: 0 },
+                [common_1.FloatingViewAlignment.bottomLeft]: { x: 0, y: 0 },
+                [common_1.FloatingViewAlignment.bottomRight]: { x: 0, y: 0 },
+            };
+        }
+        return (0, common_1.getSnapAlignments)({
+            rootContainerDimensions: {
+                width: containerWidth,
+                height: containerHeight,
+            },
+            floatingViewDimensions: {
+                width: rectangle.width,
+                height: rectangle.height,
+            },
+        });
+    }, [rectangle, containerWidth, containerHeight]);
+    const dragGesture = (0, react_1.useMemo)(() => react_native_gesture_handler_1.Gesture.Pan()
+        .onStart((_e) => {
+        // store the starting position of the gesture
+        startRef.current = {
+            x: translationX.value,
+            y: translationY.value,
+        };
+    })
+        .onUpdate((e) => {
+        // update the translation with the distance of the gesture + starting position
+        translationX.value = Math.max(0, Math.min(e.translationX + startRef.current.x, snapAlignments[common_1.FloatingViewAlignment.bottomRight].x));
+        translationY.value = Math.max(0, Math.min(e.translationY + startRef.current.y, snapAlignments[common_1.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_1.getClosestSnapAlignment)({
+            position,
+            snapAlignments,
+        });
+        translationX.value = (0, react_native_reanimated_1.withTiming)(closestAlignment.x);
+        translationY.value = (0, react_native_reanimated_1.withTiming)(closestAlignment.y);
+    }), [snapAlignments, translationX, translationY]);
+    (0, react_1.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 = (0, react_native_reanimated_1.withDelay)(500, (0, react_native_reanimated_1.withTiming)(1, { duration: 50 }));
+    }, [
+        rectangle,
+        snapAlignments,
+        initialAlignment,
+        opacity,
+        translationX,
+        translationY,
+    ]);
+    const animatedStyle = (0, react_native_reanimated_1.useAnimatedStyle)(() => {
+        return {
+            height: rectangle?.height,
+            width: 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 (
+    // gesture handler root view must absolutely fill the bounds
+    // to intercept gestures within those bounds
+    <react_native_gesture_handler_1.GestureDetector gesture={dragGesture}>
+      <react_native_reanimated_1.default.View style={animatedStyle}>
+        <react_native_1.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_1.floatingChildViewContainerStyle}>
+          {children}
+        </react_native_1.View>
+      </react_native_reanimated_1.default.View>
+    </react_native_gesture_handler_1.GestureDetector>);
+};
+exports.default = ReanimatedFloatingView;
+//# sourceMappingURL=ReanimatedFloatingView.js.map

package/dist/src/components/participants/LocalParticipantView/FloatingView/ReanimatedFloatingView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReanimatedFloatingView.js","sourceRoot":"","sources":["../../../../../../src/components/participants/LocalParticipantView/FloatingView/ReanimatedFloatingView.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/participants/LocalParticipantView/FloatingView/common.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import { StyleProp, ViewStyle } from 'react-native';
+export declare const enum FloatingViewAlignment {
+    topLeft = 0,
+    topRight = 1,
+    bottomLeft = 2,
+    bottomRight = 3
+}
+export type SnapAlignments = Record<FloatingViewAlignment, {
+    x: number;
+    y: number;
+}>;
+export declare function getSnapAlignments({ rootContainerDimensions, floatingViewDimensions, }: {
+    rootContainerDimensions: {
+        width: number;
+        height: number;
+    };
+    floatingViewDimensions: {
+        width: number;
+        height: number;
+    };
+}): SnapAlignments;
+export declare function getClosestSnapAlignment({ position, snapAlignments, }: {
+    position: {
+        x: number;
+        y: number;
+    };
+    snapAlignments: SnapAlignments;
+}): {
+    x: number;
+    y: number;
+};
+export type FloatingViewProps = React.PropsWithChildren<{
+    initialAlignment: FloatingViewAlignment;
+    containerWidth: number;
+    containerHeight: number;
+}>;
+export declare const floatingChildViewContainerStyle: StyleProp<ViewStyle>;

package/dist/src/components/participants/LocalParticipantView/FloatingView/common.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.floatingChildViewContainerStyle = exports.getClosestSnapAlignment = exports.getSnapAlignments = exports.FloatingViewAlignment = void 0;
+var FloatingViewAlignment;
+(function (FloatingViewAlignment) {
+    // Aligns the floating view to the top left corner.
+    FloatingViewAlignment[FloatingViewAlignment["topLeft"] = 0] = "topLeft";
+    // Aligns the floating view to the top right corner.
+    FloatingViewAlignment[FloatingViewAlignment["topRight"] = 1] = "topRight";
+    // Aligns the floating view to the bottom left corner.
+    FloatingViewAlignment[FloatingViewAlignment["bottomLeft"] = 2] = "bottomLeft";
+    // Aligns the floating view to the bottom right corner.
+    FloatingViewAlignment[FloatingViewAlignment["bottomRight"] = 3] = "bottomRight";
+})(FloatingViewAlignment = exports.FloatingViewAlignment || (exports.FloatingViewAlignment = {}));
+// find the bounds for the floating view
+function getSnapAlignments({ rootContainerDimensions, floatingViewDimensions, }) {
+    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;
+}
+exports.getSnapAlignments = getSnapAlignments;
+// 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
+function getClosestSnapAlignment({ position, snapAlignments, }) {
+    'worklet';
+    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];
+}
+exports.getClosestSnapAlignment = getClosestSnapAlignment;
+exports.floatingChildViewContainerStyle = {
+    alignSelf: 'flex-start',
+};
+//# sourceMappingURL=common.js.map

package/dist/src/components/participants/LocalParticipantView/FloatingView/common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.js","sourceRoot":"","sources":["../../../../../../src/components/participants/LocalParticipantView/FloatingView/common.ts"],"names":[],"mappings":";;;AAEA,IAAkB,qBAYjB;AAZD,WAAkB,qBAAqB;IACrC,mDAAmD;IACnD,uEAAO,CAAA;IAEP,oDAAoD;IACpD,yEAAQ,CAAA;IAER,sDAAsD;IACtD,6EAAU,CAAA;IAEV,uDAAuD;IACvD,+EAAW,CAAA;AACb,CAAC,EAZiB,qBAAqB,GAArB,6BAAqB,KAArB,6BAAqB,QAYtC;AAOD,wCAAwC;AACxC,SAAgB,iBAAiB,CAAC,EAChC,uBAAuB,EACvB,sBAAsB,GAIvB;IACC,MAAM,KAAK,GAAG,uBAAuB,CAAC,KAAK,GAAG,sBAAsB,CAAC,KAAK,CAAC;IAC3E,MAAM,MAAM,GAAG,uBAAuB,CAAC,MAAM,GAAG,sBAAsB,CAAC,MAAM,CAAC;IAC9E,MAAM,WAAW,GAAG;QAClB,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE;YAC/B,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;SACL;QACD,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE;YAChC,CAAC,EAAE,KAAK;YACR,CAAC,EAAE,CAAC;SACL;QACD,CAAC,qBAAqB,CAAC,UAAU,CAAC,EAAE;YAClC,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,MAAM;SACV;QACD,CAAC,qBAAqB,CAAC,WAAW,CAAC,EAAE;YACnC,CAAC,EAAE,KAAK;YACR,CAAC,EAAE,MAAM;SACV;KACF,CAAC;IACF,OAAO,WAAW,CAAC;AACrB,CAAC;AA5BD,8CA4BC;AAED,+DAA+D;AAC/D,8EAA8E;AAC9E,wFAAwF;AACxF,SAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,cAAc,GAIf;IACC,SAAS,CAAC;IACV,IAAI,kBAAkB,GAAG,MAAM,CAAC,SAAS,CAAC;IAC1C,IAAI,uBAAuB,GACzB,qBAAqB,CAAC,QAAQ,CAAC;IACjC,KAAK,MAAM,GAAG,IAAI,cAAc,EAAE;QAChC,mHAAmH;QACnH,MAAM,mBAAmB,GAAG,GAAuC,CAAC;QACpE,MAAM,MAAM,GAAG,cAAc,CAAC,mBAAmB,CAAC,CAAC;QACnD,MAAM,mBAAmB,GACvB,CAAC,MAAM,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;YACjD,CAAC,MAAM,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;QACpD,IAAI,mBAAmB,GAAG,kBAAkB,EAAE;YAC5C,kBAAkB,GAAG,mBAAmB,CAAC;YACzC,uBAAuB,GAAG,mBAAmB,CAAC;SAC/C;KACF;IACD,OAAO,cAAc,CAAC,uBAAuB,CAAC,CAAC;AACjD,CAAC;AAxBD,0DAwBC;AAQY,QAAA,+BAA+B,GAAyB;IACnE,SAAS,EAAE,YAAY;CACxB,CAAC"}

package/dist/src/components/participants/LocalParticipantView/FloatingView/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { FloatingViewProps } from './common';
+declare const FloatingView: React.FC<FloatingViewProps>;
+export default FloatingView;

package/dist/src/components/participants/LocalParticipantView/FloatingView/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const optionalLibs_1 = require("../../../../utils/internal/optionalLibs");
+const FloatingView = (0, optionalLibs_1.getReanimatedLib)() && (0, optionalLibs_1.getGestureHandlerLib)()
+    ? require('./ReanimatedFloatingView').default
+    : require('./AnimatedFloatingView').default;
+exports.default = FloatingView;
+//# sourceMappingURL=index.js.map

package/dist/src/components/participants/LocalParticipantView/FloatingView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/participants/LocalParticipantView/FloatingView/index.ts"],"names":[],"mappings":";;AAAA,0EAGiD;AAGjD,MAAM,YAAY,GAChB,IAAA,+BAAgB,GAAE,IAAI,IAAA,mCAAoB,GAAE;IAC1C,CAAC,CAAC,OAAO,CAAC,0BAA0B,CAAC,CAAC,OAAO;IAC7C,CAAC,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC,OAAO,CAAC;AAEhD,kBAAe,YAAY,CAAC"}