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

package/dist/module/components/Call/CallControls/OutgoingCallControls.js

@@ -0,0 +1,39 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useTheme } from '../../../contexts';
+import { HangUpCallButton } from './HangupCallButton';
+import { ToggleAudioPreviewButton } from './ToggleAudioPreviewButton';
+import { ToggleVideoPreviewButton } from './ToggleVideoPreviewButton';
+
+/**
+ * Props for the OutgoingCallControls Component.
+ */
+
+export const OutgoingCallControls = _ref => {
+  let {
+    onHangupCallHandler
+  } = _ref;
+  const {
+    theme: {
+      outgoingCall
+    }
+  } = useTheme();
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.buttonGroup, outgoingCall.buttonGroup]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.deviceControlButtons, outgoingCall.deviceControlButtons]
+  }, /*#__PURE__*/React.createElement(ToggleAudioPreviewButton, null), /*#__PURE__*/React.createElement(ToggleVideoPreviewButton, null)), /*#__PURE__*/React.createElement(HangUpCallButton, {
+    onPressHandler: onHangupCallHandler
+  }));
+};
+const styles = StyleSheet.create({
+  buttonGroup: {
+    alignItems: 'center'
+  },
+  deviceControlButtons: {
+    width: '100%',
+    flexDirection: 'row',
+    justifyContent: 'space-evenly'
+  }
+});
+//# sourceMappingURL=OutgoingCallControls.js.map

package/dist/module/components/Call/CallControls/OutgoingCallControls.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","useTheme","HangUpCallButton","ToggleAudioPreviewButton","ToggleVideoPreviewButton","OutgoingCallControls","_ref","onHangupCallHandler","theme","outgoingCall","createElement","style","styles","buttonGroup","deviceControlButtons","onPressHandler","create","alignItems","width","flexDirection","justifyContent"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/OutgoingCallControls.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,wBAAwB,QAAQ,4BAA4B;AACrE,SAASC,wBAAwB,QAAQ,4BAA4B;;AAErE;AACA;AACA;;AAQA,OAAO,MAAMC,oBAAoB,GAAGC,IAAA,IAEH;EAAA,IAFI;IACnCC;EACyB,CAAC,GAAAD,IAAA;EAC1B,MAAM;IACJE,KAAK,EAAE;MAAEC;IAAa;EACxB,CAAC,GAAGR,QAAQ,CAAC,CAAC;EACd,oBACEH,KAAA,CAAAY,aAAA,CAACV,IAAI;IAACW,KAAK,EAAE,CAACC,MAAM,CAACC,WAAW,EAAEJ,YAAY,CAACI,WAAW;EAAE,gBAC1Df,KAAA,CAAAY,aAAA,CAACV,IAAI;IACHW,KAAK,EAAE,CAACC,MAAM,CAACE,oBAAoB,EAAEL,YAAY,CAACK,oBAAoB;EAAE,gBAExEhB,KAAA,CAAAY,aAAA,CAACP,wBAAwB,MAAE,CAAC,eAC5BL,KAAA,CAAAY,aAAA,CAACN,wBAAwB,MAAE,CACvB,CAAC,eACPN,KAAA,CAAAY,aAAA,CAACR,gBAAgB;IAACa,cAAc,EAAER;EAAoB,CAAE,CACpD,CAAC;AAEX,CAAC;AAED,MAAMK,MAAM,GAAGb,UAAU,CAACiB,MAAM,CAAC;EAC/BH,WAAW,EAAE;IACXI,UAAU,EAAE;EACd,CAAC;EACDH,oBAAoB,EAAE;IACpBI,KAAK,EAAE,MAAM;IACbC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/dist/module/components/Call/CallControls/ReactionButton.js

@@ -0,0 +1,63 @@
+import { Restricted } from '@stream-io/video-react-bindings';
+import React, { useState } from 'react';
+import { CallControlsButton } from './CallControlsButton';
+import { OwnCapability } from '@stream-io/video-client';
+import { ButtonTestIds } from '../../../constants/TestIds';
+import { Reaction } from '../../../icons';
+import { ReactionsPicker } from './internal/ReactionsPicker';
+import { StreamVideoRN } from '../../../utils';
+import { useTheme } from '../../../contexts/ThemeContext';
+
+/**
+ * Props for the Reaction button
+ */
+
+/**
+ * Button to display the list of Reactions supported in the call.
+ * On press, it opens a view that can be used to send Reaction.
+ */
+export const ReactionButton = _ref => {
+  let {
+    onPressHandler
+  } = _ref;
+  const [showReactionsPicker, setShowReactionsPicker] = useState(false);
+  const [reactionsButtonLayoutRectangle, setReactionsButtonLayoutRectangle] = useState();
+  const {
+    theme: {
+      colors
+    }
+  } = useTheme();
+  // This is for the reaction picker
+  const onReactionsButtonLayout = event => {
+    const layout = event.nativeEvent.layout;
+    setReactionsButtonLayoutRectangle(prev => {
+      if (prev && prev.width === layout.width && prev.height === layout.height && prev.x === layout.x && prev.y === layout.y) {
+        return prev;
+      }
+      return layout;
+    });
+  };
+  const reactionButtonHandler = () => {
+    if (onPressHandler) {
+      onPressHandler();
+      return;
+    }
+    setShowReactionsPicker(true);
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Restricted, {
+    requiredGrants: [OwnCapability.CREATE_REACTION]
+  }, /*#__PURE__*/React.createElement(CallControlsButton, {
+    testID: ButtonTestIds.REACTION,
+    onPress: reactionButtonHandler,
+    onLayout: onReactionsButtonLayout
+  }, /*#__PURE__*/React.createElement(Reaction, {
+    color: colors.static_black
+  }))), showReactionsPicker && /*#__PURE__*/React.createElement(ReactionsPicker, {
+    reactions: StreamVideoRN.getConfig().supportedReactions,
+    reactionsButtonLayoutRectangle: reactionsButtonLayoutRectangle,
+    onRequestedClose: () => {
+      setShowReactionsPicker(false);
+    }
+  }));
+};
+//# sourceMappingURL=ReactionButton.js.map

package/dist/module/components/Call/CallControls/ReactionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Restricted","React","useState","CallControlsButton","OwnCapability","ButtonTestIds","Reaction","ReactionsPicker","StreamVideoRN","useTheme","ReactionButton","_ref","onPressHandler","showReactionsPicker","setShowReactionsPicker","reactionsButtonLayoutRectangle","setReactionsButtonLayoutRectangle","theme","colors","onReactionsButtonLayout","event","layout","nativeEvent","prev","width","height","x","y","reactionButtonHandler","createElement","Fragment","requiredGrants","CREATE_REACTION","testID","REACTION","onPress","onLayout","color","static_black","reactions","getConfig","supportedReactions","onRequestedClose"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ReactionButton.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,iCAAiC;AAC5D,OAAOC,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,aAAa,QAAQ,yBAAyB;AACvD,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,SAASC,aAAa,QAAQ,gBAAgB;AAE9C,SAASC,QAAQ,QAAQ,gCAAgC;;AAEzD;AACA;AACA;;AAQA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GAAGC,IAAA,IAA6C;EAAA,IAA5C;IAAEC;EAAoC,CAAC,GAAAD,IAAA;EACpE,MAAM,CAACE,mBAAmB,EAAEC,sBAAsB,CAAC,GACjDZ,QAAQ,CAAU,KAAK,CAAC;EAC1B,MAAM,CAACa,8BAA8B,EAAEC,iCAAiC,CAAC,GACvEd,QAAQ,CAAkB,CAAC;EAC7B,MAAM;IACJe,KAAK,EAAE;MAAEC;IAAO;EAClB,CAAC,GAAGT,QAAQ,CAAC,CAAC;EACd;EACA,MAAMU,uBAAuB,GAAIC,KAAwB,IAAK;IAC5D,MAAMC,MAAM,GAAGD,KAAK,CAACE,WAAW,CAACD,MAAM;IACvCL,iCAAiC,CAAEO,IAAI,IAAK;MAC1C,IACEA,IAAI,IACJA,IAAI,CAACC,KAAK,KAAKH,MAAM,CAACG,KAAK,IAC3BD,IAAI,CAACE,MAAM,KAAKJ,MAAM,CAACI,MAAM,IAC7BF,IAAI,CAACG,CAAC,KAAKL,MAAM,CAACK,CAAC,IACnBH,IAAI,CAACI,CAAC,KAAKN,MAAM,CAACM,CAAC,EACnB;QACA,OAAOJ,IAAI;MACb;MACA,OAAOF,MAAM;IACf,CAAC,CAAC;EACJ,CAAC;EAED,MAAMO,qBAAqB,GAAGA,CAAA,KAAM;IAClC,IAAIhB,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACAE,sBAAsB,CAAC,IAAI,CAAC;EAC9B,CAAC;EAED,oBACEb,KAAA,CAAA4B,aAAA,CAAA5B,KAAA,CAAA6B,QAAA,qBACE7B,KAAA,CAAA4B,aAAA,CAAC7B,UAAU;IAAC+B,cAAc,EAAE,CAAC3B,aAAa,CAAC4B,eAAe;EAAE,gBAC1D/B,KAAA,CAAA4B,aAAA,CAAC1B,kBAAkB;IACjB8B,MAAM,EAAE5B,aAAa,CAAC6B,QAAS;IAC/BC,OAAO,EAAEP,qBAAsB;IAC/BQ,QAAQ,EAAEjB;EAAwB,gBAElClB,KAAA,CAAA4B,aAAA,CAACvB,QAAQ;IAAC+B,KAAK,EAAEnB,MAAM,CAACoB;EAAa,CAAE,CACrB,CACV,CAAC,EACZzB,mBAAmB,iBAClBZ,KAAA,CAAA4B,aAAA,CAACtB,eAAe;IACdgC,SAAS,EAAE/B,aAAa,CAACgC,SAAS,CAAC,CAAC,CAACC,kBAAmB;IACxD1B,8BAA8B,EAAEA,8BAA+B;IAC/D2B,gBAAgB,EAAEA,CAAA,KAAM;MACtB5B,sBAAsB,CAAC,KAAK,CAAC;IAC/B;EAAE,CACH,CAEH,CAAC;AAEP,CAAC"}

package/dist/module/components/Call/CallControls/RejectCallButton.js

@@ -0,0 +1,67 @@
+import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
+import React from 'react';
+import { CallControlsButton } from './CallControlsButton';
+import { PhoneDown } from '../../../icons';
+import { CallingState } from '@stream-io/video-client';
+import { useTheme } from '../../../contexts/ThemeContext';
+
+/**
+ * The props for the Reject Call button.
+ */
+
+/**
+ * Button to reject a call.
+ *
+ * Mostly calls call.leave({ reject: true }) internally.
+ */
+export const RejectCallButton = _ref => {
+  let {
+    onPressHandler,
+    onRejectCallHandler
+  } = _ref;
+  const call = useCall();
+  const {
+    useCallCallingState
+  } = useCallStateHooks();
+  const callingState = useCallCallingState();
+  const {
+    theme: {
+      colors,
+      rejectCallButton,
+      variants: {
+        buttonSizes
+      }
+    }
+  } = useTheme();
+  const rejectCallHandler = async () => {
+    if (onPressHandler) {
+      onPressHandler();
+      return;
+    }
+    try {
+      if (callingState === CallingState.LEFT) {
+        return;
+      }
+      await (call === null || call === void 0 ? void 0 : call.leave({
+        reject: true
+      }));
+      if (onRejectCallHandler) {
+        onRejectCallHandler();
+      }
+    } catch (error) {
+      console.log('Error rejecting Call', error);
+    }
+  };
+  return /*#__PURE__*/React.createElement(CallControlsButton, {
+    onPress: rejectCallHandler,
+    color: colors.error,
+    size: buttonSizes.lg
+    // TODO: check what to do about this random style prop
+    // svgContainerStyle={theme.icon.lg}
+    ,
+    style: rejectCallButton
+  }, /*#__PURE__*/React.createElement(PhoneDown, {
+    color: colors.static_white
+  }));
+};
+//# sourceMappingURL=RejectCallButton.js.map

package/dist/module/components/Call/CallControls/RejectCallButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCall","useCallStateHooks","React","CallControlsButton","PhoneDown","CallingState","useTheme","RejectCallButton","_ref","onPressHandler","onRejectCallHandler","call","useCallCallingState","callingState","theme","colors","rejectCallButton","variants","buttonSizes","rejectCallHandler","LEFT","leave","reject","error","console","log","createElement","onPress","color","size","lg","style","static_white"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/RejectCallButton.tsx"],"mappings":"AAAA,SAASA,OAAO,EAAEC,iBAAiB,QAAQ,iCAAiC;AAC5E,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,SAAS,QAAQ,gBAAgB;AAC1C,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,QAAQ,QAAQ,gCAAgC;;AAEzD;AACA;AACA;;AAeA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAGC,IAAA,IAGH;EAAA,IAHI;IAC/BC,cAAc;IACdC;EACqB,CAAC,GAAAF,IAAA;EACtB,MAAMG,IAAI,GAAGX,OAAO,CAAC,CAAC;EACtB,MAAM;IAAEY;EAAoB,CAAC,GAAGX,iBAAiB,CAAC,CAAC;EACnD,MAAMY,YAAY,GAAGD,mBAAmB,CAAC,CAAC;EAC1C,MAAM;IACJE,KAAK,EAAE;MACLC,MAAM;MACNC,gBAAgB;MAChBC,QAAQ,EAAE;QAAEC;MAAY;IAC1B;EACF,CAAC,GAAGZ,QAAQ,CAAC,CAAC;EACd,MAAMa,iBAAiB,GAAG,MAAAA,CAAA,KAAY;IACpC,IAAIV,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACA,IAAI;MACF,IAAII,YAAY,KAAKR,YAAY,CAACe,IAAI,EAAE;QACtC;MACF;MACA,OAAMT,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEU,KAAK,CAAC;QAAEC,MAAM,EAAE;MAAK,CAAC,CAAC;MACnC,IAAIZ,mBAAmB,EAAE;QACvBA,mBAAmB,CAAC,CAAC;MACvB;IACF,CAAC,CAAC,OAAOa,KAAK,EAAE;MACdC,OAAO,CAACC,GAAG,CAAC,sBAAsB,EAAEF,KAAK,CAAC;IAC5C;EACF,CAAC;EAED,oBACErB,KAAA,CAAAwB,aAAA,CAACvB,kBAAkB;IACjBwB,OAAO,EAAER,iBAAkB;IAC3BS,KAAK,EAAEb,MAAM,CAACQ,KAAM;IACpBM,IAAI,EAAEX,WAAW,CAACY;IAClB;IACA;IAAA;IACAC,KAAK,EAAEf;EAAiB,gBAExBd,KAAA,CAAAwB,aAAA,CAACtB,SAAS;IAACwB,KAAK,EAAEb,MAAM,CAACiB;EAAa,CAAE,CACtB,CAAC;AAEzB,CAAC"}

package/dist/module/components/Call/CallControls/ToggleAudioPreviewButton.js

@@ -0,0 +1,61 @@
+import { useCallStateHooks } from '@stream-io/video-react-bindings';
+import React from 'react';
+import { useTheme } from '../../../contexts';
+import { Mic, MicOff } from '../../../icons';
+import { useMediaStreamManagement } from '../../../providers';
+import { CallControlsButton } from './CallControlsButton';
+
+/**
+ * Props for the Toggle Audio preview button
+ */
+
+/**
+ * Button to toggle audio mute/unmute status before joining the call.
+ */
+export const ToggleAudioPreviewButton = _ref => {
+  let {
+    onPressHandler
+  } = _ref;
+  const {
+    theme: {
+      colors,
+      toggleAudioPreviewButton,
+      variants: {
+        buttonSizes
+      }
+    }
+  } = useTheme();
+  const {
+    useMicrophoneState
+  } = useCallStateHooks();
+  const {
+    status
+  } = useMicrophoneState();
+  const {
+    toggleInitialAudioMuteState
+  } = useMediaStreamManagement();
+  const onPress = () => {
+    if (onPressHandler) {
+      onPressHandler();
+      return;
+    }
+    toggleInitialAudioMuteState();
+  };
+  return /*#__PURE__*/React.createElement(CallControlsButton, {
+    onPress: onPress,
+    color: status === 'enabled' ? colors.static_white : colors.static_black,
+    size: buttonSizes.md,
+    style: {
+      container: {
+        shadowColor: status === 'enabled' ? colors.static_white : colors.static_black,
+        ...toggleAudioPreviewButton.container
+      },
+      svgContainer: toggleAudioPreviewButton.svgContainer
+    }
+  }, status === 'enabled' ? /*#__PURE__*/React.createElement(Mic, {
+    color: colors.static_black
+  }) : /*#__PURE__*/React.createElement(MicOff, {
+    color: colors.static_white
+  }));
+};
+//# sourceMappingURL=ToggleAudioPreviewButton.js.map

package/dist/module/components/Call/CallControls/ToggleAudioPreviewButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallStateHooks","React","useTheme","Mic","MicOff","useMediaStreamManagement","CallControlsButton","ToggleAudioPreviewButton","_ref","onPressHandler","theme","colors","toggleAudioPreviewButton","variants","buttonSizes","useMicrophoneState","status","toggleInitialAudioMuteState","onPress","createElement","color","static_white","static_black","size","md","style","container","shadowColor","svgContainer"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ToggleAudioPreviewButton.tsx"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,iCAAiC;AACnE,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,GAAG,EAAEC,MAAM,QAAQ,gBAAgB;AAC5C,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,kBAAkB,QAAQ,sBAAsB;;AAEzD;AACA;AACA;;AASA;AACA;AACA;AACA,OAAO,MAAMC,wBAAwB,GAAGC,IAAA,IAEH;EAAA,IAFI;IACvCC;EAC6B,CAAC,GAAAD,IAAA;EAC9B,MAAM;IACJE,KAAK,EAAE;MACLC,MAAM;MACNC,wBAAwB;MACxBC,QAAQ,EAAE;QAAEC;MAAY;IAC1B;EACF,CAAC,GAAGZ,QAAQ,CAAC,CAAC;EACd,MAAM;IAAEa;EAAmB,CAAC,GAAGf,iBAAiB,CAAC,CAAC;EAClD,MAAM;IAAEgB;EAAO,CAAC,GAAGD,kBAAkB,CAAC,CAAC;EAEvC,MAAM;IAAEE;EAA4B,CAAC,GAAGZ,wBAAwB,CAAC,CAAC;EAElE,MAAMa,OAAO,GAAGA,CAAA,KAAM;IACpB,IAAIT,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACAQ,2BAA2B,CAAC,CAAC;EAC/B,CAAC;EAED,oBACEhB,KAAA,CAAAkB,aAAA,CAACb,kBAAkB;IACjBY,OAAO,EAAEA,OAAQ;IACjBE,KAAK,EAAEJ,MAAM,KAAK,SAAS,GAAGL,MAAM,CAACU,YAAY,GAAGV,MAAM,CAACW,YAAa;IACxEC,IAAI,EAAET,WAAW,CAACU,EAAG;IACrBC,KAAK,EAAE;MACLC,SAAS,EAAE;QACTC,WAAW,EACTX,MAAM,KAAK,SAAS,GAAGL,MAAM,CAACU,YAAY,GAAGV,MAAM,CAACW,YAAY;QAClE,GAAGV,wBAAwB,CAACc;MAC9B,CAAC;MACDE,YAAY,EAAEhB,wBAAwB,CAACgB;IACzC;EAAE,GAEDZ,MAAM,KAAK,SAAS,gBACnBf,KAAA,CAAAkB,aAAA,CAAChB,GAAG;IAACiB,KAAK,EAAET,MAAM,CAACW;EAAa,CAAE,CAAC,gBAEnCrB,KAAA,CAAAkB,aAAA,CAACf,MAAM;IAACgB,KAAK,EAAET,MAAM,CAACU;EAAa,CAAE,CAErB,CAAC;AAEzB,CAAC"}

package/dist/module/components/Call/CallControls/ToggleAudioPublishingButton.js

@@ -0,0 +1,51 @@
+import React from 'react';
+import { OwnCapability } from '@stream-io/video-client';
+import { Restricted, useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
+import { CallControlsButton } from './CallControlsButton';
+import { Mic, MicOff } from '../../../icons';
+import { useTheme } from '../../../contexts/ThemeContext';
+
+/**
+ * Props for the Toggle Audio publishing button
+ */
+
+/**
+ * Button to toggle audio mute/unmute status while in the call.
+ */
+export const ToggleAudioPublishingButton = _ref => {
+  let {
+    onPressHandler
+  } = _ref;
+  const call = useCall();
+  const {
+    useMicrophoneState
+  } = useCallStateHooks();
+  const {
+    status
+  } = useMicrophoneState();
+  const {
+    theme: {
+      colors,
+      toggleAudioPublishingButton
+    }
+  } = useTheme();
+  const onPress = async () => {
+    if (onPressHandler) {
+      onPressHandler();
+      return;
+    }
+    await (call === null || call === void 0 ? void 0 : call.microphone.toggle());
+  };
+  return /*#__PURE__*/React.createElement(Restricted, {
+    requiredGrants: [OwnCapability.SEND_AUDIO]
+  }, /*#__PURE__*/React.createElement(CallControlsButton, {
+    onPress: onPress,
+    color: status === 'disabled' ? colors.overlay_dark : colors.static_white,
+    style: toggleAudioPublishingButton
+  }, status === 'disabled' ? /*#__PURE__*/React.createElement(MicOff, {
+    color: colors.static_white
+  }) : /*#__PURE__*/React.createElement(Mic, {
+    color: colors.static_black
+  })));
+};
+//# sourceMappingURL=ToggleAudioPublishingButton.js.map

package/dist/module/components/Call/CallControls/ToggleAudioPublishingButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","OwnCapability","Restricted","useCall","useCallStateHooks","CallControlsButton","Mic","MicOff","useTheme","ToggleAudioPublishingButton","_ref","onPressHandler","call","useMicrophoneState","status","theme","colors","toggleAudioPublishingButton","onPress","microphone","toggle","createElement","requiredGrants","SEND_AUDIO","color","overlay_dark","static_white","style","static_black"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ToggleAudioPublishingButton.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAQ,yBAAyB;AACvD,SACEC,UAAU,EACVC,OAAO,EACPC,iBAAiB,QACZ,iCAAiC;AACxC,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,GAAG,EAAEC,MAAM,QAAQ,gBAAgB;AAC5C,SAASC,QAAQ,QAAQ,gCAAgC;;AAEzD;AACA;AACA;;AASA;AACA;AACA;AACA,OAAO,MAAMC,2BAA2B,GAAGC,IAAA,IAEH;EAAA,IAFI;IAC1CC;EACgC,CAAC,GAAAD,IAAA;EACjC,MAAME,IAAI,GAAGT,OAAO,CAAC,CAAC;EACtB,MAAM;IAAEU;EAAmB,CAAC,GAAGT,iBAAiB,CAAC,CAAC;EAClD,MAAM;IAAEU;EAAO,CAAC,GAAGD,kBAAkB,CAAC,CAAC;EAEvC,MAAM;IACJE,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAA4B;EAC/C,CAAC,GAAGT,QAAQ,CAAC,CAAC;EACd,MAAMU,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,IAAIP,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IAEA,OAAMC,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEO,UAAU,CAACC,MAAM,CAAC,CAAC;EACjC,CAAC;EAED,oBACEpB,KAAA,CAAAqB,aAAA,CAACnB,UAAU;IAACoB,cAAc,EAAE,CAACrB,aAAa,CAACsB,UAAU;EAAE,gBACrDvB,KAAA,CAAAqB,aAAA,CAAChB,kBAAkB;IACjBa,OAAO,EAAEA,OAAQ;IACjBM,KAAK,EACHV,MAAM,KAAK,UAAU,GAAGE,MAAM,CAACS,YAAY,GAAGT,MAAM,CAACU,YACtD;IACDC,KAAK,EAAEV;EAA4B,GAElCH,MAAM,KAAK,UAAU,gBACpBd,KAAA,CAAAqB,aAAA,CAACd,MAAM;IAACiB,KAAK,EAAER,MAAM,CAACU;EAAa,CAAE,CAAC,gBAEtC1B,KAAA,CAAAqB,aAAA,CAACf,GAAG;IAACkB,KAAK,EAAER,MAAM,CAACY;EAAa,CAAE,CAElB,CACV,CAAC;AAEjB,CAAC"}

package/dist/module/components/Call/CallControls/ToggleCameraFaceButton.js

@@ -0,0 +1,51 @@
+import { OwnCapability } from '@stream-io/video-client';
+import { Restricted, useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
+import React from 'react';
+import { CallControlsButton } from './CallControlsButton';
+import { CameraSwitch } from '../../../icons';
+import { useTheme } from '../../../contexts/ThemeContext';
+
+/**
+ * Props for the Toggle Camera face button.
+ */
+
+/**
+ * Button to toggle camera face(front/back) when in the call.
+ */
+export const ToggleCameraFaceButton = _ref => {
+  let {
+    onPressHandler
+  } = _ref;
+  const call = useCall();
+  const {
+    useCameraState
+  } = useCallStateHooks();
+  const {
+    status,
+    direction
+  } = useCameraState();
+  const {
+    theme: {
+      colors,
+      toggleCameraFaceButton
+    }
+  } = useTheme();
+  const onPress = async () => {
+    if (onPressHandler) {
+      onPressHandler();
+      return;
+    }
+    await (call === null || call === void 0 ? void 0 : call.camera.flip());
+  };
+  return /*#__PURE__*/React.createElement(Restricted, {
+    requiredGrants: [OwnCapability.SEND_VIDEO]
+  }, /*#__PURE__*/React.createElement(CallControlsButton, {
+    onPress: onPress,
+    color: direction === 'back' ? colors.overlay_dark : colors.static_white,
+    disabled: status === 'disabled',
+    style: toggleCameraFaceButton
+  }, /*#__PURE__*/React.createElement(CameraSwitch, {
+    color: direction === 'front' ? colors.static_black : colors.static_white
+  })));
+};
+//# sourceMappingURL=ToggleCameraFaceButton.js.map

package/dist/module/components/Call/CallControls/ToggleCameraFaceButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OwnCapability","Restricted","useCall","useCallStateHooks","React","CallControlsButton","CameraSwitch","useTheme","ToggleCameraFaceButton","_ref","onPressHandler","call","useCameraState","status","direction","theme","colors","toggleCameraFaceButton","onPress","camera","flip","createElement","requiredGrants","SEND_VIDEO","color","overlay_dark","static_white","disabled","style","static_black"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ToggleCameraFaceButton.tsx"],"mappings":"AAAA,SAASA,aAAa,QAAQ,yBAAyB;AACvD,SACEC,UAAU,EACVC,OAAO,EACPC,iBAAiB,QACZ,iCAAiC;AACxC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,QAAQ,QAAQ,gCAAgC;;AAEzD;AACA;AACA;;AASA;AACA;AACA;AACA,OAAO,MAAMC,sBAAsB,GAAGC,IAAA,IAEH;EAAA,IAFI;IACrCC;EAC2B,CAAC,GAAAD,IAAA;EAC5B,MAAME,IAAI,GAAGT,OAAO,CAAC,CAAC;EACtB,MAAM;IAAEU;EAAe,CAAC,GAAGT,iBAAiB,CAAC,CAAC;EAC9C,MAAM;IAAEU,MAAM;IAAEC;EAAU,CAAC,GAAGF,cAAc,CAAC,CAAC;EAE9C,MAAM;IACJG,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAuB;EAC1C,CAAC,GAAGV,QAAQ,CAAC,CAAC;EACd,MAAMW,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,IAAIR,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IAEA,OAAMC,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEQ,MAAM,CAACC,IAAI,CAAC,CAAC;EAC3B,CAAC;EAED,oBACEhB,KAAA,CAAAiB,aAAA,CAACpB,UAAU;IAACqB,cAAc,EAAE,CAACtB,aAAa,CAACuB,UAAU;EAAE,gBACrDnB,KAAA,CAAAiB,aAAA,CAAChB,kBAAkB;IACjBa,OAAO,EAAEA,OAAQ;IACjBM,KAAK,EAAEV,SAAS,KAAK,MAAM,GAAGE,MAAM,CAACS,YAAY,GAAGT,MAAM,CAACU,YAAa;IACxEC,QAAQ,EAAEd,MAAM,KAAK,UAAW;IAChCe,KAAK,EAAEX;EAAuB,gBAE9Bb,KAAA,CAAAiB,aAAA,CAACf,YAAY;IACXkB,KAAK,EACHV,SAAS,KAAK,OAAO,GAAGE,MAAM,CAACa,YAAY,GAAGb,MAAM,CAACU;EACtD,CACF,CACiB,CACV,CAAC;AAEjB,CAAC"}

package/dist/module/components/Call/CallControls/ToggleVideoPreviewButton.js

@@ -0,0 +1,61 @@
+import React from 'react';
+import { useCallStateHooks } from '@stream-io/video-react-bindings';
+import { useMediaStreamManagement } from '../../../providers';
+import { useTheme } from '../../../contexts';
+import { CallControlsButton } from './CallControlsButton';
+import { Video, VideoSlash } from '../../../icons';
+
+/**
+ * Props for the Toggle Video preview button
+ */
+
+/**
+ * Button to toggle video mute/unmute status before joining the call.
+ */
+export const ToggleVideoPreviewButton = _ref => {
+  let {
+    onPressHandler
+  } = _ref;
+  const {
+    theme: {
+      colors,
+      toggleVideoPreviewButton,
+      variants: {
+        buttonSizes
+      }
+    }
+  } = useTheme();
+  const {
+    toggleInitialVideoMuteState
+  } = useMediaStreamManagement();
+  const {
+    useCameraState
+  } = useCallStateHooks();
+  const {
+    status
+  } = useCameraState();
+  const onPress = () => {
+    if (onPressHandler) {
+      onPressHandler();
+      return;
+    }
+    toggleInitialVideoMuteState();
+  };
+  return /*#__PURE__*/React.createElement(CallControlsButton, {
+    onPress: onPress,
+    color: status === 'enabled' ? colors.static_white : colors.static_black,
+    size: buttonSizes.md,
+    style: {
+      container: {
+        shadowColor: status === 'enabled' ? colors.static_white : colors.static_black,
+        ...toggleVideoPreviewButton.container
+      },
+      svgContainer: toggleVideoPreviewButton.svgContainer
+    }
+  }, status === 'enabled' ? /*#__PURE__*/React.createElement(Video, {
+    color: colors.static_black
+  }) : /*#__PURE__*/React.createElement(VideoSlash, {
+    color: colors.static_white
+  }));
+};
+//# sourceMappingURL=ToggleVideoPreviewButton.js.map

package/dist/module/components/Call/CallControls/ToggleVideoPreviewButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallStateHooks","useMediaStreamManagement","useTheme","CallControlsButton","Video","VideoSlash","ToggleVideoPreviewButton","_ref","onPressHandler","theme","colors","toggleVideoPreviewButton","variants","buttonSizes","toggleInitialVideoMuteState","useCameraState","status","onPress","createElement","color","static_white","static_black","size","md","style","container","shadowColor","svgContainer"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ToggleVideoPreviewButton.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,iBAAiB,QAAQ,iCAAiC;AACnE,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,KAAK,EAAEC,UAAU,QAAQ,gBAAgB;;AAElD;AACA;AACA;;AASA;AACA;AACA;AACA,OAAO,MAAMC,wBAAwB,GAAGC,IAAA,IAEH;EAAA,IAFI;IACvCC;EAC6B,CAAC,GAAAD,IAAA;EAC9B,MAAM;IACJE,KAAK,EAAE;MACLC,MAAM;MACNC,wBAAwB;MACxBC,QAAQ,EAAE;QAAEC;MAAY;IAC1B;EACF,CAAC,GAAGX,QAAQ,CAAC,CAAC;EACd,MAAM;IAAEY;EAA4B,CAAC,GAAGb,wBAAwB,CAAC,CAAC;EAClE,MAAM;IAAEc;EAAe,CAAC,GAAGf,iBAAiB,CAAC,CAAC;EAC9C,MAAM;IAAEgB;EAAO,CAAC,GAAGD,cAAc,CAAC,CAAC;EACnC,MAAME,OAAO,GAAGA,CAAA,KAAM;IACpB,IAAIT,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACAM,2BAA2B,CAAC,CAAC;EAC/B,CAAC;EAED,oBACEf,KAAA,CAAAmB,aAAA,CAACf,kBAAkB;IACjBc,OAAO,EAAEA,OAAQ;IACjBE,KAAK,EAAEH,MAAM,KAAK,SAAS,GAAGN,MAAM,CAACU,YAAY,GAAGV,MAAM,CAACW,YAAa;IACxEC,IAAI,EAAET,WAAW,CAACU,EAAG;IACrBC,KAAK,EAAE;MACLC,SAAS,EAAE;QACTC,WAAW,EACTV,MAAM,KAAK,SAAS,GAAGN,MAAM,CAACU,YAAY,GAAGV,MAAM,CAACW,YAAY;QAClE,GAAGV,wBAAwB,CAACc;MAC9B,CAAC;MACDE,YAAY,EAAEhB,wBAAwB,CAACgB;IACzC;EAAE,GAEDX,MAAM,KAAK,SAAS,gBACnBjB,KAAA,CAAAmB,aAAA,CAACd,KAAK;IAACe,KAAK,EAAET,MAAM,CAACW;EAAa,CAAE,CAAC,gBAErCtB,KAAA,CAAAmB,aAAA,CAACb,UAAU;IAACc,KAAK,EAAET,MAAM,CAACU;EAAa,CAAE,CAEzB,CAAC;AAEzB,CAAC"}

package/dist/module/components/Call/CallControls/ToggleVideoPublishingButton.js

@@ -0,0 +1,49 @@
+import React from 'react';
+import { OwnCapability } from '@stream-io/video-client';
+import { Restricted, useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
+import { CallControlsButton } from './CallControlsButton';
+import { Video, VideoSlash } from '../../../icons';
+import { useTheme } from '../../../contexts/ThemeContext';
+
+/**
+ * Props for the Toggle Video publishing button
+ */
+
+/**
+ * Button to toggle video mute/unmute status while in the call.
+ */
+export const ToggleVideoPublishingButton = _ref => {
+  let {
+    onPressHandler
+  } = _ref;
+  const call = useCall();
+  const {
+    useCameraState
+  } = useCallStateHooks();
+  const {
+    status
+  } = useCameraState();
+  const {
+    theme: {
+      colors
+    }
+  } = useTheme();
+  const onPress = async () => {
+    if (onPressHandler) {
+      onPressHandler();
+      return;
+    }
+    await (call === null || call === void 0 ? void 0 : call.camera.toggle());
+  };
+  return /*#__PURE__*/React.createElement(Restricted, {
+    requiredGrants: [OwnCapability.SEND_VIDEO]
+  }, /*#__PURE__*/React.createElement(CallControlsButton, {
+    onPress: onPress,
+    color: status === 'disabled' ? colors.overlay_dark : colors.static_white
+  }, status === 'disabled' ? /*#__PURE__*/React.createElement(VideoSlash, {
+    color: colors.static_white
+  }) : /*#__PURE__*/React.createElement(Video, {
+    color: colors.static_black
+  })));
+};
+//# sourceMappingURL=ToggleVideoPublishingButton.js.map

package/dist/module/components/Call/CallControls/ToggleVideoPublishingButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","OwnCapability","Restricted","useCall","useCallStateHooks","CallControlsButton","Video","VideoSlash","useTheme","ToggleVideoPublishingButton","_ref","onPressHandler","call","useCameraState","status","theme","colors","onPress","camera","toggle","createElement","requiredGrants","SEND_VIDEO","color","overlay_dark","static_white","static_black"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ToggleVideoPublishingButton.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAQ,yBAAyB;AACvD,SACEC,UAAU,EACVC,OAAO,EACPC,iBAAiB,QACZ,iCAAiC;AACxC,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,KAAK,EAAEC,UAAU,QAAQ,gBAAgB;AAClD,SAASC,QAAQ,QAAQ,gCAAgC;;AAEzD;AACA;AACA;;AASA;AACA;AACA;AACA,OAAO,MAAMC,2BAA2B,GAAGC,IAAA,IAEH;EAAA,IAFI;IAC1CC;EACgC,CAAC,GAAAD,IAAA;EACjC,MAAME,IAAI,GAAGT,OAAO,CAAC,CAAC;EACtB,MAAM;IAAEU;EAAe,CAAC,GAAGT,iBAAiB,CAAC,CAAC;EAC9C,MAAM;IAAEU;EAAO,CAAC,GAAGD,cAAc,CAAC,CAAC;EACnC,MAAM;IACJE,KAAK,EAAE;MAAEC;IAAO;EAClB,CAAC,GAAGR,QAAQ,CAAC,CAAC;EACd,MAAMS,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,IAAIN,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACA,OAAMC,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEM,MAAM,CAACC,MAAM,CAAC,CAAC;EAC7B,CAAC;EAED,oBACEnB,KAAA,CAAAoB,aAAA,CAAClB,UAAU;IAACmB,cAAc,EAAE,CAACpB,aAAa,CAACqB,UAAU;EAAE,gBACrDtB,KAAA,CAAAoB,aAAA,CAACf,kBAAkB;IACjBY,OAAO,EAAEA,OAAQ;IACjBM,KAAK,EACHT,MAAM,KAAK,UAAU,GAAGE,MAAM,CAACQ,YAAY,GAAGR,MAAM,CAACS;EACtD,GAEAX,MAAM,KAAK,UAAU,gBACpBd,KAAA,CAAAoB,aAAA,CAACb,UAAU;IAACgB,KAAK,EAAEP,MAAM,CAACS;EAAa,CAAE,CAAC,gBAE1CzB,KAAA,CAAAoB,aAAA,CAACd,KAAK;IAACiB,KAAK,EAAEP,MAAM,CAACU;EAAa,CAAE,CAEpB,CACV,CAAC;AAEjB,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/index.tsx"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,oBAAoB;AAClC,cAAc,oBAAoB;AAClC,cAAc,4BAA4B;AAC1C,cAAc,4BAA4B;AAC1C,cAAc,+BAA+B;AAC7C,cAAc,+BAA+B;AAC7C,cAAc,0BAA0B;AACxC,cAAc,cAAc;AAC5B,cAAc,kBAAkB;AAChC,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAC/B,cAAc,wBAAwB;AACtC,cAAc,wBAAwB"}

package/dist/module/components/Call/CallControls/internal/ReactionsPicker.js

@@ -0,0 +1,134 @@
+import React, { useEffect, useRef } from 'react';
+import { Pressable, StyleSheet, Animated, Easing } from 'react-native';
+import { useCall } from '@stream-io/video-react-bindings';
+import { ComponentTestIds } from '../../../../constants/TestIds';
+import { useTheme } from '../../../../contexts/ThemeContext';
+const TOP_PADDING = 4;
+const REACTION_MARGIN_BOTTOM = 4;
+export const ReactionsPicker = _ref => {
+  let {
+    reactions,
+    reactionsButtonLayoutRectangle,
+    onRequestedClose
+  } = _ref;
+  const {
+    theme: {
+      colors,
+      reactionsPicker
+    }
+  } = useTheme();
+  const call = useCall();
+  const size = (reactionsButtonLayoutRectangle === null || reactionsButtonLayoutRectangle === void 0 ? void 0 : reactionsButtonLayoutRectangle.width) ?? 0;
+  const reactionItemSize = size * 0.8;
+  const popupHeight =
+  // the top padding
+  TOP_PADDING +
+  // take margins into account
+  REACTION_MARGIN_BOTTOM * reactions.length +
+  // the size of the reaction icon items (same size as reactions button * amount of reactions)
+  reactionItemSize * reactions.length;
+  const reactionsPopupStyle = {
+    // we should show the popup right above the reactions button and not top of it
+    top: ((reactionsButtonLayoutRectangle === null || reactionsButtonLayoutRectangle === void 0 ? void 0 : reactionsButtonLayoutRectangle.y) ?? 0) - popupHeight,
+    // from the same side horizontal coordinate of the reactions button
+    left: reactionsButtonLayoutRectangle === null || reactionsButtonLayoutRectangle === void 0 ? void 0 : reactionsButtonLayoutRectangle.x,
+    // the width of the popup should be the same as the reactions button
+    width: size,
+    height: popupHeight,
+    // the popup should be rounded as the reactions button
+    borderTopStartRadius: size / 2,
+    borderTopEndRadius: size / 2
+  };
+  const elasticAnimRef = useRef(new Animated.Value(0.5)); // Initial value for scale: 0.5
+
+  useEffect(() => {
+    Animated.timing(elasticAnimRef.current, {
+      toValue: 1,
+      duration: 800,
+      useNativeDriver: true,
+      easing: Easing.elastic(3)
+    }).start();
+  }, []);
+  const reactionItemStyle = {
+    height: reactionItemSize,
+    width: reactionItemSize,
+    borderRadius: reactionItemSize / 2
+  };
+  const reactionsButtonDimmerStyle = {
+    ...styles.reactionsButtonDimmer,
+    height: size,
+    width: size,
+    // we should show the popup right on top of the reactions button
+    top: (reactionsButtonLayoutRectangle === null || reactionsButtonLayoutRectangle === void 0 ? void 0 : reactionsButtonLayoutRectangle.y) ?? 0 - popupHeight + size,
+    // from the same side horizontal coordinate of the reactions button
+    left: reactionsButtonLayoutRectangle === null || reactionsButtonLayoutRectangle === void 0 ? void 0 : reactionsButtonLayoutRectangle.x
+  };
+  const onClose = reaction => {
+    if (reaction) {
+      call === null || call === void 0 || call.sendReaction(reaction).catch(e => {
+        console.error(e, reaction);
+      });
+    }
+    Animated.timing(elasticAnimRef.current, {
+      toValue: 0.2,
+      duration: 150,
+      useNativeDriver: true,
+      easing: Easing.linear
+    }).start(onRequestedClose);
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Pressable, {
+    testID: ComponentTestIds.REACTIONS_PICKER,
+    style: [styles.reactionsPopup, reactionsPopupStyle, {
+      backgroundColor: colors.static_grey
+    }, reactionsPicker.reactionsPopup],
+    onPress: () => {
+      onClose();
+    }
+  }, reactions.map(reaction => /*#__PURE__*/React.createElement(Pressable, {
+    key: reaction.emoji_code,
+    style: [styles.reactionItem, reactionItemStyle, {
+      // temporary background color until we have theming
+      backgroundColor: colors.overlay
+    }, reactionsPicker.reactionItem],
+    onPress: () => {
+      onClose({
+        type: reaction.type,
+        custom: reaction.custom,
+        emoji_code: reaction.emoji_code
+      });
+    }
+  }, /*#__PURE__*/React.createElement(Animated.Text, {
+    style: [styles.reactionText, {
+      transform: [{
+        scaleY: elasticAnimRef.current
+      }, {
+        scaleX: elasticAnimRef.current
+      }]
+    }, reactionsPicker.reactionText]
+  }, reaction.icon)))), /*#__PURE__*/React.createElement(Pressable, {
+    style: [reactionsButtonDimmerStyle, {
+      backgroundColor: colors.static_grey
+    }, reactionsPicker.reactionsButtonDimmer],
+    onPress: () => onClose()
+  }));
+};
+const styles = StyleSheet.create({
+  reactionsPopup: {
+    position: 'absolute',
+    alignItems: 'center',
+    paddingTop: TOP_PADDING
+  },
+  reactionsButtonDimmer: {
+    position: 'absolute',
+    opacity: 0.5
+  },
+  reactionItem: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginBottom: REACTION_MARGIN_BOTTOM
+  },
+  reactionText: {
+    fontSize: 18.5
+  }
+});
+//# sourceMappingURL=ReactionsPicker.js.map

package/dist/module/components/Call/CallControls/internal/ReactionsPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","Pressable","StyleSheet","Animated","Easing","useCall","ComponentTestIds","useTheme","TOP_PADDING","REACTION_MARGIN_BOTTOM","ReactionsPicker","_ref","reactions","reactionsButtonLayoutRectangle","onRequestedClose","theme","colors","reactionsPicker","call","size","width","reactionItemSize","popupHeight","length","reactionsPopupStyle","top","y","left","x","height","borderTopStartRadius","borderTopEndRadius","elasticAnimRef","Value","timing","current","toValue","duration","useNativeDriver","easing","elastic","start","reactionItemStyle","borderRadius","reactionsButtonDimmerStyle","styles","reactionsButtonDimmer","onClose","reaction","sendReaction","catch","e","console","error","linear","createElement","Fragment","testID","REACTIONS_PICKER","style","reactionsPopup","backgroundColor","static_grey","onPress","map","key","emoji_code","reactionItem","overlay","type","custom","Text","reactionText","transform","scaleY","scaleX","icon","create","position","alignItems","paddingTop","opacity","justifyContent","marginBottom","fontSize"],"sourceRoot":"../../../../../../src","sources":["components/Call/CallControls/internal/ReactionsPicker.tsx"],"mappings":"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"}