Configuration examples

import { SukiAuthManager } from "@suki-sdk/core";
import { DictationClient } from "@suki-sdk/dictation";
import { DictationProvider, Dictation } from "@suki-sdk/dictation-react";

const authManager = new SukiAuthManager({
  partnerId: "YOUR_PARTNER_ID", // Required
  partnerToken: "YOUR_PARTNER_TOKEN", // Required
  environment: "staging", // Optional
  loginOnInitialize: true, // Optional
  providerName: "John doe", // Optional
  providerOrgId: "1234", // Optional
  providerId: "1234567890", // Optional
  providerSpecialty: "FAMILY_MEDICINE", // Optional
});

const client = new DictationClient({ authManager });

export function NotesWithDictation() {
  return (
    <DictationProvider client={client}>
      <Dictation
        mode="in-field"
        fieldId="clinical-notes"
        rootElement={document.getElementById("dictation-root")}
        initialText=""
        onSubmit={({ fieldId, text }) => {
          console.log(fieldId, text);
        }}
        onCancel={({ fieldId }) => {
          console.log("Cancelled", fieldId);
        }}
        onDraft={({ fieldId, text }) => {
          // Optional: e.g. user left without submit; persist draft in your app if needed
          console.log("Draft", fieldId, text);
        }}
      />
    </DictationProvider>
  );
}