yeet

modules/activities/native/ActivitiesPrivateChannelCallTooltip.tsx

@@ -0,0 +1,85 @@
+// 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>;
+};