architwin 1.13.10 → 1.14.0

package/lib/atwinui/events.js

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { actionBar, renderObjectCards, renderLibraryCards, renderTags, renderTagRow, getTagFormData, addClickEventToTagRow, setActiveCard, setActiveMenu, removeObjectCard, clearActiveMenu, setTagCategoriesOption, toggleDropdown, tagFormMode, selectedTag, renderRecepientOptions, renderTagMessages, createTagMessage, setTagLink, setTagMessagingDetails, renderCategoryDropdownOptions, clearTagFormDropdown, clearActiveActionBtn, clearActiveCard, toggleActionBarButtons, selectedCategoryFilterId, selectedSubCategoryFilterId, filterTagList, toggleModal, setModalAction, } from "./components/toolbar";
-import { getTargetPosition, addMediaScreen, _3DXObjects, selectedObject, setTransformControls, copyObject, revertTransform, clearSelectedObject, removeTransformControls, getLibrary, getMpTags, renderTag, captureSpaceScreenshot, moveTag, subscribeSpaceEvent, setModelVisibility, disposeModel, disposeTag, _tags, _tagCategories, dispatchSpaceEvent, editTagLabel, editTagDescription, setTagMessageRecepients, setTagMessages, setSelectedTagUuid, renderMeetingSidebar, setTagIcon, setObjectTransformation, getSelectedObject, _atwin, isCdnMapDataAvailable, captureScreenshotAndCameraDetails, _mpConfig, cancelModelPlacement, _modelDetails, actionHistory, get3DXObjects, transformHistory, goToModel, themeManager, _partitionNodes, setSpacePartitionNodes, getSpaceId, setFloorBaseHeight, toggleWallVisibility, getChildrenOfModel, toggleFloorVisibility, renderPolygon, getCurrentPolygon, getFloorBaseHeight, setSelectedObject, redoDrawAction, undoDrawAction, setWallBaseHeight, clearWallBaseHeight, clearFloorBaseHeight, isToolbarFeatureEnabled, captureCurrentView, getCurrentFloor, setPipeCategories, setPipes, detachTagMedia, getTagDataCollection, setVertexPath } from "../architwin";
+import { getTargetPosition, addMediaScreen, _3DXObjects, selectedObject, setTransformControls, copyObject, revertTransform, clearSelectedObject, removeTransformControls, getLibrary, getMpTags, renderTag, captureSpaceScreenshot, moveTag, subscribeSpaceEvent, setModelVisibility, disposeModel, disposeTag, _tags, _tagCategories, dispatchSpaceEvent, editTagLabel, editTagDescription, setTagMessageRecepients, setTagMessages, setSelectedTagUuid, renderMeetingSidebar, setTagIcon, setObjectTransformation, getSelectedObject, _atwin, isCdnMapDataAvailable, captureScreenshotAndCameraDetails, _mpConfig, cancelModelPlacement, _modelDetails, actionHistory, get3DXObjects, transformHistory, goToModel, themeManager, _partitionNodes, setSpacePartitionNodes, getSpaceId, setFloorBaseHeight, toggleWallVisibility, getChildrenOfModel, toggleFloorVisibility, renderPolygon, getCurrentPolygon, getFloorBaseHeight, setSelectedObject, redoDrawAction, undoDrawAction, setWallBaseHeight, clearWallBaseHeight, clearFloorBaseHeight, isToolbarFeatureEnabled, captureCurrentView, getCurrentFloor, _spaceUsers, setPipeCategories, setPipes, detachTagMedia, getTagDataCollection, setVertexPath, _screenSharingHostUser } from "../architwin";
 import { Notyf } from 'notyf';
 import 'notyf/notyf.min.css';
 import { SPACE_EVENTS, COORDINATE_SYSTEM, UNITS, DEGREE, MAP_OPTIONS, sortTagOptions, sortObjectOptions, CUSTOM_MAP_MODE } from "../types";
@@ -29,11 +29,12 @@ import { actionSettingsSelectOption, getTempCoordinateSystem, getTempMeasurement
 import { getBasepointCalibrateBpCoordinateValues, getBasepointCalibrateMpCoordinateValues, initBsepointCalibratePane, toggleBasepointCalibratePane } from "./components/toolbar/basepointCalibratePane";
 import { toggleGeneralMapOptions, initGeneralSelectedMap, getSelectedMapOption } from './components/toolbar/generalSettingsMenuPane';
 import { searchTagList, setSearchTagTerm, searchClearfield, getSearchTagTerm, sortTags, updateSelectedTagSortOption, resetSelectedTagSortOption } from './components/toolbar/tagListPane';
+import { renderUserRows } from "./components/toolbar/spaceUserListPane";
+import { renderRemoteSpaceViewing } from "./components/toolbar/viewingRemoteSpace";
 import { PipeList } from "./components/toolbar/pipeListPane";
 import { PipeForm } from "./components/toolbar/pipeFormPane";
-// import { EditPipeForm, initPipeFormPane, pipeFormData, setPipeFormMode } from "./components/toolbar/pipeFormPane";
-// import { initPipeData } from "./components/toolbar/addPipePane";
 import { unsendComment, timedoutComment, getTheseTagMessages } from './components/toolbar/tagMessagingPane';
+import { handleScreenShareAcceptRequest, handleScreenShareBackUserListPane, handleScreenShareEndSessionEvent, handleScreenShareUsersUpdated, renderScreenShareLeaveConfirmationModal } from "./components/toolbar/screenSharePane";
 const pipeList = new PipeList();
 const pipeForm = new PipeForm();
 let activeToolbarItem, activeActionItem, activePane, activeActionPane, cancelTagPlacementPrompt, cancelModelPlacementPrompt;
@@ -227,6 +228,12 @@ function toggleDisplayPane(targetId) {
                 else {
                     resetSelectedTagSortOption();
                 }
+                if (paneId === 'at-space-user-list-pane') {
+                    renderUserRows(_spaceUsers);
+                }
+                if (paneId === 'at-viewing-remote-space-pane') {
+                    renderRemoteSpaceViewing(_screenSharingHostUser);
+                }
                 if (paneId === 'at-tag-form-pane') {
                     log.info("Tag Form Pane");
                     setTagFormMode("ADD" /* FORM_MODE.ADD */);
@@ -276,6 +283,10 @@ function toggleDisplayPane(targetId) {
                     //setup pipe list pane initialization
                     pipeList.init();
                 }
+                if (paneId === 'at-screen-share-pane') {
+                    log.info('at-screen-share-pane');
+                    dispatchSpaceEvent(SPACE_EVENTS.SCREEN_SHARE_PANE_OPEN);
+                }
                 if (paneId === 'at-pipe-form-pane') {
                     log.info("Pipe Pane");
                 }
@@ -310,6 +321,75 @@ function toggleActionBar(state) {
         return;
     }
 }
+function handleEndUserSession() {
+    const endSessionBtn = document.getElementById('at-user-pane-end-session-btn');
+    if (!endSessionBtn)
+        return;
+    endSessionBtn.addEventListener('click', () => {
+        dispatchSpaceEvent(SPACE_EVENTS.SCREEN_SHARE_HOST_END_SESSION);
+        // re-render users 
+        renderUserRows(_spaceUsers);
+    });
+}
+function handleUserScreenShareClick() {
+    const shareButtons = document.querySelectorAll('[id^="at-user-screen-share-btn-"]');
+    shareButtons.forEach((btn) => {
+        const id = btn.id;
+        const indexMatch = id.match(/at-user-screen-share-btn-(\d+)/);
+        const userUuid = id.split('btn-')[1];
+        if (!userUuid)
+            return;
+        btn.addEventListener('click', (e) => {
+            // dispatch user uuid
+            dispatchSpaceEvent(SPACE_EVENTS.SCREEN_SHARE_REQUEST, userUuid);
+        });
+    });
+}
+export function handleUserLeaveSessionClick() {
+    const leaveSessionBtn = document.getElementById('at-user-leave-session-btn');
+    if (!leaveSessionBtn)
+        return;
+    // Check if listener already exists by looking for our marker
+    if (leaveSessionBtn.dataset.listenerAttached === 'true')
+        return;
+    leaveSessionBtn.addEventListener('click', () => {
+        // TODO: add actual end session logic here
+        console.log('@___MARK Leave Session button clicked');
+        renderScreenShareLeaveConfirmationModal(false);
+    });
+    // Mark that listener is attached
+    leaveSessionBtn.dataset.listenerAttached = 'true';
+}
+function handleUserCardContainer() {
+    const container = document.getElementById('at-space-user-card');
+    if (!container)
+        return;
+    const observer = new MutationObserver((mutations) => {
+        const hasChildren = container.children.length > 0;
+        if (hasChildren) {
+            handleUserScreenShareClick();
+        }
+    });
+    observer.observe(container, {
+        childList: true,
+        subtree: false // Only direct children
+    });
+}
+function handleLeaveSessionClick() {
+    const container = document.getElementById('at-sharing-user-container');
+    if (!container)
+        return;
+    const observer = new MutationObserver((mutations) => {
+        const hasChildren = container.children.length > 0;
+        if (hasChildren) {
+            handleUserLeaveSessionClick();
+        }
+    });
+    observer.observe(container, {
+        childList: true,
+        subtree: false // Only direct children
+    });
+}
 function setupIndividualEventListeners() {
     //handleAddModel()
     handleAddMediaScreen();
@@ -365,6 +445,9 @@ function setupIndividualEventListeners() {
     handleCloseCustomMinimap();
     handleCustomMapControls();
     handleCloseActiveMinimap();
+    handleEndUserSession();
+    handleUserCardContainer();
+    handleLeaveSessionClick();
     handleClickEventInTagSortOption();
     handleClickEventInObjectSortOption();
     handlePipeForm();
@@ -1335,6 +1418,10 @@ function setupSpaceEventSubscriptions() {
     subscribeSpaceEvent(SPACE_EVENTS.FLOOR_IMAGE_UPLOADED, handleCustomMapFloorImageUploaded);
     subscribeSpaceEvent(SPACE_EVENTS.FLOOR_IMAGE_UPLOAD_FAILED, handleCustomMapFloorUploadFailed);
     subscribeSpaceEvent(SPACE_EVENTS.PATH_UPDATED, handlePathUpdated);
+    subscribeSpaceEvent(SPACE_EVENTS.SCREEN_SHARE_USERS_UPDATE, handleScreenShareUsersUpdated);
+    subscribeSpaceEvent(SPACE_EVENTS.SCREEN_SHARE_HOST_END_SESSION, handleScreenShareEndSessionEvent);
+    subscribeSpaceEvent(SPACE_EVENTS.SCREEN_SHARE_ACCEPT_REQUEST, handleScreenShareAcceptRequest);
+    subscribeSpaceEvent(SPACE_EVENTS.SCREEN_SHARE_BACK_USER_LIST_PANE, handleScreenShareBackUserListPane);
 }
 function handleDragEnd(payload) {
     console.log("handleDragEnd payload", payload);

package/lib/tag.d.ts

@@ -82,4 +82,17 @@ declare function handleTagPlacerCreated(payload: {
     tagPointer: MpSdk.ISubscription;
     inputNode: MpSdk.Scene.INode;
 }): void;
-export { renderTag, disposeTag, moveTag, attachTagMedia, detachTagMedia, setTagIcon, editBillboard, editStem, editColor, saveTagDb, deleteTag, getTagColorCodeID, getEmbedlyData, cancelMoveTag, handleTagPlacerCreated };
+declare function registerSandbox(payload: {
+    sdk: MpSdk;
+    content: string;
+    options?: Partial<MpSdk.Tag.SandboxOptions>;
+}): Promise<[sandboxId: string, messenger: MpSdk.Tag.IMessenger]>;
+declare function attachSandbox(payload: {
+    sdk: MpSdk;
+    sandboxId: string;
+    tagIds: string[];
+}): Promise<{
+    sandboxId: string;
+    messenger: MpSdk.Tag.IMessenger;
+}>;
+export { renderTag, disposeTag, moveTag, attachTagMedia, detachTagMedia, setTagIcon, editBillboard, editStem, editColor, saveTagDb, deleteTag, getTagColorCodeID, getEmbedlyData, cancelMoveTag, handleTagPlacerCreated, attachSandbox, registerSandbox };

package/lib/tag.js

@@ -405,7 +405,34 @@ function handleTagPlacerCreated(payload) {
     _tagPointer = payload.tagPointer;
     _inputNode = payload.inputNode;
 }
-export { renderTag, disposeTag, moveTag, attachTagMedia, detachTagMedia, setTagIcon, editBillboard, editStem, editColor, saveTagDb, deleteTag, getTagColorCodeID, getEmbedlyData, cancelMoveTag, handleTagPlacerCreated };
+function registerSandbox(payload) {
+    return __awaiter(this, void 0, void 0, function* () {
+        log.info('__@ registerSandbox()', payload);
+        if (!payload.sdk || !payload.content) {
+            log.error('__@ attachSandbox() one or more keys are undefined', payload);
+            return;
+        }
+        const [sandboxId, messenger] = yield payload.sdk.Tag.registerSandbox(payload.content, payload.options);
+        return [sandboxId, messenger];
+    });
+}
+function attachSandbox(payload) {
+    return __awaiter(this, void 0, void 0, function* () {
+        log.info('__@ attachSandbox()', payload);
+        if (!payload.sdk || !payload.sandboxId || !payload.tagIds) {
+            log.error('__@ attachSandbox() one or more keys are undefined', payload);
+            return;
+        }
+        if (payload.tagIds.length <= 0) {
+            log.error('__@ attachSandbox() tagIds is empty', payload);
+            return;
+        }
+        for (let i = 0; i < payload.tagIds.length; i++) {
+            payload.sdk.Tag.attach(payload.tagIds[i], payload.sandboxId);
+        }
+    });
+}
+export { renderTag, disposeTag, moveTag, attachTagMedia, detachTagMedia, setTagIcon, editBillboard, editStem, editColor, saveTagDb, deleteTag, getTagColorCodeID, getEmbedlyData, cancelMoveTag, handleTagPlacerCreated, attachSandbox, registerSandbox };
 // # -------------------------------------------------------------------------
 // # tag
 // # -------------------------------------------------------------------------

package/lib/types.d.ts

@@ -266,6 +266,7 @@ export interface IObjectFilters {
     type?: string | undefined;
     object_type?: string | undefined;
     iframeId?: string | undefined;
+    showcase_object_name?: string | undefined;
 }
 export interface NearbyPayload {
     type: string | OBJECT_TYPE;
@@ -686,6 +687,7 @@ export declare enum SPACE_EVENTS {
     TAG_RECEPIENT_CHANGED = "TAG_RECEPIENT_CHANGED",
     TAG_LINK_COPIED = "TAG_LINK_COPIED",
     TAG_LINK_GENERATED = "TAG_LINK_GENERATED",
+    TAG_MESSAGE_UNSEND = "TAG_MESSAGE_UNSEND",
     SET_TAG_ICON = "SET_TAG_ICON",
     VIEW_TAG_MESSAGE = "VIEW_TAG_MESSAGE",
     TOOLBAR_LOADED = "TOOLBAR_LOADED",
@@ -736,6 +738,20 @@ export declare enum SPACE_EVENTS {
     CUSTOM_SWEEP_OFFSETY_UPDATED = "CUSTOM_SWEEP_OFFSETY_UPDATED",
     CUSTOM_MAP_SETTINGS_UPDATED = "CUSTOM_MAP_SETTINGS_UPDATED",
     SPACE_METADATA_RETRIEVED = "SPACE_METADATA_RETRIEVED",
+    SCREEN_VIEWING_LEFT = "SCREEN_VIEWING_LEFT",
+    POINTER_INTERSECTION_DATA = "POINTER_INTERSECTION_DATA",
+    POINTER_CLICK = "POINTER_CLICK",
+    SCREEN_SHARE_SESSION_ENDED = "SCREEN_SHARE_SESSION_ENDED",
+    SCREEN_SHARE_PANE_OPEN = "SCREEN_SHARE_PANE_OPEN",
+    SCREEN_SHARE_USERS_UPDATE = "SCREEN_SHARE_USERS_UPDATE",
+    SCREEN_SHARE_SESSION_USERS_UPDATE = "SCREEN_SHARE_SESSION_USERS_UPDATE",
+    SCREEN_SHARE_POINTER_UPDATE = "SCREEN_SHARE_POINTER_UPDATE",
+    SCREEN_SHARE_REQUEST = "SCREEN_SHARE_REQUEST",
+    SCREEN_SHARE_ACCEPT_REQUEST = "SCREEN_SHARE_ACCEPT_REQUEST",
+    SCREEN_SHARE_CANCEL_REQUEST = "SCREEN_SHARE_CANCEL_REQUEST",
+    SCREEN_SHARE_HOST_END_SESSION = "SCREEN_SHARE_HOST_END_SESSION",
+    SCREEN_SHARE_GUEST_LEAVE_SESSION = "SCREEN_SHARE_GUEST_LEAVE_SESSION",
+    SCREEN_SHARE_BACK_USER_LIST_PANE = "SCREEN_SHARE_BACK_USER_LIST_PANE",
     PIPE_INIT = "PIPE_INIT",
     PIPE_CATEGORY_REMOVED = "PIPE_CATEGORY_REMOVED",
     PIPE_CATEGORY_SAVED = "PIPE_CATEGORY_SAVED",
@@ -752,7 +768,6 @@ export declare enum SPACE_EVENTS {
     DRAW_PIPE_UNDO = "DRAW_PIPE_UNDO",
     DRAW_PIPE_REDO = "DRAW_PIPE_REDO",
     PIPE_VERTEX_REMOVED = "PIPE_VERTEX_REMOVED",
-    TAG_MESSAGE_UNSEND = "TAG_MESSAGE_UNSEND",
     PATH_UPDATED = "PATH_UPDATED"
 }
 export declare const enum TAG_COLOR {
@@ -914,6 +929,7 @@ export interface IToolbarConfig {
         roomCreation?: boolean;
         bim?: boolean;
         generalSetting?: boolean;
+        spaceScreenSharing?: boolean;
     };
     themeConfig?: IThemeConfig;
 }
@@ -1341,6 +1357,36 @@ export declare enum MAP_OPTIONS {
     DEFAULT_MAP = "Default Minimap",
     CUSTOM_MAP = "Custom Minimap"
 }
+export declare enum ONLINE_STATUS {
+    ONLINE = "ONLINE",
+    OFFLINE = "OFFLINE",
+    IN_SESSION = "IN_SESSION"
+}
+export interface ScreenShareUser {
+    id: string;
+    name: string;
+    onlineStatus: 'online' | 'offline' | 'in_session' | 'pending' | 'sharing';
+    user?: any;
+}
+export interface ScreenShareSessionUser {
+    id: string;
+    name: string;
+    role: 'host' | 'guest';
+    session: ScreenShareSession;
+}
+export interface ScreenShareSession {
+    id: string;
+    spaceId: string;
+    host: ScreenShareUser;
+    isPointerEnabled: boolean;
+    participantCount: number;
+}
+export interface ScreenShareRequest {
+    user: ScreenShareUser;
+    requestBy: ScreenShareUser;
+    requestedAt: number | Date | string;
+    status: 'pending' | 'accepted' | 'canceled' | 'expired';
+}
 export type SortBy = 'label' | 'showcase_object_name' | 'created_on';
 export type SortOrder = 'asc' | 'desc';
 export interface SortConfig {

package/lib/types.js

@@ -57,6 +57,7 @@ export var SPACE_EVENTS;
     SPACE_EVENTS["TAG_RECEPIENT_CHANGED"] = "TAG_RECEPIENT_CHANGED";
     SPACE_EVENTS["TAG_LINK_COPIED"] = "TAG_LINK_COPIED";
     SPACE_EVENTS["TAG_LINK_GENERATED"] = "TAG_LINK_GENERATED";
+    SPACE_EVENTS["TAG_MESSAGE_UNSEND"] = "TAG_MESSAGE_UNSEND";
     SPACE_EVENTS["SET_TAG_ICON"] = "SET_TAG_ICON";
     SPACE_EVENTS["VIEW_TAG_MESSAGE"] = "VIEW_TAG_MESSAGE";
     SPACE_EVENTS["TOOLBAR_LOADED"] = "TOOLBAR_LOADED";
@@ -107,6 +108,22 @@ export var SPACE_EVENTS;
     SPACE_EVENTS["CUSTOM_SWEEP_OFFSETY_UPDATED"] = "CUSTOM_SWEEP_OFFSETY_UPDATED";
     SPACE_EVENTS["CUSTOM_MAP_SETTINGS_UPDATED"] = "CUSTOM_MAP_SETTINGS_UPDATED";
     SPACE_EVENTS["SPACE_METADATA_RETRIEVED"] = "SPACE_METADATA_RETRIEVED";
+    SPACE_EVENTS["SCREEN_VIEWING_LEFT"] = "SCREEN_VIEWING_LEFT";
+    SPACE_EVENTS["POINTER_INTERSECTION_DATA"] = "POINTER_INTERSECTION_DATA";
+    SPACE_EVENTS["POINTER_CLICK"] = "POINTER_CLICK";
+    // SCREEN SHARE
+    SPACE_EVENTS["SCREEN_SHARE_SESSION_ENDED"] = "SCREEN_SHARE_SESSION_ENDED";
+    SPACE_EVENTS["SCREEN_SHARE_PANE_OPEN"] = "SCREEN_SHARE_PANE_OPEN";
+    SPACE_EVENTS["SCREEN_SHARE_USERS_UPDATE"] = "SCREEN_SHARE_USERS_UPDATE";
+    SPACE_EVENTS["SCREEN_SHARE_SESSION_USERS_UPDATE"] = "SCREEN_SHARE_SESSION_USERS_UPDATE";
+    SPACE_EVENTS["SCREEN_SHARE_POINTER_UPDATE"] = "SCREEN_SHARE_POINTER_UPDATE";
+    SPACE_EVENTS["SCREEN_SHARE_REQUEST"] = "SCREEN_SHARE_REQUEST";
+    SPACE_EVENTS["SCREEN_SHARE_ACCEPT_REQUEST"] = "SCREEN_SHARE_ACCEPT_REQUEST";
+    SPACE_EVENTS["SCREEN_SHARE_CANCEL_REQUEST"] = "SCREEN_SHARE_CANCEL_REQUEST";
+    SPACE_EVENTS["SCREEN_SHARE_HOST_END_SESSION"] = "SCREEN_SHARE_HOST_END_SESSION";
+    SPACE_EVENTS["SCREEN_SHARE_GUEST_LEAVE_SESSION"] = "SCREEN_SHARE_GUEST_LEAVE_SESSION";
+    SPACE_EVENTS["SCREEN_SHARE_BACK_USER_LIST_PANE"] = "SCREEN_SHARE_BACK_USER_LIST_PANE";
+    // PIPE
     SPACE_EVENTS["PIPE_INIT"] = "PIPE_INIT";
     SPACE_EVENTS["PIPE_CATEGORY_REMOVED"] = "PIPE_CATEGORY_REMOVED";
     SPACE_EVENTS["PIPE_CATEGORY_SAVED"] = "PIPE_CATEGORY_SAVED";
@@ -123,7 +140,6 @@ export var SPACE_EVENTS;
     SPACE_EVENTS["DRAW_PIPE_UNDO"] = "DRAW_PIPE_UNDO";
     SPACE_EVENTS["DRAW_PIPE_REDO"] = "DRAW_PIPE_REDO";
     SPACE_EVENTS["PIPE_VERTEX_REMOVED"] = "PIPE_VERTEX_REMOVED";
-    SPACE_EVENTS["TAG_MESSAGE_UNSEND"] = "TAG_MESSAGE_UNSEND";
     SPACE_EVENTS["PATH_UPDATED"] = "PATH_UPDATED";
 })(SPACE_EVENTS || (SPACE_EVENTS = {}));
 export var MEETING_SIDEBAR;
@@ -168,6 +184,12 @@ export var MAP_OPTIONS;
     MAP_OPTIONS["DEFAULT_MAP"] = "Default Minimap";
     MAP_OPTIONS["CUSTOM_MAP"] = "Custom Minimap";
 })(MAP_OPTIONS || (MAP_OPTIONS = {}));
+export var ONLINE_STATUS;
+(function (ONLINE_STATUS) {
+    ONLINE_STATUS["ONLINE"] = "ONLINE";
+    ONLINE_STATUS["OFFLINE"] = "OFFLINE";
+    ONLINE_STATUS["IN_SESSION"] = "IN_SESSION";
+})(ONLINE_STATUS || (ONLINE_STATUS = {}));
 export const sortTagOptions = {
     'Ascending': { by: 'label', order: 'asc' },
     'Descending': { by: 'label', order: 'desc' },

package/package.json

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

package/static/atwinui.css

@@ -2037,10 +2037,269 @@
     margin-top: 15px;
 }
 
+.at_user_list_card {
+    /* border-radius: var(--border-radius); */
+    /* background: var(--bg-secondary); */
+    padding: 0px 10px;
+    margin: 2px 0px;
+    transition: background 0.2s ease;
+    height: 42px;
+}
+
+/* .at_user_list_card:hover {
+    background: var(--bg-accent);;
+} */
+.at_online_user_row {
+    background-color: #303030;
+    border-radius: 3px;
+    padding: 2px;
+    margin-bottom: 3px;
+    border: none !important;
+}
+
+.at_offline_user_row {
+    background-color: #686767;
+    border-radius: 3px;
+    padding: 2px;
+    margin-bottom: 3px;
+    border: none !important;
+}
+
+.at_users_online_indicator {
+    height: 12px;
+    width: 12px;
+    background-color: green;
+    border-radius: 50%;
+    margin-right: 5px;
+}
+
+.at_users_ofline_indicator {
+    height: 12px;
+    width: 12px;
+    background-color: whitesmoke;
+    border-radius: 50%;
+    margin-right: 5px;
+}
+
+.at_offline_user_name_text {
+    color: #b7b6b6;
+}
+
+.at_disable_hover_users_list tr:hover td {
+    background-color: initial !important;
+}
+
+.at_user_screen_sharing_state {
+    background-color: var(--bg-accent);
+    border-radius: 2px;
+    padding-inline: 5px;
+}
+
+.at_no_hover_text_online_user:hover {
+    color: white !important;
+}
+
+.at_no_hover_text_offline_user:hover {
+    color: #b7b6b6 !important;
+}
+
 .at_comment_unsend_container{
     cursor: pointer;
 }
 
+.at_comment_unsend_container{
+    cursor: pointer;
+}
+
+.at_capitalize {
+    text-transform: capitalize;
+}
+
+.at_screen_share_guest_card {
+    background-color: #303030;
+    border-radius: 3px;
+    padding:5px 10px 5px 10px;
+    flex-grow: 1;
+}
+
+.at_items_stretch {
+    justify-items: stretch;
+}
+
+.at_subtitle_text {
+    font-size: 0.8rem;
+}
+
+.at_gap_half_rem {
+    gap: 0.5rem;
+}
+
+.at_screen_share_pointer_choices {
+    position: relative;
+}
+
+.at_screen_share_pointer_choices::after {
+    content: "";
+    position: absolute;
+    top: 50%;
+    right: 16px;
+    transform: translateY(-50%);
+    width: 12px;
+    height: 12px;
+    border-right: 3px solid white;
+    border-bottom: 3px solid white;
+    transform: translateY(-50%) rotate(45deg);
+    pointer-events: none;
+}
+
+.at_screen_share_pointer_choices select {
+    appearance: none;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    background-color: #0f151a;
+    color: white;
+    border: none;
+    padding: 14px 40px 14px 16px;
+    font-size: 16px;
+    width: 100%;
+    border-radius: 2px;
+    cursor: pointer;
+}
+
+.at_screen_share_pointer_choices select:focus {
+    outline: none;
+    box-shadow: none;   
+    border: none;
+}
+
+.at_back_user_list_link {
+    display: flex;
+    justify-items: center;
+    align-items: center;
+    text-decoration: underline;
+    margin-top: 1rem;
+    cursor: pointer;
+}
+
+.at_SCREEN_SHARE_HOST_END_SESSION_btn {
+    border: 2px solid white;
+    border-radius: 5px;
+    background-color: red;
+    color: white;
+    margin-top: 0.5rem;
+    padding-block: 5px;
+    align-self: stretch;
+    text-align: center;
+    outline: none;
+    font-size: 14px;
+    cursor: pointer;
+}
+
+.at_screen_share_request_modal {
+    width: 600px;
+    height: 300px;
+    background-color: white;
+    outline: none;
+    border: none;
+    border-radius: 5px;
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
+    text-align: center;
+}
+
+dialog#at-screen-share-request-modal[open] {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+dialog#at-screen-share-request-modal::backdrop {
+    background-color: rgba(0, 0, 0, 0.5);
+}
+
+.at_screen_share_request_modal_content {
+    width: 100%;
+    height: 100%;
+}
+
+.at_screen_share_icon {
+    font-size: 95px;
+}
+
+.at_screen_share_request_message {
+    font-size: 24px;
+    font-weight: bold;
+    padding: none !important;
+    margin: none !important;
+}
+
+.at_screen_share_request_sub_message {
+    font-size: 16px;
+}
+
+.at_screen_share_leave_confirmation_cancel_btn,
+.at_screen_share_leave_confirmation_leave_btn {
+    cursor: pointer;
+    margin-block: 1rem;
+    padding: 8px 15px 8px 15px;
+    border-radius: 6px;
+    font-size: 16px;
+    font-weight: bold;
+    color: white;
+    outline: none;
+    border: none;
+}
+
+.at_screen_share_leave_confirmation_cancel_btn {
+    background-color: #a0a0a0;
+}
+
+.at_screen_share_leave_confirmation_leave_btn {
+    background-color: #d51a4c;
+}
+
+
+.at_font_size_14px {
+    font-size: 14px;
+}
+
+.at_screeh_share_pane_header {
+    margin-left: 5px;
+    margin-top: 5px;
+}
+
+#at-screen-share-pane-content {
+    padding: unset !important;
+    gap: 5px !important;
+}
+
+#at-user-list-container {
+     padding: unset !important;
+     gap: unset !important;
+     overflow-y: unset !important;
+}
+
+#at-screen-share-end-session-btn-outer {
+    margin-top: 5px !important;
+}
+
+#at-user-leave-session-btn {
+    background-color: #d51a4c;
+    border-radius: 8px;
+}
+
+#at-screen-share-end-session-btn {
+    background-color: #d51a4c;
+    border-radius: 8px;
+    color: white;
+    padding-top: 8.75px !important;
+    padding-bottom: 8.75px !important;
+    max-height: 3rem !important;
+}
+
+.at_gap_2rem {
+    gap: 2rem;
+}
 .at_tag_sort_option,
 .at_object_sort_option {
     margin: 3px 0 3px 0;
@@ -2072,4 +2331,4 @@
 
 .at_sort_option_selected {
     background-color: var(--bg-accent) !important;
-}
+}