architwin 1.2.2 → 1.2.5

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

@@ -13,7 +13,7 @@ import { renderThemePane, setActiveThemeCard } from "./themePane";
 import { setActiveCard, setActiveLibraryCard, clearActiveCard, clearActiveLibraryCard } from "./card";
 import { renderRecepientOptions, renderTagMessages, createTagMessage, setTagMessagingDetails } from "./tagMessagingPane";
 import { clearTagFormDropdown, clearTagFilterDropdown } from "./tagFormPane";
-import { renderModal, toggleModal } from "./modal";
+import { renderModal, toggleModal, setModalAction } from "./modal";
 import { renderModelControlPane, toggleModelControl } from "./modelControlsPane";
 import { getURLParams } from "../../../utils";
 import './i18n';
@@ -99,4 +99,4 @@ function renderToolbarUI(payload) {
     tagMessagingPane.style.display = 'none';
     themePane.style.display = 'none';
 }
-export { actionBar, tagFormMode, selectedTag, renderToolbarUI, renderObjectCards, setActiveMenu, clearActiveMenu, setActiveActionBtn, renderLibraryCards, renderTags, getTagFormData, renderTagRow, addClickEventToTagRow, setTagCategoriesOption, setActiveThemeCard, setActiveCard, setActiveLibraryCard, clearActiveCard, clearActiveLibraryCard, removeObjectCard, renderRecepientOptions, renderTagMessages, createTagMessage, renderCategoryDropdownOptions, toggleDropdown, setTagLink, getTagLink, setTagMessagingDetails, clearTagFormDropdown, clearTagFilterDropdown, getObjectListStatus, toggleModal, toggleModelControl };
+export { actionBar, tagFormMode, selectedTag, renderToolbarUI, renderObjectCards, setActiveMenu, clearActiveMenu, setActiveActionBtn, renderLibraryCards, renderTags, getTagFormData, renderTagRow, addClickEventToTagRow, setTagCategoriesOption, setActiveThemeCard, setActiveCard, setActiveLibraryCard, clearActiveCard, clearActiveLibraryCard, removeObjectCard, renderRecepientOptions, renderTagMessages, createTagMessage, renderCategoryDropdownOptions, toggleDropdown, setTagLink, getTagLink, setTagMessagingDetails, clearTagFormDropdown, clearTagFilterDropdown, getObjectListStatus, toggleModal, setModalAction, toggleModelControl };

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

@@ -1,4 +1,6 @@
+import type { ModalContent } from '../../../types';
 export declare let activeModal: boolean;
 export declare function renderModal(): void;
 export declare function toggleModal(visible?: boolean): void;
-export declare function setModalAction(label: string, callback: Function): Promise<void>;
+export declare function closeModal(): void;
+export declare function setModalAction(content: ModalContent, callback: Function): Promise<void>;

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

@@ -7,7 +7,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import i18n from './i18n';
 export let activeModal = false;
 export function renderModal() {
     const element = document.createElement('div');
@@ -19,12 +18,12 @@ export function renderModal() {
                 <div class="at_modal-close-button at_close-icon">&times;</div>
             </div>
             <div class="at_modal-content">
-                <h2 class="at_modal-content-heading" id="at-modal-content-heading">${i18n.t('DeleteTag')}</h2>
+                <h2 class="at_modal-content-heading" id="at-modal-content-heading"></h2>
                 <p class="at_modal-content-subheading" id="at-modal-content-subheading">
-                    ${i18n.t('ConfirmDeleteTag')}
+                    
                 </p>
                 <div>
-                    <button class="at_close-button at_modal-accept-button">${i18n.t('YesDelete')}</button>
+                    <button class="at_close-button at_modal-accept-button"></button>
                 </div>
             </div>
         </div>
@@ -51,18 +50,40 @@ export function toggleModal(visible = true) {
     modalOverlay.style.display = 'none';
     return;
 }
-export function setModalAction(label, callback) {
+export function closeModal() {
+    const modalOverlay = document.getElementById('at-modal-overlay');
+    const modalClose = document.querySelector('.at_modal-close-button');
+    if (modalClose) {
+        modalClose.addEventListener('click', (event) => {
+            modalOverlay.style.display = 'none';
+        });
+    }
+}
+export function setModalAction(content, callback) {
     return __awaiter(this, void 0, void 0, function* () {
         const modalAcceptBtn = document.querySelector('.at_modal-accept-button');
+        const modalTitle = document.getElementById('at-modal-content-heading');
+        const modelDesc = document.getElementById('at-modal-content-subheading');
+        if (content) {
+            if (modalTitle && content.title) {
+                modalTitle.textContent = content.title;
+            }
+            if (modelDesc && content.description) {
+                modelDesc.textContent = content.description;
+            }
+        }
         if (modalAcceptBtn) {
-            //    if (label) {
-            //         modalAcceptBtn.textContent = label
-            //    }
+            if (content && content.buttonLabel) {
+                modalAcceptBtn.textContent = content.buttonLabel;
+            }
             if (callback) {
                 modalAcceptBtn.onclick = () => __awaiter(this, void 0, void 0, function* () {
                     yield callback();
                 });
             }
+            else {
+                modalAcceptBtn.onclick = closeModal;
+            }
         }
     });
 }

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

@@ -181,7 +181,11 @@ export function renderTags(tags, showOwnTagsOnly = false) {
         const tag = document.getElementById(event.target.id);
         if (tag) {
             toggleModal();
-            setModalAction('Yes, delete', () => __awaiter(this, void 0, void 0, function* () {
+            setModalAction({
+                title: `${i18n.t('DeleteTag')}`,
+                description: `${i18n.t('ConfirmDeleteTag')}`,
+                buttonLabel: `${i18n.t('YesDelete')}`
+            }, () => __awaiter(this, void 0, void 0, function* () {
                 const tagId = tag.getAttribute('tag-id');
                 if (tagId && tagId !== null) {
                     console.log("TAG DELETE", tagId, _tags);

package/lib/atwinui/index.d.ts

@@ -1,6 +1,7 @@
 import { setActiveToolbarItem } from './events';
 import '../../static/atwinui.css';
+import { toggleModal, setModalAction } from './components/toolbar';
 import { IToolbarData, IThemeConfig } from '../types';
 declare function initToolbarUI(payload: IToolbarData): void;
 declare function themeManager(config: IThemeConfig): void;
-export { initToolbarUI, setActiveToolbarItem, themeManager };
+export { initToolbarUI, setActiveToolbarItem, themeManager, toggleModal, setModalAction };

package/lib/atwinui/index.js

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { batchAddEventListenerByClassName, batchAddEventListenerById, setActiveToolbarItem, toggleDisplayPane, toggleActionBar, setupIndividualEventListeners, setupSpaceEventSubscriptions, handleShowMinimap, handleRenderMeetingUI } from './events';
 import '../../static/atwinui.css';
-import { renderToolbarUI, setActiveMenu, setActiveActionBtn, setActiveThemeCard, toggleModelControl } from './components/toolbar';
+import { renderToolbarUI, setActiveMenu, setActiveActionBtn, setActiveThemeCard, toggleModelControl, toggleModal, setModalAction } from './components/toolbar';
 import { SPACE_EVENTS } from '../types';
 import { dispatchSpaceEvent } from '../architwin';
 import log from 'loglevel';
@@ -174,4 +174,4 @@ function themeManager(config) {
 }
 export { 
 //actionBar,
-initToolbarUI, setActiveToolbarItem, themeManager };
+initToolbarUI, setActiveToolbarItem, themeManager, toggleModal, setModalAction };

package/lib/convert.d.ts

@@ -1,10 +1,6 @@
-export declare let generatedIds: Array<number>;
 export declare function meterToMillimeter(meter: number, decimal?: number): number;
 export declare function generateRandomUniqueNumber(currentIds: Array<number>): number;
-export declare function generateUUID(config?: {
-    length?: number;
-    separator?: string;
-}): string;
+export declare function generateUUID(): string;
 export declare function useHexToRgb(hexcode: string): {
     r: number;
     g: number;
@@ -15,11 +11,3 @@ export declare function useRgbToHex(color: {
     g: number;
     b: number;
 }): string;
-export declare function convertToCssRgb(values: {
-    r: number;
-    g: number;
-    b: number;
-}): string;
-export declare function arrayBufferToBase64(buffer: any): string;
-export declare function isUrlValid(userInput: string): boolean;
-export declare function dateTimeFormat(d: any): string;

package/lib/convert.js

@@ -1,6 +1,3 @@
-import { format, toDate } from 'date-fns';
-import { ja } from 'date-fns/locale';
-export let generatedIds = [];
 export function meterToMillimeter(meter, decimal = 2) {
     const mm = meter * 1000;
     return parseFloat(mm.toFixed(decimal));
@@ -16,7 +13,7 @@ export function generateRandomUniqueNumber(currentIds) {
     } while (currentIds.indexOf(randomNumber) !== -1);
     return randomNumber;
 }
-export function generateUUID(config) {
+export function generateUUID() {
     const cryptoObj = window.crypto;
     if (!cryptoObj) {
         console.error('crypto.getRandomValues() is not supported in this browser.');
@@ -32,26 +29,16 @@ export function generateUUID(config) {
         }
         hex.push(val);
     }
-    let randUUID = `${hex[0]}${hex[1]}-${hex[2]}-${hex[3]}-${hex[4]}-${hex[5]}${hex[6]}${hex[7]}`;
-    if (config && config.length) {
-        console.log('Length set');
-        randUUID = randUUID.slice(0, config.length);
-    }
-    if (config && config.separator) {
-        console.log('Separator set');
-        if (config.separator === 'none') {
-            randUUID = randUUID.replace(/-/g, config.separator);
-        }
-    }
-    return randUUID;
+    // The UUID string format is "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"
+    return `${hex[0]}${hex[1]}-${hex[2]}-${hex[3]}-${hex[4]}-${hex[5]}${hex[6]}${hex[7]}`;
 }
 export function useHexToRgb(hexcode) {
     // Remove '#' symbol if it exists
     hexcode = hexcode.replace("#", "");
     // Parse hex values for red, green, and blue
-    const r = parseInt(hexcode.substring(0, 2), 16) / 255;
-    const g = parseInt(hexcode.substring(2, 4), 16) / 255;
-    const b = parseInt(hexcode.substring(4, 6), 16) / 255;
+    const r = parseInt(hexcode.substring(0, 2), 16);
+    const g = parseInt(hexcode.substring(2, 4), 16);
+    const b = parseInt(hexcode.substring(4, 6), 16);
     return { r, g, b };
 }
 export function useRgbToHex(color) {
@@ -65,31 +52,3 @@ export function useRgbToHex(color) {
     const hexB = color.b.toString(16).padStart(2, "0");
     return `${hexR}${hexG}${hexB}`;
 }
-export function convertToCssRgb(values) {
-    // console.log('convertToCssRgb()', values)
-    if (!values) {
-        console.log('values is undefined');
-        return;
-    }
-    let r = Math.round(values.r * 255);
-    let g = Math.round(values.g * 255);
-    let b = Math.round(values.b * 255);
-    return `rgb(${r},${g},${b})`;
-}
-export function arrayBufferToBase64(buffer) {
-    let binary = '';
-    const bytes = new Uint8Array(buffer);
-    const len = bytes.byteLength;
-    for (let i = 0; i < len; i++) {
-        binary += String.fromCharCode(bytes[i]);
-    }
-    return btoa(binary);
-}
-export function isUrlValid(userInput) {
-    const urlPattern = /^(https?|ftp):\/\/[^\s/$.?#].[^\s]*$/;
-    return urlPattern.test(userInput);
-}
-export function dateTimeFormat(d) {
-    const local = format(toDate(d), 'yyyy年M月d日 HH:mm:ss', { locale: ja });
-    return local;
-}

package/lib/loaders/planeGeometry2.d.ts

@@ -21,6 +21,11 @@ interface IScreenPositions {
         y: number;
         z: number;
     };
+    [SCREEN_POSITIONS.CENTER]?: {
+        x: number;
+        y: number;
+        z: number;
+    };
 }
 declare class PlaneImage {
     inputs: {
@@ -83,6 +88,8 @@ declare class PlaneVideo {
         visible: boolean;
         isFirstLoad: boolean;
         autoplay: boolean;
+        fitToScreen: boolean;
+        hudMode: string;
     };
     outputs: Record<string, unknown> & MpSdk.Scene.PredefinedOutputs;
     context: MpSdk.Scene.IComponentContext;
@@ -104,6 +111,7 @@ declare class PlaneVideo {
     muteBtnTexture: THREE.Texture;
     unmuteBtnTexture: THREE.Texture;
     hasOnEndedEventAdded: boolean;
+    isFitScreen: boolean;
     playbackState: 'pause' | 'play' | 'mute' | 'unmute';
     audio: string;
     mediaScreenPositions: IScreenPositions;
@@ -138,6 +146,8 @@ declare class PlaneVideo {
     onInit(): void;
     onEvent(eventType: string, eventData?: unknown): void;
     onInputsUpdated(): void;
+    dismissFitToScreen(): void;
+    activateFitToScreen(): void;
     renderPlayButtonModel(): void;
     renderPauseButtonModel(): void;
     renderMuteModel(): void;

package/lib/loaders/planeGeometry2.js

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { _mpConfig, canSetHud, disableFitScreen, enableFitScreen, getMediaScreenHUDs, isFitScreenOccupied, removeMediaScreenHud, saveMediaScreenHud } from "../architwin";
+import { _mpConfig, disableFitScreen, enableFitScreen, getMediaScreenHUDs, isFitScreenOccupied, removeMediaScreenHud, saveMediaScreenHud } from "../architwin";
 import log from 'loglevel';
 let _staticAssetPath = '../';
 const _expandBtn = 'expandBtn';
@@ -192,6 +192,8 @@ class PlaneVideo {
             visible: true,
             isFirstLoad: true,
             autoplay: false,
+            fitToScreen: false,
+            hudMode: ''
         };
         this.events = {
             'INTERACTION.CLICK': true,
@@ -200,6 +202,7 @@ class PlaneVideo {
             'planeEvents': true,
         };
         this.hasOnEndedEventAdded = false;
+        this.isFitScreen = false;
         this.playbackState = 'pause';
         this.audio = 'unmuted';
         this.mediaScreenPositions = {
@@ -207,6 +210,7 @@ class PlaneVideo {
             ["topLeft" /* SCREEN_POSITIONS.TOP_LEFT */]: { x: -2.2, y: 1.5, z: -2.7 },
             ["bottomLeft" /* SCREEN_POSITIONS.BOTTOM_LEFT */]: { x: -2.2, y: -1.5, z: -2.7 },
             ["bottomRight" /* SCREEN_POSITIONS.BOTTOM_RIGHT */]: { x: 2.2, y: -1.5, z: -2.7 },
+            ["center" /* SCREEN_POSITIONS.CENTER */]: { x: 0, y: 0, z: -1.5 }
         };
         this.expandBtnPositions = {
             ["topRight" /* SCREEN_POSITIONS.TOP_RIGHT */]: {
@@ -300,6 +304,33 @@ class PlaneVideo {
             this.planeElement.play();
         }
         this.mesh.visible = this.inputs.visible;
+        if (this.inputs.fitToScreen || this.inputs.hudMode !== '') {
+            console.log("fitToScreen active");
+            const hudPosition = this.inputs.hudMode.includes(_expandBtn) ? this.inputs.hudMode : `expandBtn|${this.inputs}`;
+            const position = hudPosition.includes(_expandBtn) ? this.inputs.hudMode : 'expandBtn|topRight';
+            onClickExpandBtn({
+                eventData: {
+                    collider: {
+                        name: position
+                    }
+                },
+                inputs: this.inputs,
+                outputs: this.outputs,
+                mesh: this.mesh,
+                context: this.context,
+                screenPositions: this.mediaScreenPositions,
+            });
+            if (this.inputs.fitToScreen) {
+                onFitScreen({
+                    inputs: this.inputs,
+                    outputs: this.outputs,
+                    mesh: this.mesh,
+                    context: this.context,
+                    position: this.fitScreenPos
+                });
+                this.isFitScreen = true;
+            }
+        }
         // throw new Error("Method not implemented.");
     }
     onEvent(eventType, eventData) {
@@ -380,6 +411,28 @@ class PlaneVideo {
         log.info("onInputsUpdated()");
         this.onInit();
     }
+    dismissFitToScreen() {
+        console.log("toggleFitToScreen");
+        if (this.isFitScreen) {
+            console.log("Fit screen mode active");
+            this.context.camera.children[this.context.camera.children.length - 1].visible = false;
+            this.context.camera.remove(this.context.camera.children[this.context.camera.children.length - 1]);
+            this.isFitScreen = false;
+        }
+    }
+    activateFitToScreen() {
+        if (this.isFitScreen == false) {
+            this.onEvent('INTERACTION.CLICK', {
+                collider: {
+                    name: '_dismissBtn'
+                },
+                input: {
+                    type: 'click'
+                }
+            });
+            this.isFitScreen = true;
+        }
+    }
     renderPlayButtonModel() {
         log.info('renderPlayButtonModel()');
         const THREE = this.context.three;
@@ -568,7 +621,7 @@ class PlanePdf {
             ["topRight" /* SCREEN_POSITIONS.TOP_RIGHT */]: { x: 2.2, y: 1.0, z: -2.7 },
             ["topLeft" /* SCREEN_POSITIONS.TOP_LEFT */]: { x: -2.2, y: 1.0, z: -2.7 },
             ["bottomLeft" /* SCREEN_POSITIONS.BOTTOM_LEFT */]: { x: -2.2, y: -1.0, z: -2.7 },
-            ["bottomRight" /* SCREEN_POSITIONS.BOTTOM_RIGHT */]: { x: 2.2, y: -1.0, z: -2.7 },
+            ["bottomRight" /* SCREEN_POSITIONS.BOTTOM_RIGHT */]: { x: 2.2, y: -1.0, z: -2.7 }
         };
         this.expandBtnPositions = {
             ["topRight" /* SCREEN_POSITIONS.TOP_RIGHT */]: {
@@ -987,7 +1040,7 @@ function onClickExpandBtn(p) {
         saveMediaScreenHud({ meshUuid: p.mesh.uuid, screenPos });
         return;
     }
-    let y = p.refresh ? true : canSetHud({ screenPos, meshUuid: p.eventData['collider']['parent']['uuid'] });
+    //let y = p.refresh ? true : canSetHud({screenPos, meshUuid: p.eventData['collider']['parent']['uuid']})
     if (x) {
         setHudState({
             outputs: p.outputs,

package/lib/minimap.d.ts

@@ -1,5 +1,6 @@
 import { MpSdk } from "../bundle/sdk";
 import { ISweep } from "./types";
+import 'notyf/notyf.min.css';
 declare let isMinimapNavigation: boolean;
 declare function setMap(mpSdk: MpSdk, appKey: string, mapId: string): Promise<void>;
 declare function locateAvatar(): Promise<void>;
@@ -8,4 +9,9 @@ declare function hideMinimap(): void;
 declare function resetSweepMarkerColors(): void;
 declare function renderOverlaySweep(item: ISweep, socketId: string, color: string): void;
 declare function showDirection(): void;
-export { isMinimapNavigation, setMap, showMinimap, hideMinimap, locateAvatar, resetSweepMarkerColors, renderOverlaySweep, showDirection, };
+/**
+ * Toggles the visibility of the minimap. This will display a toast notification if the CDN is unavailable or has not
+ * finished fetching map data
+ */
+declare function toggleMinimapVisibility(): void;
+export { isMinimapNavigation, setMap, showMinimap, hideMinimap, locateAvatar, resetSweepMarkerColors, renderOverlaySweep, showDirection, toggleMinimapVisibility };

package/lib/minimap.js

@@ -8,11 +8,15 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import * as superviz from './superviz';
-import { _mpConfig, getCurrentCameraPose, getCurrentSweep, getMapConfig } from "./architwin";
+import { _mpConfig, getCurrentCameraPose, getCurrentSweep, getMapConfig, dispatchSpaceEvent, isCdnMapDataAvailable } from "./architwin";
+import { SPACE_EVENTS } from "./types";
 import { isValidCSSColor } from "./color";
 import { _participants } from "./participant";
 import { getAtwinSdk } from "./architwin";
 import log from 'loglevel';
+import { Notyf } from 'notyf';
+import i18n from './atwinui/components/toolbar/i18n';
+import 'notyf/notyf.min.css';
 let _miniMapData;
 let _mapContainer;
 let _mapBox;
@@ -22,7 +26,15 @@ let _thisParticipant;
 let _mapImg = null;
 let _mapWidth;
 let isMinimapNavigation = false;
+let _minimapSweepCollection = {};
 const _minimapId = 'minimapCanvas';
+let notyf = new Notyf({ position: { x: 'left', y: 'bottom' }, duration: 4500, types: [
+        {
+            type: 'info',
+            background: 'blue',
+            icon: '<span class="mdi mdi-information-outline"></span>'
+        }
+    ] });
 //Map placement presets
 const mapPositions = ['topLeft', 'topRight', 'bottomLeft', 'bottomRight'];
 setInterval(locateAvatar, 5000);
@@ -237,6 +249,7 @@ function setMap(mpSdk, appKey, mapId) {
             },
             onCollectionUpdated: function (collection) {
                 log.info('the entire up-to-date collection', collection);
+                _minimapSweepCollection = collection;
             }
         });
         // On click - move
@@ -256,6 +269,9 @@ function setMap(mpSdk, appKey, mapId) {
                     if (superviz.isMeetingInitialized) {
                         yield locateAvatar();
                     }
+                    let clickedSweep;
+                    clickedSweep = _minimapSweepCollection[event.target.value];
+                    dispatchSpaceEvent(SPACE_EVENTS.MINIMAP_SWEEP_CLICK, clickedSweep);
                 });
             })
                 .catch(function (handleError) {
@@ -482,6 +498,30 @@ function showDirection() {
         ctx.fill();
     }
 }
+/**
+ * Toggles the visibility of the minimap. This will display a toast notification if the CDN is unavailable or has not
+ * finished fetching map data
+ */
+function toggleMinimapVisibility() {
+    console.log("toggleMinimapVisibility()");
+    if (isCdnMapDataAvailable) {
+        const minimap = document.getElementById('at-map');
+        const style = window.getComputedStyle(minimap);
+        log.info("Minimap width", style.display);
+        if (style.display === "none") {
+            log.info("Showing minimap");
+            minimap.style.display = 'block';
+        }
+        else {
+            log.info("Hiding minimap");
+            minimap.style.display = 'none';
+        }
+    }
+    else {
+        notyf.error(`${i18n.t("MinimapUnavailable")}`);
+        log.error("Matterport CDN content is unavailable. Architwin package tried to fetch map data from CDN but got an empty response. Please try again later");
+    }
+}
 export { 
 // _miniMapData as minimapData,
-isMinimapNavigation, setMap, showMinimap, hideMinimap, locateAvatar, resetSweepMarkerColors, renderOverlaySweep, showDirection, };
+isMinimapNavigation, setMap, showMinimap, hideMinimap, locateAvatar, resetSweepMarkerColors, renderOverlaySweep, showDirection, toggleMinimapVisibility };

package/lib/tag.d.ts

@@ -1,9 +1,10 @@
 import { MpSdk } from "../bundle/sdk";
 import { IAtwinFloor, IAtwinLabel, ITag, EmbedlyData } from "./types";
 import { AxiosInstance } from "axios";
-declare function renderTag({ tag, sdk }: {
+declare function renderTag({ tag, sdk, isTagSharing }: {
     tag: MpSdk.Tag.Descriptor;
     sdk: MpSdk;
+    isTagSharing: boolean;
 }): Promise<MpSdk.Tag.TagData>;
 declare function setTagIcon(payload: {
     sdk: MpSdk;

package/lib/tag.js

@@ -20,7 +20,7 @@ const api = axios.create({
         Accept: 'application/json'
     }
 });
-function renderTag({ tag, sdk }) {
+function renderTag({ tag, sdk, isTagSharing = true }) {
     return __awaiter(this, void 0, void 0, function* () {
         log.info('__@ renderTag() $', tag, sdk);
         if (!tag.anchorPosition) {
@@ -57,6 +57,8 @@ function renderTag({ tag, sdk }) {
         log.info('__@ tagData', tagData);
         log.info('tag to be rendered', tag);
         const tagIds = yield sdk.Tag.add(tag);
+        // set toggle sharing property in tag billboard
+        sdk.Tag.toggleSharing(isTagSharing);
         if (!tagData.id) {
             tagData.id = tagIds[0];
         }

package/lib/types.d.ts

@@ -130,24 +130,24 @@ export interface IMPConfig {
         meetSdkKey?: string;
         meetSecretKey?: string;
         avatartwinKey?: string;
-        appName?: string;
     };
     debug?: {
         logLevel: string;
     };
     restrictionConfig?: {
         isTagReadOnly?: boolean;
+        isTagToggleSharing?: boolean;
     };
 }
 export interface IMapConfig {
     mapId: string;
     showDirection?: boolean;
     position?: 'topRight' | 'topLeft' | 'bottomRight' | 'bottomLeft';
-    fixedSized: {
+    fixedSized?: {
         width: number;
         height?: number;
     };
-    sweepMarker: {
+    sweepMarker?: {
         showOnHover: boolean;
         backgroundColor: string;
         activeColor: string;
@@ -629,7 +629,9 @@ export declare enum SPACE_EVENTS {
     TAG_LINK_GENERATED = "TAG_LINK_GENERATED",
     SET_TAG_ICON = "SET_TAG_ICON",
     VIEW_TAG_MESSAGE = "VIEW_TAG_MESSAGE",
-    TOOLBAR_LOADED = "TOOLBAR_LOADED"
+    TOOLBAR_LOADED = "TOOLBAR_LOADED",
+    SWEEP_COLLECTION_UPDATED = "SWEEP_COLLECTION_UPDATED",
+    MINIMAP_SWEEP_CLICK = "MINIMAP_SWEEP_CLICK"
 }
 export declare const enum TAG_COLOR {
     MAROON = "MAROON",
@@ -770,6 +772,11 @@ export interface IToolbarConfig {
     };
     themeConfig?: IThemeConfig;
 }
+export interface ModalContent {
+    title: string;
+    description: string;
+    buttonLabel?: string;
+}
 export declare const enum IO_ROLE {
     HOST = "host",
     GUEST = "guest"
@@ -856,12 +863,6 @@ export interface TagMessage {
     created_on?: any;
     modified_on?: any;
 }
-export interface ModalContent {
-    title: string;
-    subtitle: string | undefined;
-    content: HTMLElement | undefined;
-    action: HTMLElement | undefined;
-}
 export interface EmbedlyData {
     author_name: string;
     author_url: string;
@@ -892,7 +893,8 @@ export declare const enum SCREEN_POSITIONS {
     TOP_LEFT = "topLeft",
     TOP_RIGHT = "topRight",
     BOTTOM_LEFT = "bottomLeft",
-    BOTTOM_RIGHT = "bottomRight"
+    BOTTOM_RIGHT = "bottomRight",
+    CENTER = "center"
 }
 export declare const enum FORM_MODE {
     ADD = "ADD",

package/lib/types.js

@@ -41,6 +41,8 @@ export var SPACE_EVENTS;
     SPACE_EVENTS["SET_TAG_ICON"] = "SET_TAG_ICON";
     SPACE_EVENTS["VIEW_TAG_MESSAGE"] = "VIEW_TAG_MESSAGE";
     SPACE_EVENTS["TOOLBAR_LOADED"] = "TOOLBAR_LOADED";
+    SPACE_EVENTS["SWEEP_COLLECTION_UPDATED"] = "SWEEP_COLLECTION_UPDATED";
+    SPACE_EVENTS["MINIMAP_SWEEP_CLICK"] = "MINIMAP_SWEEP_CLICK";
 })(SPACE_EVENTS || (SPACE_EVENTS = {}));
 export var MEETING_SIDEBAR;
 (function (MEETING_SIDEBAR) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "architwin",
-  "version": "1.2.2",
+  "version": "1.2.5",
   "description": "ArchiTwin Library for Matterport",
   "main": "./lib/architwin.js",
   "types": "./lib/architwin.d.ts",
@@ -22,7 +22,7 @@
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "build": "tsc && terser lib/architwin.js -o lib/architwin.js",
-    "deploy:package": "tsc  && terser lib/architwin.js -o lib/architwin.js  && ./post_deploy.sh"
+    "deploy:package": ". ~/.nvm/nvm.sh  && tsc && terser lib/architwin.js -o lib/architwin.js && ./post_deploy.sh"
   },
   "author": "",
   "license": "ISC",