React Native SDK

{
	"expo": {
		"android": { "package": "com.example.app", "googleServicesFile": "./google-services.json" },
		"ios": { "bundleIdentifier": "com.example.app" },
		"plugins": ["expo-notifications", "expo-secure-store", "@galinum/react-native"]
	}
}

<receiver android:name="io.invertase.firebase.messaging.ReactNativeFirebaseMessagingReceiver" tools:node="remove" />
<receiver
	android:name="com.galinum.journal.GalinumFirebaseReceiver"
	android:exported="true"
	android:permission="com.google.android.c2dm.permission.SEND">
	<intent-filter>
		<action android:name="com.google.android.c2dm.intent.RECEIVE" />
	</intent-filter>
</receiver>

override fun onCreate(savedInstanceState: Bundle?) {
	com.galinum.journal.GalinumNotificationActivity.onCreate(this, savedInstanceState)
	super.onCreate(savedInstanceState)
}

override fun onNewIntent(intent: Intent) {
	com.galinum.journal.GalinumNotificationActivity.onNewIntent(this, intent)
	super.onNewIntent(intent)
}

platform :ios, '16.4'
use_frameworks! :linkage => :static
$RNFirebaseAsStaticFramework = true
$RNFirebaseDisableSPM = true

pod 'GalinumReceiptStore', :path => '../node_modules/@galinum/react-native'

dependencies {
	implementation("com.facebook.fresco:animated-gif:3.6.0")
}

import type { ReactNode } from 'react';
import { Platform } from 'react-native';
import { createGalinumClient, GalinumProvider } from '@galinum/react-native';
import { createExpoAdapter } from '@galinum/react-native/expo';

const client = createGalinumClient({
	apiBase: 'https://galinum.com',
	publishableKey: 'pk_pub_your_project_key',
	appId: 'com.example.app',
	platform: Platform.OS === 'ios' ? 'ios' : 'android',
	environment: 'production',
	storageKey: 'galinum.example.production',
	adapter: createExpoAdapter({
		androidChannel: { id: 'product_updates', name: 'Product updates' },
	}),
	notifications: {
		foreground: 'suppress',
		channels: [{ id: 'product_updates', name: 'Product updates', importance: 'default' }],
		actions: [{ id: 'open_exports', title: 'Try exports' }],
		categories: [{ id: 'exports', actions: ['open_exports'] }],
	},
});

export function MessagingRoot({ children }: { children: ReactNode }) {
	return <GalinumProvider client={client}>{children}</GalinumProvider>;
}

const stopHandling = client.setNotificationHandler(async (interaction, session) => {
	if (interaction.test) return;
	await session.track('notification_opened', { kind: interaction.kind }, {
		eventId: `notification-opened:${interaction.id}`,
	});
});

import { Linking } from 'react-native';
import {
	getInAppController,
	InAppLifecycle,
	InAppMessages,
} from '@galinum/react-native';

const entryOwner = client.inApp.getSnapshot().owner;
let entryCounter = 0;

const inAppController = getInAppController(client.inApp, client.feedback, {
	id: () => `${entryOwner}:${++entryCounter}`,
	appSchemes: ['example'],
	openDestination: async destination => {
		await Linking.openURL(destination.url);
	},
});

type ScreenEntry = {
	routeKey: string;
	path: string;
	navigationReady: boolean;
};

export function ScreenMessages(entry: ScreenEntry) {
	return (
		<>
			<InAppLifecycle controller={inAppController} {...entry} />
			<InAppMessages controller={inAppController} theme="auto" />
		</>
	);
}