Web SDK Basic Usage

const { startJourney, Status, ErrorCode } = window.UAEKYC;

const config = {
  journeyToken: "your-journey-token", // Required: from Create Journey API
  language: "en",                     // Optional: default "en"
  theme: "system",                    // Optional: "light", "dark", or "system"
  apiDomain: "your-api-domain.com",   // Optional: defaults to window origin
  privacyPolicyUrl: "https://example.com/privacy",
  logoUrl: "https://example.com/logo.png",
  accentColor: "#CFB16C",             // Optional
  docCaptureCamFacingMode: "environment"
};

const handleJourneyComplete = (result) => {
  console.log("Status:", Status[result.status]);
  console.log("Message:", result.message);

  if (result.code) {
    console.log("Error code:", ErrorCode[result.code]);
  }

  if (result.status === Status.Success) {
    console.log("KYC completed successfully");
  } else if (result.status === Status.Error) {
    console.error("KYC failed:", ErrorCode[result.code]);
  } else if (result.status === Status.Cancelled) {
    console.log("User cancelled");
  } else if (result.status === Status.DocumentVerificationFailed) {
    console.log("Document verification failed");
  } else if (result.status === Status.FaceVerificationFailed) {
    console.log("Face verification failed");
  } else if (result.status === Status.Expired) {
    console.log("Journey session expired");
  } else if (result.status === Status.Blocked) {
    console.log("Journey blocked — user must wait before retrying");
  }
};

startJourney(config, handleJourneyComplete);

<div id="uae-kyc-container"></div>

#uae-kyc-container {
  width: 100%;
  height: 100vh;
}

interface JourneyResult {
  status: Status;
  message: string;
  code?: ErrorCode;
}