@reactvision/react-viro 2.42.0 → 2.43.1

package/dist/fabric-interop/components/ViroPortalScene.d.ts

@@ -0,0 +1,16 @@
+/**
+ * ViroPortalScene
+ *
+ * A component for portal scene content.
+ */
+import React from "react";
+import { ViroCommonProps } from "./ViroUtils";
+export interface ViroPortalSceneProps extends ViroCommonProps {
+    passable?: boolean;
+    children?: React.ReactNode;
+}
+/**
+ * ViroPortalScene is a component for portal scene content.
+ * It defines the content that appears inside a portal.
+ */
+export declare const ViroPortalScene: React.FC<ViroPortalSceneProps>;

package/dist/fabric-interop/components/ViroPortalScene.js

@@ -0,0 +1,29 @@
+"use strict";
+/**
+ * ViroPortalScene
+ *
+ * A component for portal scene content.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViroPortalScene = void 0;
+const react_1 = __importDefault(require("react"));
+const ViroUtils_1 = require("./ViroUtils");
+/**
+ * ViroPortalScene is a component for portal scene content.
+ * It defines the content that appears inside a portal.
+ */
+const ViroPortalScene = (props) => {
+    // Convert common props to the format expected by the native code
+    const nativeProps = {
+        ...(0, ViroUtils_1.convertCommonProps)(props),
+        passable: props.passable,
+    };
+    // Create the node (parent will be determined by context)
+    const nodeId = (0, ViroUtils_1.useViroNode)("portalScene", nativeProps);
+    // Render children with this portal scene as their parent
+    return (<ViroUtils_1.ViroContextProvider value={nodeId}>{props.children}</ViroUtils_1.ViroContextProvider>);
+};
+exports.ViroPortalScene = ViroPortalScene;

package/dist/fabric-interop/components/ViroQuad.d.ts

@@ -0,0 +1,39 @@
+/**
+ * ViroQuad
+ *
+ * A component for rendering a 2D quad in 3D space.
+ */
+import React from "react";
+import { ViroCommonProps } from "./ViroUtils";
+export interface ViroQuadProps extends ViroCommonProps {
+    width?: number;
+    height?: number;
+    uvCoordinates?: [
+        [
+            number,
+            number
+        ],
+        [
+            number,
+            number
+        ],
+        [
+            number,
+            number
+        ],
+        [
+            number,
+            number
+        ]
+    ];
+    materials?: string | string[];
+    lightReceivingBitMask?: number;
+    shadowCastingBitMask?: number;
+    arShadowReceiver?: boolean;
+}
+/**
+ * ViroQuad is a component for rendering a 2D quad in 3D space.
+ * It's a flat rectangular surface that can be used for various purposes,
+ * such as displaying images, videos, or creating simple geometric shapes.
+ */
+export declare const ViroQuad: React.FC<ViroQuadProps>;

package/dist/fabric-interop/components/ViroQuad.js

@@ -0,0 +1,49 @@
+"use strict";
+/**
+ * ViroQuad
+ *
+ * A component for rendering a 2D quad in 3D space.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViroQuad = void 0;
+const ViroUtils_1 = require("./ViroUtils");
+/**
+ * ViroQuad is a component for rendering a 2D quad in 3D space.
+ * It's a flat rectangular surface that can be used for various purposes,
+ * such as displaying images, videos, or creating simple geometric shapes.
+ */
+const ViroQuad = (props) => {
+    // Convert common props to the format expected by the native code
+    const nativeProps = {
+        ...(0, ViroUtils_1.convertCommonProps)(props),
+        width: props.width ?? 1,
+        height: props.height ?? 1,
+        uvCoordinates: props.uvCoordinates,
+        materials: props.materials,
+        lightReceivingBitMask: props.lightReceivingBitMask,
+        shadowCastingBitMask: props.shadowCastingBitMask,
+        arShadowReceiver: props.arShadowReceiver,
+    };
+    // Create the node (parent will be determined by context)
+    const nodeId = (0, ViroUtils_1.useViroNode)("quad", nativeProps);
+    // Register event handlers using our new event system
+    (0, ViroUtils_1.useViroEventListeners)(nodeId, {
+        onHover: props.onHover,
+        onClick: props.onClick,
+        onClickState: props.onClickState,
+        onTouch: props.onTouch,
+        onScroll: props.onScroll,
+        onSwipe: props.onSwipe,
+        onDrag: props.onDrag,
+        onPinch: props.onPinch,
+        onRotate: props.onRotate,
+        onFuse: typeof props.onFuse === "function"
+            ? props.onFuse
+            : props.onFuse?.callback,
+        onCollision: props.onCollision,
+        onTransformUpdate: props.onTransformUpdate,
+    });
+    // Quad doesn't have children, so just return null
+    return null;
+};
+exports.ViroQuad = ViroQuad;

package/dist/fabric-interop/components/ViroScene.d.ts

@@ -0,0 +1,29 @@
+/**
+ * ViroScene
+ *
+ * A scene component that manages a 3D scene with scene lifecycle management.
+ */
+import React from "react";
+import { ViroCommonProps } from "./ViroUtils";
+export interface ViroSceneProps extends ViroCommonProps {
+    postProcessEffects?: string[];
+    soundRoom?: {
+        size: [number, number, number];
+        wallMaterial?: string;
+        ceilingMaterial?: string;
+        floorMaterial?: string;
+    };
+    physicsWorld?: {
+        gravity: [number, number, number];
+        drawBounds?: boolean;
+    };
+    onSceneLoad?: () => void;
+    onSceneLoadStart?: () => void;
+    onSceneLoadEnd?: () => void;
+    onSceneError?: (error: string) => void;
+    children?: React.ReactNode;
+}
+/**
+ * ViroScene is a 3D scene component that manages scene lifecycle and contains other Viro components.
+ */
+export declare const ViroScene: React.FC<ViroSceneProps>;

package/dist/fabric-interop/components/ViroScene.js

@@ -0,0 +1,103 @@
+"use strict";
+/**
+ * ViroScene
+ *
+ * A scene component that manages a 3D scene with scene lifecycle management.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViroScene = void 0;
+const react_1 = __importStar(require("react"));
+const ViroUtils_1 = require("./ViroUtils");
+const NativeViro_1 = require("../NativeViro");
+/**
+ * ViroScene is a 3D scene component that manages scene lifecycle and contains other Viro components.
+ */
+const ViroScene = (props) => {
+    const sceneId = (0, react_1.useRef)((0, NativeViro_1.generateNodeId)());
+    // Convert common props to the format expected by the native code
+    const nativeProps = {
+        ...(0, ViroUtils_1.convertCommonProps)(props),
+        postProcessEffects: props.postProcessEffects,
+        soundRoom: props.soundRoom,
+        physicsWorld: props.physicsWorld,
+    };
+    // Create the scene node using our enhanced scene management
+    const nodeId = (0, ViroUtils_1.useViroNode)("scene", nativeProps);
+    // Scene lifecycle management
+    (0, react_1.useEffect)(() => {
+        // Create the scene with our scene manager
+        (0, NativeViro_1.createScene)(sceneId.current, "scene", nativeProps);
+        // Activate the scene
+        (0, NativeViro_1.activateScene)(sceneId.current);
+        // Cleanup when unmounting
+        return () => {
+            // Deactivate and destroy the scene
+            (0, NativeViro_1.deactivateScene)(sceneId.current);
+            (0, NativeViro_1.destroyScene)(sceneId.current);
+        };
+    }, []);
+    // Update scene properties when they change
+    (0, react_1.useEffect)(() => {
+        // Scene properties are updated through the node system
+        // The scene manager will handle the lifecycle
+    }, [nativeProps]);
+    // Register event handlers using our new event system
+    (0, ViroUtils_1.useViroEventListeners)(nodeId, {
+        onHover: props.onHover,
+        onClick: props.onClick,
+        onClickState: props.onClickState,
+        onTouch: props.onTouch,
+        onScroll: props.onScroll,
+        onSwipe: props.onSwipe,
+        onDrag: props.onDrag,
+        onPinch: props.onPinch,
+        onRotate: props.onRotate,
+        onFuse: typeof props.onFuse === "function"
+            ? props.onFuse
+            : props.onFuse?.callback,
+        onCollision: props.onCollision,
+        onTransformUpdate: props.onTransformUpdate,
+    });
+    // Scene lifecycle event handlers
+    (0, ViroUtils_1.useViroEventListeners)(nodeId, {
+        onLoadStart: props.onSceneLoadStart,
+        onLoadEnd: props.onSceneLoadEnd,
+        onError: props.onSceneError,
+    });
+    // Provide the scene node ID as context for children
+    return (<ViroUtils_1.ViroContextProvider value={nodeId}>{props.children}</ViroUtils_1.ViroContextProvider>);
+};
+exports.ViroScene = ViroScene;

package/dist/fabric-interop/components/ViroSceneNavigator.d.ts

@@ -0,0 +1,23 @@
+/**
+ * ViroSceneNavigator
+ *
+ * A component for rendering 3D scenes.
+ */
+import React from "react";
+export interface ViroSceneNavigatorProps {
+    initialScene: {
+        scene: React.ComponentType<any>;
+    };
+    hdrEnabled?: boolean;
+    pbrEnabled?: boolean;
+    bloomEnabled?: boolean;
+    shadowsEnabled?: boolean;
+    multisamplingEnabled?: boolean;
+    onCameraTransformUpdate?: (transform: any) => void;
+    style?: React.CSSProperties;
+}
+/**
+ * ViroSceneNavigator is a component for rendering 3D scenes.
+ * It provides a container for 3D scenes and handles the scene lifecycle.
+ */
+export declare const ViroSceneNavigator: React.FC<ViroSceneNavigatorProps>;

package/dist/fabric-interop/components/ViroSceneNavigator.js

@@ -0,0 +1,73 @@
+"use strict";
+/**
+ * ViroSceneNavigator
+ *
+ * A component for rendering 3D scenes.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViroSceneNavigator = void 0;
+const react_1 = __importStar(require("react"));
+const ViroFabricContainer_1 = require("../ViroFabricContainer");
+const ViroGlobal_1 = require("./ViroGlobal");
+/**
+ * ViroSceneNavigator is a component for rendering 3D scenes.
+ * It provides a container for 3D scenes and handles the scene lifecycle.
+ */
+const ViroSceneNavigator = (props) => {
+    const [apiKey] = (0, react_1.useState)(() => {
+        // Generate a random API key for demo purposes
+        return `viro-${Math.random().toString(36).substring(2, 15)}`;
+    });
+    // Initialize scene
+    (0, react_1.useEffect)(() => {
+        const nativeViro = (0, ViroGlobal_1.getNativeViro)();
+        if (!nativeViro)
+            return;
+        // Initialize Viro
+        nativeViro.initialize();
+        // Cleanup when unmounting
+        return () => {
+            // Cleanup code here
+        };
+    }, []);
+    // Create the scene component
+    const SceneComponent = props.initialScene.scene;
+    // Render the 3D scene
+    return (<ViroFabricContainer_1.ViroFabricContainer style={props.style} debug={false} arEnabled={false} onCameraTransformUpdate={props.onCameraTransformUpdate}>
+      <SceneComponent />
+    </ViroFabricContainer_1.ViroFabricContainer>);
+};
+exports.ViroSceneNavigator = ViroSceneNavigator;

package/dist/fabric-interop/components/ViroSkyBox.d.ts

@@ -0,0 +1,39 @@
+/**
+ * ViroSkyBox
+ *
+ * A component for creating skybox environments.
+ */
+import React from "react";
+import { ViroCommonProps } from "./ViroUtils";
+export interface ViroSkyBoxProps extends ViroCommonProps {
+    source: {
+        nx: {
+            uri: string;
+        } | number;
+        px: {
+            uri: string;
+        } | number;
+        ny: {
+            uri: string;
+        } | number;
+        py: {
+            uri: string;
+        } | number;
+        nz: {
+            uri: string;
+        } | number;
+        pz: {
+            uri: string;
+        } | number;
+    };
+    format?: "RGBA8" | "RGB565";
+    isHdr?: boolean;
+    onLoadStart?: () => void;
+    onLoadEnd?: () => void;
+    onError?: (error: string) => void;
+}
+/**
+ * ViroSkyBox is a component for creating skybox environments.
+ * It uses six cube faces to create an immersive 360-degree environment.
+ */
+export declare const ViroSkyBox: React.FC<ViroSkyBoxProps>;

package/dist/fabric-interop/components/ViroSkyBox.js

@@ -0,0 +1,44 @@
+"use strict";
+/**
+ * ViroSkyBox
+ *
+ * A component for creating skybox environments.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViroSkyBox = void 0;
+const ViroUtils_1 = require("./ViroUtils");
+/**
+ * ViroSkyBox is a component for creating skybox environments.
+ * It uses six cube faces to create an immersive 360-degree environment.
+ */
+const ViroSkyBox = (props) => {
+    // Convert common props to the format expected by the native code
+    const nativeProps = {
+        ...(0, ViroUtils_1.convertCommonProps)(props),
+        source: props.source,
+        format: props.format,
+        isHdr: props.isHdr,
+    };
+    // Create the node (parent will be determined by context)
+    const nodeId = (0, ViroUtils_1.useViroNode)("skyBox", nativeProps);
+    // Register event handlers using our new event system
+    (0, ViroUtils_1.useViroEventListeners)(nodeId, {
+        onHover: props.onHover,
+        onClick: props.onClick,
+        onClickState: props.onClickState,
+        onTouch: props.onTouch,
+        onScroll: props.onScroll,
+        onSwipe: props.onSwipe,
+        onDrag: props.onDrag,
+        onPinch: props.onPinch,
+        onRotate: props.onRotate,
+        onFuse: typeof props.onFuse === "function"
+            ? props.onFuse
+            : props.onFuse?.callback,
+        onCollision: props.onCollision,
+        onTransformUpdate: props.onTransformUpdate,
+    });
+    // Component doesn't have children, so just return null
+    return null;
+};
+exports.ViroSkyBox = ViroSkyBox;

package/dist/fabric-interop/components/ViroSound.d.ts

@@ -0,0 +1,23 @@
+/**
+ * ViroSound
+ *
+ * A component for playing audio in the scene.
+ */
+import React from "react";
+import { ViroCommonProps } from "./ViroUtils";
+export interface ViroSoundProps extends ViroCommonProps {
+    source: {
+        uri: string;
+    } | number;
+    paused?: boolean;
+    volume?: number;
+    muted?: boolean;
+    loop?: boolean;
+    onFinish?: () => void;
+    onError?: (error: string) => void;
+}
+/**
+ * ViroSound is a component for playing audio in the scene.
+ * It provides basic audio playback functionality.
+ */
+export declare const ViroSound: React.FC<ViroSoundProps>;

package/dist/fabric-interop/components/ViroSound.js

@@ -0,0 +1,46 @@
+"use strict";
+/**
+ * ViroSound
+ *
+ * A component for playing audio in the scene.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViroSound = void 0;
+const ViroUtils_1 = require("./ViroUtils");
+/**
+ * ViroSound is a component for playing audio in the scene.
+ * It provides basic audio playback functionality.
+ */
+const ViroSound = (props) => {
+    // Convert common props to the format expected by the native code
+    const nativeProps = {
+        ...(0, ViroUtils_1.convertCommonProps)(props),
+        source: props.source,
+        paused: props.paused,
+        volume: props.volume,
+        muted: props.muted,
+        loop: props.loop,
+    };
+    // Create the node (parent will be determined by context)
+    const nodeId = (0, ViroUtils_1.useViroNode)("sound", nativeProps);
+    // Register event handlers using our new event system
+    (0, ViroUtils_1.useViroEventListeners)(nodeId, {
+        onHover: props.onHover,
+        onClick: props.onClick,
+        onClickState: props.onClickState,
+        onTouch: props.onTouch,
+        onScroll: props.onScroll,
+        onSwipe: props.onSwipe,
+        onDrag: props.onDrag,
+        onPinch: props.onPinch,
+        onRotate: props.onRotate,
+        onFuse: typeof props.onFuse === "function"
+            ? props.onFuse
+            : props.onFuse?.callback,
+        onCollision: props.onCollision,
+        onTransformUpdate: props.onTransformUpdate,
+    });
+    // Component doesn't have children, so just return null
+    return null;
+};
+exports.ViroSound = ViroSound;

package/dist/fabric-interop/components/ViroSoundField.d.ts

@@ -0,0 +1,24 @@
+/**
+ * ViroSoundField
+ *
+ * A component for playing ambient audio field in the scene.
+ */
+import React from "react";
+import { ViroCommonProps } from "./ViroUtils";
+export interface ViroSoundFieldProps extends ViroCommonProps {
+    source: {
+        uri: string;
+    } | number;
+    paused?: boolean;
+    volume?: number;
+    muted?: boolean;
+    loop?: boolean;
+    rotation?: [number, number, number];
+    onFinish?: () => void;
+    onError?: (error: string) => void;
+}
+/**
+ * ViroSoundField is a component for playing ambient audio field in the scene.
+ * It provides 360-degree ambient audio that surrounds the listener.
+ */
+export declare const ViroSoundField: React.FC<ViroSoundFieldProps>;

package/dist/fabric-interop/components/ViroSoundField.js

@@ -0,0 +1,47 @@
+"use strict";
+/**
+ * ViroSoundField
+ *
+ * A component for playing ambient audio field in the scene.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViroSoundField = void 0;
+const ViroUtils_1 = require("./ViroUtils");
+/**
+ * ViroSoundField is a component for playing ambient audio field in the scene.
+ * It provides 360-degree ambient audio that surrounds the listener.
+ */
+const ViroSoundField = (props) => {
+    // Convert common props to the format expected by the native code
+    const nativeProps = {
+        ...(0, ViroUtils_1.convertCommonProps)(props),
+        source: props.source,
+        paused: props.paused,
+        volume: props.volume,
+        muted: props.muted,
+        loop: props.loop,
+        rotation: props.rotation,
+    };
+    // Create the node (parent will be determined by context)
+    const nodeId = (0, ViroUtils_1.useViroNode)("soundField", nativeProps);
+    // Register event handlers using our new event system
+    (0, ViroUtils_1.useViroEventListeners)(nodeId, {
+        onHover: props.onHover,
+        onClick: props.onClick,
+        onClickState: props.onClickState,
+        onTouch: props.onTouch,
+        onScroll: props.onScroll,
+        onSwipe: props.onSwipe,
+        onDrag: props.onDrag,
+        onPinch: props.onPinch,
+        onRotate: props.onRotate,
+        onFuse: typeof props.onFuse === "function"
+            ? props.onFuse
+            : props.onFuse?.callback,
+        onCollision: props.onCollision,
+        onTransformUpdate: props.onTransformUpdate,
+    });
+    // Component doesn't have children, so just return null
+    return null;
+};
+exports.ViroSoundField = ViroSoundField;

package/dist/fabric-interop/components/ViroSpatialSound.d.ts

@@ -0,0 +1,27 @@
+/**
+ * ViroSpatialSound
+ *
+ * A component for playing 3D positioned audio in the scene.
+ */
+import React from "react";
+import { ViroCommonProps } from "./ViroUtils";
+export interface ViroSpatialSoundProps extends ViroCommonProps {
+    source: {
+        uri: string;
+    } | number;
+    paused?: boolean;
+    volume?: number;
+    muted?: boolean;
+    loop?: boolean;
+    minDistance?: number;
+    maxDistance?: number;
+    rolloffModel?: "linear" | "exponential" | "logarithmic";
+    distanceRolloffFactor?: number;
+    onFinish?: () => void;
+    onError?: (error: string) => void;
+}
+/**
+ * ViroSpatialSound is a component for playing 3D positioned audio in the scene.
+ * It provides spatial audio that changes based on the listener's position relative to the sound source.
+ */
+export declare const ViroSpatialSound: React.FC<ViroSpatialSoundProps>;

package/dist/fabric-interop/components/ViroSpatialSound.js

@@ -0,0 +1,50 @@
+"use strict";
+/**
+ * ViroSpatialSound
+ *
+ * A component for playing 3D positioned audio in the scene.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViroSpatialSound = void 0;
+const ViroUtils_1 = require("./ViroUtils");
+/**
+ * ViroSpatialSound is a component for playing 3D positioned audio in the scene.
+ * It provides spatial audio that changes based on the listener's position relative to the sound source.
+ */
+const ViroSpatialSound = (props) => {
+    // Convert common props to the format expected by the native code
+    const nativeProps = {
+        ...(0, ViroUtils_1.convertCommonProps)(props),
+        source: props.source,
+        paused: props.paused,
+        volume: props.volume,
+        muted: props.muted,
+        loop: props.loop,
+        minDistance: props.minDistance,
+        maxDistance: props.maxDistance,
+        rolloffModel: props.rolloffModel,
+        distanceRolloffFactor: props.distanceRolloffFactor,
+    };
+    // Create the node (parent will be determined by context)
+    const nodeId = (0, ViroUtils_1.useViroNode)("spatialSound", nativeProps);
+    // Register event handlers using our new event system
+    (0, ViroUtils_1.useViroEventListeners)(nodeId, {
+        onHover: props.onHover,
+        onClick: props.onClick,
+        onClickState: props.onClickState,
+        onTouch: props.onTouch,
+        onScroll: props.onScroll,
+        onSwipe: props.onSwipe,
+        onDrag: props.onDrag,
+        onPinch: props.onPinch,
+        onRotate: props.onRotate,
+        onFuse: typeof props.onFuse === "function"
+            ? props.onFuse
+            : props.onFuse?.callback,
+        onCollision: props.onCollision,
+        onTransformUpdate: props.onTransformUpdate,
+    });
+    // Component doesn't have children, so just return null
+    return null;
+};
+exports.ViroSpatialSound = ViroSpatialSound;