Headless Web SDK Ambient Interoperability

import { useAmbient } from "@suki-sdk/platform-react";

export function StartInteroperableSession() {
  const {
    ambientSessionId,
    noteId,
    session,
  } = useAmbient();

  // Reuse the same encounterId for every re-ambient session on this note.
  const existingEncounterId = "visit-note-1";

  const startInteroperableSession = async () => {
    try {
      const result = await session.create({
        encounterId: existingEncounterId,
        emrEncounterId: "6ec3920f-b0b1-499d-a4e9-889bf788e5ab",
        multilingual: true, // optional
      });

      // result.ambientSessionId and result.noteId
      // When session.isSuccess is true, ambientSessionId and noteId are also on the hook return.
      return result;
    } catch (error) {
      // Handle sessionAlreadyExists and other create errors.
      // See Handle ambient session conflicts.
      console.error(error);
      throw error;
    }
  };

  return (
    <button type="button" onClick={() => void startInteroperableSession()}>
      Start interoperable session
    </button>
  );
}