yeet

modules/conversations/components/native/ConversationCoachmark.tsx

@@ -0,0 +1,57 @@
+// Metro module 10124 (f10125).
+import { useRef, useMemo, useCallback } from "react";
+import { View } from "react-native";
+import { ContentDismissActionType } from "../../../dismissible_content/DismissibleContentConstants";
+import { DismissibleContent } from "../../../../_bundle/Module1358";
+import { createStyles } from "../../../../design/components/Styles/native/createStyles";
+import Module712 from "../../../../_bundle/Module712";
+import { Text } from "../../../../design/components/Text/native/Text";
+import { intl, t } from "../../../../intl/index.native";
+import { useSelectedDismissibleContent } from "../../../dismissible_content/hooks/useSelectedDismissibleContent";
+import { useCoachmark } from "../../../../design/components/Coachmark/native/useCoachmark.native";
+let TOPICAL_NAVIGATION_HEADER_COACHMARK, c6741_8, useStyles;
+const NewBadge = function NewBadge() {
+  return <View style={useStyles().badge}>
+    <Text variant="text-sm/bold" color="text-default">
+      {intl.string(t.c2GSIl)}
+    </Text>
+  </View>;
+};
+TOPICAL_NAVIGATION_HEADER_COACHMARK = DismissibleContent.TOPICAL_NAVIGATION_HEADER_COACHMARK;
+c6741_8 = [TOPICAL_NAVIGATION_HEADER_COACHMARK];
+useStyles = createStyles({
+  badge: {
+    backgroundColor: Module712.colors.BACKGROUND_BRAND,
+    paddingVertical: 2,
+    paddingHorizontal: Module712.space.PX_8,
+    borderRadius: Module712.radii.round
+  },
+  coachmarkWrapper: {
+    marginRight: Module712.space.PX_12
+  }
+});
+export function ConversationCoachmark(props) {
+  const { children, isLast } = props;
+  const styles = useStyles();
+  const ref = useRef(null);
+  const [r23, r24] = useSelectedDismissibleContent(c6741_8);
+  let c17714_0 = r23;
+  let c17714_1 = r24;
+  useCoachmark(ref, useMemo(() => ({
+    title: intl.string(t.UcQjDe),
+    description: intl.string(t.QeJIbA),
+    position: "bottom",
+    visible: c17714_0 === TOPICAL_NAVIGATION_HEADER_COACHMARK,
+    onDismiss: () => {
+      c17714_1(ContentDismissActionType.USER_DISMISS);
+    },
+    renderImgComponent: () => <NewBadge />
+  }), [r24, r23]));
+  return <View style={isLast ? void 0 : styles.coachmarkWrapper}>
+    <View ref={ref}>
+      {children(useCallback(() => {
+        c17714_1(ContentDismissActionType.USER_DISMISS);
+      }, [r24]))}
+    </View>
+  </View>;
+}