@neurodyn/react-model-viewer 0.0.4 → 0.0.6

package/dist/index.d.ts

@@ -21,15 +21,15 @@ declare type DialogProps = React_3.ComponentProps<typeof DialogPrimitive.Root>
  */
 export declare type LaunchArOverride = (target: ArLaunchTarget) => boolean | Promise<boolean>;
 
-export declare function ModelViewer({ tinuuid, apiKey, appClipBundleId, arExperience, hid, apiBaseUrl, legacyApiBaseUrl, mode, initialWidgetSessionToken, handoffUrl, launchAr, sizeType, layout, background, viewerSurface, className, ...props }: ModelViewerProps & React_2.ComponentProps<'div'>): JSX.Element;
+export declare function ModelViewer({ tinuuid, apiKey, appClipBundleId, arExperience, hid, apiBaseUrl, legacyApiBaseUrl, mode, initialWidgetSessionToken, handoffUrl, launchAr, sizeType, dimensionAxes, layout, background, viewerSurface, className, ...props }: ModelViewerProps & React_2.ComponentProps<'div'>): JSX.Element;
 
 export declare type ModelViewerArExperience = 'advanced' | 'standard';
 
 declare type ModelViewerBackground = 'default' | 'transparent';
 
-export declare function ModelViewerDialog({ tinuuid, apiKey, apiBaseUrl, legacyApiBaseUrl, initialWidgetSessionToken, handoffUrl, hid, sizeType, ...props }: ModelViewerDialogProps): JSX.Element;
+export declare function ModelViewerDialog({ tinuuid, apiKey, apiBaseUrl, legacyApiBaseUrl, initialWidgetSessionToken, handoffUrl, hid, sizeType, dimensionAxes, ...props }: ModelViewerDialogProps): JSX.Element;
 
-declare interface ModelViewerDialogProps extends Pick<ModelViewerRootProps, 'apiBaseUrl' | 'apiKey' | 'handoffUrl' | 'hid' | 'initialWidgetSessionToken' | 'legacyApiBaseUrl' | 'sizeType' | 'tinuuid'>, Omit<DialogProps, 'children'> {
+declare interface ModelViewerDialogProps extends Pick<ModelViewerRootProps, 'apiBaseUrl' | 'apiKey' | 'dimensionAxes' | 'handoffUrl' | 'hid' | 'initialWidgetSessionToken' | 'legacyApiBaseUrl' | 'sizeType' | 'tinuuid'>, Omit<DialogProps, 'children'> {
 }
 
 declare type ModelViewerLayout = 'default' | 'model';
@@ -62,6 +62,14 @@ declare interface ModelViewerRootProps {
     launchAr?: LaunchArOverride;
     /** Display unit for model dimensions. */
     sizeType?: SizeType;
+    /** Which axes' measurements the "Show dimensions" overlay draws. Defaults to all three. */
+    dimensionAxes?: SizeAxis[];
+    /** Initial camera angle, in `<model-viewer>`'s own `"theta phi radius"` format. */
+    cameraOrbit?: string;
+    /** Lower bound for orbit dragging, same format as `cameraOrbit`. Matching `maxCameraOrbit` on an axis locks it. */
+    minCameraOrbit?: string;
+    /** Upper bound for orbit dragging, same format as `cameraOrbit`. Matching `minCameraOrbit` on an axis locks it. */
+    maxCameraOrbit?: string;
     /** Controls which viewer UI elements are shown. */
     layout?: ModelViewerLayout;
     /** Controls the viewer container background. */
@@ -76,6 +84,8 @@ declare type ModelViewerSurface = 'dialog' | 'inline' | 'page';
 
 export declare type ModelViewerWidgetMode = 'advanced-ar-view' | 'ar-view' | 'embedded-3d-viewer' | 'ar-viewer' | 'qr-code';
 
+export declare type SizeAxis = 'x' | 'y' | 'z';
+
 declare type SizeType = 'cm' | 'inch';
 
 export { }

package/dist/index.js

@@ -2459,6 +2459,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   stroke-dasharray: 2;
 }
 
+.running {
+  animation-play-state: running;
+}
+
 .group-focus-within\\/editor-mesh-item\\:text-icons-dark:is(:where(.group\\/editor-mesh-item):focus-within *) {
   color: var(--v-icons-dark);
 }
@@ -6529,12 +6533,32 @@ async function publicApiControllerReadObjectByTinuuid({ tinuuid }, params, confi
     });
     return res.data;
 }
+function getErrorResponseStatus(error) {
+    if (!isAxiosError(error)) return;
+    return error.response?.status;
+}
+function getModelViewerApiError(error) {
+    if (!isAxiosError(error)) return null;
+    const status = error.response?.status;
+    if (401 === status) return 'unauthorized';
+    if (403 === status) return 'forbidden';
+    if (402 === status) return 'payment-required';
+    return null;
+}
 const WIDGET_SESSION_TOKEN_HEADER = 'x-widget-session-token';
 const DEFAULT_REFRESH_THRESHOLD_MS = 30000;
 const ALLOWED_PRODUCT_TYPES = new Set([
     'core-ar',
     'core-ar-shopify'
 ]);
+const ASSUMED_HANDOFF_SESSION_TTL_SECONDS = 900;
+async function activateCoreArWidgetSession(mode, requestConfig) {
+    const activation = await publicApiControllerActivateCoreAR({
+        mode
+    }, requestConfig);
+    if ('string' != typeof activation.productType || !ALLOWED_PRODUCT_TYPES.has(activation.productType)) throw new TypeError('The API key is not enabled for Core AR');
+    return parseWidgetSession(activation.widgetSession);
+}
 class ModelViewerWidgetSession {
     apiBaseUrl;
     apiKey;
@@ -6577,6 +6601,19 @@ class ModelViewerWidgetSession {
             signal
         };
     }
+    async recoverFromExpiry(signal) {
+        try {
+            await this.refresh();
+        } catch  {
+            this.session = this.toSnapshot(await activateCoreArWidgetSession(this.mode, {
+                baseURL: this.apiBaseUrl,
+                headers: {
+                    'x-api-key': this.apiKey
+                },
+                signal
+            }));
+        }
+    }
     refresh() {
         if (this.refreshPromise) return this.refreshPromise;
         this.refreshPromise = this.issueWidgetToken({
@@ -6603,37 +6640,38 @@ class ModelViewerWidgetSession {
     }
 }
 async function createModelViewerWidgetSession({ apiBaseUrl, apiKey, initialWidgetSessionToken, mode, signal }) {
-    const requestConfig = {
+    if (initialWidgetSessionToken) return new ModelViewerWidgetSession({
+        expiresIn: ASSUMED_HANDOFF_SESSION_TTL_SECONDS,
+        sid: initialWidgetSessionToken,
+        token: initialWidgetSessionToken
+    }, {
+        apiBaseUrl,
+        apiKey,
+        mode
+    });
+    const activationData = await activateCoreArWidgetSession(mode, {
         baseURL: apiBaseUrl,
         headers: {
             'x-api-key': apiKey
         },
         signal
-    };
-    if (initialWidgetSessionToken) try {
-        const refreshed = await publicApiControllerIssueWidgetToken({
-            mode,
-            token: initialWidgetSessionToken
-        }, requestConfig);
-        return new ModelViewerWidgetSession(parseWidgetSession(refreshed), {
-            apiBaseUrl,
-            apiKey,
-            mode
-        });
-    } catch (error) {
-        if (signal?.aborted) throw error;
-    }
-    const activation = await publicApiControllerActivateCoreAR({
-        mode
-    }, requestConfig);
-    if ('string' != typeof activation.productType || !ALLOWED_PRODUCT_TYPES.has(activation.productType)) throw new TypeError('The API key is not enabled for Core AR');
-    return new ModelViewerWidgetSession(parseWidgetSession(activation.widgetSession), {
+    });
+    return new ModelViewerWidgetSession(activationData, {
         apiBaseUrl,
         apiKey,
         mode
     });
 }
 async function fetchModelViewerObject(tinuuid, variantId, session, signal) {
+    try {
+        return await readObjectWithSession(tinuuid, variantId, session, signal);
+    } catch (error) {
+        if (401 !== getErrorResponseStatus(error)) throw error;
+        await session.recoverFromExpiry(signal);
+        return readObjectWithSession(tinuuid, variantId, session, signal);
+    }
+}
+async function readObjectWithSession(tinuuid, variantId, session, signal) {
     return publicApiControllerReadObjectByTinuuid({
         tinuuid
     }, {
@@ -6766,18 +6804,6 @@ function useObjectData(tinuuid, initialHid, options) {
         widgetSession: data?.widgetSession ?? null
     };
 }
-function getErrorResponseStatus(error) {
-    if (!isAxiosError(error)) return;
-    return error.response?.status;
-}
-function getModelViewerApiError(error) {
-    if (!isAxiosError(error)) return null;
-    const status = error.response?.status;
-    if (401 === status) return 'unauthorized';
-    if (403 === status) return 'forbidden';
-    if (402 === status) return 'payment-required';
-    return null;
-}
 const RECOVERY_STORAGE_KEY = 'vizbl-model-viewer-blank-canvas-recovery';
 const RENDER_CHECK_DELAY_MS = 2000;
 const SAMPLE_SIZE = 64;
@@ -6816,7 +6842,7 @@ function isCanvasBlank(modelViewerEl) {
     return true;
 }
 const ModelViewerContext = /*#__PURE__*/ createContext(null);
-function ModelViewerProvider({ children, tinuuid, apiKey, appClipBundleId, arExperience, apiBaseUrl, legacyApiBaseUrl, mode, initialWidgetSessionToken, handoffUrl, hid, launchAr, layout, background, sizeType, viewerSurface }) {
+function ModelViewerProvider({ children, tinuuid, apiKey, appClipBundleId, arExperience, apiBaseUrl, legacyApiBaseUrl, mode, initialWidgetSessionToken, handoffUrl, hid, launchAr, layout, background, sizeType, dimensionAxes, cameraOrbit, minCameraOrbit, maxCameraOrbit, viewerSurface }) {
     const { object, material, error, isLoading, setMaterialHid: setObjectMaterialHid, widgetSession } = useObjectData(tinuuid, hid, {
         apiBaseUrl,
         apiKey,
@@ -6944,6 +6970,10 @@ function ModelViewerProvider({ children, tinuuid, apiKey, appClipBundleId, arExp
             background,
             mode,
             sizeType,
+            dimensionAxes,
+            cameraOrbit,
+            minCameraOrbit,
+            maxCameraOrbit,
             isLoading,
             isModelLoading,
             state,
@@ -6970,6 +7000,10 @@ function ModelViewerProvider({ children, tinuuid, apiKey, appClipBundleId, arExp
         background,
         mode,
         sizeType,
+        dimensionAxes,
+        cameraOrbit,
+        minCameraOrbit,
+        maxCameraOrbit,
         isLoading,
         isModelLoading,
         state,
@@ -6989,6 +7023,11 @@ function useModelViewer() {
     if (!context) throw new Error('useModelViewer must be used within a ModelViewerProvider');
     return context;
 }
+function resolveDirectArExperience(mode, arExperience) {
+    if ('ar-view' === mode) return 'standard';
+    if ('advanced-ar-view' === mode || 'ar-viewer' === mode || 'embedded-3d-viewer' === mode) return 'advanced';
+    if ('qr-code' === mode) return arExperience;
+}
 function getUserAgent() {
     if ("u" < typeof navigator) return '';
     return navigator.userAgent || navigator.vendor || '';
@@ -7008,7 +7047,7 @@ function isSupportedAppClipDevice() {
     if (!isIOSDevice()) return false;
     const versionText = getUserAgent().match(/\bOS (\d+)/)?.[1] ?? getUserAgent().match(/Version\/(\d+)/)?.[1];
     if (!versionText) return false;
-    return Number.parseInt(versionText, 10) >= 17;
+    return Number.parseInt(versionText, 10) >= 18;
 }
 function buildAppClipUrl(bundleId, tinuuid, hostname, hid) {
     const url = new URL('https://appclip.apple.com/id');
@@ -7023,8 +7062,13 @@ function buildNativeArUrl(glbUrl, usdzUrl, objectType, ios = isIOSDevice()) {
     const verticalPlacement = 'wall' === objectType || 'ceiling' === objectType ? '&enable_vertical_placement=true' : '';
     return `intent://arvr.google.com/scene-viewer/1.0?file=${encodeURIComponent(new URL(glbUrl).toString())}&resizable=false${verticalPlacement}&mode=ar_preferred#Intent;scheme=https;package=com.google.android.googlequicksearchbox;action=android.intent.action.VIEW;end;`;
 }
-function launchDirectAr(options) {
-    if ('advanced' === options.experience && isSupportedAppClipDevice()) return void window.location.assign(buildAppClipUrl(options.appClipBundleId, options.tinuuid, options.hostname, options.hid));
+function launchDirectAr(options, openAppClipInNewTab = false) {
+    if ('advanced' === options.experience && isSupportedAppClipDevice()) {
+        const appClipUrl = buildAppClipUrl(options.appClipBundleId, options.tinuuid, options.hostname, options.hid);
+        if (openAppClipInNewTab) window.open(appClipUrl, '_blank');
+        else window.location.assign(appClipUrl);
+        return;
+    }
     const link = document.createElement('a');
     const image = document.createElement('img');
     link.rel = 'ar';
@@ -7093,7 +7137,7 @@ function AR({ disabled, onClick, onBeforeActivateAr, size = 'lg', ...props }) {
         object?.tinuuid,
         tinuuid
     ]);
-    const directArExperience = 'ar-view' === mode ? 'standard' : 'advanced-ar-view' === mode ? 'advanced' : 'qr-code' === mode ? arExperience : void 0;
+    const directArExperience = resolveDirectArExperience(mode, arExperience);
     const directArLaunchOptions = external_react_useMemo(()=>{
         const native = material?.native;
         if (!directArExperience || !object || !native?.glbUrl || !native.usdzUrl || "u" < typeof window) return null;
@@ -7171,6 +7215,11 @@ function AR({ disabled, onClick, onBeforeActivateAr, size = 'lg', ...props }) {
         if (await launchArOverride(launchAr, arTarget)) return void onBeforeActivateAr?.();
         if (directArLaunchOptions && isMobileArDevice()) {
             onBeforeActivateAr?.();
+            if ('advanced' === directArLaunchOptions.experience && isSupportedAppClipDevice()) {
+                launchDirectAr(directArLaunchOptions, true);
+                trackEvent('ar_launched');
+                return;
+            }
             await flushWidgetEvent(trackEvent('ar_launched'));
             launchDirectAr(directArLaunchOptions);
         } else if (modelViewerEl.canActivateAR) {
@@ -7371,6 +7420,10 @@ const DIMENSION_LABEL_CONFIGS = [
     }
 ];
 const DIMENSION_LABEL_SLOTS = DIMENSION_LABEL_CONFIGS.map((config)=>config.slot);
+const DIMENSION_LABEL_AXIS_BY_SLOT = new Map(DIMENSION_LABEL_CONFIGS.map((config)=>[
+        config.slot,
+        config.sizeAxis
+    ]));
 const LINE_CONNECTIONS = [
     {
         lineIndex: 0,
@@ -7414,7 +7467,7 @@ const Hotspots = /*#__PURE__*/ memo(({ hiddenHotspots, isVisible, labels })=>{
         children: HOTSPOT_CONFIGS.map((hotspot)=>{
             const isDimensionLabel = hotspot.isDimensionLabel;
             const labelData = labelsMap.get(hotspot.slot);
-            const isHidden = !isVisible || !isDimensionLabel || hiddenHotspots.has(hotspot.slot);
+            const isHidden = !isVisible || !isDimensionLabel || !labelData || hiddenHotspots.has(hotspot.slot);
             return /*#__PURE__*/ jsx(button_Button, {
                 slot: hotspot.slot,
                 "data-position": hotspot.position,
@@ -7677,9 +7730,9 @@ function getHotspotConfig(slot) {
     if (!config) throw new Error(`Missing hotspot config for slot "${slot}"`);
     return config;
 }
-function createDimensionLabels(modelViewerEl, sizeType) {
+function createDimensionLabels(modelViewerEl, sizeType, axes) {
     const info = calculateBoundingBoxInfo(modelViewerEl);
-    return DIMENSION_LABEL_CONFIGS.map(({ slot, sizeAxis, offsetMultiplier })=>{
+    return DIMENSION_LABEL_CONFIGS.filter(({ sizeAxis })=>axes.includes(sizeAxis)).map(({ slot, sizeAxis, offsetMultiplier })=>{
         const hotspotConfig = getHotspotConfig(slot);
         return {
             name: slot,
@@ -7696,7 +7749,7 @@ function syncLabelHotspots(modelViewerEl, labels) {
         });
     });
 }
-function useDimensions({ isVisible }) {
+function useDimensions({ isVisible, axes }) {
     const { glbUrl, isModelLoading, modelViewerEl, sizeType } = useModelViewer();
     const [lines, setLines] = useState([]);
     const [labels, setLabels] = useState([]);
@@ -7714,7 +7767,7 @@ function useDimensions({ isVisible }) {
     ]);
     const calculateLabels = useCallback(()=>{
         if (!modelViewerEl) return [];
-        const dimensionLabels = createDimensionLabels(modelViewerEl, sizeType);
+        const dimensionLabels = createDimensionLabels(modelViewerEl, sizeType, axes);
         syncLabelHotspots(modelViewerEl, dimensionLabels);
         return dimensionLabels.map((label)=>({
                 slot: label.name,
@@ -7723,13 +7776,16 @@ function useDimensions({ isVisible }) {
             }));
     }, [
         modelViewerEl,
-        sizeType
+        sizeType,
+        axes
     ]);
     const updateLines = useCallback(()=>{
         if (!modelViewerEl) return;
         const newLines = [];
         const hidden = new Set();
         LINE_CONNECTIONS.forEach((connection)=>{
+            const connectionAxis = connection.dimensionHotspot ? DIMENSION_LABEL_AXIS_BY_SLOT.get(connection.dimensionHotspot) : void 0;
+            if (connectionAxis && !axes.includes(connectionAxis)) return;
             const dotHotspot1 = modelViewerEl.queryHotspot(connection.hotspot1);
             const dotHotspot2 = modelViewerEl.queryHotspot(connection.hotspot2);
             const dimensionHotspot = connection.dimensionHotspot ? modelViewerEl.queryHotspot(connection.dimensionHotspot) : null;
@@ -7751,7 +7807,8 @@ function useDimensions({ isVisible }) {
         setLines(newLines);
         setHiddenHotspots((current)=>areSetsEqual(current, hidden) ? current : hidden);
     }, [
-        modelViewerEl
+        modelViewerEl,
+        axes
     ]);
     useEffect(()=>{
         if (!glbUrl || !isVisible || !isReady || !modelViewerEl || initializedSrc === glbUrl) return;
@@ -7796,7 +7853,7 @@ function useDimensions({ isVisible }) {
     };
 }
 function ModelViewerContainer({ showDialogCloseButton = false }) {
-    const { glbUrl, isModelLoading, object, previewUrl, state, setContainerEl, setModelViewerEl, usdzUrl, layout, background, trackEvent } = useModelViewer();
+    const { glbUrl, isModelLoading, object, previewUrl, state, setContainerEl, setModelViewerEl, usdzUrl, layout, background, dimensionAxes, cameraOrbit, minCameraOrbit, maxCameraOrbit, trackEvent } = useModelViewer();
     const [isDimensionsVisible, setDimensionsVisible] = useState(false);
     const isModelLayout = 'model' === layout;
     const showViewerLoader = 'loading' === state || 'ready' === state && isModelLoading;
@@ -7805,7 +7862,8 @@ function ModelViewerContainer({ showDialogCloseButton = false }) {
     const canToggleDimensions = showControls && !isModelLayout && !isModelLoading;
     const isDimensionsActive = isDimensionsVisible && canToggleDimensions;
     const { lines, labels, hiddenHotspots } = useDimensions({
-        isVisible: isDimensionsActive
+        isVisible: isDimensionsActive,
+        axes: dimensionAxes
     });
     const errorState = 'forbidden' === state || 'not-found' === state || 'unauthorized' === state || 'payment-required' === state ? state : null;
     if (errorState) return /*#__PURE__*/ jsx("div", {
@@ -7833,6 +7891,9 @@ function ModelViewerContainer({ showDialogCloseButton = false }) {
                     poster: previewUrl ?? void 0,
                     ar: true,
                     cameraControls: true,
+                    cameraOrbit: cameraOrbit,
+                    minCameraOrbit: minCameraOrbit,
+                    maxCameraOrbit: maxCameraOrbit,
                     arModes: "webxr scene-viewer quick-look",
                     arScale: "fixed",
                     shadowIntensity: 1,
@@ -7911,6 +7972,11 @@ function ModelViewerContainer({ showDialogCloseButton = false }) {
 function normalizeApiKey(apiKey) {
     return apiKey?.trim() ?? '';
 }
+const ALL_DIMENSION_AXES = [
+    'x',
+    'y',
+    'z'
+];
 const root_queryClient = new QueryClient({
     defaultOptions: {
         queries: {
@@ -7926,7 +7992,7 @@ const root_queryClient = new QueryClient({
         }
     }
 });
-function ModelViewerRoot({ tinuuid, apiKey, appClipBundleId = 'com.us.vizbl.Clip', arExperience, hid, apiBaseUrl = "https://api.vizbl.com", legacyApiBaseUrl = "https://api.vizbl.com/v1", mode = 'embedded-3d-viewer', initialWidgetSessionToken, handoffUrl = "https://integrations.vizbl.com/model-viewer", launchAr, sizeType = 'cm', layout = 'default', background = 'default', showDialogCloseButton = false, viewerSurface = 'inline' }) {
+function ModelViewerRoot({ tinuuid, apiKey, appClipBundleId = 'com.us.vizbl.Clip', arExperience, hid, apiBaseUrl = "https://api.vizbl.com", legacyApiBaseUrl = "https://api.vizbl.com/v1", mode = 'embedded-3d-viewer', initialWidgetSessionToken, handoffUrl = "https://integrations.vizbl.com/model-viewer", launchAr, sizeType = 'cm', dimensionAxes = ALL_DIMENSION_AXES, cameraOrbit, minCameraOrbit, maxCameraOrbit, layout = 'default', background = 'default', showDialogCloseButton = false, viewerSurface = 'inline' }) {
     const normalizedApiKey = normalizeApiKey(apiKey);
     return /*#__PURE__*/ jsx(QueryClientProvider, {
         client: root_queryClient,
@@ -7945,6 +8011,10 @@ function ModelViewerRoot({ tinuuid, apiKey, appClipBundleId = 'com.us.vizbl.Clip
             layout: layout,
             background: background,
             sizeType: sizeType,
+            dimensionAxes: dimensionAxes,
+            cameraOrbit: cameraOrbit,
+            minCameraOrbit: minCameraOrbit,
+            maxCameraOrbit: maxCameraOrbit,
             viewerSurface: viewerSurface,
             children: /*#__PURE__*/ jsx(ModelViewerContainer, {
                 showDialogCloseButton: showDialogCloseButton
@@ -7952,7 +8022,7 @@ function ModelViewerRoot({ tinuuid, apiKey, appClipBundleId = 'com.us.vizbl.Clip
         })
     });
 }
-function ModelViewerDialog({ tinuuid, apiKey, apiBaseUrl, legacyApiBaseUrl, initialWidgetSessionToken, handoffUrl, hid, sizeType, ...props }) {
+function ModelViewerDialog({ tinuuid, apiKey, apiBaseUrl, legacyApiBaseUrl, initialWidgetSessionToken, handoffUrl, hid, sizeType, dimensionAxes, ...props }) {
     const [container, setContainer] = useState(null);
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
@@ -7993,6 +8063,7 @@ function ModelViewerDialog({ tinuuid, apiKey, apiBaseUrl, legacyApiBaseUrl, init
                                 handoffUrl: handoffUrl,
                                 hid: hid,
                                 sizeType: sizeType,
+                                dimensionAxes: dimensionAxes,
                                 showDialogCloseButton: true,
                                 viewerSurface: "dialog"
                             })
@@ -8018,7 +8089,7 @@ function ModelViewerDialog({ tinuuid, apiKey, apiBaseUrl, legacyApiBaseUrl, init
         ]
     });
 }
-function ModelViewer({ tinuuid, apiKey, appClipBundleId, arExperience, hid, apiBaseUrl, legacyApiBaseUrl, mode, initialWidgetSessionToken, handoffUrl, launchAr, sizeType, layout, background, viewerSurface, className, ...props }) {
+function ModelViewer({ tinuuid, apiKey, appClipBundleId, arExperience, hid, apiBaseUrl, legacyApiBaseUrl, mode, initialWidgetSessionToken, handoffUrl, launchAr, sizeType, dimensionAxes, layout, background, viewerSurface, className, ...props }) {
     const [container, setContainer] = useState(null);
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
@@ -8059,6 +8130,7 @@ function ModelViewer({ tinuuid, apiKey, appClipBundleId, arExperience, hid, apiB
                                 hid: hid,
                                 launchAr: launchAr,
                                 sizeType: sizeType,
+                                dimensionAxes: dimensionAxes,
                                 layout: layout,
                                 background: background,
                                 viewerSurface: viewerSurface

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@neurodyn/react-model-viewer",
   "type": "module",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "publishConfig": {
     "access": "public"
   },