@neurodyn/react-room-viewer 0.0.14 → 0.0.16

package/dist/index.d.ts

@@ -273,9 +273,11 @@ declare const resources: {
 
 export declare function RoomViewer({ type, src, tinuuid, name, language, width, height, dimensionUnit, displayUnit, apiKey, source, widgetSession, className, ...props }: RoomViewerProps & React_2.ComponentProps<'div'>): JSX.Element;
 
-export declare function RoomViewerDialog({ type, src, tinuuid, width, height, dimensionUnit, displayUnit, name, language, apiKey, source, widgetSession, open, defaultOpen, onOpenChange, ...props }: RoomViewerDialogProps): JSX.Element;
+export declare function RoomViewerDialog({ type, src, tinuuid, width, height, dimensionUnit, displayUnit, name, language, apiKey, source, widgetSession, disableClose, open, defaultOpen, onOpenChange, ...props }: RoomViewerDialogProps): JSX.Element;
 
 declare interface RoomViewerDialogProps extends Omit<RoomViewerRootProps, 'showDialogCloseButton' | 'viewerSurface' | 'dialogPortalContainer' | 'viewerDialogOpen' | 'onViewerDialogOpenChange'>, Omit<DialogProps, 'children' | 'modal'> {
+    /** Hide close controls and prevent user dismissal for rugs and flooring. Defaults to false. */
+    disableClose?: boolean;
     /** The controlled open state of the dialog. */
     open?: boolean;
     /** The open state of the dialog when it is initially rendered. */

package/dist/index.js

@@ -11799,6 +11799,7 @@ function MaterialSummaryCard({ actionLabel, actionClassName, actionPlacement, cl
     });
     return /*#__PURE__*/ jsxs("div", {
         className: className,
+        "data-neurodyn-room-viewer-product": "",
         "data-testid": testId,
         children: [
             /*#__PURE__*/ jsx_runtime_jsx("div", {
@@ -11974,6 +11975,7 @@ function FloorSceneChrome({ actions, canShowAr, companyName, hasActiveError, mat
                                 type: "button",
                                 variant: "secondary",
                                 "aria-label": t('floor.scene.share'),
+                                "data-neurodyn-room-viewer-share": "",
                                 disabled: !canShare || isSharing,
                                 onClick: handleShare,
                                 className: "size-10 rounded-full px-0 lg:h-9 lg:w-auto lg:rounded-xl lg:px-3.5",
@@ -11991,6 +11993,7 @@ function FloorSceneChrome({ actions, canShowAr, companyName, hasActiveError, mat
                                 type: "button",
                                 variant: "secondary",
                                 "aria-label": t('floor.scene.download'),
+                                "data-neurodyn-room-viewer-download": "",
                                 disabled: isDownloading,
                                 onClick: handleDownload,
                                 className: "size-10 rounded-full px-0 lg:h-9 lg:w-auto lg:rounded-xl lg:px-3.5",
@@ -12056,6 +12059,7 @@ function FloorSceneChrome({ actions, canShowAr, companyName, hasActiveError, mat
                             /*#__PURE__*/ jsxs("div", {
                                 className: "flex h-24 w-[254px] items-center gap-4 overflow-hidden rounded-2xl bg-background-containers p-4 text-left text-text-dark shadow-[var(--shadow-login)]",
                                 "data-testid": "floor-room-card",
+                                "data-neurodyn-room-viewer-room": "",
                                 children: [
                                     /*#__PURE__*/ jsx_runtime_jsx("img", {
                                         src: room.imageUrl,
@@ -12087,6 +12091,7 @@ function FloorSceneChrome({ actions, canShowAr, companyName, hasActiveError, mat
                     canShowAr && /*#__PURE__*/ jsxs("div", {
                         className: "pointer-events-auto flex h-24 w-[280px] items-center gap-4 overflow-hidden rounded-2xl bg-background-containers p-4 text-text-dark shadow-[var(--shadow-login)]",
                         "data-testid": "floor-ar-card",
+                        "data-neurodyn-room-viewer-try-at-home": "",
                         children: [
                             /*#__PURE__*/ jsx_runtime_jsx("img", {
                                 src: room.imageUrl,
@@ -12136,6 +12141,7 @@ function FloorSceneChrome({ actions, canShowAr, companyName, hasActiveError, mat
                             /*#__PURE__*/ jsxs("div", {
                                 className: "flex h-[72px] items-center justify-between gap-3 overflow-hidden rounded-2xl bg-background-containers p-4 text-left text-text-dark shadow-[var(--shadow-login)]",
                                 "data-testid": "floor-tablet-room-card",
+                                "data-neurodyn-room-viewer-room": "",
                                 children: [
                                     /*#__PURE__*/ jsxs("span", {
                                         className: "flex min-w-0 items-center gap-2",
@@ -12173,6 +12179,7 @@ function FloorSceneChrome({ actions, canShowAr, companyName, hasActiveError, mat
                             }),
                             canShowAr && /*#__PURE__*/ jsx_runtime_jsx(AR, {
                                 className: "w-full",
+                                "data-neurodyn-room-viewer-try-at-home": "",
                                 buttonLabel: t('floor.scene.tryAtHome'),
                                 buttonLeadingIcon: /*#__PURE__*/ jsx_runtime_jsx(Vizbl, {
                                     className: "size-5"
@@ -12209,6 +12216,7 @@ function FloorSceneChrome({ actions, canShowAr, companyName, hasActiveError, mat
                         children: [
                             /*#__PURE__*/ jsxs("div", {
                                 className: "flex w-full items-center justify-between gap-3 rounded-full bg-background-containers text-left",
+                                "data-neurodyn-room-viewer-room": "",
                                 children: [
                                     /*#__PURE__*/ jsxs("span", {
                                         className: "flex min-w-0 items-center gap-2",
@@ -12246,6 +12254,7 @@ function FloorSceneChrome({ actions, canShowAr, companyName, hasActiveError, mat
                             }),
                             canShowAr && /*#__PURE__*/ jsx_runtime_jsx(AR, {
                                 className: "w-full",
+                                "data-neurodyn-room-viewer-try-at-home": "",
                                 buttonLabel: t('floor.scene.tryAtHome'),
                                 buttonLeadingIcon: /*#__PURE__*/ jsx_runtime_jsx(Vizbl, {
                                     className: "size-6"
@@ -12437,7 +12446,7 @@ function InteriorSelectionScreen(props) {
         })
     });
 }
-function InteriorSelectionDialog({ open, portalContainer, onOpenChange, ...entryProps }) {
+function InteriorSelectionDialog({ open, showCloseButton = true, portalContainer, onOpenChange, ...entryProps }) {
     const { t } = useTranslation();
     return /*#__PURE__*/ jsx_runtime_jsx(Dialog, {
         open: open,
@@ -12458,7 +12467,7 @@ function InteriorSelectionDialog({ open, portalContainer, onOpenChange, ...entry
                 }),
                 /*#__PURE__*/ jsx_runtime_jsx(InteriorSelectionEntry, {
                     ...entryProps,
-                    showCloseButton: true
+                    showCloseButton: showCloseButton
                 })
             ]
         })
@@ -13647,6 +13656,7 @@ function FloorViewerLayout({ showDialogCloseButton = false }) {
         if (!floorController.interiorSelection.shouldRender) return null;
         if ('dialog' === floorController.interiorSelection.presentation) return /*#__PURE__*/ jsx_runtime_jsx(InteriorSelectionDialog, {
             open: floorController.interiorSelection.open,
+            showCloseButton: showDialogCloseButton || floorController.scene.shouldRender,
             portalContainer: activeDialogPortalContainer,
             rooms: floorController.sourceRooms,
             customRooms: floorController.customRooms,
@@ -14379,15 +14389,16 @@ function RoomViewerProvider({ children, src, tinuuid: initialTinuuid, type, view
     const hasRooms = rooms.length > 0;
     if (!selectedRoom && rooms[0] && roomId !== rooms[0].id) setRoomId(rooms[0].id);
     const objectQuery = react_query_useQuery({
-        queryKey: roomViewerObjectQueryKey(initialTinuuid ?? void 0, {
+        queryKey: roomViewerObjectQueryKey(tinuuid ?? void 0, {
             apiKey,
             baseURL,
             source
         }),
-        enabled: (!shouldActivatePublicApi || activationQuery.isSuccess || activationQuery.isError && null === activationAccessError) && usesTinuuid && null === material && Boolean(initialTinuuid),
+        enabled: (!shouldActivatePublicApi || activationQuery.isSuccess || activationQuery.isError && null === activationAccessError) && usesTinuuid && Boolean(tinuuid),
+        placeholderData: keepPreviousData,
         queryFn: async ({ signal })=>{
-            if (!initialTinuuid) throw new Error('Tinuuid is required.');
-            return fetchRoomViewerObject(initialTinuuid, {
+            if (!tinuuid) throw new Error('Tinuuid is required.');
+            return fetchRoomViewerObject(tinuuid, {
                 apiKey,
                 baseURL,
                 signal,
@@ -14726,9 +14737,10 @@ configureApiClient({
 configureNodeApiClient({
     baseURL: config_env.NODE_API_BASE_URL
 });
-function RoomViewerDialog({ type, src, tinuuid, width, height, dimensionUnit, displayUnit, name, language, apiKey, source, widgetSession, open, defaultOpen, onOpenChange, ...props }) {
+function RoomViewerDialog({ type, src, tinuuid, width, height, dimensionUnit, displayUnit, name, language, apiKey, source, widgetSession, disableClose = false, open, defaultOpen, onOpenChange, ...props }) {
     const [themeRoot, setThemeRoot] = useState(null);
     const placement = resolveResourcePlacement(normalizeResourceType(type));
+    const isCloseDisabled = 'floor' === placement && disableClose;
     const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen ?? false);
     const dialogOpen = open ?? uncontrolledOpen;
     const [hasRenderedDialogContent, setHasRenderedDialogContent] = useState(dialogOpen);
@@ -14739,6 +14751,7 @@ function RoomViewerDialog({ type, src, tinuuid, width, height, dimensionUnit, di
         dialogOpen
     ]);
     function handleOpenChange(nextOpen) {
+        if (!nextOpen && isCloseDisabled) return;
         if (void 0 === open) setUncontrolledOpen(nextOpen);
         onOpenChange?.(nextOpen);
     }
@@ -14755,7 +14768,7 @@ function RoomViewerDialog({ type, src, tinuuid, width, height, dimensionUnit, di
         apiKey: apiKey,
         source: source,
         widgetSession: widgetSession,
-        showDialogCloseButton: true,
+        showDialogCloseButton: !isCloseDisabled,
         viewerSurface: "dialog",
         dialogPortalContainer: themeRoot,
         viewerDialogOpen: dialogOpen,
@@ -14767,6 +14780,7 @@ function RoomViewerDialog({ type, src, tinuuid, width, height, dimensionUnit, di
                 children: fontsinline.A
             }), document.head),
             /*#__PURE__*/ createPortal(/*#__PURE__*/ jsxs(react_shadow.div, {
+                "data-neurodyn-room-viewer-root": "",
                 style: {
                     display: 'block',
                     letterSpacing: 'normal',
@@ -14834,6 +14848,7 @@ function RoomViewer({ type, src, tinuuid, name, language, width, height, dimensi
                     width: '100%'
                 },
                 ...props,
+                "data-neurodyn-room-viewer-root": "",
                 children: [
                     /*#__PURE__*/ jsx_runtime_jsx("style", {
                         children: shadowRootCssText

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@neurodyn/react-room-viewer",
   "type": "module",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "publishConfig": {
     "access": "public"
   },