86 lines
3.1 KiB
TypeScript
86 lines
3.1 KiB
TypeScript
// Metro module 11877 (f11878).
|
|
import { View } from "react-native";
|
|
import AccessibilityStore from "../../a11y/AccessibilityStore";
|
|
import { EMBEDDED_ACTIVITIES_BLOG_POST_URL } from "../Constants";
|
|
import { createStyles } from "../../../design/components/Styles/native/createStyles";
|
|
import { useStateFromStores } from "../../../_bundle/Module589";
|
|
import * as _ReanimatedRexport from "../../reanimated/ReanimatedRexport";
|
|
import ReanimatedRexport, { useAnimatedStyle } from "../../reanimated/ReanimatedRexport";
|
|
import * as _timing from "../../../design/animation/reanimated/timing/timing";
|
|
import { Tooltip } from "../../../design/void/native";
|
|
import { intl, t } from "../../../intl/index.native";
|
|
import { Button } from "../../../design/components/Button/native/Button.native";
|
|
const TIMING_CONFIG = {
|
|
duration: 500
|
|
};
|
|
const useStyles = createStyles({
|
|
arrow: {
|
|
marginLeft: 200,
|
|
top: 9,
|
|
position: "relative",
|
|
borderTopWidth: 0,
|
|
borderRightWidth: 0,
|
|
borderBottomWidth: 16,
|
|
borderLeftWidth: 16,
|
|
transform: [{
|
|
rotateZ: "225deg"
|
|
}]
|
|
},
|
|
tooltip: {
|
|
padding: 16
|
|
},
|
|
tooltipContainer: {
|
|
position: "absolute",
|
|
width: 280,
|
|
zIndex: 2,
|
|
right: -48,
|
|
top: -8
|
|
},
|
|
tooltipText: {
|
|
textAlign: "center",
|
|
fontSize: 14
|
|
},
|
|
closeButtonWrapper: {
|
|
marginTop: 14
|
|
}
|
|
});
|
|
const __initData = {
|
|
code: "function ActivitiesPrivateChannelCallTooltipTsx1(){const{withRepeat,withSequence,withTiming,OFFSET,translateBounceOffset,TIMING_CONFIG}=this.__closure;return{transform:[{translateY:withRepeat(withSequence(withTiming(OFFSET,{duration:0}),withTiming(OFFSET+translateBounceOffset,TIMING_CONFIG),withTiming(OFFSET,TIMING_CONFIG)),10)}]};}"
|
|
};
|
|
export default function ActivitiesPrivateChannelCallTooltip(props) {
|
|
let c19245_0;
|
|
const onClosePress = props.onClosePress;
|
|
c19245_0 = void 0;
|
|
const styles = useStyles();
|
|
const translateBounceOffset = useStateFromStores([AccessibilityStore], () => AccessibilityStore.useReducedMotion) ? 0 : 4;
|
|
c19245_0 = translateBounceOffset;
|
|
const T = function T() {
|
|
return {
|
|
transform: [{
|
|
translateY: _ReanimatedRexport.withRepeat(_ReanimatedRexport.withSequence(_timing.withTiming(40, {
|
|
duration: 0
|
|
}), _timing.withTiming(40 + c19245_0, TIMING_CONFIG), _timing.withTiming(40, TIMING_CONFIG)), 10)
|
|
}]
|
|
};
|
|
};
|
|
T.__closure = {
|
|
withRepeat: _ReanimatedRexport.withRepeat,
|
|
withSequence: _ReanimatedRexport.withSequence,
|
|
withTiming: _timing.withTiming,
|
|
OFFSET: 40,
|
|
translateBounceOffset,
|
|
TIMING_CONFIG
|
|
};
|
|
T.__workletHash = 4621705591670;
|
|
T.__initData = __initData;
|
|
return <ReanimatedRexport.View style={[styles.tooltipContainer, useAnimatedStyle(T)]}>
|
|
<Tooltip containerStyle={styles.tooltip} labelStyle={styles.tooltipText} arrowStyle={[styles.arrow]} label={intl.format(t.xAW71b, {
|
|
helpdeskUrl: EMBEDDED_ACTIVITIES_BLOG_POST_URL
|
|
})} title={intl.string(t.HOPqzR)}>
|
|
<View style={styles.closeButtonWrapper}>
|
|
<Button text={intl.string(t["NX+WJN"])} onPress={onClosePress} variant="secondary" size="sm" grow />
|
|
</View>
|
|
</Tooltip>
|
|
</ReanimatedRexport.View>;
|
|
};
|