@neurodyn/react-model-viewer 0.0.9 → 0.0.11

package/dist/index.d.ts

@@ -29,7 +29,15 @@ declare type ModelViewerBackground = 'default' | 'transparent';
 
 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' | 'dimensionAxes' | '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' | 'open' | 'defaultOpen' | 'onOpenChange' | 'modal'> {
+    /** The controlled open state of the dialog. Use with `onOpenChange`. */
+    open?: DialogProps['open'];
+    /** The initial open state when the dialog is uncontrolled. */
+    defaultOpen?: DialogProps['defaultOpen'];
+    /** Called when the dialog's open state changes. */
+    onOpenChange?: DialogProps['onOpenChange'];
+    /** Whether interaction outside the dialog is disabled. Defaults to `true`. */
+    modal?: DialogProps['modal'];
 }
 
 export declare type ModelViewerLanguage = 'en' | 'ru';
@@ -42,7 +50,6 @@ export declare interface ModelViewerProps extends Omit<ModelViewerRootProps, 'sh
 declare interface ModelViewerRootProps {
     /** The unique identifier of a Vizbl object. */
     tinuuid: string;
-    /** Public API key. Without it, the viewer uses the legacy `/obj/Fetch` API. */
     apiKey?: string | null;
     /** App Clip bundle used by automatic Advanced AR handoffs. */
     appClipBundleId?: string;

package/dist/index.js

@@ -1859,6 +1859,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   padding-bottom: 5px;
 }
 
+.pl-2 {
+  padding-left: calc(var(--spacing) * 2);
+}
+
 .pl-3 {
   padding-left: calc(var(--spacing) * 3);
 }
@@ -4262,6 +4266,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   color: var(--v-text-dark);
 }
 
+.data-\\[variant\\=destructive\\]\\:\\[\\&_svg\\:not\\(\\[class\\*\\=text-\\]\\)\\]\\:text-inherit[data-variant="destructive"] svg:not([class*="text-"]) {
+  color: inherit;
+}
+
 .\\[\\&_tr\\]\\:border-b tr {
   border-bottom-style: var(--tw-border-style);
   border-bottom-width: 1px;
@@ -5731,6 +5739,7 @@ const PROPERTY_BLOCK_RE = /@property\s+(--[^{\s]+)\s*\{([^}]*)\}/g;
 const INITIAL_VALUE_RE = /initial-value:([^;}]+)/i;
 const NON_INHERITING_RE = /inherits:\s*false(?:\s*;|\s*$)/i;
 const ROOT_TO_HOST_SELECTOR_RE = /:root\s*,\s*:host|:root/g;
+const SHADOW_HOST_VISIBILITY_CSS = ':host{display:block!important;visibility:visible!important}';
 function createShadowRootCssText(cssText) {
     const cssForHost = cssText.replace(ROOT_TO_HOST_SELECTOR_RE, ':host');
     const propertyBlocks = Array.from(cssText.matchAll(PROPERTY_BLOCK_RE));
@@ -7031,6 +7040,9 @@ function resolveDirectArExperience(mode, arExperience) {
     if ('advanced-ar-view' === mode || 'ar-viewer' === mode || 'embedded-3d-viewer' === mode) return 'advanced';
     if ('qr-code' === mode) return arExperience;
 }
+function shouldAutoLaunchDirectAr(mode) {
+    return 'ar-viewer' !== mode && 'embedded-3d-viewer' !== mode;
+}
 function getUserAgent() {
     if ("u" < typeof navigator) return '';
     return navigator.userAgent || navigator.vendor || '';
@@ -7183,7 +7195,7 @@ function AR({ disabled, onClick, onBeforeActivateAr, size = 'lg', ...props }) {
         widgetSessionToken
     ]);
     useEffect(()=>{
-        if (!directArLaunchOptions || isLoading || !isMobileArDevice()) return;
+        if (!directArLaunchOptions || isLoading || !shouldAutoLaunchDirectAr(mode) || !isMobileArDevice()) return;
         const launchKey = [
             widgetSessionSid ?? 'legacy',
             directArLaunchOptions.tinuuid,
@@ -7210,6 +7222,7 @@ function AR({ disabled, onClick, onBeforeActivateAr, size = 'lg', ...props }) {
         isLoading,
         launchAr,
         material?.hid,
+        mode,
         trackEvent,
         widgetSessionSid
     ]);
@@ -7218,11 +7231,6 @@ 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) {
@@ -8092,6 +8100,9 @@ function ModelViewerDialog({ tinuuid, apiKey, apiBaseUrl, legacyApiBaseUrl, init
                     zIndex: 2147483647
                 },
                 children: [
+                    /*#__PURE__*/ jsx("style", {
+                        children: SHADOW_HOST_VISIBILITY_CSS
+                    }),
                     /*#__PURE__*/ jsx("style", {
                         children: shadowRootCssText
                     }),

package/package.json

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