architwin 1.13.11 → 1.14.1

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.11",
+  "version": "1.14.1",
   "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;
-}
+}

package/static/utility.css

@@ -121,6 +121,10 @@ width: 100vw;
   width: 22rem;
 }
 
+.at_w-14 {
+  width: 26rem;
+}
+
 .at_mx-w-8 {
   max-width: 8rem;
 }
@@ -364,12 +368,63 @@ width: 100vw;
     margin-bottom: 0 !important;
   }
 
+  /* Margin Bottom */
   .at_mb_1 {
-    margin-bottom: 0.25rem !important;
+    margin-bottom: 0.25rem !important; /* 4px */
   }
   
   .at_mb_2 {
-    margin-bottom: 0.5rem !important;
+    margin-bottom: 0.5rem !important;  /* 8px */
+  }
+
+  .at_mb_3 {
+    margin-bottom: 0.75rem !important; /* 12px */
+  }
+
+  .at_mb_4 {
+    margin-bottom: 1rem !important;    /* 16px */
+  }
+
+  .at_mb_5 {
+    margin-bottom: 1.25rem !important; /* 20px */
+  }
+
+  .at_mb_6 {
+    margin-bottom: 1.5rem !important;  /* 24px */
+  }
+
+  /* Margin Top */
+  .at_mt_1 {
+    margin-top: 0.25rem !important;
+  }
+
+  .at_mt_2 {
+    margin-top: 0.5rem !important;
+  }
+
+  .at_mt_3 {
+    margin-top: 0.75rem !important;
+  }
+
+  .at_mt_4 {
+    margin-top: 1rem !important;
+  }
+
+  .at_mt_5 {
+    margin-top: 1.25rem !important;
+  }
+
+  .at_mt_6 {
+    margin-top: 1.5rem !important;
+  }
+
+  
+  .at_mb_3 {
+    margin-bottom:  0.75rem !important;
+  }
+
+   .at_mb_4 {
+    margin-bottom: 2rem !important;
   }
   
   .at_mb_3 {
@@ -404,6 +459,31 @@ width: 100vw;
     display: inline-block
   }
 
+  .at_p-1 {
+    padding: 0.25rem !important; /* 4px */
+  }
+
+  .at_p-2 {
+    padding: 0.5rem !important; /* 8px */
+  }
+
+  .at_p-3 {
+    padding: 0.75rem !important; /* 12px */
+  }
+
+  .at_p-4 {
+    padding: 1rem !important; /* 16px */
+  }
+
+  .at_p-5 {
+    padding: 1.25rem !important; /* 20px */
+  }
+
+  .at_p-6 {
+    padding: 1.5rem !important; /* 24px */
+  }
+
+
   .no_scroll{
     overflow: hidden !important;
   }