@myinterview/widget-react 1.1.29 → 1.1.30-beta-4fa3a39

package/dist/cjs/interfaces/configInterface.d.ts

@@ -12,6 +12,7 @@ export interface IOnError {
     messageType: IMessageType;
 }
 export type IEnv = 'dev' | 'staging' | 'production' | 'development' | 'local';
+export type IViews = 'desktop' | 'mobile';
 interface IConfig {
     auth: string;
     onWidgetClicked?: () => void;
@@ -33,6 +34,7 @@ interface IConfig {
     event_id?: string;
     accessibility_id?: string;
     recordWithoutVideo?: boolean;
+    forcedView?: IViews;
 }
 export type IClientConfig = Omit<IConfig, 'practiceQuestions'> & {
     practiceQuestions?: IClientQuestion[];

package/dist/cjs/interfaces/recorderInterface.d.ts

@@ -1,5 +1,6 @@
 import { ActorRef, DoneInvokeEvent } from 'xstate';
 import { RefObject } from 'react';
+import { IViews } from './configInterface';
 export declare const enum SPEED_TEST_LEVEL {
     LOW = 0,
     MEDIUM = 1,
@@ -45,6 +46,7 @@ export interface RecorderInterface {
     durations: number;
     isMicError: boolean;
     isActivelyStopped: boolean;
+    forcedView?: IViews;
 }
 export declare const enum MIME_TYPES {
     WEBM = "video/webm",

package/dist/esm/index.js

@@ -30212,7 +30212,7 @@ const prod_config = {
 const config$1 = (configEnv) => {
     let env = configEnv;
     try {
-        env !== null && env !== void 0 ? env : (env = "prod");
+        env !== null && env !== void 0 ? env : (env = "staging");
     }
     catch (_a) { }
     switch (env) {
@@ -30231,8 +30231,8 @@ const configGenerator = () => {
     let environment;
     let release;
     try {
-        environment !== null && environment !== void 0 ? environment : (environment = "prod");
-        release !== null && release !== void 0 ? release : (release = "1.1.29");
+        environment !== null && environment !== void 0 ? environment : (environment = "staging");
+        release !== null && release !== void 0 ? release : (release = "1.1.30");
     }
     catch (_a) {
         console.error('sentry configGenerator error');
@@ -44118,27 +44118,29 @@ const recorderMachineV2 = createMachine({
                 const audioDeviceId = context.selectedAudioDevice && context.selectedAudioDevice.deviceId;
                 const videoDeviceId = context.selectedVideoDevice && context.selectedVideoDevice.deviceId;
                 const isVideoOff = () => !!context.recordWithoutVideo;
-                const defaultConstraint = {
+                const isMobileAspectForced = context.forcedView === 'mobile';
+                const isDesktopAspectForced = context.forcedView === 'desktop';
+                const defaultConstraints = {
                     video: !isVideoOff(),
                     audio: true,
                 };
-                const mobileConstrains = {
+                const mobileConstraints = {
                     audio: {
                         deviceId: audioDeviceId ? { exact: audioDeviceId } : undefined,
                     },
-                    video: isVideoOff() ? false : Object.assign(Object.assign({}, context.constraint.video), { facingMode: context.facingMode, aspectRatio: 4 / 3 }),
+                    video: isVideoOff() ? false : Object.assign(Object.assign({}, (!isDesktopAspectForced && context.constraint.video)), { facingMode: context.facingMode, aspectRatio: isDesktopAspectForced ? 9 / 16 : 4 / 3 }),
                 };
                 const desktopConstraints = {
                     audio: {
                         deviceId: audioDeviceId ? { exact: audioDeviceId } : undefined,
                     },
-                    video: isVideoOff() ? false : Object.assign(Object.assign({}, context.constraint.video), { deviceId: videoDeviceId ? { exact: videoDeviceId } : undefined, aspectRatio: 16 / 9 }),
+                    video: isVideoOff() ? false : Object.assign(Object.assign({}, (!isMobileAspectForced && context.constraint.video)), { deviceId: videoDeviceId ? { exact: videoDeviceId } : undefined, aspectRatio: isMobileAspectForced ? 3 / 4 : 16 / 9 }),
                 };
                 const constraintCheck = () => {
                     if (context.isSafeMode)
-                        return defaultConstraint;
+                        return defaultConstraints;
                     if (isMobile)
-                        return mobileConstrains;
+                        return mobileConstraints;
                     return desktopConstraints;
                 };
                 const mediaStream = yield navigator.mediaDevices.getUserMedia(constraintCheck());
@@ -45638,7 +45640,7 @@ const accWidgetMachine = createMachine({
             storageRef: spawn(storageMachine, { name: 'storage' }),
         })),
         [ACTIONS$6.SPAWN_RECORDER]: assign$2((context) => ({
-            recorderRef: spawn(recorderMachineV2.withContext(Object.assign(Object.assign({}, recorderMachineV2.context), { videoRef: context.videoRef, speedTestLevel: SPEED_TEST_LEVEL.HIGH, recordWithoutVideo: context.widgetConfig.config.recordWithoutVideo })), { name: 'recorder' }),
+            recorderRef: spawn(recorderMachineV2.withContext(Object.assign(Object.assign({}, recorderMachineV2.context), { videoRef: context.videoRef, speedTestLevel: SPEED_TEST_LEVEL.HIGH, recordWithoutVideo: context.widgetConfig.config.recordWithoutVideo, forcedView: context.widgetConfig.config.forcedView })), { name: 'recorder' }),
         })),
         [ACTIONS$6.SPAWN_PREVIEW]: assign$2((_) => ({
             previewRef: spawn(previewMachine, { name: 'preview' }),
@@ -48396,6 +48398,11 @@ const Main = ({ widgetConfig, setShouldShowWaterMark, myinterviewRef, isWidgetMi
                 alignment: isRtl(job === null || job === void 0 ? void 0 : job.language) ? 'left' : 'right',
             });
         }
+        SentryHub.configureScope((scope) => {
+            scope.setTags({
+                company_id: candidate === null || candidate === void 0 ? void 0 : candidate.company_id,
+            });
+        });
     }, [candidate, job === null || job === void 0 ? void 0 : job.language]);
     const setBackgroundOpacity = () => {
         var _a;
@@ -48584,7 +48591,10 @@ const Widget = forwardRef(({ candidate, job, video, config, disabled = false, bu
         ")"))), [styleUrls]);
     useEffect(() => {
         SentryHub.configureScope((scope) => {
-            scope.setUser(Object.assign({ email: candidate.email }, (isIphone && { iphone: getIPhoneModel() })));
+            scope.setUser({
+                email: candidate.email,
+            });
+            scope.setTags(Object.assign({}, (isIphone && { iphoneModel: getIPhoneModel() })));
         });
     }, [candidate.email]);
     useEffect(() => {