interview-widget 2.0.3 → 3.0.0

package/README.md

@@ -156,6 +156,7 @@ export default function App() {
 | `interviewId`           | `string`     | Required      | Unique interview identifier used for backend API calls                      |
 | `title`                 | `string`     | `"Interview"` | Title displayed in the interview header                                     |
 | `brandName`             | `string`     | `"Novara"`    | Brand name displayed in the widget header                                   |
+| `brandLogo`             | `ReactNode`  | `undefined`   | Brand logo displayed in the widget header (replaces brandName initial)      |
 | `onInterviewEnd`        | `() => void` | `undefined`   | Called when the interview completes or the user exits                       |
 | `onInterviewDisqualify` | `() => void` | `undefined`   | Called when the interview is disqualified (e.g., due to cheating detection) |
 | `className`             | `string`     | `""`          | Additional CSS classes applied to the outer widget container                |

package/dist/assets/check-icon.d.ts

@@ -0,0 +1 @@
+export declare const CheckIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/assets/cross-icon.d.ts

@@ -0,0 +1 @@
+export declare const CrossIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/assets/hourglass-icon.d.ts

@@ -0,0 +1 @@
+export declare const HourglassIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/assets/index.d.ts

@@ -1,16 +1,24 @@
 export * from './alert-triangle-icon';
+export * from './bolt-icon';
 export * from './bot-icon';
+export * from './camera-off-icon';
+export * from './check-icon';
 export * from './clock-fading-icon';
 export * from './clock-icon';
+export * from './cross-icon';
 export * from './eye-icon';
 export * from './focus-icon';
+export * from './hourglass-icon';
+export * from './info-icon';
 export * from './keyboard-icon';
 export * from './loader-icon';
+export * from './mic-icon';
+export * from './mic-off-icon';
 export * from './monitor-icon';
 export * from './mouse-pointer-click-icon';
 export * from './shield-icon';
 export * from './speak-icon';
-export * from './bolt-icon';
-export * from './camera-off-icon';
 export * from './target-icon';
 export * from './users-icon';
+export * from './video-icon';
+export * from './video-off-icon';

package/dist/assets/mic-icon.d.ts

@@ -0,0 +1 @@
+export declare const MicIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/assets/mic-off-icon.d.ts

@@ -0,0 +1 @@
+export declare const MicOffIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/assets/video-icon.d.ts

@@ -0,0 +1 @@
+export declare const VideoIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/assets/video-off-icon.d.ts

@@ -0,0 +1 @@
+export declare const VideoOffIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,15 +1,26 @@
 import { default as React, ReactNode } from 'react';
-import { TimerPhase } from '../../services/timer/timer-service';
+import { TimerPhase, TimerState } from '../../services/timer/timer-service';
 import { InterviewQuestionData } from '../../types';
 import { VideoFeedHandle } from '../media/video-feed';
 interface InterviewContentProps {
+    brandName?: string;
     currentQuestion: InterviewQuestionData | null;
+    state?: TimerState;
     phase: TimerPhase;
     className?: string;
     children: ReactNode;
     interviewId?: string;
     interview_duration?: number | undefined;
     videoFeedRef?: React.Ref<VideoFeedHandle> | undefined;
+    lastSubmittedAnswer?: {
+        qnaId: string;
+        answer: string;
+    } | null;
+    onNextPhase?: () => void;
+    answerText?: string | undefined;
+    onAnswerChange?: ((e: React.ChangeEvent<HTMLTextAreaElement>) => void) | undefined;
+    editingTime?: number | undefined;
+    answeringTime?: number | undefined;
 }
 export declare const InterviewContent: React.FC<InterviewContentProps>;
 export {};

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

@@ -3,6 +3,7 @@ import { VideoFeedHandle } from '../media/video-feed';
 interface InterviewControllerProps {
     interviewTitle: string;
     brandName?: string;
+    brandLogo?: React.ReactNode;
     interviewId: string;
     onComplete?: (() => void) | undefined;
     onDisqualify?: (() => void) | undefined;

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

@@ -1,8 +1,11 @@
 import { default as React } from 'react';
-interface InterviewHeaderProps {
+export interface InterviewHeaderProps {
     title: string;
     brandName?: string;
+    brandLogo?: React.ReactNode;
     onExit: () => void;
+    totalDuration?: number;
+    elapsedTime?: number;
 }
 declare const InterviewHeader: React.FC<InterviewHeaderProps>;
 export default InterviewHeader;

package/dist/components/interview/interview-timer-label.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { TimerState } from '../../services/timer/timer-service';
+interface InterviewTimerLabelProps {
+    timerState?: TimerState | undefined;
+    answeringTime?: number | undefined;
+}
+export declare const InterviewTimerLabel: React.FC<InterviewTimerLabelProps>;
+export {};

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

@@ -1,9 +1,14 @@
 import { default as React } from 'react';
+import { TimerPhase, TimerState } from '../../services/timer';
 import { InterviewQuestionData } from '../../types';
 interface QuestionDisplayProps {
     question: InterviewQuestionData | null;
     isLoading?: boolean;
     className?: string;
+    phase?: TimerPhase;
+    brandName?: string | undefined;
+    timerState?: TimerState | undefined;
+    answeringTime?: number | undefined;
 }
 declare const QuestionDisplay: React.FC<QuestionDisplayProps>;
 export default QuestionDisplay;

package/dist/components/interview/submit-response-button.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface SubmitResponseButtonProps {
+    onClick: () => void;
+    text?: string;
+}
+export declare const SubmitResponseButton: React.FC<SubmitResponseButtonProps>;
+export {};

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { TimerState } from '../../../services/timer';
+interface EditableAnswerProps {
+    answerText: string;
+    onAnswerChange?: ((e: React.ChangeEvent<HTMLTextAreaElement>) => void) | undefined;
+    timerState: TimerState;
+    editingTime: number;
+}
+export declare const EditableAnswer: React.FC<EditableAnswerProps>;
+export {};

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

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { TimerState } from '../../../services/timer';
+import { TranscriptMessage } from '../../../types';
+export interface InterviewTranscriptViewProps {
+    transcript: TranscriptMessage[];
+    isLoading: boolean;
+    className?: string;
+    bottomRef?: React.Ref<HTMLDivElement>;
+    isEditing?: boolean | undefined;
+    answerText?: string | undefined;
+    onAnswerChange?: ((e: React.ChangeEvent<HTMLTextAreaElement>) => void) | undefined;
+    timerState?: TimerState | undefined;
+    editingTime?: number | undefined;
+}
+export declare const InterviewTranscriptView: React.FC<InterviewTranscriptViewProps>;

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

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { TimerState } from '../../../services/timer';
+import { InterviewQuestionData } from '../../../types';
+interface InterviewTranscriptProps {
+    interviewId: string;
+    className?: string;
+    currentQuestion?: InterviewQuestionData | null | undefined;
+    lastSubmittedAnswer?: {
+        qnaId: string;
+        answer: string;
+    } | null | undefined;
+    isEditing?: boolean | undefined;
+    answerText?: string | undefined;
+    onAnswerChange?: ((e: React.ChangeEvent<HTMLTextAreaElement>) => void) | undefined;
+    timerState?: TimerState | undefined;
+    editingTime?: number | undefined;
+}
+export declare const InterviewTranscript: React.FC<InterviewTranscriptProps>;
+export {};

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

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { TimerPhase } from '../../../services/timer';
+interface TranscriptPhaseIndicatorProps {
+    phase?: TimerPhase | undefined;
+    questionNumber: number;
+}
+export declare const TranscriptPhaseIndicator: React.FC<TranscriptPhaseIndicatorProps>;
+export {};

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

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { TimerState } from '../../../services/timer';
+import { TranscriptMessage } from '../../../types';
+interface TranscriptItemProps {
+    item: TranscriptMessage;
+    index: number;
+    isCurrentQuestion?: boolean;
+    isEditable?: boolean | undefined;
+    answerText?: string | undefined;
+    onAnswerChange?: ((e: React.ChangeEvent<HTMLTextAreaElement>) => void) | undefined;
+    timerState?: TimerState | undefined;
+    editingTime?: number | undefined;
+}
+export declare const TranscriptItem: React.FC<TranscriptItemProps>;
+export {};

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

@@ -8,6 +8,9 @@ interface VideoFeedProps {
     interview_duration?: number | undefined;
     showProctoringUI?: boolean;
     onSetReference?: () => void;
+    isAnswering?: boolean;
+    onProctoringStatusChange?: (status: string) => void;
+    showStatusOverlay?: boolean;
 }
 declare const VideoFeed: import('react').ForwardRefExoticComponent<VideoFeedProps & import('react').RefAttributes<VideoFeedHandle>>;
 export default VideoFeed;

package/dist/components/modals/onboarding-media-controls.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+interface OnboardingMediaControlsProps {
+    micEnabled?: boolean;
+    videoEnabled?: boolean;
+    onMicToggle?: () => void;
+    onVideoToggle?: () => void;
+    buttonText: string;
+    onButtonClick: () => void;
+    isAgreed: boolean;
+    onAgreedToggle: (checked: boolean) => void;
+    showCheckbox?: boolean;
+    showMediaIcons?: boolean;
+    disabled?: boolean;
+}
+declare const OnboardingMediaControls: React.FC<OnboardingMediaControlsProps>;
+export default OnboardingMediaControls;

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+interface Step {
+    label: string;
+}
+interface OnboardingStepsProps {
+    steps: Step[];
+    currentStepIndex: number;
+}
+declare const OnboardingSteps: React.FC<OnboardingStepsProps>;
+export default OnboardingSteps;

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

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

package/dist/dev.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const PreviaIcon: (props?: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { TimerService, TimerState, TimerConfig, TimerCallbacks } from '../services/timer/timer-service';
+import { TimerCallbacks, TimerConfig, TimerService, TimerState } from '../services/timer/timer-service';
 export interface UseTimerOptions {
     config?: Partial<TimerConfig>;
     callbacks?: TimerCallbacks;

package/dist/services/api/endpoints.d.ts

@@ -14,4 +14,5 @@ export declare const API_ENDPOINTS: {
     SUBMIT_ANSWER: (interviewId: string) => string;
     EXIT: (interviewId: string) => string;
     CONFIG: (interviewId: string) => string;
+    TRANSCRIPTION: (interviewId: string) => string;
 };

package/dist/services/api/interview-api.d.ts

@@ -1,4 +1,4 @@
-import { InterviewQuestionPayload, InterviewQuestionResponse, InterviewWidgetConfig, ScreenshotUploadRequestResponse, InterviewConfigResponse, InterviewSubmitAnswerPayload } from '../../types';
+import { InterviewConfigResponse, InterviewQuestionPayload, InterviewQuestionResponse, InterviewSubmitAnswerPayload, InterviewTranscriptResponse, InterviewWidgetConfig, ScreenshotUploadRequestResponse } from '../../types';
 declare class InterviewAPI {
     private config;
     constructor(config?: InterviewWidgetConfig["api"]);
@@ -42,6 +42,10 @@ declare class InterviewAPI {
      * Confirm screenshot upload
      */
     confirmScreenshotUpload(assetId: string): Promise<void>;
+    /**
+     * Get interview transcription
+     */
+    getInterviewTranscription(interviewId: string): Promise<InterviewTranscriptResponse>;
 }
 export declare const interviewAPI: InterviewAPI;
 export { InterviewAPI };

package/dist/services/timer/timer-service.d.ts

@@ -28,6 +28,7 @@ export interface TimerCallbacks {
     onTick?: (state: TimerState) => void;
     onInterviewEnd?: () => void;
 }
+export declare const DEFAULT_CONFIG: TimerConfig;
 export declare class TimerService {
     private config;
     private state;
@@ -35,6 +36,10 @@ export declare class TimerService {
     private globalIntervalId;
     callbacks: TimerCallbacks;
     constructor(config?: Partial<TimerConfig>, callbacks?: TimerCallbacks);
+    /**
+     * Update configuration
+     */
+    updateConfig(config: Partial<TimerConfig>): void;
     /**
      * Get current state
      */

package/dist/types.d.ts

@@ -27,6 +27,7 @@ export interface InterviewSubmitAnswerPayload {
 export interface InterviewWidgetProps {
     interviewId: string;
     brandName?: string;
+    brandLogo?: React.ReactNode;
     title?: string;
     onInterviewEnd?: () => void;
     onInterviewDisqualify?: () => void;
@@ -47,6 +48,7 @@ export interface InterviewWidgetConfig {
         borderRadius?: string;
     };
     interview?: {
+        allow_answer_editing?: boolean;
         timers?: {
             thinkingDuration?: number;
             answeringDuration?: number;
@@ -73,6 +75,7 @@ export interface InterviewConfigResponse {
     message: string;
     data: {
         duration_in_minutes: number;
+        allow_answer_editing: boolean;
     };
 }
 export type APIErrorType = "network" | "timeout" | "server" | "client" | "auth" | "rate-limit" | "unknown";
@@ -113,3 +116,19 @@ export interface ScreenshotUploadRequestResponse {
     error?: string | null;
     code?: number;
 }
+export interface InterviewTranscriptResponse {
+    success: boolean;
+    message: string;
+    data: {
+        question_answers: TranscriptMessage[];
+    };
+    error?: string | null;
+    code?: number;
+}
+export interface TranscriptMessage {
+    qna_id: string;
+    question: string;
+    answer: string | null;
+    question_generated_at: string;
+    answer_submitted_at: string | null;
+}

package/dist/utils/helper.d.ts

@@ -7,3 +7,4 @@ export declare function generateButtonGradient(baseColor: string): string;
 export declare const generateUniqueId: () => string;
 export declare function decodeJwt(token: string): Record<string, any> | null;
 export declare const getFirstCapital: (str: string | null | undefined) => string;
+export declare const formatTime: (seconds: number) => string;