@testgorilla/tgo-ai-interview-test 2.0.0 → 2.0.2

package/lib/components/interview-stream/interview-stream.component.d.ts

@@ -0,0 +1,46 @@
+import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { DailyCall, DailyParticipant } from '@daily-co/daily-js';
+import { SelectedMediaDevices } from '@testgorilla/tgo-shared-lib';
+import * as i0 from "@angular/core";
+export type Participant = {
+    videoTrack?: MediaStreamTrack | undefined;
+    audioTrack?: MediaStreamTrack | undefined;
+    videoReady: boolean;
+    audioReady: boolean;
+    userName: string;
+    local: boolean;
+    sessionId: string;
+};
+export declare class InterviewStreamComponent implements OnInit, OnDestroy {
+    conversationUrl: string | undefined;
+    selectedMediaDevices: SelectedMediaDevices | undefined;
+    translations: {
+        [key: string]: string;
+    };
+    streamStart: EventEmitter<null>;
+    streamEnd: EventEmitter<null>;
+    checkMediaPermissions: EventEmitter<null>;
+    callObject: DailyCall | undefined;
+    avatarParticipant: Participant | undefined;
+    candidateJoined: import("@angular/core").WritableSignal<boolean>;
+    private cdr;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private setupCall;
+    formatParticipantObj(participant: DailyParticipant): Participant;
+    updateTrack(participant: DailyParticipant, newTrackType: string): void;
+    private candidateJoinMeeting;
+    private participantJoined;
+    private handleTrackStartedStopped;
+    private handleParticipantLeft;
+    private handleError;
+    private handleLeftMeeting;
+    private leaveCall;
+    private handleNewMessage;
+    private getConversationId;
+    private handleToolCall;
+    private sendMessage;
+    private getToolCallTranslation;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InterviewStreamComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InterviewStreamComponent, "tgo-interview-stream", never, { "conversationUrl": { "alias": "conversationUrl"; "required": false; }; "selectedMediaDevices": { "alias": "selectedMediaDevices"; "required": false; }; "translations": { "alias": "translations"; "required": false; }; }, { "streamStart": "streamStart"; "streamEnd": "streamEnd"; "checkMediaPermissions": "checkMediaPermissions"; }, never, never, true, never>;
+}

package/lib/components/interview-video/interview-video.component.d.ts

@@ -0,0 +1,16 @@
+import { OnInit, SimpleChanges, OnChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class InterviewVideoComponent implements OnInit, OnChanges {
+    videoTrack: MediaStreamTrack | undefined;
+    audioTrack: MediaStreamTrack | undefined;
+    videoStream: MediaStream | undefined;
+    audioStream: MediaStream | undefined;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    addVideoStream(track: MediaStreamTrack): void;
+    addAudioStream(track: MediaStreamTrack): void;
+    updateVideoTrack(oldTrack: MediaStreamTrack, track: MediaStreamTrack): void;
+    updateAudioTrack(oldTrack: MediaStreamTrack, track: MediaStreamTrack): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InterviewVideoComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InterviewVideoComponent, "tgo-interview-video", never, { "videoTrack": { "alias": "videoTrack"; "required": false; }; "audioTrack": { "alias": "audioTrack"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/models/index.d.ts

@@ -0,0 +1,3 @@
+export { Question, TestResultRead, SelectedMediaDevices, ISubmissionState, ROOT_TRANSLATIONS_SCOPE, } from '@testgorilla/tgo-shared-lib';
+export * from './question-component';
+export * from './translations';

package/lib/models/question-component.d.ts

@@ -0,0 +1,5 @@
+import { IQuestionDataContract as BaseIQuestionDataContract } from '@testgorilla/tgo-shared-lib';
+export interface IQuestionDataContract extends BaseIQuestionDataContract {
+    conversationUrl?: string;
+}
+export { SelectedMediaDevices, ISubmissionState, } from '@testgorilla/tgo-shared-lib';

package/lib/models/translations.d.ts

@@ -0,0 +1 @@
+export { ROOT_TRANSLATIONS_SCOPE } from '@testgorilla/tgo-shared-lib';

package/package.json

@@ -1,19 +1,36 @@
 {
   "name": "@testgorilla/tgo-ai-interview-test",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "peerDependencies": {
-    "@angular/common": "~19.2.17",
-    "@angular/core": "~19.2.17",
-    "@angular/animations": "~19.2.17",
-    "@ngneat/transloco": "~4.3.0",
-    "@testgorilla/tgo-ui": "~4.0.0",
-    "@daily-co/daily-js": "^0.79.0",
-    "jest-preset-angular": "14.4.2",
-    "rxjs": "~7.8.1"
+    "@angular/common": ">= 19.0.0 < 20.0.0",
+    "@angular/core": ">= 19.0.0 < 20.0.0",
+    "@angular/animations": ">= 19.0.0 < 20.0.0",
+    "@ngneat/transloco": ">= 4.0.0 < 5.0.0",
+    "@testgorilla/tgo-ui": ">= 4.0.0 < 5.0.0",
+    "@daily-co/daily-js": ">= 0.79.0 < 1.0.0",
+    "rxjs": ">= 7.0.0 < 8.0.0"
   },
-  "typings": "src/lib/types",
+  "dependencies": {
+    "@testgorilla/tgo-shared-lib": ">= 2.0.0 < 3.0.0",
+    "tslib": "^2.3.0"
+  },
+  "typings": "index.d.ts",
   "sideEffects": false,
   "license": "PROPRIETARY",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
   "displayName": "AI Interview",
-  "description": "AI Interview component"
-}
+  "description": "AI Interview component",
+  "module": "fesm2022/testgorilla-tgo-ai-interview-test.mjs",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/testgorilla-tgo-ai-interview-test.mjs"
+    }
+  }
+}

package/.eslintrc.json

@@ -1,46 +0,0 @@
-{
-  "extends": ["../../.eslintrc.json"],
-  "ignorePatterns": ["!**/*"],
-  "overrides": [
-    {
-      "files": ["*.ts"],
-      "extends": ["plugin:@nx/angular", "plugin:@angular-eslint/template/process-inline-templates"],
-      "rules": {
-        "@angular-eslint/directive-selector": [
-          "error",
-          {
-            "type": "attribute",
-            "prefix": "tgo",
-            "style": "camelCase"
-          }
-        ],
-        "@angular-eslint/component-selector": [
-          "error",
-          {
-            "type": "element",
-            "prefix": "tgo",
-            "style": "kebab-case"
-          }
-        ],
-        "@angular-eslint/prefer-standalone": "off"
-      }
-    },
-    {
-      "files": ["*.html"],
-      "extends": ["plugin:@nx/angular-template"],
-      "rules": {}
-    },
-    {
-      "files": ["*.json"],
-      "parser": "jsonc-eslint-parser",
-      "rules": {
-        "@nx/dependency-checks": [
-          "error",
-          {
-            "ignoredFiles": ["{projectRoot}/eslint.config.{js,cjs,mjs}"]
-          }
-        ]
-      }
-    }
-  ]
-}

package/jest.config.ts

@@ -1,29 +0,0 @@
-export default {
-  displayName: 'tgo-ai-interview-test',
-  preset: '../../jest.preset.js',
-  setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
-  coverageDirectory: '../../coverage/packages/tgo-ai-interview-test',
-  testMatch: ['**/__tests__/**/*.[jt]s?(x)', '**/*.spec.[jt]s?(x)'],
-  testPathIgnorePatterns: ['/node_modules/', '/src/lib/models/'],
-  moduleNameMapper: {
-    '^@testgorilla/tgo-ui$': '<rootDir>/../shared/src/test-mocks/tgo-ui.mock.ts',
-    '^@testgorilla/tgo-test-shared$': '<rootDir>/src/shared/index.ts',
-  },
-  transform: {
-    '^.+\\.(ts|mjs|js|html)$': [
-      'jest-preset-angular',
-      {
-        tsconfig: '<rootDir>/tsconfig.spec.json',
-        stringifyContentPathRegex: '\\.(html|svg)$',
-      },
-    ],
-  },
-  transformIgnorePatterns: [
-    'node_modules/(?!.*\\.mjs$|lodash-es|@testgorilla|ng2-charts|chart\\.js|chartjs-plugin-datalabels|@daily-co)',
-  ],
-  snapshotSerializers: [
-    'jest-preset-angular/build/serializers/no-ng-attributes',
-    'jest-preset-angular/build/serializers/ng-snapshot',
-    'jest-preset-angular/build/serializers/html-comment',
-  ],
-};

package/ng-package.json

@@ -1,16 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/packages/tgo-ai-interview-test",
-  "assets": [
-    {
-      "glob": "**/*",
-      "input": "./src/assets",
-      "output": "./assets"
-    }
-  ],
-  "lib": {
-    "entryFile": "./src/index.ts"
-  },
-  "allowedNonPeerDependencies": []
-}
-

package/project.json

@@ -1,48 +0,0 @@
-{
-  "name": "tgo-ai-interview-test",
-  "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "sourceRoot": "packages/tgo-ai-interview-test/src",
-  "prefix": "tgo",
-  "projectType": "library",
-  "tags": [],
-  "targets": {
-    "build": {
-      "executor": "nx:run-commands",
-      "outputs": ["{workspaceRoot}/dist/packages/tgo-ai-interview-test"],
-      "options": {
-        "commands": [
-          "nx run tgo-ai-interview-test:package",
-          "node scripts/replace-shared-alias.js dist/packages/tgo-ai-interview-test @testgorilla/tgo-test-shared"
-        ],
-        "parallel": false,
-        "forwardAllArgs": false
-      }
-    },
-    "package": {
-      "executor": "@nx/angular:package",
-      "outputs": ["{workspaceRoot}/dist/{projectRoot}"],
-      "options": {
-        "project": "packages/tgo-ai-interview-test/ng-package.json"
-      },
-      "configurations": {
-        "production": {
-          "tsConfig": "packages/tgo-ai-interview-test/tsconfig.lib.prod.json"
-        },
-        "development": {
-          "tsConfig": "packages/tgo-ai-interview-test/tsconfig.lib.json"
-        }
-      },
-      "defaultConfiguration": "production"
-    },
-    "test": {
-      "executor": "@nx/jest:jest",
-      "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
-      "options": {
-        "jestConfig": "packages/tgo-ai-interview-test/jest.config.ts"
-      }
-    },
-    "lint": {
-      "executor": "@nx/eslint:lint"
-    }
-  }
-}

package/src/lib/components/ai-interview-test/ai-interview-test.component.html

@@ -1,42 +0,0 @@
-<div class="ai-interview-test">
-  <div class="test-container">
-    <div
-      class="media-container"
-      [class.is-video-visible]="isInterviewInProgress()"
-    >
-      <div class="candidate-no-camera" *ngIf="!candidateVideoStreamReady()">
-        <h3>&nbsp;</h3>
-        <ui-icon name="User-profile-in-line" color="white" size="24"></ui-icon>
-        <h3 class="bold">{{ translations['YOU'] }}</h3>
-      </div>
-      <div class="candidate-camera" [hidden]="!candidateVideoStreamReady()">
-        <video
-          height
-          #video
-          id="video"
-          playsinline
-          (loadedmetadata)="onVideoLoad()"
-        ></video>
-        <h3 class="bold" *ngIf="candidateVideoStreamReady()">
-          {{ translations['YOU'] }}
-        </h3>
-      </div>
-      <tgo-audio-animation
-        *ngIf="isInterviewInProgress()"
-        [fakeData]="true"
-      ></tgo-audio-animation>
-      <div class="interview-stream-container">
-        <tgo-interview-stream
-          *ngIf="conversationUrl && hasMediaPermissions()"
-          [selectedMediaDevices]="selectedMediaDevices"
-          [conversationUrl]="conversationUrl"
-          (streamStart)="interviewStarted()"
-          (streamEnd)="interviewEnded()"
-          (checkMediaPermissions)="checkMediaPermissions()"
-          [translations]="translations"
-        ></tgo-interview-stream>
-      </div>
-    </div>
-  </div>
-</div>
-

package/src/lib/components/ai-interview-test/ai-interview-test.component.scss

@@ -1,167 +0,0 @@
-@import '@testgorilla/tgo-ui/projects/tgo-canopy-ui/theme/variables';
-
-$border-radius: 10px;
-
-.ai-interview-test {
-  background-color: $black;
-  padding: 24px;
-  display: flex;
-  justify-content: center;
-  min-height: calc(100vh - 80px);
-
-  h3 {
-    color: $tgo-white;
-  }
-
-  .test-container {
-    min-width: 360px;
-    width: 100%;
-    min-height: 300px;
-    height: min(725px, 100%, max(calc(100vw), calc(100vh), 200px));
-    max-width: calc(100vh * (16 / 9) - 80px - 48px);
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    position: relative;
-    background-color: $black;
-  }
-
-  .media-container {
-    position: relative;
-    color: $tgo-white;
-    flex-grow: 1;
-
-    .interview-stream-container {
-      border-radius: $border-radius;
-      aspect-ratio: 16 / 9;
-      border: 4px solid $informative-40;
-      margin: 0 auto;
-    }
-
-    .candidate-no-camera {
-      position: absolute;
-      width: 200px;
-      aspect-ratio: 16 / 9;
-      z-index: 3;
-      top: 32px;
-      left: 32px;
-      border-radius: $border-radius;
-      background-color: #1a47aa;
-      display: flex;
-      justify-content: space-between;
-      flex-direction: column;
-      padding: 16px;
-
-      ui-icon {
-        margin: auto;
-      }
-    }
-
-    .candidate-camera {
-      position: absolute;
-      width: 200px;
-      top: 32px;
-      left: 32px;
-      z-index: 3;
-
-      video {
-        width: 200px;
-        border-radius: $border-radius;
-      }
-
-      h3 {
-        position: absolute;
-        bottom: 16px;
-        left: 16px;
-      }
-    }
-
-    tgo-audio-animation {
-      position: absolute;
-      top: 32px;
-      right: 32px;
-      z-index: 1;
-    }
-
-    tgo-vimeo-video {
-      display: none;
-      position: absolute;
-      height: 100%;
-      width: 100%;
-    }
-
-    &.is-video-visible {
-      tgo-vimeo-video {
-        display: block;
-      }
-    }
-
-    &.is-playing {
-      border: 4px solid $informative-40;
-      border-bottom-width: 3px;
-    }
-
-    &.is-answering {
-      .candidate-camera,
-      .candidate-no-camera {
-        tgo-audio-animation {
-          position: absolute;
-          top: 16px;
-          right: 16px;
-        }
-      }
-
-      .candidate-camera video,
-      .candidate-no-camera {
-        border: 3px solid $informative-40;
-        border-radius: $border-radius;
-      }
-
-      tgo-vimeo-video {
-        display: block;
-      }
-    }
-
-    .start,
-    .audio-info,
-    .overlay,
-    .answer {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      flex-direction: column;
-      gap: 40px;
-      height: 100%;
-    }
-
-    .preview {
-      height: 100%;
-      display: flex;
-      align-items: center;
-      flex-direction: column;
-      justify-content: flex-end;
-      padding: 24px;
-
-      p {
-        color: $grayscale-30;
-        margin: 8px 0;
-      }
-
-      audio {
-        margin: 16px 0;
-      }
-
-      &.hidden {
-        display: none;
-      }
-    }
-  }
-}
-
-@media screen and (max-width: 600px) {
-  .ai-interview-test {
-    padding: 0 24px;
-    margin-top: 16px;
-  }
-}
-