Quick Start

import { useEffect } from "react";
import { Platform } from "react-native";
import { router, Stack } from "expo-router";
import * as Notifications from "expo-notifications";
import { createPntaClient } from "@pnta/expo";

// Handle notifications that arrive while the app is in the foreground.
Notifications.setNotificationHandler({
  handleNotification: async () => ({
    shouldShowBanner: true,
    shouldShowList: true,
    shouldPlaySound: true,
    shouldSetBadge: true,
  }),
});

const pnta = createPntaClient({ projectId: "prj_XXXXXXXXX" });

export default function RootLayout() {
  useEffect(() => {
    // Identify current push token with PNTA.
    registerForPushNotificationsAsync().then((token) => token && pnta.identify(token));

    // Push tokens can rotate; re-identify when that happens.
    const subscription = Notifications.addPushTokenListener((token) =>
      pnta.identify(token.data),
    );

    // Track notification opens on tap.
    const tapSubscription = pnta.onNotificationTap((payload) => {
      // Deep link to the notification's link_to, if it has one.
      if (payload.link_to) router.push(payload.link_to);
    });

    return () => {
      subscription.remove();
      tapSubscription.remove();
    };
  }, []);

  return <Stack />;
}

// Prompts for notification permission.
async function registerForPushNotificationsAsync() {
  if (Platform.OS === "android") {
    await Notifications.setNotificationChannelAsync("default", {
      name: "default",
      importance: Notifications.AndroidImportance.MAX,
      vibrationPattern: [0, 250, 250, 250],
      lightColor: "#FF231F7C",
    });
  }

  const { status: existingStatus } = await Notifications.getPermissionsAsync();
  let finalStatus = existingStatus;
  if (existingStatus !== "granted") {
    const { status } = await Notifications.requestPermissionsAsync();
    finalStatus = status;
  }
  if (finalStatus !== "granted") return;

  try {
    return (await Notifications.getDevicePushTokenAsync()).data;
  } catch (e) {
    console.warn("Failed to get push token", e);
  }
}