refactor: Use options from schemas

Author: cyaiox

src/hooks/useOptions.ts

@@ -1,19 +1,19 @@
 import { useMemo, useRef, useEffect, useState } from 'react'
-import { BodyShape, PreviewCamera, PreviewEmote, PreviewOptions, PreviewProjection, PreviewType } from '@dcl/schemas'
+import {
+  BodyShape,
+  PreviewCamera,
+  PreviewEmote,
+  PreviewOptions,
+  PreviewProjection,
+  PreviewType,
+  PreviewUnityMode,
+} from '@dcl/schemas'
 import { SocialEmoteAnimation } from '@dcl/schemas/dist/dapps/preview/social-emote-animation'
 import { parseZoom } from '../lib/zoom'
 import { useOverrides } from './useOverrides'
 
-export enum UnityPreviewMode {
-  PROFILE = 'profile',
-  MARKETPLACE = 'marketplace',
-  AUTHENTICATION = 'authentication',
-  BUILDER = 'builder',
-  CONFIGURATOR = 'configurator',
-}
-
 export interface OptionsWithSource {
-  options: PreviewOptions & { mode: UnityPreviewMode | null; disableLoader: boolean }
+  options: PreviewOptions
   overrideSources: Record<string, boolean>
 }
 
@@ -30,13 +30,7 @@ export const useOptions = (): OptionsWithSource => {
     }
   })
 
-  const options = useMemo<
-    PreviewOptions & {
-      mode: UnityPreviewMode | null
-      disableLoader: boolean
-      socialEmote?: SocialEmoteAnimation | null
-    }
-  >(() => {
+  const options = useMemo<PreviewOptions>(() => {
     const autoRotateSpeedParam = searchParams.get('autoRotateSpeed') as string | null
     const offsetXParam = searchParams.get('offsetX') as string | null
     const offsetYParam = searchParams.get('offsetY') as string | null
@@ -62,11 +56,7 @@ export const useOptions = (): OptionsWithSource => {
     }
     const centerBoundingBox = searchParams.get('centerBoundingBox') !== 'false'
 
-    const options: PreviewOptions & {
-      mode: UnityPreviewMode | null
-      disableLoader: boolean
-      socialEmote?: SocialEmoteAnimation | null
-    } = {
+    const options: PreviewOptions = {
       contractAddress: searchParams.get('contract')!,
       tokenId: searchParams.get('token'),
       itemId: searchParams.get('item'),
@@ -115,7 +105,7 @@ export const useOptions = (): OptionsWithSource => {
       lockAlpha: lockAlpha === 'true',
       lockBeta: lockBeta === 'true',
       lockRadius: lockRadius === 'true',
-      mode: searchParams.get('mode') as UnityPreviewMode | null,
+      unityMode: searchParams.get('mode') as PreviewUnityMode | null,
       disableLoader: searchParams.has('disableLoader'),
       username: searchParams.get('username'),
       socialEmote: (() => {

src/hooks/useUnityConfig.ts

@@ -9,19 +9,20 @@ import {
   EmoteDefinition,
   PreviewType,
   Avatar,
+  PreviewUnityMode,
 } from '@dcl/schemas'
 import { config } from '../config'
 import { colorToHex, formatHex } from '../lib/color'
 import { fetchItemFromContract, fetchProfile, fetchProfileEntity, sanitizeProfile } from '../lib/config'
-import { UnityPreviewMode, useOptions } from './useOptions'
+import { useOptions } from './useOptions'
 import { isWearable } from '../lib/wearable'
 import { isTexture } from '../lib/representation'
 import { getWearableRepresentationOrDefault } from '../lib/representation'
 import { getRandomDefaultProfile } from '../lib/profile'
 
 export interface UnityPreviewConfig {
   background: Background
-  mode: UnityPreviewMode | null
+  mode: PreviewUnityMode | null
   type: PreviewType
   base64: string | null
   bodyShape: BodyShape | null
@@ -59,7 +60,7 @@ type QueryParams = {
   eyeColor: string
   hairColor: string
   skinColor: string
-  mode: UnityPreviewMode | string
+  mode: PreviewUnityMode | string
   camera: PreviewCamera
   projection: PreviewProjection
   emote: string
@@ -198,7 +199,7 @@ export function useUnityConfig(): [UnityPreviewConfig | null, boolean, string |
         })
 
         // Get camera settings
-        const mode = options.mode || null
+        const mode = options.unityMode || null
         const camera =
           options.camera && Object.values(PreviewCamera).includes(options.camera as PreviewCamera)
             ? (options.camera as PreviewCamera)
@@ -248,7 +249,7 @@ export function useUnityConfig(): [UnityPreviewConfig | null, boolean, string |
             const base64s = toQueryArray(options.base64s)
 
             // For configurator mode, only add mode parameter
-            if (mode === 'configurator') {
+            if (mode === PreviewUnityMode.CONFIG) {
               const queryParams: Partial<QueryParams> = {
                 mode: toQueryValue(mode || ''),
               }