feat(M2-9994):Add full-screen mode and auto-advance for Unity activities

src/entities/activity/lib/services/AnswersUploadService.ts

@@ -108,11 +108,11 @@
     checks: CheckFilesUploadResults,
     fileId: string,
   ): CheckFileUploadResult {
     return checks.find(x => x.fileId === fileId)!;
   }
 
   private getFileId(file: MediaFile): string {
     return `${this.createdAt!.toString()}/${file.fileName}`;
   }
 
   private isFileUrl(url: string): boolean {
@@ -223,7 +223,7 @@
         remoteUrl = uploadRecord.remoteUrl;
       }
 
       return remoteUrl!;
     } catch (error) {
       throw new Error(
         `[UploadAnswersService.processFileUpload]: Error occurred while file ${logFileInfo} uploading\n\n${error}`,
@@ -266,7 +266,7 @@
 
     const itemsAnswers = [...body.answers] as ObjectAnswerDto[];
 
-    const updatedAnswers = [];
+    const updatedAnswers: AnswerDto[] = [];
     let logAnswerIndex = -1;
     this.uploadProgressObservable.currentFile = -1;
 
@@ -318,19 +318,47 @@
         remoteUrls.push(remoteUrl);
       }
 
-      const isSvg = mediaAnswer.type === 'image/svg';
+      const isSvg = !isUnityItem && mediaAnswer?.type === 'image/svg';
 
-      if (remoteUrls.length && !isSvg) {
-        updatedAnswers.push({ value: remoteUrls, text });
-      } else if (remoteUrls.length) {
+      if (!remoteUrls.length) {
+        continue;
+      }
+
+      if (isSvg) {
         const svgValue = itemAnswer.value as DrawerAnswerDto;
 
         const copy: ObjectAnswerDto = {
-          text,
           value: { ...svgValue, uri: remoteUrls[0] },
         };
 
+        if (text !== undefined) {
+          copy.text = text;
+        }
+
         updatedAnswers.push(copy);
+        continue;
+      }
+
+      if (isUnityItem) {
+        const unityAnswer: ObjectAnswerDto = {
+          value: remoteUrls,
+        };
+
+        if (text !== undefined) {
+          unityAnswer.text = text;
+        }
+
+        updatedAnswers.push(unityAnswer);
+      } else {
+        const mediaAnswerWithUrl: ObjectAnswerDto = {
+          value: remoteUrls[0],
+        };
+
+        if (text !== undefined) {
+          mediaAnswerWithUrl.text = text;
+        }
+
+        updatedAnswers.push(mediaAnswerWithUrl);
       }
     }
 
@@ -454,8 +482,8 @@
 
     const userPublicKey = this.encryptionManager.getPublicKey({
       privateKey: userPrivateKey,
       appletPrime: JSON.parse(appletEncryption.prime),
       appletBase: JSON.parse(appletEncryption.base),
     });
 
     const encryptedData: ActivityAnswersRequest = {

src/entities/unity/ui/tmp-fixture.ts

@@ -10,15 +10,15 @@ export const testJson = {
     m_fLightTemp: 6440.0,
     m_fLightIntensity: 1.399999976158142,
     m_qLightRot: {
-      x: 0.30467337369918826,
-      y: 0.22434665262699128,
+      x: 0.304673,
+      y: 0.224347,
       z: -0.1939675658941269,
       w: 0.9051073789596558,
     },
     m_sSkyPrefab: 'Epic_GloriousPink_EquiRect',
     m_bIsFog: false,
     m_colorFog: {
-      r: 0.13317199051380158,
+      r: 0.133172,
       g: 0.5796447992324829,
       b: 0.6301887035369873,
       a: 1.0,
@@ -41,14 +41,14 @@ export const testJson = {
       TaskTargetData: {
         m_name: 'RotorParent',
         m_pos: {
-          x: 0.7515307664871216,
-          y: 3.9503118991851808,
-          z: 0.6578241586685181,
+          x: 0.751531,
+          y: 3.950312,
+          z: 0.657824,
         },
         m_rot: {
           x: 0.02263173833489418,
           y: 0.4130081534385681,
-          z: -0.010267139412462712,
+          z: -0.010267,
           w: 0.9103882312774658,
         },
       },
@@ -66,7 +66,7 @@ export const testJson = {
             m_qRot: {
               x: 0.02263173833489418,
               y: 0.4130081534385681,
-              z: -0.010267139412462712,
+              z: -0.010267,
               w: 0.9103882312774658,
             },
             m_v3IndicatorPos: {
@@ -105,7 +105,7 @@ export const testJson = {
               m_qRot: {
                 x: 0.02263173833489418,
                 y: 0.4130081534385681,
-                z: -0.010267139412462712,
+                z: -0.010267,
                 w: 0.9103882312774658,
               },
               m_v3IndicatorPos: {
@@ -143,7 +143,7 @@ export const testJson = {
               m_qRot: {
                 x: 0.02263173833489418,
                 y: 0.4130081534385681,
-                z: -0.010267139412462712,
+                z: -0.010267,
                 w: 0.9103882312774658,
               },
               m_v3IndicatorPos: {
@@ -181,7 +181,7 @@ export const testJson = {
               m_qRot: {
                 x: 0.02263173833489418,
                 y: 0.4130081534385681,
-                z: -0.010267139412462712,
+                z: -0.010267,
                 w: 0.9103882312774658,
               },
               m_v3IndicatorPos: {

src/features/pass-survey/lib/types/payload.ts

@@ -279,6 +279,7 @@ type PipelineItemBase = {
   name?: string;
   type: ActivityItemType;
   payload: PipelinePayload;
+  isUnity?: boolean;
   isSkippable?: boolean;
   isAbleToMoveBack?: boolean;
   canBeReset?: boolean;

src/features/pass-survey/model/hooks/useActivityStepper.ts

@@ -21,10 +21,15 @@ export function useActivityStepper(state: ActivityState | undefined) {
 
   const currentPipelineItem = state?.items[step];
 
-  const isTutorialStep = currentPipelineItem?.type === 'Tutorial';
-  const isAbTestStep = currentPipelineItem?.type === 'AbTest';
-  const isMessageStep = currentPipelineItem?.type === 'Message';
-  const isSplashStep = currentPipelineItem?.type === 'Splash';
+  const currentType =
+    typeof currentPipelineItem?.type === 'string'
+      ? currentPipelineItem?.type.trim().toLowerCase()
+      : undefined;
+
+  const isTutorialStep = currentType === 'tutorial';
+  const isAbTestStep = currentType === 'abtest';
+  const isMessageStep = currentType === 'message';
+  const isSplashStep = currentType === 'splash';
   const isFirstStep = step === 0;
   const isLastStep = items && step === items.length - 1;
 
@@ -55,9 +60,11 @@ export function useActivityStepper(state: ActivityState | undefined) {
   const canMoveBack = currentPipelineItem?.isAbleToMoveBack;
   const canReset =
     currentPipelineItem?.canBeReset && (hasAnswer || hasAdditionalAnswer);
-  const showTopNavigation = currentPipelineItem?.hasTopNavigation;
-  const showBottomNavigation = !showTopNavigation;
-  const showWatermark = !isSplashStep && !showTopNavigation;
+  const isUnityStep = currentPipelineItem?.isUnity ?? currentType === 'unity';
+  const showTopNavigation =
+    currentPipelineItem?.hasTopNavigation && !isUnityStep;
+  const showBottomNavigation = !showTopNavigation && !isUnityStep;
+  const showWatermark = !isSplashStep && !showTopNavigation && !isUnityStep;
 
   const isConditionalLogicItem = ConditionalLogicItems.includes(
     currentPipelineItem!?.type,
@@ -95,6 +102,7 @@ export function useActivityStepper(state: ActivityState | undefined) {
     showTopNavigation,
     showBottomNavigation,
 
+    isUnityStep,
     isValid,
     getNextButtonText,
   };

src/features/pass-survey/model/pipelineBuilder.ts

@@ -31,6 +31,7 @@ export function buildPipeline(activity: ActivityDetails): PipelineItem[] {
             id: item.id,
             name: item.name,
             type: item.inputType,
+            isUnity: true,
             payload: item.config,
             question: item.question,
             isSkippable: item.isSkippable,

src/features/pass-survey/ui/ActivityItem.tsx

@@ -18,6 +18,7 @@ import { FlankerGameResponse } from '@app/entities/flanker/lib/types/response';
 import { HtmlFlanker } from '@app/entities/flanker/ui/HtmlFlanker/HtmlFlanker';
 import { NativeIosFlanker } from '@app/entities/flanker/ui/NativeIosFlanker/NativeIosFlanker';
 import { StabilityTracker } from '@app/entities/stabilityTracker/ui/StabilityTracker';
+import { UnityResult } from '@app/entities/unity/lib/types/unityType';
 import { IS_ANDROID } from '@app/shared/lib/constants';
 import { LiveEvent } from '@app/shared/lib/tcp/types';
 import { useSendEvent } from '@app/shared/lib/tcp/useSendLiveEvent';
@@ -154,6 +155,14 @@ export function ActivityItem({
     [moveToNextItem, onResponse],
   );
 
+  const handleUnityComplete = useCallback(
+    (response: UnityResult) => {
+      onResponse(response);
+      moveToNextItem();
+    },
+    [moveToNextItem, onResponse],
+  );
+
   const {
     question = pipelineItem.question,
     item,
@@ -448,7 +457,7 @@ export function ActivityItem({
             <Box flex={1}>
               <UnityView
                 payload={pipelineItem.payload}
-                onResponse={onResponse}
+                onResponse={handleUnityComplete}
               />
             </Box>
           ),