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

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

@@ -0,0 +1,103 @@
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { UserInfo } from './UserInfo';
+import { Z_INDEX } from '../../../constants';
+import { useCall, useCallStateHooks, useI18n } from '@stream-io/video-react-bindings';
+import { RTCView } from '@stream-io/react-native-webrtc';
+import { useTheme } from '../../../contexts/ThemeContext';
+import { OutgoingCallControls as DefaultOutgoingCallControls } from '../CallControls';
+import { CallTopView as DefaultCallTopView } from '../CallTopView';
+import { useCallMediaStreamCleanup } from '../../../hooks/internal/useCallMediaStreamCleanup';
+
+/**
+ * Props for the OutgoingCall Component.
+ */
+
+/**
+ * An outgoing call with the callee's avatar, name, caller's camera in background, reject and mute buttons.
+ * Used after the user has initiated a call.
+ */
+export const OutgoingCall = _ref => {
+  let {
+    CallTopView = DefaultCallTopView,
+    OutgoingCallControls = DefaultOutgoingCallControls
+  } = _ref;
+  const {
+    theme: {
+      colors,
+      typefaces,
+      outgoingCall
+    }
+  } = useTheme();
+  const {
+    t
+  } = useI18n();
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+    style: [StyleSheet.absoluteFill, styles.container, outgoingCall.container]
+  }, CallTopView && /*#__PURE__*/React.createElement(CallTopView, null), /*#__PURE__*/React.createElement(View, {
+    style: [styles.content, outgoingCall.content]
+  }, /*#__PURE__*/React.createElement(UserInfo, null), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.callingText, {
+      color: colors.static_white
+    }, typefaces.heading6, outgoingCall.callingText]
+  }, t('Calling...'))), /*#__PURE__*/React.createElement(View, {
+    style: [styles.outgoingCallControls, outgoingCall.outgoingCallControls]
+  }, OutgoingCallControls && /*#__PURE__*/React.createElement(OutgoingCallControls, null))), /*#__PURE__*/React.createElement(Background, null));
+};
+const Background = () => {
+  const {
+    theme: {
+      colors,
+      outgoingCall
+    }
+  } = useTheme();
+  const call = useCall();
+  const {
+    useCameraState
+  } = useCallStateHooks();
+  const {
+    status
+  } = useCameraState();
+  const localVideoStream = call === null || call === void 0 ? void 0 : call.camera.state.mediaStream;
+  useCallMediaStreamCleanup();
+  if (status === 'disabled' || !localVideoStream) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.background, {
+        backgroundColor: colors.static_grey
+      }, outgoingCall.background]
+    });
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.background, {
+      backgroundColor: colors.static_grey
+    }, outgoingCall.background]
+  }, /*#__PURE__*/React.createElement(RTCView, {
+    streamURL: localVideoStream.toURL(),
+    zOrder: Z_INDEX.IN_BACK,
+    style: StyleSheet.absoluteFill,
+    mirror: true,
+    objectFit: "cover"
+  }));
+};
+const styles = StyleSheet.create({
+  background: {
+    flex: 1
+  },
+  container: {
+    zIndex: Z_INDEX.IN_MIDDLE
+  },
+  content: {
+    paddingTop: 8
+  },
+  callingText: {
+    marginTop: 16,
+    textAlign: 'center'
+  },
+  outgoingCallControls: {
+    position: 'absolute',
+    bottom: 64,
+    left: 0,
+    right: 0
+  }
+});
+//# sourceMappingURL=OutgoingCall.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","View","UserInfo","Z_INDEX","useCall","useCallStateHooks","useI18n","RTCView","useTheme","OutgoingCallControls","DefaultOutgoingCallControls","CallTopView","DefaultCallTopView","useCallMediaStreamCleanup","OutgoingCall","_ref","theme","colors","typefaces","outgoingCall","t","createElement","Fragment","style","absoluteFill","styles","container","content","callingText","color","static_white","heading6","outgoingCallControls","Background","call","useCameraState","status","localVideoStream","camera","state","mediaStream","background","backgroundColor","static_grey","streamURL","toURL","zOrder","IN_BACK","mirror","objectFit","create","flex","zIndex","IN_MIDDLE","paddingTop","marginTop","textAlign","position","bottom","left","right"],"sourceRoot":"../../../../../src","sources":["components/Call/RingingCallContent/OutgoingCall.tsx"],"mappings":"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"}

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

@@ -0,0 +1,65 @@
+import { CallingState } from '@stream-io/video-client';
+import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { CallContent as DefaultCallContent } from '../CallContent';
+import { IncomingCall as DefaultIncomingCall } from './IncomingCall';
+import { OutgoingCall as DefaultOutgoingCall } from './OutgoingCall';
+import { JoiningCallIndicator as DefaultJoiningCallIndicator } from './JoiningCallIndicator';
+import { useTheme } from '../../../contexts';
+
+/**
+ * Props for the RingingCallContent component
+ */
+
+const RingingCallPanel = _ref => {
+  let {
+    IncomingCall = DefaultIncomingCall,
+    OutgoingCall = DefaultOutgoingCall,
+    CallContent = DefaultCallContent,
+    JoiningCallIndicator = DefaultJoiningCallIndicator,
+    CallTopView
+  } = _ref;
+  const call = useCall();
+  const isCallCreatedByMe = call === null || call === void 0 ? void 0 : call.isCreatedByMe;
+  const {
+    useCallCallingState
+  } = useCallStateHooks();
+  const callingState = useCallCallingState();
+  switch (callingState) {
+    case CallingState.RINGING:
+      return isCallCreatedByMe ? OutgoingCall && /*#__PURE__*/React.createElement(OutgoingCall, {
+        CallTopView: CallTopView
+      }) : IncomingCall && /*#__PURE__*/React.createElement(IncomingCall, {
+        CallTopView: CallTopView
+      });
+    case CallingState.JOINED:
+      return CallContent && /*#__PURE__*/React.createElement(CallContent, {
+        CallTopView: CallTopView
+      });
+    case CallingState.JOINING:
+      return JoiningCallIndicator && /*#__PURE__*/React.createElement(JoiningCallIndicator, null);
+    default:
+      return null;
+  }
+};
+
+/**
+ * Component to show the Incoming, Outgoing and CalContent component depending upon the Call states when the call is in ringing mode.
+ */
+export const RingingCallContent = props => {
+  const {
+    theme: {
+      ringingCallContent
+    }
+  } = useTheme();
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, ringingCallContent.container]
+  }, /*#__PURE__*/React.createElement(RingingCallPanel, props));
+};
+const styles = StyleSheet.create({
+  container: {
+    ...StyleSheet.absoluteFillObject
+  }
+});
+//# sourceMappingURL=RingingCallContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CallingState","useCall","useCallStateHooks","React","StyleSheet","View","CallContent","DefaultCallContent","IncomingCall","DefaultIncomingCall","OutgoingCall","DefaultOutgoingCall","JoiningCallIndicator","DefaultJoiningCallIndicator","useTheme","RingingCallPanel","_ref","CallTopView","call","isCallCreatedByMe","isCreatedByMe","useCallCallingState","callingState","RINGING","createElement","JOINED","JOINING","RingingCallContent","props","theme","ringingCallContent","style","styles","container","create","absoluteFillObject"],"sourceRoot":"../../../../../src","sources":["components/Call/RingingCallContent/RingingCallContent.tsx"],"mappings":"AAAA,SAASA,YAAY,QAAQ,yBAAyB;AACtD,SAASC,OAAO,EAAEC,iBAAiB,QAAQ,iCAAiC;AAC5E,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SACEC,WAAW,IAAIC,kBAAkB,QAE5B,gBAAgB;AAEvB,SACEC,YAAY,IAAIC,mBAAmB,QAE9B,gBAAgB;AACvB,SACEC,YAAY,IAAIC,mBAAmB,QAE9B,gBAAgB;AACvB,SAASC,oBAAoB,IAAIC,2BAA2B,QAAQ,wBAAwB;AAC5F,SAASC,QAAQ,QAAQ,mBAAmB;;AAE5C;AACA;AACA;;AAwBA,MAAMC,gBAAgB,GAAGC,IAAA,IAMM;EAAA,IANL;IACxBR,YAAY,GAAGC,mBAAmB;IAClCC,YAAY,GAAGC,mBAAmB;IAClCL,WAAW,GAAGC,kBAAkB;IAChCK,oBAAoB,GAAGC,2BAA2B;IAClDI;EACuB,CAAC,GAAAD,IAAA;EACxB,MAAME,IAAI,GAAGjB,OAAO,CAAC,CAAC;EACtB,MAAMkB,iBAAiB,GAAGD,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEE,aAAa;EAE7C,MAAM;IAAEC;EAAoB,CAAC,GAAGnB,iBAAiB,CAAC,CAAC;EACnD,MAAMoB,YAAY,GAAGD,mBAAmB,CAAC,CAAC;EAE1C,QAAQC,YAAY;IAClB,KAAKtB,YAAY,CAACuB,OAAO;MACvB,OAAOJ,iBAAiB,GACpBT,YAAY,iBAAIP,KAAA,CAAAqB,aAAA,CAACd,YAAY;QAACO,WAAW,EAAEA;MAAY,CAAE,CAAC,GAC1DT,YAAY,iBAAIL,KAAA,CAAAqB,aAAA,CAAChB,YAAY;QAACS,WAAW,EAAEA;MAAY,CAAE,CAAC;IAChE,KAAKjB,YAAY,CAACyB,MAAM;MACtB,OAAOnB,WAAW,iBAAIH,KAAA,CAAAqB,aAAA,CAAClB,WAAW;QAACW,WAAW,EAAEA;MAAY,CAAE,CAAC;IACjE,KAAKjB,YAAY,CAAC0B,OAAO;MACvB,OAAOd,oBAAoB,iBAAIT,KAAA,CAAAqB,aAAA,CAACZ,oBAAoB,MAAE,CAAC;IACzD;MACE,OAAO,IAAI;EACf;AACF,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMe,kBAAkB,GAAIC,KAA8B,IAAK;EACpE,MAAM;IACJC,KAAK,EAAE;MAAEC;IAAmB;EAC9B,CAAC,GAAGhB,QAAQ,CAAC,CAAC;EACd,oBACEX,KAAA,CAAAqB,aAAA,CAACnB,IAAI;IAAC0B,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAEH,kBAAkB,CAACG,SAAS;EAAE,gBAC5D9B,KAAA,CAAAqB,aAAA,CAACT,gBAAgB,EAAKa,KAAQ,CAC1B,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAG5B,UAAU,CAAC8B,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACT,GAAG7B,UAAU,CAAC+B;EAChB;AACF,CAAC,CAAC"}

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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"}