yeet

modules/nuf/native/components/notification/NotificationNudgeBottomSheet.tsx

@@ -0,0 +1,86 @@
+// Metro module 15395 (f15396).
+import { useEffect, useCallback } from "react";
+import { View } from "react-native";
+import { EventActionType, NotificationNudgeAnalyticsAction } from "./NotificationPermissionConstants";
+import { AnalyticEvents } from "../../../../../Constants";
+import { ContentDismissActionType } from "../../../../dismissible_content/DismissibleContentConstants";
+import { createStyles } from "../../../../../design/components/Styles/native/createStyles";
+import Module712 from "../../../../../_bundle/Module712";
+import AnalyticsUtils from "../../../../../utils/AnalyticsUtils";
+import ActionSheetActionCreators from "../../../../action_sheet/native/ActionSheetActionCreators";
+import { requestPushNotificationPermission } from "../../NotificationPermissionUtil";
+import { BottomSheet } from "../../../../../design/components/Sheet/native/BottomSheet.native";
+import { BellSpotIllustration } from "../../../../../design/assets/native";
+import { Text } from "../../../../../design/components/Text/native/Text";
+import { ButtonGroup } from "../../../../../design/components/ButtonGroup/native/ButtonGroup.native";
+import { Button } from "../../../../../design/components/Button/native/Button.native";
+import { intl, t } from "../../../../../intl/index.native";
+const useStyles = createStyles({
+  container: {
+    marginHorizontal: Module712.space.PX_24,
+    alignItems: "center"
+  },
+  illustration: {
+    marginVertical: Module712.space.PX_24
+  },
+  title: {
+    textAlign: "center"
+  },
+  body: {
+    textAlign: "center",
+    marginTop: Module712.space.PX_8
+  },
+  buttonsContainer: {
+    marginTop: Module712.space.PX_8,
+    width: "100%"
+  }
+});
+export default function NotificationNudgeBottomSheet(props) {
+  let callback;
+  const { title, body, actionLocation, surface, markAsDismissed, onHide } = props;
+  callback = void 0;
+  const styles = useStyles();
+  useEffect(() => {
+    AnalyticsUtils.track(AnalyticEvents.CONTEXTUAL_REMINDER_ACTION, {
+      action: NotificationNudgeAnalyticsAction.IMPRESSION,
+      prompt_type: surface
+    });
+  }, [surface]);
+  callback = useCallback(() => {
+    ActionSheetActionCreators.hideActionSheet();
+    if (onHide != null) {
+      onHide();
+    }
+  }, [onHide]);
+  const callback3 = useCallback(() => {
+    AnalyticsUtils.track(AnalyticEvents.CONTEXTUAL_REMINDER_ACTION, {
+      action: NotificationNudgeAnalyticsAction.ACCEPT,
+      prompt_type: surface
+    });
+    markAsDismissed(ContentDismissActionType.USER_DISMISS);
+    requestPushNotificationPermission(EventActionType.ALLOW_TO_REQUEST, actionLocation, callback);
+  }, [surface, actionLocation, callback, markAsDismissed]);
+  const callback2 = useCallback(() => {
+    AnalyticsUtils.track(AnalyticEvents.CONTEXTUAL_REMINDER_ACTION, {
+      action: NotificationNudgeAnalyticsAction.DISMISS,
+      prompt_type: surface
+    });
+    markAsDismissed(ContentDismissActionType.USER_DISMISS);
+    callback();
+  }, [surface, callback, markAsDismissed]);
+  return <BottomSheet>
+    <View style={styles.container}>
+      <View style={styles.illustration}>
+        <BellSpotIllustration scale={0.8} />
+      </View>
+      <Text style={styles.title} variant="heading-xl/bold" accessibilityRole="header">{title}</Text>
+      <Text style={styles.body} variant="text-sm/medium" color="text-default">{body}</Text>
+      <View style={styles.buttonsContainer}>
+        <ButtonGroup>
+          <Button text={intl.string(t["+7MDbQ"])} onPress={callback3} />
+          <Button text={intl.string(t.L5eIZ2)} onPress={callback2} variant="secondary" />
+        </ButtonGroup>
+      </View>
+    </View>
+  </BottomSheet>;
+};