interview-widget 3.3.1 → 3.3.3-beta.0

package/dist/components/interview/interview-content.d.ts

@@ -22,6 +22,19 @@ interface InterviewContentProps {
     onAnswerChange?: ((e: React.ChangeEvent<HTMLTextAreaElement>) => void) | undefined;
     editingTime?: number | undefined;
     disableSubmitButton?: boolean;
+    fetchQuestionError?: any;
+    onRetryQuestion?: () => void;
+    retryClicksCount?: number;
+    isFetchingQuestion?: boolean;
+    onExitInterview?: () => void;
+    isAvatarEnabled?: boolean;
+    avatarCanvasRef?: React.RefObject<HTMLDivElement | null>;
+    isReceivingAvatar?: boolean;
+    isAvatarReady?: boolean;
+    isStartingAvatar?: boolean;
+    isAvatarSpeaking?: boolean;
+    avatarLoadProgress?: number;
+    isInterviewStarted?: boolean;
 }
 export declare const InterviewContent: React.FC<InterviewContentProps>;
 export {};

package/dist/components/interview/interview-controller.d.ts

@@ -9,6 +9,13 @@ interface InterviewControllerProps {
     onDisqualify?: (() => void) | undefined;
     className?: string;
     videoFeedRef?: React.Ref<VideoFeedHandle>;
+    onStartReadyChange?: (isReady: boolean) => void;
+    onStartErrorChange?: (error: string | null) => void;
+    isInterviewStarted?: boolean;
 }
-declare const InterviewController: React.FC<InterviewControllerProps>;
+export interface InterviewControllerHandle {
+    startInterview: () => Promise<void>;
+    retryAvatarPreparation: () => void;
+}
+declare const InterviewController: React.ForwardRefExoticComponent<InterviewControllerProps & React.RefAttributes<InterviewControllerHandle>>;
 export default InterviewController;

package/dist/components/interview/interview-header.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-export interface InterviewHeaderProps {
+interface InterviewHeaderProps {
     title: string;
     brandName?: string;
     brandLogo?: React.ReactNode;

package/dist/components/interview/proctoring/gaze-detection/utils/types.d.ts

@@ -24,22 +24,13 @@ export interface Stats {
     multipleFacesDetected: boolean;
     referenceFaceNotDetected: boolean;
 }
-export type GazeViolationType = 'looking_away' | 'no_face_detected' | 'multiple_faces';
+export type GazeViolationType = "looking_away" | "no_face_detected" | "multiple_faces";
 export interface GazeViolationCounters {
     lookingAwayCount: number;
     noFaceDetectedCount: number;
     multipleFacesCount: number;
     totalGazeViolations: number;
 }
-export interface GazeAnalysisState {
-    referenceSet: boolean;
-    referenceRef: {
-        x: number;
-        y: number;
-        noseX: number;
-        noseY: number;
-    };
-}
 export interface GazeWarningConfig {
     icon: React.ComponentType<{
         className?: string;

package/dist/components/interview/proctoring/interview-proctoring.d.ts

@@ -14,6 +14,7 @@ interface Props {
     onDisqualify?: (() => void) | undefined;
     onExit?: (() => void) | undefined;
     isCompleted?: boolean;
+    isActive?: boolean;
 }
 export interface InterviewProctoringHandle {
     exitFullScreenIntentionally: () => Promise<void>;

package/dist/components/interview/question-text.d.ts

@@ -0,0 +1,4 @@
+export declare const QuestionLoadingText: React.FC;
+export declare const AnimatedQuestionText: React.FC<{
+    text: string;
+}>;

package/dist/components/interview/transcript/interview-transcript.d.ts

@@ -14,6 +14,7 @@ interface InterviewTranscriptProps {
     onAnswerChange?: ((e: React.ChangeEvent<HTMLTextAreaElement>) => void) | undefined;
     timerState?: TimerState | undefined;
     editingTime?: number | undefined;
+    isActive?: boolean;
 }
 export declare const InterviewTranscript: React.FC<InterviewTranscriptProps>;
 export {};

package/dist/components/media/spatius-avatar-feed.d.ts

@@ -0,0 +1,11 @@
+import { RefObject } from 'react';
+interface SpatiusAvatarFeedProps {
+    canvasRef: RefObject<HTMLDivElement | null>;
+    isReceivingAvatar: boolean;
+    isReady: boolean;
+    isStarting: boolean;
+    isSpeaking: boolean;
+    loadProgress: number;
+}
+export declare function SpatiusAvatarFeed({ canvasRef, isReceivingAvatar, isReady, isStarting, isSpeaking, loadProgress, }: SpatiusAvatarFeedProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/media/video-feed.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import { GazeWarningTypeValue } from '../interview/proctoring/gaze-detection/config/gaze-modal-config';
 export interface VideoFeedHandle {
     setReference: () => void;
@@ -16,8 +17,12 @@ interface VideoFeedProps {
     onProctoringStatusChange?: (status: GazeWarningTypeValue) => void;
     showStatusOverlay?: boolean;
     cheatingWarningVisible?: boolean;
+    isListening?: boolean;
+    actionOverlay?: ReactNode;
+    animateAnswerStart?: boolean;
     isDeviceLoading?: boolean;
     videoAllowed?: boolean;
+    questionNumber?: number;
 }
 declare const VideoFeed: import('react').ForwardRefExoticComponent<VideoFeedProps & import('react').RefAttributes<VideoFeedHandle>>;
 export default VideoFeed;

package/dist/components/modals/onboarding-modal.d.ts

@@ -2,7 +2,10 @@ import { default as React } from 'react';
 import { VideoFeedHandle } from '../media/video-feed';
 interface PermissionModalProps {
     isOpen: boolean;
-    onStart: () => void;
+    onStart: () => Promise<void> | void;
+    isStartReady?: boolean;
+    preparationError?: string | null;
+    onRetryPreparation?: () => void;
     onRequestCalibration?: () => void;
     onClose?: () => void;
     gazeEnabled?: boolean;

package/dist/components/modals/retry-confirmation-modal.d.ts

@@ -0,0 +1,9 @@
+interface RetryConfirmationModalProps {
+    isOpen: boolean;
+    onRetry: () => void;
+    onExit: () => void;
+    retryClicksCount: number;
+    isLoading: boolean;
+}
+export declare const RetryConfirmationModal: ({ isOpen, onRetry, onExit, retryClicksCount, isLoading, }: RetryConfirmationModalProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/network/network-quality-bar.d.ts

@@ -0,0 +1,6 @@
+import { NetworkQualityLevel } from './network-quality-config';
+interface NetworkQualityBarProps {
+    quality: NetworkQualityLevel;
+}
+export declare function NetworkQualityBar({ quality }: NetworkQualityBarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/network/network-quality-config.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+export type NetworkQualityLevel = "good" | "fair" | "poor" | "disconnected";
+export interface NetworkQualityConfig {
+    /** Tailwind bar fill color class */
+    barColor: string;
+    /** Number of lit bars out of 3 */
+    activeBars: number;
+    /** Short label for tooltip */
+    label: string;
+    /** Whether to trigger the warning modal */
+    showModal: boolean;
+    /** Icon component for the warning modal */
+    modalIcon: React.ComponentType<React.SVGProps<SVGSVGElement>>;
+    modalIconColor: string;
+    modalIconBg: string;
+    modalIconBorder: string;
+    modalTitle: string;
+    modalSubtitle: string;
+    modalDescription?: string;
+}
+export declare const networkQualityConfigs: Record<NetworkQualityLevel, NetworkQualityConfig>;

package/dist/components/network/network-warning-modal.d.ts

@@ -0,0 +1,12 @@
+import { NetworkQualityLevel } from './network-quality-config';
+interface NetworkWarningModalProps {
+    isOpen: boolean;
+    quality: NetworkQualityLevel;
+    onClose: () => void;
+}
+/**
+ * Shown when network quality drops to "poor" or "disconnected".
+ * Styled identically to GazeWarningModal.
+ */
+export declare function NetworkWarningModal({ isOpen, quality, onClose, }: NetworkWarningModalProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/ui/extended/chat-ui.d.ts

@@ -1,10 +1,7 @@
 export declare const SystemMessage: React.FC<{
     children: React.ReactNode;
 }>;
-export declare const UserMessage: React.FC<{
-    children: React.ReactNode;
-}>;
-export declare const QuestionLabel: ({ questionNumber }: {
+export declare const QuestionLabel: ({ questionNumber, }: {
     questionNumber: number;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const TypingDots: ({ label }: {

package/dist/context/interview-widget-context.d.ts

@@ -21,14 +21,9 @@ export declare function useAPIConfig(): {
 export declare function useUIConfig(): {
     baseColor?: string;
     borderRadius?: string;
+    retryProgressSavedText?: string;
+    retryMaxAttempts?: number;
+    retryNoAttemptsLeftText?: string;
 };
 export declare function useInterviewConfigSection(): NonNullable<InterviewWidgetConfig["interview"]>;
-export declare function useSTTConfig(): {
-    provider?: "groq" | "deepgram";
-    model?: "whisper-large-v3-turbo" | (string & {});
-    language?: "en";
-} | undefined;
-export declare function useTTSConfig(): {
-    provider?: "piper";
-} | undefined;
 export {};

package/dist/context/proctoring-context.d.ts

@@ -1,21 +1,10 @@
 import { default as React } from 'react';
 import { ViolationLogger } from '../types';
 import { GazeViolationCounters, GazeViolationType } from '../components/interview/proctoring/gaze-detection/utils/types';
-export type ProctoringState = {
-    logViolations: ViolationLogger[];
-    totalViolations: number;
-    gazeViolationCounters: GazeViolationCounters;
-    referenceSet: boolean;
-    referenceRef: {
-        x: number;
-        y: number;
-        noseX: number;
-        noseY: number;
-    };
-};
 export declare const ProctoringProvider: React.FC<{
     children: React.ReactNode;
     interviewId?: string;
+    enabled?: boolean;
 }>;
 export declare const useProctoringStore: () => {
     logViolations: ViolationLogger[];
@@ -41,16 +30,6 @@ export declare const useProctoringStore: () => {
 };
 export declare const useViolations: () => ViolationLogger[];
 export declare const useTotalViolations: () => number;
-export declare const useGazeViolationCounters: () => GazeViolationCounters;
-export declare const useReferenceData: () => {
-    referenceSet: boolean;
-    referenceRef: {
-        x: number;
-        y: number;
-        noseX: number;
-        noseY: number;
-    };
-};
 export declare const useProctoringActions: () => {
     addViolation: (violation: ViolationLogger) => void;
     clearViolations: () => void;

package/dist/hooks/index.d.ts

@@ -1,8 +1,10 @@
 export * from './use-api';
-export * from './use-dialog';
 export * from './use-full-screen';
 export * from './use-interview-api';
 export * from './use-keyboard-prevention';
+export * from './use-network-quality';
+export * from './use-next-question-stream';
+export * from './use-question-stream';
 export * from './use-stt';
 export * from './use-tab-switch';
 export * from './use-text-selection-prevention';

package/dist/hooks/use-network-quality.d.ts

@@ -0,0 +1,11 @@
+type NetworkQualityLevel = "good" | "fair" | "poor" | "disconnected";
+export interface NetworkQualityState {
+    quality: NetworkQualityLevel;
+    isOnline: boolean;
+    effectiveType?: string | undefined;
+    rtt?: number | undefined;
+    downlink?: number | undefined;
+    isInitialising: boolean;
+}
+export declare function useNetworkQuality(): NetworkQualityState;
+export {};

package/dist/hooks/use-next-question-stream.d.ts

@@ -0,0 +1,11 @@
+import { APIError, InterviewQuestionData, InterviewQuestionResponse } from '../types';
+type StreamOptions = {
+    onQuestionChange?: (question: InterviewQuestionData) => void;
+};
+export declare function useNextQuestionStream(): {
+    streamNextQuestion: (interviewId: string, options?: StreamOptions) => Promise<InterviewQuestionResponse>;
+    loading: boolean;
+    error: APIError | null;
+    cancel: () => void;
+};
+export {};

package/dist/hooks/use-question-stream.d.ts

@@ -0,0 +1,20 @@
+export declare function useQuestionStream(interviewId: string): {
+    streamNextQuestion: (interviewId: string, options?: {
+        onQuestionChange?: (question: import('..').InterviewQuestionData) => void;
+    }) => Promise<import('..').InterviewQuestionResponse>;
+    loading: boolean;
+    error: import('..').APIError | null;
+    cancel: () => void;
+    isAvatarEnabled: boolean;
+    avatarCanvasRef: import('react').RefObject<HTMLDivElement | null>;
+    isReceivingAvatar: boolean;
+    isAvatarReady: boolean;
+    isStartingAvatar: boolean;
+    isAvatarSpeaking: boolean;
+    avatarLoadProgress: number;
+    openAvatarSession: () => Promise<void>;
+    startAvatar: () => Promise<void>;
+    startAvatarListening: () => void;
+    stopAvatarListening: () => void;
+    disconnectAvatar: () => void;
+};

package/dist/hooks/use-spatius-question-stream.d.ts

@@ -0,0 +1,22 @@
+import { APIError, InterviewQuestionData, InterviewQuestionResponse } from '../types';
+type StreamOptions = {
+    onQuestionChange?: (question: InterviewQuestionData) => void;
+};
+export declare function useSpatiusQuestionStream(interviewId: string, enabled: boolean): {
+    streamNextQuestion: (requestedInterviewId: string, options?: StreamOptions) => Promise<InterviewQuestionResponse>;
+    loading: boolean;
+    error: APIError | null;
+    cancel: () => void;
+    canvasRef: import('react').RefObject<HTMLDivElement | null>;
+    isReceivingAvatar: boolean;
+    isAvatarReady: boolean;
+    isStartingAvatar: boolean;
+    isAvatarSpeaking: boolean;
+    loadProgress: number;
+    openAvatarSession: () => Promise<void>;
+    startAvatar: () => Promise<void>;
+    startListening: () => void;
+    stopListening: () => void;
+    disconnect: () => void;
+};
+export {};

package/dist/hooks/use-timer.d.ts

@@ -1,9 +1,9 @@
 import { TimerCallbacks, TimerConfig, TimerService, TimerState } from '../services/timer/timer-service';
-export interface UseTimerOptions {
+interface UseTimerOptions {
     config?: Partial<TimerConfig>;
     callbacks?: TimerCallbacks;
 }
-export interface UseTimerReturn {
+interface UseTimerReturn {
     state: TimerState;
     startQuestion: () => void;
     nextPhase: () => void;
@@ -11,3 +11,4 @@ export interface UseTimerReturn {
     timerService: TimerService;
 }
 export declare function useTimer(options?: UseTimerOptions): UseTimerReturn;
+export {};

package/dist/hooks/use-tts.d.ts

@@ -1,5 +1,5 @@
 export interface UseTTSReturn {
-    speak: (audioData: string) => Promise<void>;
+    speak: (audioData: string | string[]) => Promise<void>;
     stop: () => void;
     isPlaying: boolean;
     isLoading: boolean;

package/dist/hooks/use-video-recording.d.ts

@@ -1,4 +1,4 @@
-export declare function useVideoRecordingStream(interviewId: string, record_video?: boolean): {
+export declare function useVideoRecordingStream(interviewId: string, record_video?: boolean, questionNumber?: number): {
     startRecording: (stream: MediaStream) => void;
     stopRecording: () => void;
     isRecording: boolean;