1112 lines
44 KiB
TypeScript
1112 lines
44 KiB
TypeScript
// Metro module 11738 (f11739).
|
|
import _slicedToArray from "../../../../_bundle/_slicedToArray";
|
|
import { useState, memo, useRef, useEffect } from "react";
|
|
import { StyleSheet, AppState, View } from "react-native";
|
|
import AccessibilityStore from "../../../a11y/AccessibilityStore";
|
|
import ChannelStore from "../../../../stores/ChannelStore";
|
|
import { useVoiceMessagesUIStore } from "../VoiceMessagesUIStore";
|
|
import * as _VoiceMessageConstants from "../../VoiceMessageConstants";
|
|
import { ComponentActionsKeyed } from "../../../../Constants";
|
|
import { ANDROID_FOREGROUND_RIPPLE } from "../../../../design/void/Form/native/FormConstants";
|
|
import * as _ChatInputConstants from "../../../chat_input/native/ChatInputConstants";
|
|
import { CHAT_INPUT_HORIZONTAL_PADDING } from "../../../chat_input/native/ChatInputConstants";
|
|
import { jsx } from "react/jsx-runtime";
|
|
import * as _ReanimatedRexport from "../../../reanimated/ReanimatedRexport";
|
|
import ReanimatedRexport, { useAnimatedReaction, useDerivedValue, useAnimatedStyle, useAnimatedProps, useSharedValue, withDelay } from "../../../reanimated/ReanimatedRexport";
|
|
import { Icon } from "../../../../design/void/native";
|
|
import { PressableOpacity } from "../../../../design/void/Pressables/native/Pressables";
|
|
import { Text } from "../../../../design/components/Text/native/Text";
|
|
import Module12 from "../../../../_bundle/Module12";
|
|
import { Ellipse, Svg } from "../../../../_bundle/Module8531";
|
|
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
|
|
import Module712 from "../../../../_bundle/Module712";
|
|
import { DARK_0_LIGHT_1 } from "../../../../design/migrations/native/LegacyTokens";
|
|
import { useStateFromStores } from "../../../../_bundle/Module589";
|
|
import { useToken } from "../../../../design/tokens/native/useToken";
|
|
import { useMobileVisualRefreshConfig } from "../../../themes/experiments/MobileVisualRefreshExperiment";
|
|
import useRefValue from "../../../../hooks/useRefValue";
|
|
import { intl, t } from "../../../../intl/index.native";
|
|
import * as _timing from "../../../../design/animation/reanimated/timing/timing";
|
|
import useTheme from "../../../../hooks/useTheme";
|
|
import { isThemeLight } from "../../../../design/shared";
|
|
import Module4685 from "../../../../_bundle/Module4685";
|
|
import Module10367 from "../../../../_bundle/Module10367";
|
|
import Module11739 from "../../../../_bundle/Module11739";
|
|
import useSafeAreaInsetsKeyboardAware_native from "../../../safe_area/useSafeAreaInsetsKeyboardAware.native";
|
|
import useSafeAreaInsets_native from "../../../safe_area/useSafeAreaInsets.native";
|
|
import { getIsScreenReaderEnabled } from "../../../a11y/native/useIsScreenReaderEnabled.native";
|
|
import { setAccessibilityFocus } from "../../../a11y/native/setAccessibilityFocus.android";
|
|
import { ComponentDispatch } from "../../../../utils/ComponentDispatchUtils";
|
|
import { VoiceMessageRecordingResult } from "../../VoiceMessageAnalytics";
|
|
import useWindowDimensions_native from "../../../screen/useWindowDimensions.native";
|
|
import { useWakeLock } from "../../../device/native/WakeLock";
|
|
import VoiceMessageChat from "./VoiceMessageChat";
|
|
import VoiceMessagePillButton from "./VoiceMessagePillButton";
|
|
import Module4149 from "../../../../_bundle/Module4149";
|
|
import { triggerHaptic } from "../VoiceMessageUtils";
|
|
import Module4136 from "../../../../_bundle/Module4136";
|
|
import Module10800 from "../../../../_bundle/Module10800";
|
|
function $mk87907($env) {
|
|
return function _() {
|
|
const r4 = $env[0].get()[1];
|
|
const r9 = $env.$parent;
|
|
const r6 = r9[0];
|
|
const r5 = r9[2];
|
|
return r6(r5[25]).withTiming(r4, {
|
|
easing: r6(r5[11]).Easing.linear,
|
|
duration: 150
|
|
});
|
|
};
|
|
}
|
|
function $mk87908($env) {
|
|
return function u() {
|
|
let r6;
|
|
const r3 = $env;
|
|
const r5 = r3[0].get();
|
|
const r8 = $env.$parent;
|
|
const r10 = (0, r8[3])(r5, 2);
|
|
if (r10[0] + r10[1] === 2) {
|
|
const r18 = r3[1];
|
|
r6 = [r18, r18, r3[3], r3[4]];
|
|
} else {
|
|
r6 = [r3[1], r3[2], r3[3], r3[4]];
|
|
}
|
|
return (0, r8[0])(r8[2][11]).interpolateColor(r3[5].get(), r8[25], r6);
|
|
};
|
|
}
|
|
let Component, Component5, Component2, c8039_22, useStyles, PLUM_13, c8039_25, c8039_26, c8039_27, c8039_28, c8039_29, Component3, c8039_31, c8039_32, Component4, c8039_34, c8039_35, c8039_36, c8039_37, c8039_38, c8039_39, c8039_40, c8039_41, c8039_42, c8039_43, c8039_44, c8039_46, c8039_47, c8039_48, c8039_49, c8039_50, c8039_51, c8039_52, c8039_53, c8039_54;
|
|
let env8039 = {};
|
|
const LockPill = function LockPill(props) {
|
|
let voiceMessageAnimationState2, derivedValue, derivedValue2, derivedValue3, derivedValue4;
|
|
const { safeAreaBottom, initialAnimation, voiceMessageAnimationState } = props;
|
|
const styles = useStyles(useToken(Module712.modules.mobile.CHAT_INPUT_ACTION_BUTTON_SIZE));
|
|
const [state, setState] = useState(false);
|
|
const r42 = function _() {
|
|
return voiceMessageAnimationState.get()[1] === _VoiceMessageConstants.VoiceMessageAnimationState.LOCKED || voiceMessageAnimationState.get()[1] === _VoiceMessageConstants.VoiceMessageAnimationState.LOCKING;
|
|
};
|
|
r42.__closure = {
|
|
voiceMessageAnimationState,
|
|
VoiceMessageAnimationState: _VoiceMessageConstants.VoiceMessageAnimationState
|
|
};
|
|
r42.__workletHash = 16672558304670;
|
|
r42.__initData = c8039_42;
|
|
const r46 = function c(a0, a1) {
|
|
if (a0 !== a1) {
|
|
_ReanimatedRexport.runOnJS(setState)(a0);
|
|
}
|
|
};
|
|
r46.__closure = {
|
|
runOnJS: _ReanimatedRexport.runOnJS,
|
|
setLocked: setState
|
|
};
|
|
r46.__workletHash = 10857258354778;
|
|
r46.__initData = c8039_43;
|
|
useAnimatedReaction(r42, r46);
|
|
voiceMessageAnimationState2 = voiceMessageAnimationState;
|
|
derivedValue = void 0;
|
|
derivedValue2 = void 0;
|
|
derivedValue3 = void 0;
|
|
derivedValue4 = void 0;
|
|
const theme = useTheme();
|
|
const token = useToken(Module712.colors.BACKGROUND_BASE_LOWEST);
|
|
const WHITE = Module712.unsafe_rawColors.WHITE;
|
|
const sendingColor = isThemeLight(theme) ? WHITE : token;
|
|
const cancelingColor = isThemeLight(theme) ? WHITE : token;
|
|
let env19107;
|
|
const r76 = env19107 = {
|
|
$parent: env8039
|
|
};
|
|
env19107[0] = voiceMessageAnimationState;
|
|
env19107[1] = sendingColor;
|
|
env19107[2] = cancelingColor;
|
|
env19107[3] = WHITE;
|
|
env19107[4] = WHITE;
|
|
const r80 = $mk87907(r76);
|
|
r80.__closure = {
|
|
voiceMessageAnimationState,
|
|
withTiming: _timing.withTiming,
|
|
Easing: _ReanimatedRexport.Easing
|
|
};
|
|
r80.__workletHash = 7432526131204;
|
|
const __initData = c8039_34;
|
|
r80.__initData = __initData;
|
|
const derivedValue12 = useDerivedValue(r80);
|
|
env19107[5] = derivedValue12;
|
|
const r92 = $mk87908(r76);
|
|
r92.__closure = {
|
|
voiceMessageAnimationState,
|
|
sendingColor,
|
|
lockingColor: WHITE,
|
|
lockedColor: WHITE,
|
|
cancelingColor,
|
|
interpolateColor: _ReanimatedRexport.interpolateColor,
|
|
timing: derivedValue12,
|
|
VOICE_MESSAGE_ANIMATION_STATES: c8039_25
|
|
};
|
|
r92.__workletHash = 8474040050475;
|
|
const __initData2 = c8039_35;
|
|
r92.__initData = __initData2;
|
|
derivedValue = useDerivedValue(r92);
|
|
const r111 = isThemeLight(theme) ? Module712.colors.INTERACTIVE_TEXT_DEFAULT : Module712.colors.INTERACTIVE_TEXT_ACTIVE;
|
|
let env19108;
|
|
const token2 = useToken(r111);
|
|
const token3 = useToken(Module712.colors.STATUS_POSITIVE);
|
|
const r121 = env19108 = {
|
|
$parent: env8039
|
|
};
|
|
env19108[0] = voiceMessageAnimationState;
|
|
env19108[1] = token2;
|
|
env19108[2] = token2;
|
|
env19108[3] = token3;
|
|
env19108[4] = token3;
|
|
env19108[5] = void 0;
|
|
const r125 = $mk87907(r121);
|
|
r125.__closure = {
|
|
voiceMessageAnimationState,
|
|
withTiming: _timing.withTiming,
|
|
Easing: _ReanimatedRexport.Easing
|
|
};
|
|
r125.__workletHash = 7432526131204;
|
|
r125.__initData = __initData;
|
|
const derivedValue13 = useDerivedValue(r125);
|
|
env19108[5] = derivedValue13;
|
|
const r135 = $mk87908(r121);
|
|
r135.__closure = {
|
|
voiceMessageAnimationState,
|
|
sendingColor: token2,
|
|
lockingColor: token3,
|
|
lockedColor: token3,
|
|
cancelingColor: token2,
|
|
interpolateColor: _ReanimatedRexport.interpolateColor,
|
|
timing: derivedValue13,
|
|
VOICE_MESSAGE_ANIMATION_STATES: c8039_25
|
|
};
|
|
r135.__workletHash = 8474040050475;
|
|
r135.__initData = __initData2;
|
|
derivedValue2 = useDerivedValue(r135);
|
|
const n = function n() {
|
|
return _timing.withTiming(voiceMessageAnimationState2.get()[1], {
|
|
easing: _ReanimatedRexport.Easing.linear,
|
|
duration: 150
|
|
});
|
|
};
|
|
n.__closure = {
|
|
voiceMessageAnimationState,
|
|
withTiming: _timing.withTiming,
|
|
Easing: _ReanimatedRexport.Easing
|
|
};
|
|
n.__workletHash = 11385805572554;
|
|
n.__initData = c8039_36;
|
|
derivedValue3 = useDerivedValue(n);
|
|
const r158 = function() {
|
|
const r10 = _slicedToArray(voiceMessageAnimationState2.get(), 2);
|
|
const r6 = r10[0] + r10[1] === 2 ? [1, 1, 1, 0] : [1, 0, 1, 0];
|
|
return _ReanimatedRexport.interpolate(derivedValue3.get(), c8039_25, r6);
|
|
};
|
|
r158.__closure = {
|
|
voiceMessageAnimationState,
|
|
interpolate: _ReanimatedRexport.interpolate,
|
|
timing: derivedValue3,
|
|
VOICE_MESSAGE_ANIMATION_STATES: c8039_25
|
|
};
|
|
r158.__workletHash = 13564673991122;
|
|
r158.__initData = c8039_37;
|
|
derivedValue4 = useDerivedValue(r158);
|
|
const l = function l() {
|
|
return {
|
|
height: _ReanimatedRexport.interpolate(derivedValue3.get(), c8039_25, [68, 68, 104, 104])
|
|
};
|
|
};
|
|
l.__closure = {
|
|
interpolate: _ReanimatedRexport.interpolate,
|
|
timing: derivedValue3,
|
|
VOICE_MESSAGE_ANIMATION_STATES: c8039_25
|
|
};
|
|
l.__workletHash = 16239675884614;
|
|
l.__initData = c8039_38;
|
|
const animatedStyle = useAnimatedStyle(l);
|
|
const r180 = function c() {
|
|
const r8 = derivedValue3.get();
|
|
return {
|
|
width: _ReanimatedRexport.interpolate(r8, c8039_25, [40, 40, 56, 56]),
|
|
height: _ReanimatedRexport.interpolate(derivedValue3.get(), c8039_25, [68, 68, 56, 56]),
|
|
opacity: derivedValue4.get(),
|
|
backgroundColor: derivedValue.get(),
|
|
marginHorizontal: _ReanimatedRexport.interpolate(derivedValue3.get(), c8039_25, [0, 0, -8, -8]),
|
|
marginBottom: _ReanimatedRexport.interpolate(derivedValue3.get(), c8039_25, [0, 0, 36, 36])
|
|
};
|
|
};
|
|
r180.__closure = {
|
|
interpolate: _ReanimatedRexport.interpolate,
|
|
timing: derivedValue3,
|
|
VOICE_MESSAGE_ANIMATION_STATES: c8039_25,
|
|
lockContainerOpacity: derivedValue4,
|
|
lockedBackgroundColor: derivedValue
|
|
};
|
|
r180.__workletHash = 16191961901595;
|
|
r180.__initData = c8039_39;
|
|
const animatedStyle2 = useAnimatedStyle(r180);
|
|
const r191 = function _() {
|
|
const r8 = derivedValue3.get();
|
|
return {
|
|
width: _ReanimatedRexport.interpolate(r8, c8039_25, [24, 24, 32, 32]),
|
|
height: _ReanimatedRexport.interpolate(derivedValue3.get(), c8039_25, [24, 24, 32, 32]),
|
|
marginTop: _ReanimatedRexport.interpolate(derivedValue3.get(), c8039_25, [12, 12, 10, 10]),
|
|
tintColor: derivedValue2.get()
|
|
};
|
|
};
|
|
r191.__closure = {
|
|
interpolate: _ReanimatedRexport.interpolate,
|
|
timing: derivedValue3,
|
|
VOICE_MESSAGE_ANIMATION_STATES: c8039_25,
|
|
lockIconColor: derivedValue2
|
|
};
|
|
r191.__workletHash = 10256653077678;
|
|
r191.__initData = c8039_40;
|
|
const animatedStyle3 = useAnimatedStyle(r191);
|
|
const r202 = function u() {
|
|
return {
|
|
opacity: _ReanimatedRexport.interpolate(derivedValue3.get(), c8039_25, [1, 1, 0, 0])
|
|
};
|
|
};
|
|
r202.__closure = {
|
|
interpolate: _ReanimatedRexport.interpolate,
|
|
timing: derivedValue3,
|
|
VOICE_MESSAGE_ANIMATION_STATES: c8039_25
|
|
};
|
|
r202.__workletHash = 13143453012261;
|
|
r202.__initData = c8039_41;
|
|
const animatedStyle4 = useAnimatedStyle(r202);
|
|
const source = state ? Module4685 : Module10367;
|
|
const f = function f() {
|
|
return {
|
|
opacity: initialAnimation.get(),
|
|
bottom: safeAreaBottom + _ChatInputConstants.CHAT_INPUT_HEIGHT + 24 + 8 * initialAnimation.get()
|
|
};
|
|
};
|
|
f.__closure = {
|
|
initialAnimation,
|
|
safeAreaBottom,
|
|
CHAT_INPUT_HEIGHT: _ChatInputConstants.CHAT_INPUT_HEIGHT,
|
|
LOCK_PILL_BOTTOM_OFFSET: 32,
|
|
INITIAL_SHIFT: 8
|
|
};
|
|
f.__workletHash = 601776335657;
|
|
f.__initData = c8039_44;
|
|
const animatedStyle5 = useAnimatedStyle(f);
|
|
return <ReanimatedRexport.View style={[styles.lockParentContainer, animatedStyle, animatedStyle5]}>
|
|
<ReanimatedRexport.View style={[styles.lockContainer, animatedStyle2]}>
|
|
<Component style={animatedStyle3} source={source} />
|
|
<Component style={[styles.chevon, animatedStyle4]} source={Module11739} />
|
|
</ReanimatedRexport.View>
|
|
</ReanimatedRexport.View>;
|
|
};
|
|
Component = ReanimatedRexport.createAnimatedComponent(Icon);
|
|
Component5 = ReanimatedRexport.createAnimatedComponent(PressableOpacity);
|
|
Component2 = ReanimatedRexport.createAnimatedComponent(Text);
|
|
c8039_22 = Module12.memoize(() => ReanimatedRexport.createAnimatedComponent(Ellipse));
|
|
useStyles = createStyles((a0) => ({
|
|
container: {
|
|
alignItems: "center",
|
|
...StyleSheet.absoluteFillObject,
|
|
overflow: "hidden"
|
|
},
|
|
innerContainer: {
|
|
flexDirection: "row",
|
|
alignItems: "flex-end",
|
|
paddingTop: 8,
|
|
paddingHorizontal: Module712.modules.mobile.VOICE_MESSAGE_RECORDING_CONTAINER_PADDING_HORIZONTAL,
|
|
paddingBottom: Module712.modules.mobile.VOICE_MESSAGE_RECORDING_CONTAINER_PADDING_BOTTOM
|
|
},
|
|
contentContainer: {
|
|
position: "absolute",
|
|
bottom: 0,
|
|
width: "100%",
|
|
alignItems: "center",
|
|
overflow: "hidden"
|
|
},
|
|
trashContainer: {
|
|
width: a0,
|
|
height: a0,
|
|
borderRadius: Module712.modules.button.BORDER_RADIUS,
|
|
alignItems: "center",
|
|
justifyContent: "center"
|
|
},
|
|
sendContainer: {
|
|
width: a0,
|
|
height: a0,
|
|
borderRadius: Module712.modules.button.BORDER_RADIUS,
|
|
alignItems: "center",
|
|
justifyContent: "center"
|
|
},
|
|
voiceChatContainer: {
|
|
flex: 1,
|
|
height: Module712.modules.mobile.VOICE_MESSAGE_RECORDING_CHAT_CONTAINER_HEIGHT,
|
|
marginRight: Module712.modules.mobile.VOICE_MESSAGE_RECORDING_CHAT_CONTAINER_MARGIN_RIGHT,
|
|
alignItems: "flex-end"
|
|
},
|
|
lockContainer: {
|
|
height: 68,
|
|
width: a0,
|
|
borderRadius: Module712.modules.button.BORDER_RADIUS,
|
|
display: "flex",
|
|
alignItems: "center",
|
|
flexDirection: "column",
|
|
elevation: 12,
|
|
shadowColor: Module712.colors.BLACK,
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 12
|
|
},
|
|
shadowOpacity: 0.12,
|
|
shadowRadius: 36,
|
|
borderWidth: DARK_0_LIGHT_1,
|
|
borderStyle: "solid",
|
|
borderColor: "rgba(0, 0, 0, 0.08)"
|
|
},
|
|
lockParentContainer: {
|
|
position: "absolute",
|
|
right: CHAT_INPUT_HORIZONTAL_PADDING,
|
|
width: a0
|
|
},
|
|
chevon: {
|
|
height: 16,
|
|
width: 16,
|
|
marginTop: 8,
|
|
tintColor: Module712.colors.ICON_SUBTLE
|
|
}
|
|
}));
|
|
PLUM_13 = Module712.unsafe_rawColors.PLUM_13;
|
|
c8039_25 = [_VoiceMessageConstants.VoiceMessageAnimationState.SENDING, _VoiceMessageConstants.VoiceMessageAnimationState.CANCELLING, _VoiceMessageConstants.VoiceMessageAnimationState.LOCKING, _VoiceMessageConstants.VoiceMessageAnimationState.LOCKED];
|
|
c8039_26 = {
|
|
code: "function VoiceMessageOverlayTsx1(){const{useReducedMotion,currWaveHeight}=this.__closure;var _currWaveHeight$get,_currWaveHeight;return useReducedMotion?0.5:(_currWaveHeight$get=(_currWaveHeight=currWaveHeight)===null||_currWaveHeight===void 0?void 0:_currWaveHeight.get())!==null&&_currWaveHeight$get!==void 0?_currWaveHeight$get:0;}"
|
|
};
|
|
c8039_27 = {
|
|
code: "function VoiceMessageOverlayTsx2(){const{derivedCurrWaveHeight,offsetThreshold}=this.__closure;return derivedCurrWaveHeight.get()*offsetThreshold;}"
|
|
};
|
|
c8039_28 = {
|
|
code: "function VoiceMessageOverlayTsx3(){const{voiceMessageEllipseBgColor,radius,offset}=this.__closure;return{fill:voiceMessageEllipseBgColor.get(),ry:radius+offset.get(),rx:radius,cy:radius+offset.get(),cx:radius};}"
|
|
};
|
|
c8039_29 = {
|
|
code: "function VoiceMessageOverlayTsx4(){const{radius,height,offset}=this.__closure;return{position:'absolute',width:radius*2,height:height.get()+offset.get(),bottom:0};}"
|
|
};
|
|
Component3 = memo(function({ radius, opacity, height, offsetThreshold, voiceMessageAnimationState: voiceMessageAnimationState3 }) {
|
|
let c19109_4, derivedValue5, derivedValue6, derivedValue7;
|
|
let env19110;
|
|
c19109_4 = void 0;
|
|
derivedValue5 = void 0;
|
|
derivedValue6 = void 0;
|
|
derivedValue7 = void 0;
|
|
const stateFromStores = useStateFromStores([AccessibilityStore], () => AccessibilityStore.useReducedMotion, []);
|
|
const currWaveHeight = (0, useVoiceMessagesUIStore)((a0) => a0.currWaveHeight);
|
|
c19109_4 = currWaveHeight;
|
|
const r30 = () => {
|
|
let r3 = 0.5;
|
|
if (!stateFromStores) {
|
|
let r7 = c19109_4 == null ? void 0 : c19109_4.get();
|
|
if (r7 == null) {
|
|
r7 = 0;
|
|
}
|
|
r3 = r7;
|
|
}
|
|
return r3;
|
|
};
|
|
r30.__closure = {
|
|
useReducedMotion: stateFromStores,
|
|
currWaveHeight
|
|
};
|
|
r30.__workletHash = 2925868096827;
|
|
r30.__initData = c8039_26;
|
|
derivedValue5 = useDerivedValue(r30);
|
|
const token = useToken(Module712.colors.BACKGROUND_BRAND);
|
|
const RED_400 = Module712.unsafe_rawColors.RED_400;
|
|
const r44 = env19110 = {
|
|
$parent: env8039
|
|
};
|
|
env19110[0] = voiceMessageAnimationState3;
|
|
env19110[1] = token;
|
|
env19110[2] = RED_400;
|
|
env19110[3] = token;
|
|
env19110[4] = token;
|
|
env19110[5] = void 0;
|
|
const r48 = $mk87907(r44);
|
|
r48.__closure = {
|
|
voiceMessageAnimationState: voiceMessageAnimationState3,
|
|
withTiming: _timing.withTiming,
|
|
Easing: _ReanimatedRexport.Easing
|
|
};
|
|
r48.__workletHash = 7432526131204;
|
|
r48.__initData = c8039_34;
|
|
const derivedValue12 = useDerivedValue(r48);
|
|
env19110[5] = derivedValue12;
|
|
const r61 = $mk87908(r44);
|
|
r61.__closure = {
|
|
voiceMessageAnimationState: voiceMessageAnimationState3,
|
|
sendingColor: token,
|
|
lockingColor: token,
|
|
lockedColor: token,
|
|
cancelingColor: RED_400,
|
|
interpolateColor: _ReanimatedRexport.interpolateColor,
|
|
timing: derivedValue12,
|
|
VOICE_MESSAGE_ANIMATION_STATES: c8039_25
|
|
};
|
|
r61.__workletHash = 8474040050475;
|
|
r61.__initData = c8039_35;
|
|
derivedValue6 = useDerivedValue(r61);
|
|
const r73 = () => derivedValue5.get() * offsetThreshold;
|
|
r73.__closure = {
|
|
derivedCurrWaveHeight: derivedValue5,
|
|
offsetThreshold
|
|
};
|
|
r73.__workletHash = 7278593580538;
|
|
r73.__initData = c8039_27;
|
|
derivedValue7 = useDerivedValue(r73);
|
|
const T = () => ({
|
|
fill: derivedValue6.get(),
|
|
ry: radius + derivedValue7.get(),
|
|
rx: radius,
|
|
cy: radius + derivedValue7.get(),
|
|
cx: radius
|
|
});
|
|
T.__closure = {
|
|
voiceMessageEllipseBgColor: derivedValue6,
|
|
radius,
|
|
offset: derivedValue7
|
|
};
|
|
T.__workletHash = 12489173275515;
|
|
T.__initData = c8039_28;
|
|
const animatedProps = useAnimatedProps(T);
|
|
const I = function I() {
|
|
return {
|
|
position: "absolute",
|
|
width: 2 * radius,
|
|
height: height.get() + derivedValue7.get(),
|
|
bottom: 0
|
|
};
|
|
};
|
|
I.__closure = {
|
|
radius,
|
|
height,
|
|
offset: derivedValue7
|
|
};
|
|
I.__workletHash = 16593476434034;
|
|
I.__initData = c8039_29;
|
|
return <ReanimatedRexport.View style={useAnimatedStyle(I)}>
|
|
<Svg>
|
|
{jsx(c8039_22(), {
|
|
animatedProps,
|
|
opacity
|
|
})}
|
|
</Svg>
|
|
</ReanimatedRexport.View>;
|
|
});
|
|
c8039_31 = {
|
|
code: "function VoiceMessageOverlayTsx5(){const{voiceMessageAnimationState,runOnJS,setVoiceMessageState}=this.__closure;if(voiceMessageAnimationState.get()==null)return;runOnJS(setVoiceMessageState)(voiceMessageAnimationState.get()[1]);return voiceMessageAnimationState.get();}"
|
|
};
|
|
c8039_32 = {
|
|
code: "function VoiceMessageOverlayTsx6(){const{initialAnimation,recordingAnimation,INITIAL_SHIFT}=this.__closure;const animationValue=Math.min(initialAnimation.get(),recordingAnimation.get());return{opacity:animationValue,marginBottom:-INITIAL_SHIFT*(1-animationValue)};}"
|
|
};
|
|
Component4 = memo(function(a0) {
|
|
let children, enabled;
|
|
let initialAnimation2, recordingAnimation, c19111_2, setState2, current, ref;
|
|
L21: {
|
|
initialAnimation2 = a0.initialAnimation;
|
|
recordingAnimation = a0.recordingAnimation;
|
|
const exiting3 = a0.exiting;
|
|
c19111_2 = void 0;
|
|
setState2 = void 0;
|
|
current = void 0;
|
|
ref = void 0;
|
|
const voiceMessagesUIStore2 = useVoiceMessagesUIStore((a0) => a0.voiceMessageAnimationState);
|
|
c19111_2 = voiceMessagesUIStore2;
|
|
const voiceMessagesUIStore = useVoiceMessagesUIStore((a0) => a0.isUsingHoldGesture);
|
|
let state;
|
|
[state, setState2] = useState(_VoiceMessageConstants.VoiceMessageAnimationState.SENDING);
|
|
let r12 = useVoiceMessagesUIStore((a0) => a0.savedVoiceMessageUploadData != null);
|
|
enabled = useMobileVisualRefreshConfig({
|
|
location: "VoiceMessagePrompt"
|
|
}).enabled;
|
|
const r39 = function c() {
|
|
if (c19111_2.get() != null) {
|
|
_ReanimatedRexport.runOnJS(setState2)(c19111_2.get()[1]);
|
|
return c19111_2.get();
|
|
}
|
|
};
|
|
r39.__closure = {
|
|
voiceMessageAnimationState: voiceMessagesUIStore2,
|
|
runOnJS: _ReanimatedRexport.runOnJS,
|
|
setVoiceMessageState: setState2
|
|
};
|
|
r39.__workletHash = 8577984959763;
|
|
r39.__initData = c8039_31;
|
|
useDerivedValue(r39);
|
|
ref = useRef(void 0);
|
|
const refValue = useRefValue(ref);
|
|
if (exiting3) {
|
|
current = refValue;
|
|
children = refValue;
|
|
} else {
|
|
if (r12 && !voiceMessagesUIStore) {
|
|
children = intl.string(t["m+sRVL"]);
|
|
current = children;
|
|
break L21;
|
|
}
|
|
if (r12 && state === _VoiceMessageConstants.VoiceMessageAnimationState.SENDING) {
|
|
current = intl.string(t["zPxm/X"]);
|
|
children = current;
|
|
break L21;
|
|
}
|
|
if (r12 && state === _VoiceMessageConstants.VoiceMessageAnimationState.CANCELLING) {
|
|
current = intl.string(t.sB81Bo);
|
|
children = current;
|
|
break L21;
|
|
}
|
|
if (!r12 && state === _VoiceMessageConstants.VoiceMessageAnimationState.SENDING) {
|
|
current = intl.string(t.cyL7DJ);
|
|
children = current;
|
|
break L21;
|
|
}
|
|
if (!r12 && state === _VoiceMessageConstants.VoiceMessageAnimationState.CANCELLING) {
|
|
current = intl.string(t["a+A3+f"]);
|
|
children = current;
|
|
break L21;
|
|
}
|
|
if (!r12) {
|
|
r12 = state !== _VoiceMessageConstants.VoiceMessageAnimationState.LOCKING;
|
|
}
|
|
children = void 0;
|
|
if (!r12) {
|
|
current = intl.string(t["3qvtks"]);
|
|
children = current;
|
|
}
|
|
}
|
|
}
|
|
useEffect(() => {
|
|
ref.current = current;
|
|
}, [children]);
|
|
const y = function y() {
|
|
const opacity = Math.min(initialAnimation2.get(), recordingAnimation.get());
|
|
return {
|
|
opacity,
|
|
marginBottom: -8 * (1 - opacity)
|
|
};
|
|
};
|
|
y.__closure = {
|
|
initialAnimation: initialAnimation2,
|
|
recordingAnimation,
|
|
INITIAL_SHIFT: 8
|
|
};
|
|
y.__workletHash = 60645179998;
|
|
y.__initData = c8039_32;
|
|
const animatedStyle = useAnimatedStyle(y);
|
|
return children != null ? <Component2 style={animatedStyle} variant="text-sm/medium" color="text-overlay-light" {...enabled ? {
|
|
maxFontSizeMultiplier: 2
|
|
} : {}}>{children}</Component2> : null;
|
|
});
|
|
c8039_34 = {
|
|
code: "function VoiceMessageOverlayTsx7(){const{voiceMessageAnimationState,withTiming,Easing}=this.__closure;const currValue=voiceMessageAnimationState.get()[1];return withTiming(currValue,{easing:Easing.linear,duration:150});}"
|
|
};
|
|
c8039_35 = {
|
|
code: "function VoiceMessageOverlayTsx8(){const{voiceMessageAnimationState,sendingColor,lockingColor,lockedColor,cancelingColor,interpolateColor,timing,VOICE_MESSAGE_ANIMATION_STATES}=this.__closure;const[prevValue,currValue]=voiceMessageAnimationState.get();const distance=prevValue+currValue;const colors=distance===2?[sendingColor,sendingColor,lockingColor,lockedColor]:[sendingColor,cancelingColor,lockingColor,lockedColor];return interpolateColor(timing.get(),VOICE_MESSAGE_ANIMATION_STATES,colors);}"
|
|
};
|
|
c8039_36 = {
|
|
code: "function VoiceMessageOverlayTsx9(){const{voiceMessageAnimationState,withTiming,Easing}=this.__closure;const currValue=voiceMessageAnimationState.get()[1];return withTiming(currValue,{easing:Easing.linear,duration:150});}"
|
|
};
|
|
c8039_37 = {
|
|
code: "function VoiceMessageOverlayTsx10(){const{voiceMessageAnimationState,interpolate,timing,VOICE_MESSAGE_ANIMATION_STATES}=this.__closure;const[prevValue,currValue]=voiceMessageAnimationState.get();const distance=prevValue+currValue;const opacity=distance===2?[1,1,1,0]:[1,0,1,0];return interpolate(timing.get(),VOICE_MESSAGE_ANIMATION_STATES,opacity);}"
|
|
};
|
|
c8039_38 = {
|
|
code: "function VoiceMessageOverlayTsx11(){const{interpolate,timing,VOICE_MESSAGE_ANIMATION_STATES}=this.__closure;return{height:interpolate(timing.get(),VOICE_MESSAGE_ANIMATION_STATES,[68,68,104,104])};}"
|
|
};
|
|
c8039_39 = {
|
|
code: "function VoiceMessageOverlayTsx12(){const{interpolate,timing,VOICE_MESSAGE_ANIMATION_STATES,lockContainerOpacity,lockedBackgroundColor}=this.__closure;return{width:interpolate(timing.get(),VOICE_MESSAGE_ANIMATION_STATES,[40,40,56,56]),height:interpolate(timing.get(),VOICE_MESSAGE_ANIMATION_STATES,[68,68,56,56]),opacity:lockContainerOpacity.get(),backgroundColor:lockedBackgroundColor.get(),marginHorizontal:interpolate(timing.get(),VOICE_MESSAGE_ANIMATION_STATES,[0,0,-8,-8]),marginBottom:interpolate(timing.get(),VOICE_MESSAGE_ANIMATION_STATES,[0,0,36,36])};}"
|
|
};
|
|
c8039_40 = {
|
|
code: "function VoiceMessageOverlayTsx13(){const{interpolate,timing,VOICE_MESSAGE_ANIMATION_STATES,lockIconColor}=this.__closure;return{width:interpolate(timing.get(),VOICE_MESSAGE_ANIMATION_STATES,[24,24,32,32]),height:interpolate(timing.get(),VOICE_MESSAGE_ANIMATION_STATES,[24,24,32,32]),marginTop:interpolate(timing.get(),VOICE_MESSAGE_ANIMATION_STATES,[12,12,10,10]),tintColor:lockIconColor.get()};}"
|
|
};
|
|
c8039_41 = {
|
|
code: "function VoiceMessageOverlayTsx14(){const{interpolate,timing,VOICE_MESSAGE_ANIMATION_STATES}=this.__closure;return{opacity:interpolate(timing.get(),VOICE_MESSAGE_ANIMATION_STATES,[1,1,0,0])};}"
|
|
};
|
|
c8039_42 = {
|
|
code: "function VoiceMessageOverlayTsx15(){const{voiceMessageAnimationState,VoiceMessageAnimationState}=this.__closure;return voiceMessageAnimationState.get()[1]===VoiceMessageAnimationState.LOCKED||voiceMessageAnimationState.get()[1]===VoiceMessageAnimationState.LOCKING;}"
|
|
};
|
|
c8039_43 = {
|
|
code: "function VoiceMessageOverlayTsx16(result,previous){const{runOnJS,setLocked}=this.__closure;if(result!==previous){runOnJS(setLocked)(result);}}"
|
|
};
|
|
c8039_44 = {
|
|
code: "function VoiceMessageOverlayTsx17(){const{initialAnimation,safeAreaBottom,CHAT_INPUT_HEIGHT,LOCK_PILL_BOTTOM_OFFSET,INITIAL_SHIFT}=this.__closure;return{opacity:initialAnimation.get(),bottom:safeAreaBottom+CHAT_INPUT_HEIGHT+(LOCK_PILL_BOTTOM_OFFSET-INITIAL_SHIFT)+INITIAL_SHIFT*initialAnimation.get()};}"
|
|
};
|
|
c8039_46 = {
|
|
code: "function VoiceMessageOverlayTsx18(){const{INITIAL_SHIFT,initialAnimation,trashContainerBgColor}=this.__closure;return{marginLeft:INITIAL_SHIFT*2*(1-initialAnimation.get()),marginRight:8-INITIAL_SHIFT*2*(1-initialAnimation.get()),backgroundColor:trashContainerBgColor.get()};}"
|
|
};
|
|
c8039_47 = {
|
|
code: "function VoiceMessageOverlayTsx19(){const{trashIconColor}=this.__closure;return{tintColor:trashIconColor.get()};}"
|
|
};
|
|
c8039_48 = {
|
|
code: "function VoiceMessageOverlayTsx20(){const{recordingAnimation,sendContainerBgColor}=this.__closure;return{opacity:0.5+0.5*recordingAnimation.get(),backgroundColor:sendContainerBgColor.get()};}"
|
|
};
|
|
c8039_49 = {
|
|
code: "function VoiceMessageOverlayTsx21(){const{sendIconColor}=this.__closure;return{tintColor:sendIconColor.get()};}"
|
|
};
|
|
c8039_50 = {
|
|
code: "function VoiceMessageOverlayTsx22(){const{initialAnimation}=this.__closure;return{opacity:initialAnimation.get()};}"
|
|
};
|
|
c8039_51 = {
|
|
code: "function VoiceMessageOverlayTsx23(){const{exiting,INITIAL_SHIFT,initialAnimation,keyboardHeight}=this.__closure;const shift=exiting?INITIAL_SHIFT*3:INITIAL_SHIFT*1.5;return{opacity:initialAnimation.get(),bottom:keyboardHeight-shift*(1-initialAnimation.get())};}"
|
|
};
|
|
c8039_52 = {
|
|
code: "function VoiceMessageOverlayTsx24(){const{insetsNoKeyboard,CHAT_INPUT_HEIGHT,recordingAnimation}=this.__closure;return insetsNoKeyboard.bottom+CHAT_INPUT_HEIGHT*(1.6+0.3*recordingAnimation.get());}"
|
|
};
|
|
c8039_53 = {
|
|
code: "function VoiceMessageOverlayTsx25(){const{insetsNoKeyboard,CHAT_INPUT_HEIGHT}=this.__closure;return insetsNoKeyboard.bottom+CHAT_INPUT_HEIGHT*1.6;}"
|
|
};
|
|
c8039_54 = memo(function({ channelId, voiceMessageAnimationState: voiceMessageAnimationState3, exiting }) {
|
|
let r491;
|
|
let sharedValue, sharedValue2, ref2, derivedValue8, derivedValue9, derivedValue10, derivedValue11;
|
|
let c19113_0, exiting2, sharedValue3, ref3, sharedValue4;
|
|
let env19114;
|
|
let env19115;
|
|
let env19116;
|
|
let env19117;
|
|
let env19118;
|
|
sharedValue = void 0;
|
|
sharedValue2 = void 0;
|
|
ref2 = void 0;
|
|
derivedValue8 = void 0;
|
|
derivedValue9 = void 0;
|
|
derivedValue10 = void 0;
|
|
derivedValue11 = void 0;
|
|
const token6 = useToken(Module712.modules.mobile.CHAT_INPUT_ACTION_BUTTON_SIZE);
|
|
const styles = useStyles(token6);
|
|
const insets = useSafeAreaInsetsKeyboardAware_native({
|
|
includeCustomKeyboardHeight: true,
|
|
includeKeyboardHeight: true
|
|
}).insets;
|
|
const safeAreaInsets_native = useSafeAreaInsets_native();
|
|
let c19112_2 = safeAreaInsets_native;
|
|
const keyboardHeight = insets.bottom - safeAreaInsets_native.bottom;
|
|
let c19112_3 = keyboardHeight;
|
|
const bottom = insets.bottom;
|
|
const isRecording = (0, useVoiceMessagesUIStore)((a0) => a0.startTimeMillis != null);
|
|
c19113_0 = isRecording;
|
|
exiting2 = exiting;
|
|
sharedValue3 = void 0;
|
|
ref3 = void 0;
|
|
sharedValue4 = void 0;
|
|
sharedValue3 = useSharedValue(0);
|
|
ref3 = useRef(performance.now());
|
|
useEffect(() => {
|
|
sharedValue3.set(withDelay(500, _timing.withTiming(1, {
|
|
easing: _ReanimatedRexport.Easing.quad,
|
|
duration: 250
|
|
})));
|
|
}, [sharedValue3]);
|
|
useEffect(() => {
|
|
if (exiting2) {
|
|
sharedValue3.set(_timing.withTiming(0, {
|
|
easing: _ReanimatedRexport.Easing.quad,
|
|
duration: 100
|
|
}));
|
|
}
|
|
}, [sharedValue3, exiting]);
|
|
sharedValue4 = useSharedValue(0);
|
|
useEffect(() => {
|
|
if (c19113_0) {
|
|
sharedValue4.set(_timing.withTiming(1, {
|
|
easing: _ReanimatedRexport.Easing.quad,
|
|
duration: 200
|
|
}));
|
|
if (!(performance.now() - ref3.current >= 500)) {
|
|
sharedValue3.set(_timing.withTiming(1, {
|
|
easing: _ReanimatedRexport.Easing.quad,
|
|
duration: 250
|
|
}));
|
|
}
|
|
}
|
|
}, [sharedValue3, sharedValue4, isRecording]);
|
|
sharedValue = sharedValue3;
|
|
sharedValue2 = sharedValue4;
|
|
ref2 = useRef(null);
|
|
useEffect(() => {
|
|
if (getIsScreenReaderEnabled()) {
|
|
setAccessibilityFocus({
|
|
ref: ref2
|
|
});
|
|
}
|
|
}, []);
|
|
useEffect(() => {
|
|
let c27138_0 = AppState.addEventListener("change", function(a0) {
|
|
if (!(a0 !== "inactive" && a0 !== "background")) {
|
|
ComponentDispatch.dispatchKeyed(ComponentActionsKeyed.VOICE_MESSAGE_SEND, channelId, {
|
|
isCancelling: true,
|
|
cancelReason: VoiceMessageRecordingResult.CANCELLED_ON_BACKGROUND
|
|
});
|
|
}
|
|
});
|
|
return () => {
|
|
c27138_0.remove();
|
|
};
|
|
}, [channelId]);
|
|
const chatInputFloating = useMobileVisualRefreshConfig({
|
|
location: "VoiceMessageOverlay"
|
|
}).chatInputFloating;
|
|
const radius2 = 5 * useWindowDimensions_native().width / 2;
|
|
const token7 = useToken(Module712.colors.ICON_DEFAULT);
|
|
const token2 = useToken(Module712.modules.mobile.CHAT_INPUT_SEND_BUTTON_HEIGHT);
|
|
const token = useToken(Module712.modules.mobile.CHAT_INPUT_ACTION_ICON_PIXEL_SIZE);
|
|
const token4 = useToken(Module712.colors.CHAT_INPUT_SEND_BUTTON_ACTIVE_BACKGROUND);
|
|
const token3 = useToken(Module712.colors.CONTROL_PRIMARY_BORDER_DEFAULT);
|
|
const token5 = useToken(Module712.colors.CHAT_INPUT_SEND_BUTTON_ICON_ACTIVE_TINT);
|
|
const BRAND_6003 = Module712.unsafe_rawColors.BRAND_600;
|
|
const RED_500 = Module712.unsafe_rawColors.RED_500;
|
|
const BRAND_6002 = Module712.unsafe_rawColors.BRAND_600;
|
|
const BRAND_600 = Module712.unsafe_rawColors.BRAND_600;
|
|
const r165 = env19114 = {
|
|
$parent: env8039
|
|
};
|
|
env19114[0] = voiceMessageAnimationState3;
|
|
env19114[1] = BRAND_6003;
|
|
env19114[2] = RED_500;
|
|
env19114[3] = BRAND_6002;
|
|
env19114[4] = BRAND_600;
|
|
env19114[5] = void 0;
|
|
const r169 = $mk87907(r165);
|
|
r169.__closure = {
|
|
voiceMessageAnimationState: voiceMessageAnimationState3,
|
|
withTiming: _timing.withTiming,
|
|
Easing: _ReanimatedRexport.Easing
|
|
};
|
|
r169.__workletHash = 7432526131204;
|
|
const __initData = c8039_34;
|
|
r169.__initData = __initData;
|
|
const derivedValue13 = useDerivedValue(r169);
|
|
env19114[5] = derivedValue13;
|
|
const r181 = $mk87908(r165);
|
|
r181.__closure = {
|
|
voiceMessageAnimationState: voiceMessageAnimationState3,
|
|
sendingColor: BRAND_6003,
|
|
lockingColor: BRAND_6002,
|
|
lockedColor: BRAND_600,
|
|
cancelingColor: RED_500,
|
|
interpolateColor: _ReanimatedRexport.interpolateColor,
|
|
timing: derivedValue13,
|
|
VOICE_MESSAGE_ANIMATION_STATES: c8039_25
|
|
};
|
|
r181.__workletHash = 8474040050475;
|
|
const __initData2 = c8039_35;
|
|
r181.__initData = __initData2;
|
|
const derivedValue12 = useDerivedValue(r181);
|
|
const BRAND_6005 = Module712.unsafe_rawColors.BRAND_600;
|
|
const WHITE = Module712.unsafe_rawColors.WHITE;
|
|
const BRAND_6004 = Module712.unsafe_rawColors.BRAND_600;
|
|
const BRAND_6006 = Module712.unsafe_rawColors.BRAND_600;
|
|
const r203 = env19115 = {
|
|
$parent: env8039
|
|
};
|
|
env19115[0] = voiceMessageAnimationState3;
|
|
env19115[1] = BRAND_6005;
|
|
env19115[2] = WHITE;
|
|
env19115[3] = BRAND_6004;
|
|
env19115[4] = BRAND_6006;
|
|
env19115[5] = void 0;
|
|
const r207 = $mk87907(r203);
|
|
r207.__closure = {
|
|
voiceMessageAnimationState: voiceMessageAnimationState3,
|
|
withTiming: _timing.withTiming,
|
|
Easing: _ReanimatedRexport.Easing
|
|
};
|
|
r207.__workletHash = 7432526131204;
|
|
r207.__initData = __initData;
|
|
const derivedValue14 = useDerivedValue(r207);
|
|
env19115[5] = derivedValue14;
|
|
const r218 = $mk87908(r203);
|
|
r218.__closure = {
|
|
voiceMessageAnimationState: voiceMessageAnimationState3,
|
|
sendingColor: BRAND_6005,
|
|
lockingColor: BRAND_6004,
|
|
lockedColor: BRAND_6006,
|
|
cancelingColor: WHITE,
|
|
interpolateColor: _ReanimatedRexport.interpolateColor,
|
|
timing: derivedValue14,
|
|
VOICE_MESSAGE_ANIMATION_STATES: c8039_25
|
|
};
|
|
r218.__workletHash = 8474040050475;
|
|
r218.__initData = __initData2;
|
|
derivedValue8 = useDerivedValue(r218);
|
|
const R = function R() {
|
|
return {
|
|
marginLeft: 16 * (1 - sharedValue.get()),
|
|
marginRight: 8 - 16 * (1 - sharedValue.get()),
|
|
backgroundColor: derivedValue8.get()
|
|
};
|
|
};
|
|
R.__closure = {
|
|
INITIAL_SHIFT: 8,
|
|
initialAnimation: sharedValue3,
|
|
trashContainerBgColor: derivedValue8
|
|
};
|
|
R.__workletHash = 16442762939311;
|
|
R.__initData = c8039_46;
|
|
const animatedStyle = useAnimatedStyle(R);
|
|
const WHITE2 = Module712.unsafe_rawColors.WHITE;
|
|
const RED_5002 = Module712.unsafe_rawColors.RED_500;
|
|
const WHITE3 = Module712.unsafe_rawColors.WHITE;
|
|
const WHITE4 = Module712.unsafe_rawColors.WHITE;
|
|
const r247 = env19116 = {
|
|
$parent: env8039
|
|
};
|
|
env19116[0] = voiceMessageAnimationState3;
|
|
env19116[1] = WHITE2;
|
|
env19116[2] = RED_5002;
|
|
env19116[3] = WHITE3;
|
|
env19116[4] = WHITE4;
|
|
env19116[5] = void 0;
|
|
const r251 = $mk87907(r247);
|
|
r251.__closure = {
|
|
voiceMessageAnimationState: voiceMessageAnimationState3,
|
|
withTiming: _timing.withTiming,
|
|
Easing: _ReanimatedRexport.Easing
|
|
};
|
|
r251.__workletHash = 7432526131204;
|
|
r251.__initData = __initData;
|
|
const derivedValue15 = useDerivedValue(r251);
|
|
env19116[5] = derivedValue15;
|
|
const r262 = $mk87908(r247);
|
|
r262.__closure = {
|
|
voiceMessageAnimationState: voiceMessageAnimationState3,
|
|
sendingColor: WHITE2,
|
|
lockingColor: WHITE3,
|
|
lockedColor: WHITE4,
|
|
cancelingColor: RED_5002,
|
|
interpolateColor: _ReanimatedRexport.interpolateColor,
|
|
timing: derivedValue15,
|
|
VOICE_MESSAGE_ANIMATION_STATES: c8039_25
|
|
};
|
|
r262.__workletHash = 8474040050475;
|
|
r262.__initData = __initData2;
|
|
derivedValue9 = useDerivedValue(r262);
|
|
const G = function G() {
|
|
return {
|
|
tintColor: derivedValue9.get()
|
|
};
|
|
};
|
|
G.__closure = {
|
|
trashIconColor: derivedValue9
|
|
};
|
|
G.__workletHash = 4758994609248;
|
|
G.__initData = c8039_47;
|
|
const animatedStyle2 = useAnimatedStyle(G);
|
|
const WHITE5 = Module712.unsafe_rawColors.WHITE;
|
|
const RED_5003 = Module712.unsafe_rawColors.RED_500;
|
|
const BRAND_6007 = Module712.unsafe_rawColors.BRAND_600;
|
|
const WHITE6 = Module712.unsafe_rawColors.WHITE;
|
|
const r292 = env19117 = {
|
|
$parent: env8039
|
|
};
|
|
env19117[0] = voiceMessageAnimationState3;
|
|
env19117[1] = WHITE5;
|
|
env19117[2] = RED_5003;
|
|
env19117[3] = BRAND_6007;
|
|
env19117[4] = WHITE6;
|
|
env19117[5] = void 0;
|
|
const r296 = $mk87907(r292);
|
|
r296.__closure = {
|
|
voiceMessageAnimationState: voiceMessageAnimationState3,
|
|
withTiming: _timing.withTiming,
|
|
Easing: _ReanimatedRexport.Easing
|
|
};
|
|
r296.__workletHash = 7432526131204;
|
|
r296.__initData = __initData;
|
|
const derivedValue16 = useDerivedValue(r296);
|
|
env19117[5] = derivedValue16;
|
|
const r307 = $mk87908(r292);
|
|
r307.__closure = {
|
|
voiceMessageAnimationState: voiceMessageAnimationState3,
|
|
sendingColor: WHITE5,
|
|
lockingColor: BRAND_6007,
|
|
lockedColor: WHITE6,
|
|
cancelingColor: RED_5003,
|
|
interpolateColor: _ReanimatedRexport.interpolateColor,
|
|
timing: derivedValue16,
|
|
VOICE_MESSAGE_ANIMATION_STATES: c8039_25
|
|
};
|
|
r307.__workletHash = 8474040050475;
|
|
r307.__initData = __initData2;
|
|
derivedValue10 = useDerivedValue(r307);
|
|
const x = function x() {
|
|
return {
|
|
opacity: 0.5 + 0.5 * sharedValue2.get(),
|
|
backgroundColor: derivedValue10.get()
|
|
};
|
|
};
|
|
x.__closure = {
|
|
recordingAnimation: sharedValue4,
|
|
sendContainerBgColor: derivedValue10
|
|
};
|
|
x.__workletHash = 2463646995928;
|
|
x.__initData = c8039_48;
|
|
const animatedStyle3 = useAnimatedStyle(x);
|
|
const WHITE7 = Module712.unsafe_rawColors.WHITE;
|
|
const WHITE8 = Module712.unsafe_rawColors.WHITE;
|
|
const r330 = env19118 = {
|
|
$parent: env8039
|
|
};
|
|
env19118[0] = voiceMessageAnimationState3;
|
|
env19118[1] = PLUM_13;
|
|
env19118[2] = WHITE7;
|
|
env19118[3] = WHITE8;
|
|
env19118[4] = PLUM_13;
|
|
env19118[5] = void 0;
|
|
const r334 = $mk87907(r330);
|
|
r334.__closure = {
|
|
voiceMessageAnimationState: voiceMessageAnimationState3,
|
|
withTiming: _timing.withTiming,
|
|
Easing: _ReanimatedRexport.Easing
|
|
};
|
|
r334.__workletHash = 7432526131204;
|
|
r334.__initData = __initData;
|
|
const derivedValue17 = useDerivedValue(r334);
|
|
env19118[5] = derivedValue17;
|
|
const r346 = $mk87908(r330);
|
|
r346.__closure = {
|
|
voiceMessageAnimationState: voiceMessageAnimationState3,
|
|
sendingColor: PLUM_13,
|
|
lockingColor: WHITE8,
|
|
lockedColor: PLUM_13,
|
|
cancelingColor: WHITE7,
|
|
interpolateColor: _ReanimatedRexport.interpolateColor,
|
|
timing: derivedValue17,
|
|
VOICE_MESSAGE_ANIMATION_STATES: c8039_25
|
|
};
|
|
r346.__workletHash = 8474040050475;
|
|
r346.__initData = __initData2;
|
|
derivedValue11 = useDerivedValue(r346);
|
|
const B = function B() {
|
|
return {
|
|
tintColor: derivedValue11.get()
|
|
};
|
|
};
|
|
B.__closure = {
|
|
sendIconColor: derivedValue11
|
|
};
|
|
B.__workletHash = 13732877930795;
|
|
B.__initData = c8039_49;
|
|
const animatedStyle4 = useAnimatedStyle(B);
|
|
const U = function U() {
|
|
return {
|
|
opacity: sharedValue.get()
|
|
};
|
|
};
|
|
U.__closure = {
|
|
initialAnimation: sharedValue3
|
|
};
|
|
U.__workletHash = 11009128299499;
|
|
U.__initData = c8039_50;
|
|
const animatedStyle5 = useAnimatedStyle(U);
|
|
const F = function F() {
|
|
const r0 = exiting ? 24 : 12;
|
|
return {
|
|
opacity: sharedValue.get(),
|
|
bottom: c19112_3 - r0 * (1 - sharedValue.get())
|
|
};
|
|
};
|
|
F.__closure = {
|
|
exiting,
|
|
INITIAL_SHIFT: 8,
|
|
initialAnimation: sharedValue3,
|
|
keyboardHeight
|
|
};
|
|
F.__workletHash = 4588671012938;
|
|
F.__initData = c8039_51;
|
|
const animatedStyle6 = useAnimatedStyle(F);
|
|
useWakeLock("VoiceMessageOverlay");
|
|
const Ie = () => c19112_2.bottom + _ChatInputConstants.CHAT_INPUT_HEIGHT * (1.6 + 0.3 * sharedValue2.get());
|
|
Ie.__closure = {
|
|
insetsNoKeyboard: safeAreaInsets_native,
|
|
CHAT_INPUT_HEIGHT: _ChatInputConstants.CHAT_INPUT_HEIGHT,
|
|
recordingAnimation: sharedValue4
|
|
};
|
|
Ie.__workletHash = 14315468936108;
|
|
Ie.__initData = c8039_52;
|
|
const derivedValue18 = useDerivedValue(Ie);
|
|
const me = () => c19112_2.bottom + 1.6 * _ChatInputConstants.CHAT_INPUT_HEIGHT;
|
|
me.__closure = {
|
|
insetsNoKeyboard: safeAreaInsets_native,
|
|
CHAT_INPUT_HEIGHT: _ChatInputConstants.CHAT_INPUT_HEIGHT
|
|
};
|
|
me.__workletHash = 5416150236821;
|
|
me.__initData = c8039_53;
|
|
const derivedValue19 = useDerivedValue(me);
|
|
const r414 = [<ReanimatedRexport.View style={[styles.container, animatedStyle6]} pointerEvents="none">
|
|
<Component3 height={derivedValue18} offsetThreshold={60} opacity={0.24} radius={radius2} voiceMessageAnimationState={voiceMessageAnimationState3} />
|
|
<Component3 height={derivedValue19} offsetThreshold={30} radius={radius2} voiceMessageAnimationState={voiceMessageAnimationState3} />
|
|
</ReanimatedRexport.View>, , ,];
|
|
const r425 = [<Component4 initialAnimation={sharedValue3} recordingAnimation={sharedValue4} exiting={exiting} />, ,];
|
|
if (chatInputFloating) {
|
|
r491 = <ReanimatedRexport.View style={styles.voiceChatContainer}>
|
|
<VoiceMessageChat isRecording={isRecording} initialAnimation={sharedValue3} leftAccessory={<VoiceMessagePillButton icon={Module4149} tintColor={token7} boxSize={token6} iconSize={token} accessibilityLabel={intl.string(t.RdK9sV)} onPressIn={() => triggerHaptic()} onPress={() => {
|
|
ComponentDispatch.dispatchKeyed(ComponentActionsKeyed.VOICE_MESSAGE_SEND, channelId, {
|
|
isCancelling: true
|
|
});
|
|
}} />} rightAccessory={<VoiceMessagePillButton ref={ref2} icon={isRecording ? Module4136 : Module10800} tintColor={token5} backgroundColor={token4} borderColor={token3} boxSize={token2} iconSize={token} accessibilityLabel={intl.string(t["+8GStU"])} onPress={() => {
|
|
ComponentDispatch.dispatchKeyed(ComponentActionsKeyed.VOICE_MESSAGE_SEND, channelId, {
|
|
isCancelling: false
|
|
});
|
|
}} />} />
|
|
</ReanimatedRexport.View>;
|
|
} else {
|
|
const style = [styles.trashContainer, animatedStyle];
|
|
r491 = <>
|
|
{[<Component5 style={style} androidRippleConfig={ANDROID_FOREGROUND_RIPPLE} accessibilityRole="button" accessibilityLabel={intl.string(t.RdK9sV)} onPressIn={() => triggerHaptic()} onPress={() => {
|
|
ComponentDispatch.dispatchKeyed(ComponentActionsKeyed.VOICE_MESSAGE_SEND, channelId, {
|
|
isCancelling: true
|
|
});
|
|
}}>
|
|
<Component style={animatedStyle2} source={Module4149} size={Icon.Sizes.MEDIUM} />
|
|
</Component5>, <ReanimatedRexport.View style={styles.voiceChatContainer}>
|
|
<VoiceMessageChat isRecording={isRecording} initialAnimation={sharedValue3} backgroundColor={derivedValue12} />
|
|
</ReanimatedRexport.View>, <Component5 ref={ref2} style={[styles.sendContainer, animatedStyle3]} androidRippleConfig={ANDROID_FOREGROUND_RIPPLE} accessibilityRole="button" accessibilityLabel={intl.string(t["+8GStU"])} onPress={() => {
|
|
ComponentDispatch.dispatchKeyed(ComponentActionsKeyed.VOICE_MESSAGE_SEND, channelId, {
|
|
isCancelling: false
|
|
});
|
|
}}>
|
|
<Component style={animatedStyle4} source={isRecording ? Module4136 : Module10800} size={Icon.Sizes.MEDIUM} />
|
|
</Component5>]}
|
|
</>;
|
|
}
|
|
r425[1] = <View style={styles.innerContainer}>{r491}</View>;
|
|
r414[1] = <ReanimatedRexport.View style={[styles.contentContainer, {
|
|
bottom
|
|
}, animatedStyle5]}>{r425}</ReanimatedRexport.View>;
|
|
r414[2] = <LockPill safeAreaBottom={bottom} initialAnimation={sharedValue3} voiceMessageAnimationState={voiceMessageAnimationState3} />;
|
|
return <>{r414}</>;
|
|
});
|
|
const r124 = memo(function({ channelId: channelId2 }) {
|
|
let c19119_1, setState3;
|
|
c19119_1 = void 0;
|
|
setState3 = void 0;
|
|
const voiceMessagesUIStore = useVoiceMessagesUIStore((a0) => a0.showRecordingOverlay);
|
|
c19119_1 = voiceMessagesUIStore;
|
|
const stateFromStores2 = useStateFromStores([ChannelStore], () => ChannelStore.getChannel(channelId2));
|
|
const voiceMessagesUIStore2 = useVoiceMessagesUIStore((a0) => a0.voiceMessageAnimationState);
|
|
let state;
|
|
[state, setState3] = useState(voiceMessagesUIStore);
|
|
useEffect(() => {
|
|
if (c19119_1) {
|
|
setState3(true);
|
|
return void 0;
|
|
}
|
|
let c27139_0 = setTimeout(() => setState3(false), 100);
|
|
return () => {
|
|
clearTimeout(c27139_0);
|
|
};
|
|
}, [voiceMessagesUIStore]);
|
|
return (stateFromStores2 == null ? void 0 : stateFromStores2.isForumLikeChannel()) ? null : voiceMessagesUIStore2 != null ? state ? (0, jsx)(c8039_54, {
|
|
channelId: channelId2,
|
|
voiceMessageAnimationState: voiceMessagesUIStore2,
|
|
exiting: !voiceMessagesUIStore
|
|
}) : null : null;
|
|
});
|
|
export default r124;
|
|
export { Component3 as VoiceMessageEllipse };
|