yeet

modules/premium/referral_program/hooks/native/useReferralProgramCoachmark.tsx

@@ -0,0 +1,60 @@
+// Metro module 15618 (f15619).
+import { useMemo } from "react";
+import { View } from "react-native";
+import { UserSettingsSections } from "../../../../../Constants";
+import { ContentDismissActionType } from "../../../../dismissible_content/DismissibleContentConstants";
+import { createStyles } from "../../../../../design/components/Styles/native/createStyles";
+import FastImage from "../../../../../components_native/common/FastImage";
+import Module15619 from "../../../../../_bundle/Module15619";
+import { useIsDismissibleContentDismissed_UNSAFE } from "../../../../dismissible_content/DismissibleContentUnsafeUtils";
+import { DismissibleContent } from "../../../../../_bundle/Module1358";
+import { useIsEligibleSenderForReferralProgram } from "../useIsEligibleSenderForReferralProgram";
+import { useSelectedDismissibleContent } from "../../../../dismissible_content/hooks/useSelectedDismissibleContent";
+import { intl, t } from "../../../../../intl/index.native";
+import { isYouNavFloating } from "../../../../main_tabs_v2/native/tabs/you/YouNavFloatingExperiment";
+import Module712 from "../../../../../_bundle/Module712";
+import { openUserSettings } from "../../../../user_settings/core/native/openUserSettings";
+let useStyles;
+const ReferralProgramCoachmarkImg = function ReferralProgramCoachmarkImg() {
+  const styles = useStyles();
+  return <View style={styles.coachmarkImageContainer}>
+    <FastImage source={Module15619} style={styles.coachmarkImage} />
+  </View>;
+};
+useStyles = createStyles({
+  coachmarkImageContainer: {
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  coachmarkImage: {
+    width: 200,
+    height: 112
+  }
+});
+export function useReferralProgramCoachmark({ disabled }) {
+  const [r31, r32] = useSelectedDismissibleContent(useIsEligibleSenderForReferralProgram(useIsDismissibleContentDismissed_UNSAFE(DismissibleContent.REFERRAL_TRIAL_MOBILE_SENDER_COACHMARK) || disabled) && !disabled ? [DismissibleContent.REFERRAL_TRIAL_MOBILE_SENDER_COACHMARK] : []);
+  let c22250_0 = r32;
+  const visible = r31 === DismissibleContent.REFERRAL_TRIAL_MOBILE_SENDER_COACHMARK;
+  const memo = useMemo(() => ({
+    title: intl.string(t.USo4s7),
+    description: intl.string(t.zmcRl4),
+    position: isYouNavFloating() ? "top" : "bottom",
+    offsetY: isYouNavFloating() ? Module712.space.PX_12 : void 0,
+    visible,
+    onDismiss: () => {
+      c22250_0(ContentDismissActionType.USER_DISMISS);
+    },
+    buttonVariant: "experimental_premium-primary",
+    buttonLabel: intl.string(t.RzWDqY),
+    onButtonPress: () => {
+      openUserSettings({
+        screen: UserSettingsSections.PREMIUM
+      });
+      c22250_0(ContentDismissActionType.TAKE_ACTION);
+    },
+    renderImgComponent: () => <ReferralProgramCoachmarkImg />
+  }), [visible, r32]);
+  return visible ? {
+    props: memo
+  } : null;
+}