architwin 1.13.10 → 1.13.12

package/lib/atwinui/components/toolbar/pipeListPane.js

@@ -33,7 +33,7 @@ export class PipeList {
             <span class="mdi mdi-keyboard at_pull_left at_icon_hover ">
                 ${getShortcutTooltipHTML()}
             </span>
-            <span>${i18n.t('PipesMenu')}</span>
+            <span>${i18n.t('Pipes')}</span>
         </div>
         <div class="at_form_container ">
             <div class="at_field at_flex_column" style="${_pipeCategories ? '' : 'display: none;'}">
@@ -69,6 +69,7 @@ export class PipeList {
     createCollapseElement(categories, pipes) {
         const element = document.createElement('div');
         element.classList.add('at_collapse_container', 'at_h-responsive-304');
+        element.id = 'at-pipe-list-collapse';
         element.innerHTML = categories.length ? categories.sort((a, b) => new Date(a.created_on).getTime() - new Date(b.created_on).getTime()).map((category, index) => {
             var _a;
             return `
@@ -86,7 +87,7 @@ export class PipeList {
                         <span class="mdi mdi-eye" id="at-view-btn-${COLLAPSE.HEADER}-${category.uuid}" data-type="${COLLAPSE.HEADER}"  data-cy="at-pipe-type-view-btn" data-uuid="${category.uuid}"></span>
                     </div>
                 </div>
-                <div class="at_collapsible_content at_secondary_azusa" id="${COLLAPSE.CONTENT_ID}">
+                <div class="at_collapsible_content at_secondary_azusa" id="${COLLAPSE.CONTENT_ID}-${category.uuid}" data-cy="at-collapsible-content-${category.uuid}">
                     <div class="at_p-2">
                         ${pipes != undefined && pipes.filter(pipe => pipe.category_uuid === category.uuid).length ?
                 pipes
@@ -100,14 +101,14 @@ export class PipeList {
                         <div class="at_locate_area_container at_flex at_justify_end at_gap_2" id="at-collapsible-${COLLAPSE.LIST}-${pipe.uuid}" data-uuid="${pipe.uuid}" data-type="${COLLAPSE.LIST}">
                             <div id="at-locate-area-${COLLAPSE.LIST}-${pipe.uuid}" data-uuid="${pipe.uuid}" data-type="${COLLAPSE.LIST}">
                             <span>${pipe.name.split(' ')[0] === 'Pipe' ? i18n.t('Pipe') + ' ' + pipe.name.split(' ')[1] : pipe.name}</span>
-                            <span class="mdi mdi-trash-can-outline at-pipe-filter-chevron" id="at-delete-btn-${COLLAPSE.LIST}-${pipe.uuid}" data-cy="at-pipe-delete-btn" data-type="${COLLAPSE.LIST}" data-uuid="${pipe.uuid}"></span>
+                            <span class="mdi mdi-trash-can-outline at-pipe-filter-chevron" id="at-delete-btn-${COLLAPSE.LIST}-${pipe.uuid}" data-cy="at-pipe-delete-btn" data-type="${COLLAPSE.LIST}" data-uuid="${pipe.uuid}" data-categoryuuid="${category.uuid}"></span>
                             <span class="mdi mdi-eye at-pipe-filter-chevron" id="at-view-btn-${COLLAPSE.LIST}-${pipe.uuid}" data-cy="at-pipe-view-btn" data-uuid="${pipe.uuid}" data-type="${COLLAPSE.LIST}"></span>
                             </div>
                         </div>
                         `).join('')
                 :
                     `
-                        <div class="at_flex at_justify_center at_items_center at_flex_column">
+                        <div class="at_flex at_justify_center at_items_center at_flex_column at_text_sm">
                             <div style="white-space:nowrap"> ${i18n.t('NoPipesToDisplay')}</div>
                         </div>
                         `}
@@ -120,7 +121,7 @@ export class PipeList {
             : `
         <div class="at_h-responsive-304">
             <div class=" at_flex at_justify_center at_items_center at_flex_column at_h-full">
-                <span class="mdi mdi-pipe-disconnected at_pipe_category at_text-xxl"></span>
+                <span class="mdi mdi-arrow-decision at_pipe_category at_text-xxl"></span>
                 <div class="at_text_xs" style="white-space:nowrap"> ${i18n.t('NoPipesTypeToDisplay')}</div>
             </div>
         </div>
@@ -179,7 +180,6 @@ export class PipeList {
                 const target = currentTarget;
                 const uuid = target.dataset.uuid;
                 const type = target.dataset.type;
-                console.log("CLICKED");
                 const pipe = type === COLLAPSE.HEADER
                     ? _pipes.find(p => p.category_uuid === uuid)
                     : _pipes.find(p => p.uuid === uuid);
@@ -198,7 +198,6 @@ export class PipeList {
         btn.addEventListener('click', (e) => __awaiter(this, void 0, void 0, function* () {
             const target = e.currentTarget;
             yield dispatchSpaceEvent(SPACE_EVENTS.PIPE_CATEGORY_ADD, {});
-            console.log("CLICKED ADD CATEGORY =>", _selectedPipeCategory);
             this.form.setPipeTitle("AddPipeType");
             yield this.form.init(_selectedPipeCategory);
             yield toggleDisplayPane(target.id);
@@ -270,46 +269,61 @@ export class PipeList {
             }));
         });
     }
-    //delete and dispose 3d objects
     delete() {
-        document.querySelectorAll('[id^="at-delete-btn"]').forEach(el => {
-            el.addEventListener('click', (e) => __awaiter(this, void 0, void 0, function* () {
-                const target = e.currentTarget;
-                const uuid = target.dataset.uuid;
-                const type = target.dataset.type;
-                toggleModal();
-                setModalAction({
-                    title: `${i18n.t('DeletePipeCategory')}`,
-                    description: `${i18n.t('ConfirmDeletePipeCategory')}`,
-                    buttonLabel: `${i18n.t('YesDelete')}`
-                }, () => {
-                    if (uuid) {
-                        if (type == COLLAPSE.HEADER) {
-                            dispatchSpaceEvent(SPACE_EVENTS.PIPE_CATEGORY_REMOVED, uuid);
-                            _pipes.filter(pipe => pipe.category_uuid == uuid).forEach(pipe => {
-                                const targetObj = _3DXObjects.find(obj => obj.object.uuid == pipe.uuid);
-                                if (targetObj) {
-                                    disposeModel(targetObj);
-                                }
-                            });
-                            notyf.success(`${i18n.t('PipeCategoryDeletedSuccessfully')}`);
-                            toggleModal(false);
-                        }
-                        else {
-                            dispatchSpaceEvent(SPACE_EVENTS.PIPE_REMOVED, uuid);
-                            const targetObj = _3DXObjects.find(obj => obj.object.uuid == uuid);
-                            if (targetObj) {
-                                disposeModel(targetObj);
-                            }
-                            notyf.success(`${i18n.t('PipeDeletedSuccessfully')}`);
-                            toggleModal(false);
-                        }
-                        this.collapse.removeElement(uuid, type);
-                    }
-                });
+        document.querySelectorAll('[id^="at-delete-btn"]').forEach(el => el.addEventListener('click', (e) => __awaiter(this, void 0, void 0, function* () {
+            const target = e.currentTarget;
+            const { uuid, type, categoryuuid } = target.dataset;
+            if (!uuid)
+                return;
+            const isHeader = type === COLLAPSE.HEADER;
+            const config = {
+                title: i18n.t(isHeader ? 'DeletePipeCategory' : 'DeletePipe'),
+                description: i18n.t(isHeader ? 'ConfirmDeletePipeCategory' : 'ConfirmDeletePipe'),
+                buttonLabel: i18n.t('YesDelete'),
+            };
+            toggleModal();
+            setModalAction(config, () => __awaiter(this, void 0, void 0, function* () {
+                this.handleDisposePipeObjectModel(uuid, isHeader);
+                dispatchSpaceEvent(isHeader ? SPACE_EVENTS.PIPE_CATEGORY_REMOVED : SPACE_EVENTS.PIPE_REMOVED, uuid);
+                yield waitForChange(() => _pipeCategories, () => _pipes, { interval: 300, timeout: 10000 });
+                isHeader ? this.handleCategoryDelete() : this.handlePipeDelete(categoryuuid);
+                toggleModal(false);
+                this.collapse.removeElement(uuid, type);
             }));
+        })));
+    }
+    handleDisposePipeObjectModel(uuid, isHeader) {
+        (isHeader
+            ? _pipes.filter(p => p.category_uuid === uuid).map(p => p.uuid)
+            : [uuid]).forEach(id => {
+            const obj = _3DXObjects.find(o => o.object.uuid === id);
+            if (obj)
+                disposeModel(obj);
         });
     }
+    handleCategoryDelete() {
+        if (_pipeCategories.length == 0) {
+            document.getElementById('at-pipe-list-collapse').innerHTML = `
+            <div class="at_h-responsive-304">
+                <div class="at_flex at_justify_center at_items_center at_flex_column at_h-full">
+                    <span class="mdi mdi-arrow-decision at_pipe_category at_text-xxl"></span>
+                <div class="at_text_xs" style="white-space:nowrap">${i18n.t('NoPipesTypeToDisplay')}</div>
+                </div>
+            </div>`;
+        }
+        notyf.success(i18n.t('PipeCategoryDeletedSuccessfully'));
+    }
+    handlePipeDelete(categoryuuid) {
+        if (!_pipes.some(p => p.category_uuid === categoryuuid)) {
+            document.getElementById(`${COLLAPSE.CONTENT_ID}-${categoryuuid}`).innerHTML = `
+            <div class="at_flex at_justify_center at_items_center at_flex_column">
+                <div class="at_p-2 at_text_sm">
+                    <div style="white-space:nowrap">${i18n.t('NoPipesToDisplay')}</div>
+                </div>
+            </div>`;
+        }
+        notyf.success(i18n.t('PipeDeletedSuccessfully'));
+    }
     //render pipe path 3D objects
     renderPipePaths() {
         // initialize to empty 

package/lib/atwinui/components/toolbar/screenSharePane.d.ts

@@ -7,7 +7,9 @@ export declare function renderOfflineUserRow(user: ScreenShareUser): HTMLTableRo
 export declare function handleClickEventUserRow(): void;
 export declare function renderSharingSpaceDetail(user: ScreenShareSessionUser): void;
 export declare function handleClickEventBackToUserListLink(): void;
-export declare function renderScreenShareRequestModal(request: ScreenShareRequest): void;
+export declare function renderScreenShareLeaveConfirmationModal(isUserHost: boolean): void;
+export declare function handleModalCancelButton(): void;
+export declare function handleModalLeaveButton(isHost: boolean): void;
 export declare function handleInputEventSelectPointerSettings(): void;
 export declare function handleClickEventEndSessionBtn(): void;
 export declare function handleScreenShareUsersUpdated(payload: {

package/lib/atwinui/components/toolbar/screenSharePane.js

@@ -1,4 +1,4 @@
-import { _currentSpace, dispatchSpaceEvent } from '../../../architwin';
+import { _currentSpace, _screenSharingHostUser, dispatchSpaceEvent } from '../../../architwin';
 import { SPACE_EVENTS } from '../../../types';
 import i18n from './i18n';
 let _spaceData = null;
@@ -25,7 +25,7 @@ export function renderScreenSharePane() {
                     <table id="at-user-list-table">
                     </table>
                 </div>
-                <button type="button" id="at-screen-share-end-session-btn" class="at_screen_share_end_session_btn"
+                <button type="button" id="at-screen-share-end-session-btn" class="at_SCREEN_SHARE_HOST_END_SESSION_btn"
                 style="display:none;">
                     ${i18n.t('EndSession')}
                 </button>
@@ -36,19 +36,22 @@ export function renderScreenSharePane() {
 }
 export function renderUsersList(users) {
     _onDisplayComponent = 'USER_LIST';
-    _screenShareUsers = sortUsersByStatus(users);
+    _screenShareUsers = [];
+    const _offlineUsers = users.filter(u => u.onlineStatus === 'offline');
+    const _notOfflineUsers = users.filter(u => u.onlineStatus !== 'offline');
+    _screenShareUsers = [..._notOfflineUsers, ..._offlineUsers];
     const usersListContainer = document.getElementById("at-user-list-table");
     if (!usersListContainer) {
         console.error("usersListContainer does not exist in DOM");
         return;
     }
     if (users.length <= 0) {
-        console.log("No tags to load");
+        console.log("No users to load");
         usersListContainer.innerHTML = ``;
         return;
     }
     usersListContainer.innerHTML = '';
-    users.forEach(user => {
+    _screenShareUsers.forEach(user => {
         const row = user.onlineStatus !== 'offline' ? renderOnlineUserRow(user) : renderOfflineUserRow(user);
         usersListContainer.appendChild(row);
     });
@@ -63,19 +66,19 @@ export function renderOnlineUserRow(user) {
     const iconOrSharingText = user.onlineStatus === 'in_session'
         ? `
         <div class="at_flex at_items_center at_justify_center">
-            <p>In Session</p>
+            <p>${i18n.t('InSession')}</p>
         </div>    
     `
         : user.onlineStatus === 'pending'
             ? `
             <div class="at_flex at_items_center at_justify_center">
-                <p>Pending</p>
+                <p>${i18n.t('Pending')}</p>
             </div>
         `
             : user.onlineStatus === 'sharing'
                 ? `
             <div class="at_flex at_items_center at_justify_center">
-                <p>Now Sharing</p>
+                <p>${i18n.t('NowSharing')}</p>
             </div>
         `
                 : `
@@ -123,11 +126,11 @@ export function handleClickEventUserRow() {
                 _screenShareUser = user;
                 if (user.onlineStatus === 'offline')
                     return;
-                if (user.onlineStatus === 'sharing')
+                if (user.onlineStatus === 'in_session')
                     return;
                 if (user.onlineStatus === 'pending')
                     return;
-                if (user.onlineStatus === 'in_session') {
+                if (user.onlineStatus === 'sharing') {
                     if (!_screenShareSession) {
                         return;
                     }
@@ -191,7 +194,7 @@ export function renderSharingSpaceDetail(user) {
                     <span class="mdi mdi-arrow-left"></span>
                     <p> ${i18n.t('BackToUserList')}</p>
                 </div>
-                <button type="button" id="at-screen-share-end-session-btn" class="at_screen_share_end_session_btn">
+                <button type="button" id="at-screen-share-end-session-btn" class="at_SCREEN_SHARE_HOST_END_SESSION_btn">
                     ${i18n.t('EndSession')}
                 </button>
             </div>
@@ -225,23 +228,31 @@ function recreateUserListContainer() {
             <table id="at-user-list-table">
             </table>
         </div>
-        <button type="button" id="at-screen-share-end-session-btn" class="at_screen_share_end_session_btn"
+        <button type="button" id="at-screen-share-end-session-btn" class="at_button at_ghost at_w-full" 
         style="display:${endSessionBtnVisibility};">
-            ${i18n.t('End Session')}
+            ${i18n.t('EndSession')}
         </button>
     `;
 }
-export function renderScreenShareRequestModal(request) {
+export function renderScreenShareLeaveConfirmationModal(isUserHost) {
     _onDisplayComponent = 'SCREEN_SHARE_REQUEST_MODAL';
+    // remove any existing modal first
+    const existingModal = document.getElementById('at-screen-share-request-modal');
+    if (existingModal) {
+        existingModal.remove();
+    }
     const element = document.createElement('dialog');
     element.setAttribute('id', 'at-screen-share-request-modal');
     element.classList.add('at_screen_share_request_modal');
     element.innerHTML = `
         <div class="at_screen_share_request_modal_content at_flex at_flex_column at_justify_center at_items_center">
-            <div class="at_screen_share_icon mdi mdi-monitor-multiple"></div>
-            <h1 class="at_screen_share_request_message">${i18n.t('ScreenShareRequestModalMessage')}</h1>
-            <p class="at_screen_share_request_sub_message"> ${i18n.t('ScreenShareRequestModalSubMessage')} <strong>${request.user.name}</strong></p>
-            <button type="button" id="at-screen-share-request-btn"  class="at_screen_share_cancel_request_btn">${i18n.t('CancelRequest')}</button>
+            <div class="at_screen_share_icon mdi mdi-logout-variant"></div>
+            <h1 class="at_screen_share_request_message">${i18n.t('ConfirmLeaveSession')}</h1>
+            <p class="at_screen_share_request_sub_message"> ${i18n.t('ConfirmLeaveSessionReminder')}</p>
+            <div class="at_flex at_flex_row at_gap_2rem">
+                <button type="button" id="at-screen-share-leave-confirmation-cancel-btn" class="at_screen_share_leave_confirmation_cancel_btn">${i18n.t('Cancel')}</button>
+                <button type="button" id="at-screen-share-leave-confirmation-leave-btn" class="at_screen_share_leave_confirmation_leave_btn">${i18n.t('Leave')}</button>
+            </div>
         </div>
     `;
     // disabled modal dismiss via Esc key
@@ -255,21 +266,61 @@ export function renderScreenShareRequestModal(request) {
     element.addEventListener('cancel', (event) => {
         event.preventDefault();
     });
-    handleScreenShareCancelRequest(element, request);
     document.body.appendChild(element);
     element.showModal();
+    // attach button event handlers after modal is created
+    handleModalCancelButton();
+    handleModalLeaveButton(isUserHost);
 }
-function handleScreenShareCancelRequest(dialogElement, request) {
-    var _a;
-    if (dialogElement) {
-        (_a = dialogElement.querySelector('#at-screen-share-request-btn')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', () => {
-            const cancelRequest = Object.assign(Object.assign({}, request), { status: 'canceled' });
-            dispatchSpaceEvent(SPACE_EVENTS.SCREEN_SHARE_CANCEL_REQUEST, cancelRequest);
-            dialogElement.close();
-            dialogElement.remove();
-            _onDisplayComponent = 'USER_LIST';
-        });
-    }
+export function handleModalCancelButton() {
+    const cancelBtn = document.getElementById('at-screen-share-leave-confirmation-cancel-btn');
+    if (!cancelBtn)
+        return;
+    // Check if listener already exists
+    if (cancelBtn.dataset.listenerAttached === 'true')
+        return;
+    cancelBtn.addEventListener('click', () => {
+        console.log('Cancel button clicked');
+        // Close the modal
+        const modal = document.getElementById('at-screen-share-request-modal');
+        if (modal) {
+            modal.close();
+            modal.remove();
+        }
+        // Reset display component state if needed
+        _onDisplayComponent = null;
+    });
+    cancelBtn.dataset.listenerAttached = 'true';
+}
+export function handleModalLeaveButton(isHost) {
+    const leaveBtn = document.getElementById('at-screen-share-leave-confirmation-leave-btn');
+    if (!leaveBtn)
+        return;
+    // Check if listener already exists
+    if (leaveBtn.dataset.listenerAttached === 'true')
+        return;
+    leaveBtn.addEventListener('click', () => {
+        console.log('Leave button clicked');
+        // Close the modal first
+        const modal = document.getElementById('at-screen-share-request-modal');
+        if (modal) {
+            modal.close();
+            modal.remove();
+        }
+        if (isHost) {
+            // execute leave session logic
+            removeScreenShareSessionData();
+            recreateUserListContainer();
+            renderUsersList(_screenShareUsers);
+            dispatchSpaceEvent(SPACE_EVENTS.SCREEN_SHARE_HOST_END_SESSION, handleScreenShareEndSessionEvent);
+        }
+        else {
+            dispatchSpaceEvent(SPACE_EVENTS.SCREEN_SHARE_GUEST_LEAVE_SESSION, _screenSharingHostUser);
+        }
+        // Reset display component state
+        _onDisplayComponent = null;
+    });
+    leaveBtn.dataset.listenerAttached = 'true';
 }
 export function handleInputEventSelectPointerSettings() {
     const select = document.getElementById('at_select_screen_share_pointer');
@@ -284,15 +335,16 @@ export function handleInputEventSelectPointerSettings() {
 }
 export function handleClickEventEndSessionBtn() {
     const button = document.getElementById('at-screen-share-end-session-btn');
-    if (button) {
-        button.addEventListener('click', () => {
-            // internal logic end session
-            removeScreenShareSessionData();
-            recreateUserListContainer();
-            renderUsersList(_screenShareUsers);
-            dispatchSpaceEvent(SPACE_EVENTS.SCREEN_SHARE_END_SESSION, handleScreenShareEndSessionEvent);
-        });
-    }
+    if (!button)
+        return;
+    // check if listener already exists by looking for our marker
+    if (button.dataset.listenerAttached === 'true')
+        return;
+    button.addEventListener('click', () => {
+        renderScreenShareLeaveConfirmationModal(true);
+    });
+    // mark that listener is attached
+    button.dataset.listenerAttached = 'true';
 }
 export function handleScreenShareUsersUpdated(payload) {
     _spaceData = payload.space_data;

package/lib/atwinui/components/toolbar/spaceUserListPane.js

@@ -25,7 +25,7 @@ export function renderSpaceUserListPane() {
                 id="at-user-pane-end-session-btn" 
                 data-cy="at-user-pane-end-session-btn" 
                 target-pane="at-add-object-pane">
-                ${i18n.t('End Session')}
+                ${i18n.t('EndSession')}
             </div>
         </div>
 

package/lib/atwinui/components/toolbar/viewingRemoteSpace.js

@@ -7,7 +7,7 @@ export function renderViewingRemoteSpace() {
     element.setAttribute('data-cy', 'at-viewing-remote-space-pane');
     element.innerHTML = `
         <div class="at_panel_header">
-            <span>${i18n.t('Viewing Remote Space')}</span>
+            <span>${i18n.t('ViewingRemoteSpace')}</span>
         </div>
 
         <div id="at-sharing-user-container" >
@@ -15,10 +15,10 @@ export function renderViewingRemoteSpace() {
 
         <div class="at_button_row at_justify_center">
             <div 
-                class="at_button at_ghost at_bg_red_600 at_w-full" 
+                class="at_button at_ghost at_w-full" 
                 id="at-user-leave-session-btn" 
                 data-cy="at-user-leave-session-btn">
-                ${i18n.t('Leave Session')}
+                ${i18n.t('LeaveSession')}
             </div>
         </div>
     `;
@@ -55,7 +55,7 @@ export function renderRemoteSpaceViewing(user) {
     const statusText = document.createElement('div');
     statusText.className = 'at_text_sm at_text_white';
     statusText.innerHTML = `
-        ${i18n.t('Is sharing their space')} ${(_currentSpace === null || _currentSpace === void 0 ? void 0 : _currentSpace.name) || i18n.t('SPACE_NAME')} ${i18n.t('to you')}
+        ${i18n.t('IsSharingTheirSpace')} ${(_currentSpace === null || _currentSpace === void 0 ? void 0 : _currentSpace.name) || i18n.t('SPACE_NAME')} ${i18n.t('ToYou')}
     `;
     infoWrapper.appendChild(userNameEl);
     infoWrapper.appendChild(statusText);
@@ -77,6 +77,6 @@ export function renderRemoteSpaceViewing(user) {
     // === Instructional Text ===
     const instruction = document.createElement('div');
     instruction.className = 'at_text_xs at_text_center at_text_white at_opacity_80 at_mb_6';
-    instruction.textContent = i18n.t('During a remote space sharing session, you cannot navigate around the space, only your host has control during the session');
+    instruction.textContent = i18n.t('ViewingInstructions');
     container.appendChild(instruction);
 }

package/lib/atwinui/events.js

@@ -19,7 +19,7 @@ import { renderObjectCard } from "./components/toolbar/card";
 import { toggleModelControl, getCoordinateValues, showCurrentCoordinateValue, handleModelControlInputs, setSelectedObjectCoordinateSystem, getSelectedObjectCoordinateSystem, getCurrentTransformationValues, setCurrentTransformationValues, getTransformValues, clearCurrentTransformationValues } from "./components/toolbar/modelControlsPane";
 import { attachTagMedia, handleTagPlacerCreated, cancelMoveTag } from "../tag";
 import i18n from './components/toolbar/i18n';
-import { isValidUrl, debounce, isElementVisible, extractUUID, showLoader } from "../utils";
+import { isValidUrl, debounce, isElementVisible, extractUUID, showLoader, isVec3Equal, isQuatEqual } from "../utils";
 import log from 'loglevel';
 import * as minimap from '../minimap';
 import { clearActiveThemeCard, getSelectedTheme } from "./components/toolbar/themePane";
@@ -1265,16 +1265,6 @@ function handleConfirmTransform() {
             const selected = getSelectedObject();
             if (transform) {
                 setObjectTransformation(selected.node, transform);
-                //clearCoordinateInputs()
-                //Add to the action history so it can be reverse with undo or redo
-                const currentTransform = JSON.stringify(transform);
-                actionHistory.push(currentTransform);
-                //@ts-expect-error
-                transformHistory.addAction(selected.object.id, transform.object_position, transform.object_rotation, transform.object_scale);
-                if (_mpConfig.toolbarConfig) {
-                    toggleActionBarButtons('at-redo-action-btn', transformHistory.canRedo(selected.object.id));
-                    toggleActionBarButtons('at-undo-action-btn', transformHistory.canUndo(selected.object.id));
-                }
                 //Emit a drag end event so app side can listen
                 const payload = selected.object;
                 payload.object_position = transform.object_position;
@@ -1314,6 +1304,24 @@ function handleConfirmTransform() {
                 activeElement.classList.remove("at_sidebar_button_icon_active");
                 removeTransformControls();
                 toggleModelControl(false);
+                // Add to the action history so it can be reversed with undo or redo
+                // Get the most recent action in the transformHistory
+                const { object_position: lastPos, object_rotation: lastRot, object_scale: lastScale } = JSON.parse(transformHistory.getTransformHistory(selected.object.id).at(transformHistory.getCurrentIndex(selected.object.id)));
+                const isPositionEqual = isVec3Equal(selected.node.position, lastPos);
+                // @ts-expect-error
+                const isRotationEqual = isQuatEqual(selected.node.obj3D.rotation, lastRot);
+                const isScaleEqual = isVec3Equal(selected.node.scale, lastScale);
+                // Only push actionHistory when the previous action is not equal to the current action
+                if (!isPositionEqual || !isRotationEqual || !isScaleEqual) {
+                    const currentTransform = JSON.stringify(transform);
+                    actionHistory.push(currentTransform);
+                    // @ts-expect-error
+                    transformHistory.addAction(selected.object.id, selected.node.position, selected.node.obj3D.rotation, selected.node.scale);
+                    if (_mpConfig.toolbarConfig) {
+                        toggleActionBarButtons('at-redo-action-btn', transformHistory.canRedo(selected.object.id));
+                        toggleActionBarButtons('at-undo-action-btn', transformHistory.canUndo(selected.object.id));
+                    }
+                }
             }
         });
     }

package/lib/loaders/polydrawerLoader.js

@@ -325,7 +325,8 @@ export class TubeLine {
         }
     }
     onDestroy() {
-        this.texture.dispose();
+        var _a;
+        (_a = this.texture) === null || _a === void 0 ? void 0 : _a.dispose();
         if (this.panel) {
             this.panel.dispose();
             //@ts-expect-error

package/lib/utils.d.ts

@@ -91,3 +91,5 @@ export declare function convertMeasurement(value: any, fromUnit: any, toUnit: an
 export declare function showLoader(visible: boolean): void;
 export declare function percentToScale(percentValue: Vector3): Vector3;
 export declare function scaleToPercent(scaleValue: Vector3): Vector3;
+export declare function isVec3Equal(a: any, b: any): boolean;
+export declare function isQuatEqual(a: any, b: any): boolean;

package/lib/utils.js

@@ -449,3 +449,10 @@ export function scaleToPercent(scaleValue) {
         z: parseFloat((clampMin(scaleValue.z) * 100).toFixed(2)),
     };
 }
+// Helper for comparing {x, y, z}
+export function isVec3Equal(a, b) {
+    return a.x.toFixed(3) === b.x.toFixed(3) && a.y.toFixed(3) === b.y.toFixed(3) && a.z.toFixed(3) === b.z.toFixed(3);
+}
+export function isQuatEqual(a, b) {
+    return a._x.toFixed(3) === b._x.toFixed(3) && a._y.toFixed(3) === b._y.toFixed(3) && a._z.toFixed(3) === b._z.toFixed(3);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "architwin",
-  "version": "1.13.10",
+  "version": "1.13.12",
   "description": "ArchiTwin Library for Matterport",
   "main": "./lib/architwin.js",
   "types": "./lib/architwin.d.ts",