In-app notifications

import { useEffect } from "react";
import { useCourier, CourierInbox } from "@trycourier/courier-react";  // or "@trycourier/courier-react-17"

export default function App() {
  const courier = useCourier();

  useEffect(() => {
    // Authenticate the user
    courier.shared.signIn({ userId, jwt });
  }, []);

  // Render the Inbox component
  return <CourierInbox />;
}

<courier-inbox id="inbox"></courier-inbox>

<script type="module">
  import { Courier } from "@trycourier/courier-ui-inbox";

  // Authenticate the user
  Courier.shared.signIn({ userId, jwt });
</script>

<script setup lang="ts">
import { onMounted } from "vue";
import { CourierInbox, useCourier } from "@trycourier/courier-vue";

const courier = useCourier();

onMounted(() => {
  // Authenticate the user
  courier.shared.signIn({ userId, jwt });
});
</script>

<template>
  <CourierInbox />
</template>

import { CourierService } from "@trycourier/courier-angular";

// Authenticate the user
this.courier.signIn({ userId, jwt });

// Render: <courier-inbox></courier-inbox>

import Courier_iOS

// Authenticate the user
await Courier.shared.signIn(userId: userId, accessToken: jwt)

// UIKit
view.addSubview(CourierInbox())

// SwiftUI
CourierInboxView()

// Authenticate the user (signIn is a suspend function)
lifecycleScope.launch {
  Courier.shared.signIn(userId = userId, accessToken = jwt)
}

// Render the Inbox @Composable
CourierInbox()

import 'package:courier_flutter/ui/inbox/courier_inbox.dart';

// Authenticate the user
await Courier.shared.signIn(accessToken: jwt, userId: userId);

// Render the inbox widget
CourierInbox();

import Courier, { CourierInboxView } from "@trycourier/courier-react-native";

// Authenticate the user
await Courier.shared.signIn({ accessToken: jwt, userId });

// Render the inbox component
<CourierInboxView />;