Add the Courier Inbox

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

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

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

  return <CourierInbox />;
}

<!-- Works with any framework, or none -->
<courier-inbox id="inbox"></courier-inbox>

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

  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(() => {
  courier.shared.signIn({ userId, jwt });
});
</script>

<template>
  <CourierInbox />
</template>

import { AfterViewInit, Component, inject } from "@angular/core";
import { CourierInboxComponent, CourierService } from "@trycourier/courier-angular";

@Component({
  selector: "app-root",
  standalone: true,
  imports: [CourierInboxComponent],
  template: `<courier-inbox></courier-inbox>`,
})
export class AppComponent implements AfterViewInit {
  private readonly courier = inject(CourierService);

  ngAfterViewInit(): void {
    this.courier.signIn({ userId, jwt });
  }
}

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/courier_flutter.dart';
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
return <CourierInboxView />;