architwin 1.0.44 → 1.0.45

package/lib/architwin.d.ts

@@ -128,8 +128,11 @@ declare function disconnectSpace(): Promise<void>;
 declare function getTargetPosition(callback?: Function): Promise<void>;
 declare function setPointerCoordinates(position: Vector3): void;
 /**
- * Adds a pre-existing 2D/3D object from the DB to the 3D space.
- * @param object - Object to be created
+ * Reusable method that adds an object to the space locally.
+ * @param {I3DObject} object - The object payload to be rendered
+ * @param {ObjectConfig} config - Object that contains the configuration for the object to be rendered like
+ * position, rotation, and scale to name an example
+ * @returns {Promise<IShowcaseObject>}
  */
 declare function addObjectToSpace(object: I3DObject, config?: ObjectConfig): Promise<IShowcaseObject>;
 /**
@@ -137,29 +140,17 @@ declare function addObjectToSpace(object: I3DObject, config?: ObjectConfig): Pro
  * @param payload The object that you want to duplicate
  * @param position_offset Offset the position of the duplicate object (optional)
  * @param rotation_offset Offset the rotation of the duplicate object. Can be used to mirror an object (optional)
+ * @returns {Promise<IShowcaseObject>}
  */
-declare function copyObject(payload: IShowcaseObject, position_offset?: Vector3, rotation_offset?: Vector3): Promise<void>;
+declare function copyObject(payload: IShowcaseObject, position_offset?: Vector3, rotation_offset?: Vector3): Promise<IShowcaseObject>;
 /**
  * Replaces a target object with a new object. The object being replaced is removed from the 3D space entirely
  * @param payload The new object to replace the target object
  * @param target The object to be replaced
  * @param options options to pass into the loader (optional)
- * @returns
- */
-declare function replaceObject(payload: I3DObject, target: IObjectData, options?: Object): Promise<void>;
-/**
- * This is a reusable builder function used to return an object implementign the I3DObject interface whose
- * return value can be used as a parameter for addObjectToSpace method inside addMediaScreen. This function
- * does NOT set the content of the a media screen that has been RENDERED to the space. It is only used as a
- * reusable helper function for initialy creating the media screen object
- * @param {string} mediaUrl (optional) Set a default media to display as the content of your media screen the first time it is rendered
- * @param {string} mediaType (optional) The type of the media you want to set. Can be 'image' or 'video'. Default is image
- * @returns {{I3DObject,Object}}
+ * @returns {Promise<IShowcaseObject>}
  */
-declare function createMediaScreenObject(mediaUrl: string | undefined, mediaType?: string): Promise<{
-    object_data: I3DObject;
-    options: Object;
-}>;
+declare function replaceObject(payload: I3DObject, target: IObjectData, options?: Object): Promise<IShowcaseObject>;
 /**
  * Creates a 2D blank canvas that can used to display a wide variety images or videos dynamically by the user
  * A user can use transform controls to scale,reposition, and rotate the frame as they see fit
@@ -167,7 +158,7 @@ declare function createMediaScreenObject(mediaUrl: string | undefined, mediaType
  * @param transform (optional) Object containing the x,y,z coordinates for position,rotation,and scale
  * @param {boolean} readonly (optional) Disable updatig of media screen content. Default is false
  * @param {boolean} autoplay (optional) Auto play videos if media content is a video
- * @returns
+ * @returns Object ID
  */
 declare function addMediaScreen(mediaUrl?: string, transform?: {
     position: Vector3;
@@ -191,6 +182,33 @@ declare function setBasePointPosition(id: string, position: string): void;
  * @returns
  */
 declare function setVideoPlayback(action: string, element: HTMLVideoElement): void;
+/**
+ * Adds a customizable text frame to the 3D space. The method internally generates elements and programmatically
+ * applies CSS styling. You can use this method to display text messages to the 3D screen.
+ * @param {string} title (optional) Title of the message
+ * @param {string} message Message content
+ * @param {string} textScreenName Name of the text frame.
+ * @param transform x,y,x values for position,rotation, and scale
+ * @param {string} textColor valid color value
+ * @param {string} backgroundColor valid background color value
+ * @returns {Promise<IShowcaseObject>}
+ */
+declare function addTextMarkupScreen(title: string, message: string, textScreenName: string, transform: {
+    position: Vector3;
+    scale: Vector3;
+    rotation: Vector3;
+}, textColor?: string, backgroundColor?: string): Promise<IShowcaseObject>;
+/**
+ * Method that updates the style and content of the text frame. You can customize the text content as well as the
+ * foreground and background color of the target text markup screen.
+ * @param {string} showcase_id - The showcase id of the target object
+ * @param {string} title - The title of your content
+ * @param {string} text - The body of the text content
+ * @param {string} textColor (optional) Set the color of the text. Can accept any valid color value
+ * @param {string} backgroundColor (optional) Set the color of the background. Can accept any valid color value
+ * @returns
+ */
+declare function setTextMarkupScreenContent(showcase_id: number, title?: string, text?: string, textColor?: string, backgroundColor?: string): void;
 /**
  *
  * @param payload
@@ -201,17 +219,40 @@ declare function addObject(payload: FileUpload): Promise<I3DObject>;
 declare function getObject(id: number): Promise<I3DObject>;
 declare function getShowcaseObject(id: number): Promise<IShowcaseObject>;
 declare function updateShowcaseObject(payload: IShowcaseObject): Promise<IShowcaseObject>;
+/**
+ * Updates the target object stored in s3 bucket. This performs a PUT request
+ * @param id - The object id of the object that needs to be updated
+ * @param {FileUpload} payload - The payload that contains the file object information that will be used to update
+ * @returns {Promise<I3DObject>}
+ */
 declare function updateObject(id: number, payload: FileUpload): Promise<I3DObject>;
-declare function deleteObject(id: string): Promise<State>;
+/**
+ * Delete an object from from the s3 bucket
+ * @param id - The object id of the target object to be deleted
+ * @returns
+ */
+declare function deleteObject(id: number): Promise<void>;
+/**
+ * Deletes an object added to a showcase space. Not to be confused with delete object which totally deletes an
+ * object from the s3 storage
+ * @param id - The showcase id of the object
+ * @returns
+ */
+declare function deleteShowcaseObject(id: number): Promise<void>;
 /**
  * This function only removes the object from the 3D space and the showcase-object endpoint,
- * it does not remove it from the objects endpoint
- * Use deleteObject to send a delete request to the objects endpoint
+ * it does not remove it from the objects endpoint.
  * @param selected The selected or target object to be removed
  */
-declare function deleteObjectFromSpace(selected: IObjectData): Promise<void>;
-declare function deleteMediaScreen(mediaScreenId: number): Promise<void>;
+declare function deleteObjectFromSpace(target: IObjectData): Promise<number>;
+/**
+ * Deletes a media screen from the showcase space. This functions utilizes the deleteObjectFromSpace
+ * internally. Returns the id of the object that was deleted locally
+ * @param mediaScreenId - The showcase id of the media screen
+ * @returns {Promise<number>}
+ */
+declare function deleteMediaScreen(mediaScreenId: number): Promise<number>;
 declare function addTagToScene(tag: ITag): void;
 declare function showMinimap(): void;
 declare function hideMinimap(): void;
-export { _atwin, _config, tags, sweeps, selectedObject, previousObjTransform, currentObjTransform, actionHistory, state, _space, _spaceId, _api, _pointerCoord, _3DXObjects, connectSpace, disconnectSpace, getTags, gotoTag, getSweeps, getCurrentSweep, getCurrentSweepPosition, moveToSweep, getNearbySweeps, pauseVideo, playVideo, getCurrentCameraPose, getCameraPosition, moveInDirection, cameraLookAt, cameraPan, cameraRotate, getViewMode, setViewMode, getNearbyObjects, setTransformMode, setSelectedObject, clearSelectedObject, revertTransform, setTransformControls, removeTransformControls, setRenderDistance, clearActionHistory, addObject, getObject, addObjectToSpace, createMediaScreenObject, addMediaScreen, attachMediaScreenContent, addTagToScene, updateObject, updateShowcaseObject, deleteObject, deleteObjectFromSpace, deleteMediaScreen, getShowcaseObject, setBasePointPosition, showObjectDimensions, hideObjectDimensions, setVideoPlayback, setAnimationState, showMinimap, hideMinimap, copyObject, replaceObject, getTargetPosition, setObjectTransformation, setPointerCoordinates };
+export { _atwin, _config, tags, sweeps, selectedObject, previousObjTransform, currentObjTransform, actionHistory, state, _space, _spaceId, _api, _pointerCoord, _3DXObjects, connectSpace, disconnectSpace, getTags, gotoTag, getSweeps, getCurrentSweep, getCurrentSweepPosition, moveToSweep, getNearbySweeps, pauseVideo, playVideo, getCurrentCameraPose, getCameraPosition, moveInDirection, cameraLookAt, cameraPan, cameraRotate, getViewMode, setViewMode, getNearbyObjects, setTransformMode, setSelectedObject, clearSelectedObject, revertTransform, setTransformControls, removeTransformControls, setRenderDistance, clearActionHistory, addObject, getObject, addObjectToSpace, addMediaScreen, attachMediaScreenContent, addTagToScene, updateObject, updateShowcaseObject, deleteObject, deleteShowcaseObject, deleteObjectFromSpace, deleteMediaScreen, getShowcaseObject, setBasePointPosition, showObjectDimensions, hideObjectDimensions, setVideoPlayback, setAnimationState, showMinimap, hideMinimap, copyObject, replaceObject, getTargetPosition, setObjectTransformation, setPointerCoordinates, addTextMarkupScreen, setTextMarkupScreenContent };

package/lib/architwin.min.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P((function(resolve){resolve(value)}))}return new(P||(P=Promise))((function(resolve,reject){function fulfilled(value){try{step(generator.next(value))}catch(e){reject(e)}}function rejected(value){try{step(generator["throw"](value))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())}))};import axios from"axios";import{planeType,planeFactory,gltfType,gltfFactory,boxType,boxFactory,textType,textFactory}from"./loaders";import{meterToMillimeter,generateRandomUniqueNumber,generateUUID}from"./convert";import*as JSZip from"jszip";import*as JSZipUtils from"jszip-utils";import*as minimap from"./minimap";import"../static/map.css";const _config={aws:{region:"ap-northeast-1",accessKeyId:"AKIAVVUXZ66KW7GBSW7A",secretAccessKey:"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'"},mp:{appKey:"a3ae8341bd8f44899eba16df86307d7d",urlParams:["help","play","nt","qs","brand","dh","tour","gt","hr","mls","mt","tagNav","pin","portal","f","fp","lang","kb","lp","st","title","tourcta","wts","ts","hl","vr","nozoom","search","wh"]},meet:{meetingKey:"caxaodrjl2sfxycnegzmxvkb4zp1fe"}};let _apiURL="http://localhost:5173/api";let _appKey=_config.mp.appKey;const urlParams=_config.mp.urlParams;let _iframe={};let _api;let _spaceId="";let _space=null;let _url="";let _mpConfig={};let _atwin={};let _tags=[];let _objects=[];let tags=[];let sweeps=[];let _allSlideShow=[];let _slideShowImage=[];let _currentSlideShowID=0;let _currentSlideIndex=0;let _currentSlideShow=null;var _timer=null;let _videos=[];let _currentViewMode="";let _3DXObjects=[];let _unrenderedObjects=[];let _transformControlNode;let _inputControlComponent;let selectedObject;let _previousTimeStamp=0;let _renderDistance=8;let _autoDetectNearbyObj=false;let _viewMode="public";let _transformMode="translate";let _transformComponent;let previousObjTransform={object_position:{x:0,y:0,z:0},object_rotation:{_x:0,_y:0,_z:0},object_scale:{x:0,y:0,z:0}};let currentObjTransform={object_position:{x:0,y:0,z:0},object_rotation:{_x:0,_y:0,_z:0},object_scale:{x:0,y:0,z:0}};let _previousAction;let actionHistory=[];let _currentSweep=null;let _currentCameraPose={};let _sweeps=[];let _isInitialLoad=true;let _hasRegisteredLoaders=false;let _showMinimap=false;let _sceneObject;let _assetLibrary=[];let _objectMarker;let _pointerSubscription;let _pointerCoord;let _urlComponentPaths=[];let _userId;let _textDimensions={top:{node:null,component:null},bottom:{node:null,component:null},left:{node:null,component:null},right:{node:null,component:null}};let _textDimensionIds=[];let state={isLoading:false,loaded:false,error:"",data:null};const supportedMediaTypes=["WMV","MOV","JPG","PNG","JPEG","image","video","FRAME"];const supportedModelTypes=["GLB","GLTF","FBX"];const supportedFileTypes=["ZIP",...supportedMediaTypes,...supportedModelTypes];function connectSpace(url,auth,config){return __awaiter(this,void 0,void 0,(function*(){console.log("connectSpace()");console.log("__config",config);_mpConfig=config;_url=url;if("apiURL"in auth){console.log("'apiURL' in auth");const lastString=auth.apiURL.slice(-1);if(lastString!=="/"){auth.apiURL+="/"}_apiURL=auth.apiURL}if("appKey"in config){console.log("'appKey' in config");_appKey=config.appKey}console.log("_apiURL",_apiURL);const api=axios.create({baseURL:_apiURL,headers:{"Access-Control-Allow-Origin":"*","Content-Type":"multipart/form-data",Authorization:auth.apiKey}});_api=api;if(config.viewMode==="interactive"){_viewMode="interactive"}const showcase=document.getElementById(config.iframeId);_iframe=showcase;if(url.includes("https://my.matterport.com/show/")){console.log("URL IS MATTERPORT");yield loadDefaultMpSpace(url,config,showcase)}else{console.log("URL IS REV-KITTEN");yield loadAtwinSpace(url,auth,config,showcase)}}))}function loadDefaultMpSpace(url,config,showcase){return __awaiter(this,void 0,void 0,(function*(){console.log("loadDefaultMpSpace(url: string, showcase: HTMLIFrameElement)",url,showcase);const iframeSrc=getIframeSrc(config,url);console.log("__iframeSrc",iframeSrc);showcase.src=iframeSrc;const showcaseWindow=showcase.contentWindow;showcase.addEventListener("load",(()=>__awaiter(this,void 0,void 0,(function*(){console.log('iframe.addEventListener("load")');console.log("showcaseWindow",showcaseWindow);try{_atwin=yield showcaseWindow.MP_SDK.connect(showcaseWindow);console.log("Hello Bundle SDK",_atwin);_atwin.App.state.subscribe((appState=>__awaiter(this,void 0,void 0,(function*(){console.log("appState",appState);if(appState.phase===_atwin.App.Phase.LOADING){console.log("App is loading...");yield _setTags()}else if(appState.phase===_atwin.App.Phase.STARTING){console.log("App is starting...")}else if(appState.phase===_atwin.App.Phase.PLAYING){console.log("App is playing...");onShowcaseConnect()}}))))}catch(e){console.error(e)}}))));const _setTags=()=>__awaiter(this,void 0,void 0,(function*(){console.log("_setTags()");const mpTags=yield _atwin.Mattertag.getData();if(mpTags){const filteredMpTags=mpTags.map((i=>{const x={};x.id=i.sid;x.name=i.label;return x}));tags=filteredMpTags;console.log("tags",tags)}}))}))}function loadAtwinSpace(url,auth,config,showcase){var _a;return __awaiter(this,void 0,void 0,(function*(){console.log("loadAtwinSpace(url: string, auth: { apiKey: string; user: IUser },config: IMPConfig, showcase: HTMLIFrameElement)");const spaceId=getSpaceId(url);_spaceId=spaceId;if(!spaceId){console.error("spaceId is undefined");return}if(_isInitialLoad){yield loginUser(auth.user)}const space=yield getSpace(spaceId);if(!space){console.error("space is undefined");return}setSpace(space);const iframeSrc=getIframeSrc(config,space.space_url);console.log("__iframeSrc",iframeSrc);showcase.src=iframeSrc;const tags=yield getTags(space);if(!tags){console.log("tags is undefined");return}setTags(tags);if(_isInitialLoad){(_a=showcase.contentWindow)===null||_a===void 0?void 0:_a.location.reload()}_isInitialLoad=false;const showcaseWindow=showcase.contentWindow;showcase.addEventListener("load",(()=>__awaiter(this,void 0,void 0,(function*(){console.log('iframe.addEventListener("load")');console.log("showcaseWindow",showcaseWindow);if(showcaseWindow.MP_SDK){try{_atwin=yield showcaseWindow.MP_SDK.connect(showcaseWindow);console.log("Hello Bundle SDK",_atwin);onShowcaseConnect()}catch(e){console.error(e)}}else{console.log("No showcaseWindow.MP_SDK found")}}))))}))}function onShowcaseConnect(){return __awaiter(this,void 0,void 0,(function*(){console.log("onShowcaseConnect()");try{const modelData=yield _atwin.Model.getData();console.log("Model sid:"+modelData.sid);_atwin.App.state.subscribe((appState=>__awaiter(this,void 0,void 0,(function*(){console.log("appState",appState);if(appState.phase===_atwin.App.Phase.LOADING){console.log("App is loading...");yield get3DObjects(_spaceId)}else if(appState.phase===_atwin.App.Phase.STARTING){console.log("App is starting...");yield hideTags()}else if(appState.phase===_atwin.App.Phase.PLAYING){console.log("App is playing...");yield showTags(_tags);yield getSweeps();_sceneObject=yield createSceneObject();yield setLighting();yield registerCustomLoaders();yield _atwin.Asset.registerTexture("targetPointer","../static/objective.png");create3dMarker();_atwin.Sweep.current.subscribe((function(currentSweep){return __awaiter(this,void 0,void 0,(function*(){console.log("===currentSweep",currentSweep);if(currentSweep.sid===""){console.log("Not currently stationed at a sweep position")}else{_currentSweep=currentSweep;videoAutoPlay()}}))}));_atwin.Camera.pose.subscribe((function(pose){return __awaiter(this,void 0,void 0,(function*(){_currentCameraPose=pose;const hasElapsed=hasTimeElapsed(300);if(hasElapsed){console.log("_unrenderedObjects "+_unrenderedObjects.length);yield renderOnDemand()}if(hasTimeElapsed(1e3)&&_autoDetectNearbyObj){getNearbyObjects({type:"ALL",distance:2})}}))}));_atwin.Mode.current.subscribe((mode=>{_currentViewMode=mode}));if("mapId"in _mpConfig){yield minimap.setMap(_atwin,_appKey,_mpConfig.mapId)}}}))))}catch(e){console.error(e)}}))}function hasTimeElapsed(maxTime){const currentTimestamp=Date.now();const differenceInMilliseconds=(currentTimestamp-_previousTimeStamp)%1e3;_previousTimeStamp=currentTimestamp;if(differenceInMilliseconds>=maxTime){return true}else{return false}}function getNearbyUnrenderedObjects(payload){let toBeRendered=[];const currentPose={x:_currentCameraPose.position.x,y:_currentCameraPose.position.y,z:_currentCameraPose.position.z};toBeRendered=_unrenderedObjects.filter((obj=>{const obj_pos={x:obj.object_position.x,y:obj.object_position.y,z:obj.object_position.z};const distance=calculateDistance(currentPose,obj_pos);return distance<payload.distance}));const filtered=_unrenderedObjects.filter((obj=>toBeRendered.indexOf(obj)===-1));_unrenderedObjects=filtered;console.log("render toBeRendered "+toBeRendered.length);return toBeRendered}function getNearbyObjects(payload){if(payload.type===undefined||payload.type===""){payload.type="ALL"}if(payload.distance===undefined){payload.distance=2}const pos1={x:_currentCameraPose.position.x,y:_currentCameraPose.position.y,z:_currentCameraPose.position.z};let three_d=[];let videos=[];let slideshows=[];if(payload.type==="ALL"||"3DX"){three_d=_3DXObjects.filter((obj=>{const pos2={x:obj.node.position.x,y:obj.node.position.y,z:obj.node.position.z};const distance=calculateDistance(pos1,pos2);console.log("3DX Distance: "+distance);return distance<payload.distance}))}if(payload.type==="ALL"||"VIDEO"){videos=_videos.filter((vid=>{const pos2={x:vid.node.position.x,y:vid.node.position.y,z:vid.node.position.z};const distance=calculateDistance(pos1,pos2);console.log("Video Distance: "+distance);return distance<payload.distance}))}if(payload.type==="ALL"||"SLIDESHOW"){slideshows=_allSlideShow.filter((slide=>{const pos2={x:slide.node.position.x,y:slide.node.position.y,z:slide.node.position.z};const distance=calculateDistance(pos1,pos2);console.log("Slideshow Distance: "+distance);return distance<payload.distance}))}console.log("nearby3DXObjects "+three_d.length);console.log("nearbyVideos "+videos.length);console.log("nearbySlideshows "+slideshows.length);return{x3d:three_d,videos:videos,slideshows:slideshows}}function setRenderDistance(distance){if(!Number.isInteger(distance)){console.error("Render distance argument is not a valid number");return}_renderDistance=distance}function createSceneObject(){return __awaiter(this,void 0,void 0,(function*(){const[sceneObject]=yield _atwin.Scene.createObjects(1);return sceneObject}))}function show3DObjects(object,options=null,action="loading"){var _a;return __awaiter(this,void 0,void 0,(function*(){const modelNode=_sceneObject.addNode();if(options==null){options={url:(_a=object.object_data)===null||_a===void 0?void 0:_a.amazon_uri,type:object.object_data.object_type}}const component=modelNode.addComponent(getComponentLoader(object.object_data),options);if(!component.inputs){console.error("component.inputs is undefined");return}const objTransformation={object_position:typeof object.object_position!=="string"?object.object_position:JSON.parse(object.object_position),object_rotation:object.object_rotation,object_scale:object.object_scale};setObjectTransformation(modelNode,objTransformation);let type;if(object.object_data.object_type=="image"||object.object_data.object_type=="video"){type="FRAME"}else{type=object.object_data.object_type}modelNode.start();if(action==="adding"){console.log("Saving object...");const id=yield addShowcaseObject(object);if(id){console.log("Saved with unique object",id);object.id=id}else{console.log("Saved with random object",id);object.id=generateRandomUniqueNumber()}}_3DXObjects.push({object:object,component:component,node:modelNode,type:type});console.log("_3DXObjects ",component);if(_viewMode==="interactive"&&object.object_data.object_type=="GLB"){const eventPath=_sceneObject.addEmitPath(component,"gltfevents");_sceneObject.spyOnEvent(new ClickSpy(eventPath,modelNode,component,object));_sceneObject.addInputPath(component,"animationState",`animationState_${object.id}`)}else if(_viewMode==="interactive"&&object.object_data.object_type=="BOX"){const eventPath=_sceneObject.addEmitPath(component,"boxEvents");_sceneObject.spyOnEvent(new ClickSpy(eventPath,modelNode,component,object));_sceneObject.addInputPath(component,"basePosition",`basePosition_${object.id}`);_sceneObject.addInputPath(component,"localPosition",`localPosition_${object.id}`)}else if(supportedMediaTypes.includes(object.object_data.object_type)){const emitPath=_sceneObject.addEmitPath(component,"planeEvents");_sceneObject.spyOnEvent(new EmitSpy(emitPath,modelNode,component,object));_sceneObject.addInputPath(component,"url",`url_${object.object_data.id}`);_sceneObject.addInputPath(component,"type",`type_${object.object_data.id}`)}}))}function setAnimationState(action,modelId){const actions=["play","stop"];let animationStatePath;if(actions.includes(action)){if(modelId){for(const{desc:desc,path:path}of _sceneObject.pathIterator()){if(desc.id===`animationState_${modelId}`){animationStatePath=path}}animationStatePath.set(action);return}console.error("id of object is undefined");return}console.error("Argument for action is not valid");return}function show3dText(object,options=null,direction="top"){const modelNode=_sceneObject.addNode();const text=options.text;options={text:text,fontSize:.09,background:false,centered:true,height:.001,curveSegments:12,bevelEnabled:false,bevelThickness:10,bevelSize:8,bevelOffset:0,bevelSegments:5};const component=modelNode.addComponent(getComponentLoader(object.object_data),options);if(!component.inputs){console.error("component.inputs is undefined");return}const rotation={x:currentObjTransform.object_rotation._x,y:currentObjTransform.object_rotation._y,z:currentObjTransform.object_rotation._z};setTextDimensionPosition(modelNode,component,direction,currentObjTransform.object_position,rotation);modelNode.start();_textDimensionIds.push(modelNode.id);_sceneObject.addInputPath(component,"visible",`visible_${modelNode.id}`);if(direction=="left"){_sceneObject.addInputPath(component,"text",`textDepth_${modelNode.id}`)}else if(direction=="right"){_sceneObject.addInputPath(component,"text",`textHeight_${modelNode.id}`)}else if(direction=="bottom"){_sceneObject.addInputPath(component,"text",`textBottom_${modelNode.id}`)}return{node:modelNode,component:component}}function showObjectDimensions(selected){console.log("Selected object",selectedObject);const textObj=selected.object;textObj.object_data.object_type="TEXT";const THREE=selected.component.context.three;const objectModel=selected.component.mesh;const boundingBox=(new THREE.Box3).setFromObject(objectModel);const width=boundingBox.max.x-boundingBox.min.x;const depth=boundingBox.max.y-boundingBox.min.y;const height=boundingBox.max.z-boundingBox.min.z;_textDimensions.top=show3dText(textObj,{text:selected.object.object_data.name},"top");_textDimensions.bottom=show3dText(textObj,{text:`W: ${meterToMillimeter(width)}mm`},"bottom");_textDimensions.left=show3dText(textObj,{text:`D: ${meterToMillimeter(depth)}mm`},"left");_textDimensions.right=show3dText(textObj,{text:`H: ${meterToMillimeter(height)}mm`},"right");console.log("Selected object",selectedObject)}function hideObjectDimensions(){let visiblePath;if(!_textDimensions.top){console.error("_textDeminsion is undefined");return}_textDimensionIds.forEach((index=>{for(const{desc:desc,path:path}of _sceneObject.pathIterator()){if(desc.id===`visible_${_textDimensionIds[index]}`){visiblePath=path}}visiblePath.set(false)}))}function setTextDimensionLabel(node,size){let textPath;for(const{desc:desc,path:path}of _sceneObject.pathIterator()){if(desc.id===`textDepth_${node.id}`){textPath=path;textPath.set(`D: ${meterToMillimeter(size.z)}mm`)}if(desc.id===`textHeight_${node.id}`){textPath=path;textPath.set(`H: ${meterToMillimeter(size.y)}mm`)}if(desc.id===`textBottom_${node.id}`){textPath=path;textPath.set(`W: ${meterToMillimeter(size.x)}mm`)}}}function setTextDimensionPosition(node,component,direction,position,rotation){console.log("setTextDimensionPosition()");const THREE=selectedObject.component.context.three;const objectModel=selectedObject.component.mesh;const boundingBox=(new THREE.Box3).setFromObject(objectModel);const width=boundingBox.max.x-boundingBox.min.x;const depth=boundingBox.max.y-boundingBox.min.y;const height=boundingBox.max.z-boundingBox.min.z;let newPosition;if(direction==="top"){newPosition={x:position.x-rotation.y,y:position.y+height/2,z:position.z-depth+rotation.z}}else if(direction==="bottom"){newPosition={x:position.x,y:position.y-height/2,z:position.z-depth/3}}else if(direction==="left"){newPosition={x:position.x-width/1.3,y:position.y-height/2,z:position.z-depth+rotation.y}}else if(direction==="right"){newPosition={x:position.x+width/1.3-rotation.y,y:position.y,z:position.z-depth}}const objTransformation={object_position:{x:newPosition.x,y:newPosition.y,z:newPosition.z},object_rotation:rotation,object_scale:{x:.001,y:.001,z:.001}};setTextDimensionLabel(node,{x:width,y:depth,z:height});setObjectTransformation(node,objTransformation)}function renderOnDemand(){return __awaiter(this,void 0,void 0,(function*(){if(_unrenderedObjects.length!==0){console.log("renderOnDemand()");registerCustomLoaders();const objects=getNearbyUnrenderedObjects({type:"",distance:_renderDistance});objects.forEach((obj=>__awaiter(this,void 0,void 0,(function*(){var _a,_b,_c,_d;if(((_a=obj.object_data)===null||_a===void 0?void 0:_a.object_type)==="FBX"||((_b=obj.object_data)===null||_b===void 0?void 0:_b.object_type)==="GLB"||supportedMediaTypes.includes(obj.object_data.object_type)){yield show3DObjects(obj)}else if(((_c=obj.object_data)===null||_c===void 0?void 0:_c.object_type)==="MP4"){yield showVideoObjects(obj)}else if(((_d=obj.object_data)===null||_d===void 0?void 0:_d.object_type)==="ZIP"){yield showSlideScreenModel(obj)}}))))}}))}function getIframeSrc(config,url){console.log("getIframeSrc()",config,url);const modelId=url.split("?m=")[1];if(!modelId){console.error("modelId is undefined");return""}let src=``;if("bundlePath"in config){const lastString=config.bundlePath.slice(-1);if(lastString!=="/"){config.bundlePath+="/"}src+=`${config.bundlePath}showcase.html?m=${modelId}&applicationKey=${_appKey}&newtags=1`}else{if(config.prod===undefined||config.prod===null){config.prod=true}if(config.prod){src+=`node_modules/architwin/bundle/showcase.html?m=${modelId}&applicationKey=${_appKey}&newtags=1`}else{src+=`architwin/bundle/showcase.html?m=${modelId}&applicationKey=${_appKey}&newtags=1`}}console.log("__src",src);for(let param of urlParams){if(param in config){src+=`&${param}=${config[param]}`}}return src}function loginUser(user){return __awaiter(this,void 0,void 0,(function*(){console.log("loginUser(user)",user);const response=yield _api.post("/cas/tickets?email="+user.email+"&password="+user.password);console.log("loginUser, response",response.status,response.data);console.log("loginUser, response",response.status,response.data.data.auth.user.id);_userId=response.data.data.auth.user.id;if(response.status==200){return response.data}else{return response}}))}function getSpace(spaceId){return __awaiter(this,void 0,void 0,(function*(){console.log("getShowcase(spaceId: string)",spaceId);const response=yield _api.get(`/v1/showcases/id/${spaceId}`);console.log("response",response);if(response.status===200){if(response.data.data.length===0){console.error("No data")}return response.data.data[0]}else{console.error("Error in fetchShowcase()"+response)}return null}))}function getSpaceId(url){const urlArray=url.split(/^(([^:\/?#]+):)?(\/\/([^\/?#]*))?([^?#]*)(\?([^#]*))?(#(.*))?/);const path=urlArray[5];const spaceId=path.split("/")[3];console.log("urlArray",urlArray);console.log("path",path);if(!spaceId){console.error("spaceId is undefined");return}return spaceId}function setSpace(space){console.log("setSpace(space: ISpace)",space);_space=space}function getTags(space){return __awaiter(this,void 0,void 0,(function*(){console.log("getTags()");try{const response=yield _api.get(`/v1/tags/showcase-id/${space.id}`);console.log("response",response);if(response.status===200){const tags=response.data.data;if(!tags){console.error("tags is undefined")}return tags}else{console.error("Custom Error: Unable to fetch tags")}}catch(error){console.error(error)}return null}))}function setTags(tags){return __awaiter(this,void 0,void 0,(function*(){console.log("setTags()",tags);_tags=tags.map((tag=>{tag.json_data=JSON.parse(tag.json_data);tag.json_data.id=tag.json_data.sid;return tag}));mapTags(_tags)}))}function get3DObjects(showcase_id){return __awaiter(this,void 0,void 0,(function*(){if(showcase_id){try{const id=parseInt(showcase_id);console.log("showcase_id "+id);const response=yield _api.get(`/v1/showcase-objects/showcase-id/${id}`);const showcase_objects=response.data.data;console.log("showcase_objects "+JSON.stringify(showcase_objects));const object_ids=showcase_objects.map((obj=>obj.object_id));try{const response=yield _api.get(`/v1/objects`);console.log("Finished getting objects");const object_data=response.data.data.filter((obj=>object_ids.includes(obj.id)));_assetLibrary=object_data;console.log("object_data length "+object_data.length);const objectDataMap=object_data.reduce(((map,obj)=>{map[obj.id]=obj;return map}),{});console.log("object_data"+JSON.stringify(object_data));const threed_objects=showcase_objects.map((showcase=>{const target=objectDataMap[showcase.object_id];if(target){showcase.object_data=target}if(showcase.object_position){showcase.object_position=typeof showcase.object_position==="string"?JSON.parse(showcase.object_position):showcase.object_position}if(showcase.object_rotation){showcase.object_rotation=typeof showcase.object_rotation==="string"?JSON.parse(showcase.object_rotation):showcase.object_rotation}if(showcase.object_scale){showcase.object_scale=typeof showcase.object_scale==="string"?JSON.parse(showcase.object_scale):showcase.object_scale}return showcase}));console.log("get3DObjectsByShowcaseId "+JSON.stringify(threed_objects));_unrenderedObjects=threed_objects;const check=_unrenderedObjects.filter((obj=>obj.object_data.object_type==="PNG"));console.log("Check for media screen",check);return threed_objects}catch(error){console.error("threed_objects "+error)}}catch(error){console.error("get3DObjectsByShowcaseId "+error)}}return[]}))}function gotoTag(tag_id){return __awaiter(this,void 0,void 0,(function*(){console.log("gotoTag(tag: tag_id)",tag_id);if(!tag_id){console.error("tag is undefined");return}try{yield _atwin.Mattertag.navigateToTag(tag_id,_atwin.Mattertag.Transition.FLY)}catch(error){console.error(error)}}))}function showTags(tags){return __awaiter(this,void 0,void 0,(function*(){tags.forEach(((tag,indx)=>__awaiter(this,void 0,void 0,(function*(){const mpData=tag.json_data;if(!mpData){console.error("tag.json_data/mpData is undefined");return}const tagIds=yield _atwin.Tag.add({anchorPosition:mpData.anchorPosition,color:mpData.color,description:mpData.description,id:mpData.sid,label:mpData.label,stemVector:mpData.stemVector,stemVisible:mpData.stemVisible});if(tagIds){tag.json_data.id=tagIds[0];if(tag.json_data.media&&tag.json_data.media.src.trim()!==""){try{console.log("Attaching media...");const[attachmentId1]=yield _atwin.Tag.registerAttachment(tag.json_data.media.src);tag.json_data["attachments"]=[attachmentId1];yield _atwin.Tag.attach(tag.json_data.sid,attachmentId1);console.log("Media successfully attached")}catch(error){console.warn("Custom warn: Media not attached: Invalid media src link: "+error);console.warn(`mediaSrc: ${tag.json_data.media.src} | tag index: ${indx}`)}}}}))));console.log("tags",_tags)}))}function hideTags(){return __awaiter(this,void 0,void 0,(function*(){console.log("hideTags()");const tags=yield _atwin.Mattertag.getData();if(tags){const tagIds=tags.map((i=>i.sid));yield _atwin.Mattertag.remove(tagIds);console.log("Tags removed in space: ",tagIds)}}))}function mapTags($tags){console.log("mapTags()",$tags);tags=$tags.map((i=>{const x={};x.id=i.json_data.id;x.name=i.json_data.label;return x}));console.log("tags",tags)}function getCurrentSweep(){return _currentSweep}function getCurrentCameraPose(){return _currentCameraPose}function getCameraPosition(){return _currentCameraPose.position}function getCurrentSweepPosition(){return _currentSweep.position}function getSweeps(){return __awaiter(this,void 0,void 0,(function*(){console.log("Getting Sweeps in Space");_atwin.Sweep.data.subscribe({onCollectionUpdated:function(collection){console.log("Sweeps In Space",collection);if(!collection){console.log("No Sweeps in loaded Space")}_sweeps=collection;const sw=Object.values(_sweeps);sweeps=sw.map((item=>({id:item.uuid,position:item.position,neighbors:item.neighbors})))}});return sweeps}))}function moveToSweep(sweepId){return __awaiter(this,void 0,void 0,(function*(){const transition=_atwin.Sweep.Transition.FLY;const transitionTime=2e3;console.log("Sweep Move",sweepId);_atwin.Sweep.moveTo(sweepId,{transition:transition,transitionTime:transitionTime}).then((function(){console.log("Sweep Arrived at sweep "+sweepId)})).catch((function(error){console.log("Sweep Error on Arriving",error)}))}))}function getNearbySweeps(sweepId){return __awaiter(this,void 0,void 0,(function*(){if(sweepId){const nearby=yield sweeps.find((item=>item.id==sweepId)).neighbors;console.log("Nearby Sweeps",nearby);return nearby}else{console.log("No Nearby Sweeps")}}))}function getComponentLoader(object){console.log("getComponentLoader()",object);if(object){let index=object.object_type;if(supportedMediaTypes.includes(object.object_type)){console.log("====Loader planeType");return planeType}let component={FBX:_atwin.Scene.Component.FBX_LOADER,GLB:gltfType,MP4:"liveVideo",ZIP:"slideScreenModel",BOX:boxType,TEXT:textType};console.log("====Loader",component[index]);return component[index]||""}return""}function setSelectedObject(data,node,component,type){selectedObject={object:data,component:component,node:node,type:type};const previousCoords={object_position:selectedObject.node.obj3D.position,object_rotation:selectedObject.node.obj3D.rotation,object_scale:selectedObject.node.obj3D.scale};_previousAction=JSON.stringify(previousCoords);actionHistory.push(_previousAction);console.log("Previous transform "+JSON.stringify(previousObjTransform));console.log("setSelectedObject()")}function clearSelectedObject(){console.log("clearSelectedObject()");selectedObject=undefined}function setLighting(){return __awaiter(this,void 0,void 0,(function*(){const[sceneObject]=yield _atwin.Scene.createObjects(1);const lights=sceneObject.addNode();lights.addComponent("mp.directionalLight",{intensity:.6,color:{r:1,g:1,b:1}});lights.addComponent("mp.ambientLight",{intensity:.6,color:{r:1,g:1,b:1}});lights.start()}))}function removeTransformControls(){if(!_transformControlNode){console.error("_transformControlNode is undefined");return}if(!_inputControlComponent){console.error("!_inputControlComponent is undefined");return}_transformControlNode.stop();_inputControlComponent.cancel();console.log("removeTransformControls()")}function setTransformControls(selectedObject,mode="translate"){console.log("Object to be transformed "+selectedObject.object.object_data.name);removeTransformControls();const transformNode=_sceneObject.addNode();const transformComponent=transformNode.addComponent("mp.transformControls");_transformControlNode=transformNode;const inputComponent=transformNode.addComponent("mp.input",{eventsEnabled:true,userNavigationEnabled:true});_transformComponent=transformComponent;if(selectedObject.object.object_data.object_type=="GLB"){const eventPath=_sceneObject.addEmitPath(selectedObject.component,"gltfevents");_inputControlComponent=inputComponent.spyOnEvent(new DragSpy(eventPath,selectedObject.node,selectedObject.component,selectedObject.object))}else if(selectedObject.object.object_data.object_type=="BOX"){const eventPath=_sceneObject.addEmitPath(selectedObject.component,"boxEvents");_inputControlComponent=inputComponent.spyOnEvent(new DragSpy(eventPath,selectedObject.node,selectedObject.component,selectedObject.object))}else if(supportedMediaTypes.includes(selectedObject.object.object_data.object_type)){const eventPath=_sceneObject.addEmitPath(selectedObject.component,"planeEvents");_inputControlComponent=inputComponent.spyOnEvent(new DragSpy(eventPath,selectedObject.node,selectedObject.component,selectedObject.object))}transformNode.start();transformComponent.inputs.selection=selectedObject.node;transformComponent.inputs.mode=mode}function setTransformMode(mode){return __awaiter(this,void 0,void 0,(function*(){if(mode=="translate"){_transformMode="translate"}else if(mode=="rotate"){_transformMode="rotate"}else if(mode=="scale"){_transformMode="scale"}else{console.error("Transform mode not supported or incorrect")}_transformComponent.inputs.mode=_transformMode}))}function revertTransform(action="undo"){if(!selectedObject){console.error("selectedObject is undefined.");return}if(!currentObjTransform){console.error("currentObjTransform is undefined");return}if(actionHistory.length<=0){console.error("actionHistory is empty");return}let targetIndex;let nextIndex;const index=actionHistory.indexOf(JSON.stringify(currentObjTransform));console.log(`Action is ${action} and index is ${index}`);if(action==="undo"){if(index-1>=0){targetIndex=index-1;nextIndex=targetIndex-1}else{return false}}else if(action==="redo"){if(index+1<=actionHistory.length){targetIndex=index+1;nextIndex=targetIndex+1}else{return false}}else{console.error("Incorrect function argument for revertTransform");return false}previousObjTransform=JSON.parse(_previousAction);if(!actionHistory[targetIndex]){console.error("actionHistory is either empty or undefined");return}const objectTransform=JSON.parse(actionHistory[targetIndex]);const euler=convertToEuler(objectTransform.object_rotation);objectTransform.object_rotation={_x:euler.x,_y:euler.y,_z:euler.z};setObjectTransformation(selectedObject.node,objectTransform,true);console.log("Action history length "+actionHistory.length);console.log("Current history position "+index);console.log("Target history position "+targetIndex);currentObjTransform=JSON.parse(actionHistory[targetIndex]);if(action=="undo"&&nextIndex>=0){return false}else if(action=="redo"&&nextIndex<=actionHistory.length){return false}else{return true}}function clearActionHistory(){console.info("clearActionHistory()");actionHistory=[]}function convertToEuler(coords){const eulerX=Math.atan2(coords._x,coords._x);const eulerY=Math.atan2(-coords._x,Math.sqrt(coords._y*coords._y+coords._z*coords._z));const eulerZ=Math.atan2(coords._x,coords._x);const degreesX=eulerX*(180/Math.PI);const degreesY=eulerY*(180/Math.PI);const degreesZ=eulerZ*(180/Math.PI);const eulerCoords={x:degreesX,y:degreesY,z:degreesZ};console.log("Euler coords "+JSON.stringify(eulerCoords));return eulerCoords}function setObjectTransformation(node,transform,reverting=false){node.obj3D.scale.set(transform.object_scale.x,transform.object_scale.y,transform.object_scale.z);node.obj3D.position.set(transform.object_position.x,transform.object_position.y,transform.object_position.z);if(reverting){node.obj3D.rotation.set(transform.object_rotation._x,transform.object_rotation._y,transform.object_rotation._z)}else{node.obj3D.rotation.set(transform.object_rotation.x,transform.object_rotation.y,transform.object_rotation.z)}}function calculateDistance(pos1,pos2){const dx=pos2.x-pos1.x;const dy=pos2.y-pos1.y;const dz=pos2.z-pos1.z;return Math.sqrt(dx*dx+dy*dy+dz*dz)}function showVideoObjects(object,action="loading"){var _a,_b;return __awaiter(this,void 0,void 0,(function*(){const liveStreamNode=_sceneObject.addNode();var liveStreamComponent=liveStreamNode.addComponent(getComponentLoader(object.object_data),{url:(_a=object.object_data)===null||_a===void 0?void 0:_a.amazon_uri});liveStreamNode.position.set(object.object_position.x,object.object_position.y,object.object_position.z);liveStreamNode.obj3D.rotation.set(object.object_rotation.x,object.object_rotation.y,object.object_rotation.z);liveStreamNode.scale.set(object.object_scale.x,object.object_scale.y,object.object_scale.z);if(liveStreamComponent.outputs.loadingState!="Error"){liveStreamNode.start()}liveStreamComponent.inputs.src=(_b=object.object_data)===null||_b===void 0?void 0:_b.amazon_uri;if(action==="adding"){console.log("Saving object...");const id=yield addShowcaseObject(object);if(id){console.log("Saved object",id);object.id}}_videos.push({object:object,component:liveStreamComponent,node:liveStreamNode,collider:liveStreamComponent.outputs,type:"VIDEO"})}))}function playVideo(videoId){let videoObject=_videos.find((object=>object.object.id==videoId));if(videoObject){videoObject.component.video.play()}else{console.error("Unable to find video object using that id")}}function pauseVideo(videoId){let videoObject=_videos.find((object=>object.object.id==videoId));if(videoObject){videoObject.component.video.pause()}else{console.error("Unable to find video object using that id")}}function videoAutoPlay(){function nearestVideo(videoObject){return __awaiter(this,void 0,void 0,(function*(){let videoPosition=videoObject.object.object_position;let cameraPosition=getCurrentSweepPosition();const camPos={x:cameraPosition.x,y:cameraPosition.y,z:cameraPosition.z};const videoPos={x:videoPosition.x,y:videoPosition.y,z:videoPosition.z};const THREE=videoObject.component.context.three;const v3camPos=new THREE.Vector3(cameraPosition.x,cameraPosition.y,cameraPosition.z);const v3videoPos=new THREE.Vector3(videoPosition.x,videoPosition.y,videoPosition.z);const computedDistance=v3camPos.distanceTo(v3videoPos);try{if(videoObject.object.autoplay&&videoObject.object.autoplay_distance&&computedDistance<videoObject.object.autoplay_distance){setVideoPlayback("play",videoObject.component.video)}else{setVideoPlayback("pause",videoObject.component.video)}}catch(e){console.error("Unable to play or stop video")}}))}_videos.forEach((videoObject=>nearestVideo(videoObject)))}function createVideoComponent(){function videoRenderer(){this.inputs={visible:true,userNavigationEnabled:true,eventsEnabled:true,colliderEnabled:true,src:null};this.outputs={texture:null,video:null,aspect:720/480};this.onInit=function(){this.video;this.texture};this.events={"INTERACTION.CLICK":true};this.onEvent=function(eventType,eventData){return __awaiter(this,void 0,void 0,(function*(){if(eventType=="INTERACTION.CLICK"&&_viewMode==="interactive"){let video=_videos.filter((l=>{var _a,_b,_c,_d;return(_d=((_b=(_a=l.collider)===null||_a===void 0?void 0:_a.collider)===null||_b===void 0?void 0:_b.uuid)==((_c=eventData.collider)===null||_c===void 0?void 0:_c.uuid))!==null&&_d!==void 0?_d:false}))[0];console.log("Video object "+JSON.stringify(video.object));const selectedObj={object:video.object,node:video.node,component:video.component};clearActionHistory();setSelectedObject(video.object,video.node,video.component,"VIDEO");setTransformControls(selectedObj)}}))};this.onInputsUpdated=function(previous){this.releaseTexture();const THREE=this.context.three;if(!this.inputs.src){this.video.src="";return}if(this.inputs.src instanceof HTMLVideoElement){this.video=this.inputs.src}else{this.video=this.createVideoElement();if(typeof this.inputs.src==="string"){this.video.src=this.inputs.src}else{this.video.srcObject=this.inputs.src}this.video.load()}this.texture=new THREE.VideoTexture(this.video);this.texture.minFilter=THREE.LinearFilter;this.texture.magFilter=THREE.LinearFilter;this.texture.format=THREE.RGBFormat;var geometry=new THREE.PlaneGeometry(1,1);geometry.scale(1,480/720,1);geometry.translate(0,.33,0);this.material=new THREE.MeshBasicMaterial({map:this.texture,side:THREE.DoubleSide});var mesh=new THREE.Mesh(geometry,this.material);this.outputs.objectRoot=mesh;this.outputs.collider=mesh;mesh.visible=this.inputs.visible;this.outputs.texture=this.texture;this.outputs.video=this.video};this.releaseTexture=function(){if(this.texture){this.outputs.texture=null;this.texture.dispose()}};this.createVideoElement=function(){const video=document.createElement("video");video.setAttribute("id","htmlLivestreamVideo");video.crossOrigin="anonymous";video.setAttribute("height","480");video.setAttribute("width","720");video.setAttribute("webkit-playsinline","webkit-playsinline");video.setAttribute("controls","controls");video.muted=false;video.loop=true;video.volume=1;return video};this.onTick=function(tickDelta){};this.onDestroy=function(){this.material.dispose()};this.spyOnEvent=function(payload){console.log("payload",payload)}}function makeVideoRender(){return new videoRenderer}_atwin.Scene.register("liveVideo",makeVideoRender)}function createSlideScreenModel(){function SlideScreenModelRenderer(){this.inputs={src:null,userNavigationEnabled:true,eventsEnabled:true,colliderEnabled:true,visible:true};this.outputs={texture:null,t_image:null};this.onInit=function(){this.texture;this.t_image;this.material;this.mesh};this.events={"INTERACTION.CLICK":true};this.onEvent=function(eventType,eventData){return __awaiter(this,void 0,void 0,(function*(){console.log("onEventSlideShow",eventType,eventData);if(eventType=="INTERACTION.CLICK"){if(_allSlideShow.length>0){let slideshow=_allSlideShow.filter((l=>{var _a,_b,_c,_d;return(_d=((_b=(_a=l.collider)===null||_a===void 0?void 0:_a.collider)===null||_b===void 0?void 0:_b.uuid)==((_c=eventData.collider)===null||_c===void 0?void 0:_c.uuid))!==null&&_d!==void 0?_d:false}))[0];console.log("Slideshow object "+JSON.stringify(slideshow.object));if(_viewMode==="interactive"){const selectedObj={object:slideshow.object,node:slideshow.node,component:slideshow.component,type:"ZIP"};clearActionHistory();setSelectedObject(slideshow.object,slideshow.node,slideshow.component,"ZIP");setTransformControls(selectedObj)}console.log("slideShow eventData",slideshow);if(slideshow!=null){console.log("slideShow eventData",slideshow);var mousePosition=yield getMousePosition();var planePosition=slideshow.node.obj3D.position;console.log("MOUSE POSITION",mousePosition);console.log("PLANE POSITION",planePosition);if(slideshow.object.object_data.object_type=="ZIP"){if(slideshow.object.id!=_currentSlideShowID){_currentSlideIndex=_slideShowImage.find((elem=>elem.id===slideshow.object.id)).idx;console.log("CURRENT INDEX",_currentSlideIndex);_currentSlideShow=_slideShowImage.find((elem=>elem.id===slideshow.object.id)).images;console.log("CURRENT SLIDE",_currentSlideShow)}if(slideshow.object.id==_currentSlideShowID){console.log("ChangeImage",slideshow,_currentSlideShowID);if(planePosition.x<mousePosition.x){console.log("LEFT SIDE");clearInterval(_timer);this.inputs.src=imageStream("prev")}else if(planePosition.y<mousePosition.y){console.log("RIGHT SIDE");clearInterval(_timer);this.inputs.src=imageStream("next")}else if(planePosition.y>mousePosition.y){console.log("AUTOPLAY");_timer=setInterval((()=>{_currentSlideIndex=(_currentSlideIndex+1)%_currentSlideShow.length;console.log("CURRENT INDEX",_currentSlideIndex);this.inputs.src=imageStream("next")}),2e3)}}else{_currentSlideShowID=slideshow.object.id}}}}}}))};this.onInputsUpdated=function(previous){this.releaseTexture();const three=this.context.three;this.t_image=document.createElement("IMG");this.t_image.src=this.inputs.src;this.t_image.setAttribute("width","auto");this.t_image.setAttribute("height","auto");this.t_image.crossOrigin="anonymous";const planeGeo=new three.PlaneGeometry(1.5,1.5);planeGeo.translate(0,.33,0);if(previous.src!=this.inputs.src){this.texture=(new three.TextureLoader).load(this.t_image.src,((tex=this.texture)=>{tex.minFilter=three.LinearFilter;tex.magFilter=three.LinearFilter;tex.format=three.RGBAFormat;tex.needsUpdate=true;tex.onUpdate=this.textureUpdated;this.material=new three.MeshBasicMaterial({map:this.texture,side:three.DoubleSide,transparent:true,alphaTest:.5});this.mesh=new three.Mesh(planeGeo,this.material);this.mesh.scale.set(1,this.texture.image.height/this.texture.image.width,1);this.outputs.objectRoot=this.mesh;this.outputs.collider=this.mesh;this.outputs.texture=this.texture;this.outputs.t_image=this.t_image}))}if(this.mesh!=null){this.mesh.visible=this.inputs.visible}};this.textureUpdated=function(params){console.log("Update Callback",params)};this.releaseTexture=function(){if(this.texture){this.outputs.texture=null}};this.onTick=function(tickDelta){};this.onDestroy=function(){this.material.dispose();this.texture.dispose()}}function makeSlideScreenModelRenderer(){return new SlideScreenModelRenderer}_atwin.Scene.register("slideScreenModel",makeSlideScreenModelRenderer)}function registerCustomLoaders(){return __awaiter(this,void 0,void 0,(function*(){if(_hasRegisteredLoaders===false){console.log("registerCustomLoaders()");createVideoComponent();createSlideScreenModel();yield _atwin.Scene.registerComponents([{factory:planeFactory(_atwin),name:planeType},{factory:gltfFactory(_atwin),name:gltfType},{factory:boxFactory(_atwin),name:boxType},{factory:textFactory(_atwin),name:textType}]);_hasRegisteredLoaders=true}}))}function showSlideScreenModel(object,action="loading"){return __awaiter(this,void 0,void 0,(function*(){const modelNode=_sceneObject.addNode();const component=modelNode.addComponent("slideScreenModel");console.log("COMPONENT",component);const objTransformation={object_position:object.object_position,object_rotation:object.object_rotation,object_scale:object.object_scale};setObjectTransformation(modelNode,objTransformation);modelNode.start();yield addImageToSlideShow(object.object_data,component,object.id);console.log("SLIDE OUTPUT",component.outputs);if(action==="adding"){console.log("Saving object...");const id=yield addShowcaseObject(object);if(id){console.log("Saved object",id);object.id}}var slideShow={collider:component.outputs,object:object,node:modelNode,component:component,type:"ZIP"};_allSlideShow.push(slideShow);console.log("ALL SLIDESHOW",_allSlideShow)}))}function addImageToSlideShow(data,component,objectID){return __awaiter(this,void 0,void 0,(function*(){var dataList=[];yield new JSZip.external.Promise((function(resolve,reject){JSZipUtils.getBinaryContent(data.amazon_uri,(function(err,data){if(err){console.log("getBI error",err);reject(err)}else{console.log("getBI success",data);resolve(data)}}))})).then((function(data){console.log("data from getBI",data);return JSZip.loadAsync(data)})).then((data=>{console.log("data from loadAsync",data);for(let key in data.files){if(key.includes("__MACOSX"))continue;if(key.includes(".DS_Store"))continue;if(data.files[key].dir)continue;let base=data.file(data.files[key].name).async("base64");base.then((res=>{dataList.push({name:data.files[key].name,path:`data:image/png;base64,${res}`});if(dataList.length==1){component.inputs.src=`data:image/png;base64,${res}`}}))}_slideShowImage.push({id:objectID,images:dataList,idx:0,playID:null,play:false,comp:component})}))}))}function getMousePosition(){return __awaiter(this,void 0,void 0,(function*(){let planePosition;const pointer=_atwin.Pointer.intersection.subscribe((function(intersection){planePosition=intersection.position}));pointer.cancel();return planePosition}))}function imageStream(direction){let diff=direction==="prev"?-1:1;let length=_currentSlideShow.length;let index=_currentSlideIndex+diff;if(index===-1){index=length-1}if(index===length){index=0}_currentSlideIndex=index;_slideShowImage.find((elem=>elem.id===_currentSlideShowID)).idx=index;return _currentSlideShow[_currentSlideIndex].path}function cameraRotate(x,y,speed){return __awaiter(this,void 0,void 0,(function*(){yield _atwin.Camera.rotate(x,y,{speed:speed}).then((()=>{console.log("camera rotate success.",x,y)})).catch((error=>{console.log("camera rotate error.",error)}))}))}function cameraPan(x,z){return __awaiter(this,void 0,void 0,(function*(){let mode=getViewMode();if(mode==_atwin.Mode.Mode.FLOORPLAN||mode==_atwin.Mode.Mode.DOLLHOUSE){yield _atwin.Camera.pan({x:x,z:z}).then((()=>{console.log("camera pan success.")})).catch((error=>{console.log("camera rotate error:",error)}))}else{console.error("Incorrect view mode.")}}))}function cameraLookAt(x,y){return __awaiter(this,void 0,void 0,(function*(){yield _atwin.Camera.lookAtScreenCoords(x,y).then((function(){console.log("camera looking at...",x,y)})).catch((function(error){console.log("camera looking at error:",error)}))}))}function moveInDirection(direction){return __awaiter(this,void 0,void 0,(function*(){let nextDirection=_atwin.Camera.Direction.LEFT;switch(direction.toUpperCase()){case"LEFT":nextDirection=_atwin.Camera.Direction.LEFT;break;case"RIGHT":nextDirection=_atwin.Camera.Direction.RIGHT;break;case"UP":nextDirection=_atwin.Camera.Direction.UP;break;case"DOWN":nextDirection=_atwin.Camera.Direction.DOWN;break;case"BACK":nextDirection=_atwin.Camera.Direction.BACK;break;case"FORWARD":nextDirection=_atwin.Camera.Direction.FORWARD;break;default:nextDirection=_atwin.Camera.Direction.LEFT;break}yield _atwin.Camera.moveInDirection(nextDirection).then((function(){console.log("Move to...",nextDirection)})).catch((function(){console.warn("An error occured while moving in that direction.",nextDirection)}))}))}function dispose3dObjects(){console.log("dispose3dObjects");_3DXObjects.forEach((obj=>{console.log("_3DXObjects stop",obj);obj.node.stop()}));_videos.forEach((vid=>{console.log("_videos pause and node stop",vid);vid.component.video.pause();vid.node.stop()}));_allSlideShow.forEach((slide=>{console.log("_allSlideShow stop",slide);slide.node.stop()}))}function getViewMode(){return _currentViewMode}function setViewMode(mode){return __awaiter(this,void 0,void 0,(function*(){console.log("=== get Mode Type ===",_getModeType(mode));let modeType=_getModeType(mode);yield _atwin.Mode.moveTo(modeType).then((function(nextMode){console.log("Arrived at new view mode "+nextMode)})).catch((function(error){console.error("Error occur on:",error)}))}))}function _getModeType(mode){let modes={DOLLHOUSE:"mode.dollhouse",FLOORPLAN:"mode.floorplan",INSIDE:"mode.inside",OUTSIDE:"mode.outside",TRANSITIONING:"mode.transitioning"};return modes[mode.toUpperCase()]||""}function disconnectSpace(){return __awaiter(this,void 0,void 0,(function*(){console.log("disconnectSpace()");yield hideTags();dispose3dObjects();_atwin.disconnect();_iframe.src="";_api={};_atwin={};_tags=[];tags=[];sweeps=[];_allSlideShow=[];_slideShowImage=[];_currentSlideShowID=0;_currentSlideIndex=0;_currentSlideShow=null;_timer=null;_videos=[];_currentViewMode="";_3DXObjects=[];_unrenderedObjects=[];_previousTimeStamp=0;_currentSweep={};_currentCameraPose={};_sweeps=[]}))}function getTargetPosition(callback=undefined){return __awaiter(this,void 0,void 0,(function*(){console.log("getTargetPosition()");if(!_objectMarker){console.error("Object marker has not been created");return}const iframe=document.getElementById(_mpConfig.iframeId);const iframeSize={w:iframe.clientWidth,h:iframe.clientHeight};let pointerCoord;function onMouseClick(){return __awaiter(this,void 0,void 0,(function*(){_pointerSubscription.cancel();setElementVisibility(_objectMarker,false);yield _atwin.Pointer.resetTexture();_objectMarker.removeEventListener("click",onMouseClick);console.info("Pointer coordinate is",pointerCoord);setState({isLoading:false,loaded:true,data:pointerCoord});if(callback!==undefined){callback(pointerCoord)}}))}console.log("Initializing pointer intersection");_objectMarker.addEventListener("click",onMouseClick);yield _atwin.Pointer.editTexture("targetPointer");_pointerSubscription=_atwin.Pointer.intersection.subscribe((function name(intersection){pointerCoord=intersection.position;if(_currentCameraPose){const screenCoord=_atwin.Conversion.worldToScreen(intersection.position,_currentCameraPose,iframeSize);translateElementPosition(_objectMarker,screenCoord)}}))}))}function setPointerCoordinates(position){_pointerCoord=position}function addObjectToSpace(object,config=undefined){return __awaiter(this,void 0,void 0,(function*(){console.log("addObjectToSpace()");console.log("Object Data ",object);const iframe=document.getElementById(_mpConfig.iframeId);let showcase_object;let pointerSubscriptionActive=false;const iframeSize={w:iframe.clientWidth,h:iframe.clientHeight};if(!_objectMarker){console.error("Object marker has not been created");return}function onObjectPositionSet(object){return __awaiter(this,void 0,void 0,(function*(){console.log("Object positioned at: ",_pointerCoord);if(pointerSubscriptionActive){_pointerSubscription.cancel();setElementVisibility(_objectMarker,false);yield _atwin.Pointer.resetTexture()}if(config){showcase_object=createIShowcaseObjectData(object,config.position,config.scale,config.rotation)}else{showcase_object=createIShowcaseObjectData(object)}console.log("Created object",showcase_object);console.log("About to render object",showcase_object);if(object.object_type=="MP4"){yield showVideoObjects(showcase_object)}else if(object.object_type=="ZIP"){yield showSlideScreenModel(showcase_object)}else if(object.object_type=="TEXT"){showcase_object.object_position.y+=1;show3dText(showcase_object,config.options)}else{if(config){yield show3DObjects(showcase_object,config.options,"adding")}else{yield show3DObjects(showcase_object,null,"adding")}}_objectMarker.removeEventListener("click",handleClick);return showcase_object}))}const handleClick=()=>onObjectPositionSet(object);if(object!==undefined&&config===undefined||object!==undefined&&config.options&&!config.position){console.log("Positioning object to user pointer click coordinates");_objectMarker.addEventListener("click",handleClick);yield _atwin.Pointer.editTexture("targetPointer");pointerSubscriptionActive=true;_pointerSubscription=_atwin.Pointer.intersection.subscribe((function name(intersection){_pointerCoord=intersection.position;if(_currentCameraPose){const screenCoord=_atwin.Conversion.worldToScreen(intersection.position,_currentCameraPose,iframeSize);translateElementPosition(_objectMarker,screenCoord)}}));return}else if(object!==undefined&&config.position!=null){console.log("Positioning object to pre-defined coordinates");onObjectPositionSet(object);return}console.error("Object is either null or undefined");return}))}function translateElementPosition(element,coord){console.log("translateElementPosition()");if(coord){if(coord.x>0){element.style.left=`${Math.abs(coord.x-40)}px`;element.style.top=`${Math.abs(coord.y-45)}px`}else{element.style.left=`${Math.abs(coord.x+40)}px`;element.style.top=`${Math.abs(coord.y+45)}px`}const computedStyle=window.getComputedStyle(_objectMarker);const displayValue=computedStyle.getPropertyValue("display");if(displayValue=="none"){setElementVisibility(_objectMarker,true)}return}console.error("Argument for coord is undefined");return}function create3dMarker(){const container=document.getElementById("showcase-container");const checkMarker=document.getElementById("marker-3d");if(!checkMarker){console.log("Marker not found. Creating marker in DOM");_objectMarker=document.createElement("div");_objectMarker.setAttribute("id","marker-3d");_objectMarker.style.display="none";_objectMarker.style.width="90px";_objectMarker.style.height="90px";_objectMarker.style.cursor="pointer";_objectMarker.style.position="absolute";container.appendChild(_objectMarker);return}console.log("Marker found. Skipping marker creation")}function setElementVisibility(element,visible){if(visible){element.style.display="inline-block";return}element.style.display="none"}function createIShowcaseObjectData(object_data,position=undefined,scale=undefined,rotation=undefined){console.log("createIShowcaseObject()",object_data);const newObj=object_data;const showcase_object={};showcase_object.id=generateRandomUniqueNumber();showcase_object.object_id=object_data.id;showcase_object.user_id=_userId;showcase_object.showcase_id=parseInt(_spaceId);showcase_object.object_position=position!=undefined?position:_pointerCoord;showcase_object.object_rotation=rotation!=undefined?rotation:{x:0,y:0,z:0};showcase_object.object_scale=scale!=undefined?scale:{x:1,y:1,z:1};if(object_data.object_type=="MP4"){showcase_object.autoplay=true;showcase_object.autoplay_distance=2}showcase_object.offset_position=1;showcase_object.offset_rotation=1;showcase_object.position_unit="m";showcase_object.object_data=object_data;showcase_object.showcase_object_name=object_data.name;if(showcase_object.object_data){console.error("Empty object_data");showcase_object.object_data=newObj}console.log("Returned objects",showcase_object);return showcase_object}function copyObject(payload,position_offset=undefined,rotation_offset=undefined){return __awaiter(this,void 0,void 0,(function*(){console.log("copyObject()");if(payload){payload.id=payload.id+generateRandomUniqueNumber();if(position_offset==undefined){payload.object_position.x+=.5;payload.object_position.z+=.5}else{payload.object_position.x+=position_offset.x;payload.object_position.z+=position_offset.z}if(rotation_offset){payload.object_rotation.x+=rotation_offset.x;payload.object_rotation.y+=rotation_offset.y;payload.object_rotation.z+=rotation_offset.z}yield addObjectToSpace(payload.object_data,{position:payload.object_position,rotation:payload.object_rotation,scale:payload.object_scale});return}console.error("Payload for copyObject is undefined");return}))}function replaceObject(payload,target,options=null){return __awaiter(this,void 0,void 0,(function*(){console.log("replaceObject()");if(payload&&target){addObjectToSpace(payload,{options:options,position:target.object.object_position,rotation:target.object.object_rotation,scale:target.object.object_rotation});removeTransformControls();target.node.stop();return}console.error("payload or target is undefined");return}))}function createMediaScreenObject(mediaUrl,mediaType="image"){return __awaiter(this,void 0,void 0,(function*(){console.log("=== createMediaScreenObject()");console.log("=== mediaUrl",mediaUrl);console.log("=== mediaType",mediaType);let defaultMedia;if(mediaUrl&&mediaUrl!==""){defaultMedia=mediaUrl}else{defaultMedia="../../architwin/static/Nomedia.png"}console.log("defaultMedia is ",defaultMedia);const mediaUpload=yield createMediaObject(defaultMedia,"Nomedia.png");const object_data=yield addObject(mediaUpload);const options={name:"canvasFrame",type:mediaType,url:object_data.amazon_uri,visible:true,aspectRatio:1};return{object_data:object_data,options:options}}))}function createFileFromURL(url,fileName){return __awaiter(this,void 0,void 0,(function*(){console.info("createFileFromURL()");try{const response=yield fetch(url);const fileContent=yield response.blob();const file=new File([fileContent],fileName);console.info("Successfuly created file",file);return file}catch(error){console.error("Error creating File object:",error);return null}}))}function createMediaObject(url,filename){return __awaiter(this,void 0,void 0,(function*(){console.info("createMediaObject()");if(url&&filename){const file=yield createFileFromURL(url,filename);const filePayload={};filePayload.name=filename;filePayload.filename=filename;filePayload.object_type=filename.slice((filename.lastIndexOf(".")-1>>>0)+2).toUpperCase();filePayload.user_id=1;const obj_key=generateUUID();filePayload.object_key=obj_key!==null?obj_key:generateRandomUniqueNumber.toString();filePayload.file=file;console.info("Successfuly created file payload",filePayload);return filePayload}}))}function addMediaScreen(mediaUrl,transform,readonly,autoplay){return __awaiter(this,void 0,void 0,(function*(){console.log("=== addMediaScreen");console.log("=== mediaUrl",mediaUrl);console.log("=== transform",transform);console.log("=== readonly",readonly);console.log("=== autoplay",autoplay);if(!mediaUrl||mediaUrl===""){mediaUrl="";console.log("=== mediaUrl is not set ")}const{object_data:object_data,options:options}=yield createMediaScreenObject(mediaUrl,"image");if(transform){console.log("=== Adding programmatically");yield addObjectToSpace(object_data,{options:options,position:transform.position,rotation:transform.rotation,scale:transform.scale})}else{console.log("=== Adding using cursor pointer");yield addObjectToSpace(object_data,{options:options})}return object_data.id}))}function attachMediaScreenContent(mediaScreenId,mediaUrl,mediaType="image"){return __awaiter(this,void 0,void 0,(function*(){let urlPath;let typePath;const fileTypes=["image","video"];if(!fileTypes.includes(mediaType)){console.error("Unsupported file type, please use a valid type");return}for(const{desc:desc,path:path}of _sceneObject.pathIterator()){if(desc.id===`url_${mediaScreenId}`){urlPath=path}if(desc.id===`type_${mediaScreenId}`){typePath=path}}if(mediaType!=="image"){typePath.set(mediaType)}if(urlPath){urlPath.set(mediaUrl);yield updateObjectUri(mediaScreenId,mediaUrl,mediaType);return}console.error("Could not find input path for specified object");return}))}function setBasePointPosition(id,position){let basePointPath;for(const{desc:desc,path:path}of _sceneObject.pathIterator()){if(desc.id===`basePosition_${id}`){basePointPath=path}}if(position==="corner"){basePointPath.set("corner")}else{basePointPath.set("center")}}function setVideoPlayback(action,element){const actions=["play","pause","mute","unmute"];if(actions.includes(action)){if(action===actions[0]){element.play()}else if(action===actions[1]){element.pause()}else if(action===actions[2]){element.muted=true}else if(action===actions[3]){element.muted=false}return}console.error("Argument does not match known actions");return}function setState({isLoading:isLoading,loaded:loaded,error:error,data:data}){const newState={isLoading:isLoading,loaded:loaded,error:error!==undefined?error:"",data:data!==undefined?data:null};state=Object.assign({},newState)}function checkValidFileType(payload){if(payload){const fileName=payload.name;const fileExtension=fileName.substring(fileName.lastIndexOf(".")+1);console.log("File extension "+fileExtension);if(supportedFileTypes.includes(fileExtension.toUpperCase())){return{valid:true,type:fileExtension}}return{valid:false}}console.error("No file provided");return{valid:false}}function addObject(payload){return __awaiter(this,void 0,void 0,(function*(){if(_userId){payload.user_id=_userId}else{console.warn("_userId is not defined")}const isValid=checkValidFileType(payload.file);if(isValid.valid){try{const response=yield _api.post("/s3/file.json",payload);console.log("S3 response is: ",response);if(response.data.status=="success"){const id=response.data.query_result.id;const object_data=yield getObject(id);return object_data}}catch(error){console.error("Object upload failed"+error)}}console.error("Unsupported file type");return}))}function addShowcaseObject(payload){return __awaiter(this,void 0,void 0,(function*(){console.log("addShowcaseObject()");if(payload){payload.object_position=JSON.stringify(payload.object_position);payload.object_rotation=JSON.stringify(payload.object_rotation);payload.object_scale=JSON.stringify(payload.object_scale);delete payload["id"];try{const response=yield _api.post("/v1/showcase-objects.json",payload);console.log("API response is: ",response);if(response.data.status=="success"){console.log("Add showcase data",response.data.data);return response.data.data.id}}catch(error){console.error("Object upload failed"+error);return}}return}))}function getObject(id){return __awaiter(this,void 0,void 0,(function*(){console.log("getObject()");setState({isLoading:true,loaded:false});if(id){try{const response=yield _api.get(`/v1/objects/id/${id}`);if(response.data.status=="success"){const object_data=response.data.data[0];console.log("Response"+JSON.stringify(object_data));return object_data}console.error("Failed to get requested object")}catch(error){console.error("Error getting object "+error)}}return}))}function getShowcaseObject(id){return __awaiter(this,void 0,void 0,(function*(){console.log("getShowcaseObject()");if(id){try{const response=yield _api.get(`/v1/showcase-objects/showcase-id/${id}`);if(response.data.status=="success"){const showcase_object=response.data.data[0];const object=yield getObject(showcase_object.object_id);showcase_object.object_data=object;console.log("Success ",showcase_object);return showcase_object}console.error("Failed to get requested showcase object")}catch(error){console.error("Error getting showcase object "+error)}}console.error("id is undefined");return}))}function updateShowcaseObject(payload){return __awaiter(this,void 0,void 0,(function*(){console.log("getShowcaseObject()",payload);payload.object_position=JSON.stringify(payload.object_position);payload.object_rotation=JSON.stringify(payload.object_rotation);payload.object_scale=JSON.stringify(payload.object_scale);if(payload.id){const objPayload=payload;delete objPayload["object_data"];try{const response=yield _api.put(`/v1/showcase-objects/${payload.id}`,payload);console.log("updateShowcaseObject API response ",response.data);if(response.data.status=="success"){console.log("Succsss API response ",response.data);const showcase_object=payload;const object=yield getObject(payload.object_id);showcase_object.object_data=object;return showcase_object}console.error("Failed to get requested showcase object");return}catch(error){console.error("Error getting showcase object "+error);return}}console.error("id is undefined");return}))}function updateObject(id,payload){return __awaiter(this,void 0,void 0,(function*(){const isValid=checkValidFileType(payload.file);if(isValid.valid){try{const response=yield _api.put(`/s3/file/${id}.json`,payload);console.log("S3 response is: ",response);if(response.data.status=="success"){const id=response.data.query_result.id;const object_data=yield getObject(id);return object_data}}catch(error){console.error("Object upload failed"+error)}}console.log("Unsupported file type");return}))}function updateObjectUri(id,uri,mediaType){return __awaiter(this,void 0,void 0,(function*(){if(id&&uri){const payload={};payload.amazon_uri=uri;payload.object_type=mediaType;try{const response=yield _api.put(`v1/objects/${id}.json`,payload);if(response.status==200){console.log("Successfuly updated URI")}}catch(error){}return}}))}function deleteObject(id){return __awaiter(this,void 0,void 0,(function*(){setState({isLoading:true,loaded:false});try{const response=yield _api.delete(`/s3/file/${id}.json`);console.log("S3 response is: ",response);if(response.data.status=="success"){setState({isLoading:false,loaded:true});return state}setState({isLoading:false,loaded:false,error:"Request failed"});return state}catch(error){setState({isLoading:false,loaded:false,error:error});console.error("Object upload failed"+error);return state}}))}function deleteObjectFromSpace(selected){return __awaiter(this,void 0,void 0,(function*(){if(selected){try{const response=yield _api.delete(`/v1/showcase-objects/${selected.object.id}.json`);console.log("Delete showcase object response is: ",response);if(response.data.status=="success"){removeTransformControls();selected.node.stop();selectedObject=null;const filteredRenderedObjects=_3DXObjects.filter((obj=>obj.object.id!==selected.object.id));_3DXObjects=filteredRenderedObjects}console.log("Deleted object from scene")}catch(error){console.log("Delete showcase object error",error)}}}))}function deleteMediaScreen(mediaScreenId){return __awaiter(this,void 0,void 0,(function*(){let selectedMediaScreen=_3DXObjects.find((obj=>obj.object.id===mediaScreenId&&obj.type==="FRAME"));console.log(selectedMediaScreen);deleteObjectFromSpace(selectedMediaScreen)}))}function getLibrary(refetch=false){return __awaiter(this,void 0,void 0,(function*(){setState({isLoading:true,loaded:false});if(refetch){try{const response=yield _api.get(`/s3/file.json`);console.log("S3 response is: ",response);if(response.data.status=="success"){const objects=response.data.data;_assetLibrary=objects;setState({isLoading:false,loaded:true,data:objects});return state}setState({isLoading:false,loaded:false,error:"Could not fetch data"});return state}catch(error){console.log("Error! Failed to fetch data",error);setState({isLoading:false,loaded:false,error:error});return state}}return _assetLibrary}))}function addTagToScene(tag){console.log("addTagToScene()");const iframe=document.getElementById(_mpConfig.iframeId);const iframeSize={w:iframe.clientWidth,h:iframe.clientHeight};if(!_objectMarker){console.error("Object marker has not been created");return}function onTagPositionSet(tag){return __awaiter(this,void 0,void 0,(function*(){console.log("Tag positioned at: ",_pointerCoord);_pointerSubscription.cancel();setElementVisibility(_objectMarker,false);_atwin.Pointer.setVisible(true);if(tag){if(tag.json_data.anchorPosition==undefined){}tag.json_data.anchorPosition=_pointerCoord;const tags=[];tags.push(tag);yield showTags(tags)}_objectMarker.removeEventListener("click",handleClick)}))}const handleClick=()=>onTagPositionSet(tag);if(tag!==undefined){_objectMarker.addEventListener("click",handleClick);_atwin.Pointer.setVisible(false);_pointerSubscription=_atwin.Pointer.intersection.subscribe((function name(intersection){_pointerCoord=intersection.position;if(_currentCameraPose){const screenCoord=_atwin.Conversion.worldToScreen(intersection.position,_currentCameraPose,iframeSize);translateElementPosition(_objectMarker,screenCoord)}}));return}console.error("Object is either null or undefined");return}function showMinimap(){minimap.showMinimap()}function hideMinimap(){minimap.hideMinimap()}function runSynchronousFunc(){console.log("runSynchronousFunc()")}class ClickSpy{constructor(path,node,component,object_data){this.path=path;this.node=node;this.component=component;this.object_data=object_data}onEvent(data){if(data.input.type=="click"){console.log("Clicked on 3D model");const selectedObj={object:this.object_data,node:this.node,component:this.component};if(this.object_data.object_data.object_type=="BOX"){}clearActionHistory();setSelectedObject(this.object_data,this.node,this.component,"3DX");setTransformControls(selectedObj)}}}class DragSpy{constructor(path,node,component,data){this.eventType="INTERACTION.DRAG_END";this.path=path;this.object_data=data;this.node=node;this.component=component}onEvent(payload){return __awaiter(this,void 0,void 0,(function*(){console.log("INTERACTION.DRAG_END",payload);const selectedObj={object:this.object_data,node:this.node,component:this.component};console.log("New Drag Position"+JSON.stringify(selectedObj.node.position));console.log("New Drag Rotation"+JSON.stringify(selectedObj.node.obj3D.rotation));console.log("New Drag Scale"+JSON.stringify(selectedObj.node.scale));const objectCoords={object_position:selectedObj.node.position,object_rotation:selectedObj.node.obj3D.rotation,object_scale:selectedObj.node.scale};currentObjTransform=objectCoords;const currentTranform=JSON.stringify(currentObjTransform);actionHistory.push(currentTranform);console.log("Actions count "+actionHistory.length);const showcaseObjPayload=this.object_data;showcaseObjPayload.object_position=objectCoords.object_position;const obj_rot={x:objectCoords.object_rotation._x,y:objectCoords.object_rotation._y,z:objectCoords.object_rotation._z};showcaseObjPayload.object_rotation=obj_rot;showcaseObjPayload.object_scale=objectCoords.object_scale;yield updateShowcaseObject(showcaseObjPayload);console.log("object type",this.object_data.object_data.object_type);if(this.object_data.object_data.object_type=="TEXT"&&_textDimensions.top!==null){const rotation={x:currentObjTransform.object_rotation._x,y:currentObjTransform.object_rotation._y,z:currentObjTransform.object_rotation._z};setTextDimensionPosition(_textDimensions.top.node,_textDimensions.top.component,"top",currentObjTransform.object_position,rotation);setTextDimensionPosition(_textDimensions.bottom.node,_textDimensions.bottom.component,"bottom",currentObjTransform.object_position,rotation);setTextDimensionPosition(_textDimensions.left.node,_textDimensions.left.component,"left",currentObjTransform.object_position,rotation);setTextDimensionPosition(_textDimensions.right.node,_textDimensions.right.component,"right",currentObjTransform.object_position,rotation)}}))}}class EmitSpy{constructor(path,node,component,object_data){this.path=path;this.node=node;this.component=component;this.object_data=object_data}onEvent(data){if(data.input.type=="click"){console.log("INTERACTION.CLICK",data);const selectedObj={object:this.object_data,node:this.node,component:this.component};clearActionHistory();setSelectedObject(this.object_data,this.node,this.component,"3DX");if(_viewMode==="interactive"){setTransformControls(selectedObj)}}}}export{_atwin,_config,tags,sweeps,selectedObject,previousObjTransform,currentObjTransform,actionHistory,state,_space,_spaceId,_api,_pointerCoord,_3DXObjects,connectSpace,disconnectSpace,getTags,gotoTag,getSweeps,getCurrentSweep,getCurrentSweepPosition,moveToSweep,getNearbySweeps,pauseVideo,playVideo,getCurrentCameraPose,getCameraPosition,moveInDirection,cameraLookAt,cameraPan,cameraRotate,getViewMode,setViewMode,getNearbyObjects,setTransformMode,setSelectedObject,clearSelectedObject,revertTransform,setTransformControls,removeTransformControls,setRenderDistance,clearActionHistory,addObject,getObject,addObjectToSpace,createMediaScreenObject,addMediaScreen,attachMediaScreenContent,addTagToScene,updateObject,updateShowcaseObject,deleteObject,deleteObjectFromSpace,deleteMediaScreen,getShowcaseObject,setBasePointPosition,showObjectDimensions,hideObjectDimensions,setVideoPlayback,setAnimationState,showMinimap,hideMinimap,copyObject,replaceObject,getTargetPosition,setObjectTransformation,setPointerCoordinates};
+var __awaiter=this&&this.__awaiter||function(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P((function(resolve){resolve(value)}))}return new(P||(P=Promise))((function(resolve,reject){function fulfilled(value){try{step(generator.next(value))}catch(e){reject(e)}}function rejected(value){try{step(generator["throw"](value))}catch(e){reject(e)}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected)}step((generator=generator.apply(thisArg,_arguments||[])).next())}))};import axios from"axios";import{planeType,planeFactory,gltfType,gltfFactory,boxType,boxFactory,textType,textFactory,css3DType,css3DFactory}from"./loaders";import{meterToMillimeter,generateRandomUniqueNumber,generateUUID}from"./convert";import*as JSZip from"jszip";import*as JSZipUtils from"jszip-utils";import*as superviz from"./superviz";import*as minimap from"./minimap";import"../static/map.css";const _config={aws:{region:"ap-northeast-1",accessKeyId:"AKIAVVUXZ66KW7GBSW7A",secretAccessKey:"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'"},mp:{appKey:"a3ae8341bd8f44899eba16df86307d7d",urlParams:["help","play","nt","qs","brand","dh","tour","gt","hr","mls","mt","tagNav","pin","portal","f","fp","lang","kb","lp","st","title","tourcta","wts","ts","hl","vr","nozoom","search","wh"]},meet:{meetingKey:"caxaodrjl2sfxycnegzmxvkb4zp1fe"}};let _apiURL="http://localhost:5173/api";let _appKey=_config.mp.appKey;const urlParams=_config.mp.urlParams;let _iframe={};let _api;let _spaceId="";let _space=null;let _url="";let _mpConfig={};let _atwin={};let _tags=[];let _objects=[];let tags=[];let sweeps=[];let _allSlideShow=[];let _slideShowImage=[];let _currentSlideShowID=0;let _currentSlideIndex=0;let _currentSlideShow=null;var _timer=null;let _videos=[];let _currentViewMode="";let _3DXObjects=[];let _unrenderedObjects=[];let _transformControlNode;let _inputControlComponent;let selectedObject;let _previousTimeStamp=0;let _renderDistance=8;let _autoDetectNearbyObj=false;let _viewMode="public";let _transformMode="translate";let _transformComponent;let previousObjTransform={object_position:{x:0,y:0,z:0},object_rotation:{_x:0,_y:0,_z:0},object_scale:{x:0,y:0,z:0}};let currentObjTransform={object_position:{x:0,y:0,z:0},object_rotation:{_x:0,_y:0,_z:0},object_scale:{x:0,y:0,z:0}};let _previousAction;let actionHistory=[];let _currentSweep=null;let _currentCameraPose={};let _sweeps=[];let _isInitialLoad=true;let _hasRegisteredLoaders=false;let _showMinimap=false;let _sceneObject;let _assetLibrary=[];let _objectMarker;let _pointerSubscription;let _pointerCoord;let _urlComponentPaths=[];let _userId;let _generatedObjectIds=[];let _textDimensions={top:{node:null,component:null},bottom:{node:null,component:null},left:{node:null,component:null},right:{node:null,component:null}};let _textDimensionIds=[];let state={isLoading:false,loaded:false,error:"",data:null};const supportedMediaTypes=["WMV","MOV","JPG","PNG","JPEG","image","video","FRAME"];const supportedModelTypes=["GLB","GLTF","FBX"];const supportedFileTypes=["ZIP",...supportedMediaTypes,...supportedModelTypes];function connectSpace(url,auth,config){return __awaiter(this,void 0,void 0,(function*(){console.log("connectSpace()");console.log("__config",config);_mpConfig=config;_url=url;if("apiURL"in auth){console.log("'apiURL' in auth");const lastString=auth.apiURL.slice(-1);if(lastString!=="/"){auth.apiURL+="/"}_apiURL=auth.apiURL}if("appKey"in config){console.log("'appKey' in config");_appKey=config.appKey}console.log("_apiURL",_apiURL);const api=axios.create({baseURL:_apiURL,headers:{"Access-Control-Allow-Origin":"*","Content-Type":"multipart/form-data",Authorization:auth.apiKey}});_api=api;if(config.viewMode==="interactive"){_viewMode="interactive"}const showcase=document.getElementById(config.iframeId);_iframe=showcase;if(url.includes("https://my.matterport.com/show/")){console.log("URL IS MATTERPORT");yield loadDefaultMpSpace(url,config,showcase)}else{console.log("URL IS REV-KITTEN");yield loadAtwinSpace(url,auth,config,showcase)}}))}function loadDefaultMpSpace(url,config,showcase){return __awaiter(this,void 0,void 0,(function*(){console.log("loadDefaultMpSpace(url: string, showcase: HTMLIFrameElement)",url,showcase);const iframeSrc=getIframeSrc(config,url);console.log("__iframeSrc",iframeSrc);showcase.src=iframeSrc;const showcaseWindow=showcase.contentWindow;showcase.addEventListener("load",(()=>__awaiter(this,void 0,void 0,(function*(){console.log('iframe.addEventListener("load")');console.log("showcaseWindow",showcaseWindow);try{_atwin=yield showcaseWindow.MP_SDK.connect(showcaseWindow);console.log("Hello Bundle SDK",_atwin);_atwin.App.state.subscribe((appState=>__awaiter(this,void 0,void 0,(function*(){console.log("appState",appState);if(appState.phase===_atwin.App.Phase.LOADING){console.log("App is loading...");yield _setTags()}else if(appState.phase===_atwin.App.Phase.STARTING){console.log("App is starting...")}else if(appState.phase===_atwin.App.Phase.PLAYING){console.log("App is playing...");if("mapId"in _mpConfig){yield minimap.setMap(_atwin,_appKey,_mpConfig.mapId)}}}))))}catch(e){console.error(e)}}))));const _setTags=()=>__awaiter(this,void 0,void 0,(function*(){console.log("_setTags()");const mpTags=yield _atwin.Mattertag.getData();if(mpTags){const filteredMpTags=mpTags.map((i=>{const x={};x.id=i.sid;x.name=i.label;return x}));tags=filteredMpTags;console.log("tags",tags)}}))}))}function loadAtwinSpace(url,auth,config,showcase){var _a;return __awaiter(this,void 0,void 0,(function*(){console.log("loadAtwinSpace(url: string, auth: { apiKey: string; user: IUser },config: IMPConfig, showcase: HTMLIFrameElement)");const spaceId=getSpaceId(url);_spaceId=spaceId;if(!spaceId){console.error("spaceId is undefined");return}if(_isInitialLoad){const authUser=yield loginUser(auth.user);if(authUser){_userId=authUser.id}else{console.error("Custom error: authUser is undefined",authUser);return}}const space=yield getSpace(spaceId);if(!space){console.error("space is undefined");return}setSpace(space);const iframeSrc=getIframeSrc(config,space.space_url);console.log("__iframeSrc",iframeSrc);showcase.src=iframeSrc;const tags=yield getTags(space);if(!tags){console.log("tags is undefined");return}setTags(tags);if(_isInitialLoad){(_a=showcase.contentWindow)===null||_a===void 0?void 0:_a.location.reload()}_isInitialLoad=false;const showcaseWindow=showcase.contentWindow;showcase.addEventListener("load",(()=>__awaiter(this,void 0,void 0,(function*(){console.log('iframe.addEventListener("load")');console.log("showcaseWindow",showcaseWindow);if(showcaseWindow.MP_SDK){try{_atwin=yield showcaseWindow.MP_SDK.connect(showcaseWindow);console.log("Hello Bundle SDK",_atwin);onShowcaseConnect()}catch(e){console.error(e)}}else{console.log("No showcaseWindow.MP_SDK found")}}))))}))}function onShowcaseConnect(){return __awaiter(this,void 0,void 0,(function*(){console.log("onShowcaseConnect()");try{const modelData=yield _atwin.Model.getData();console.log("Model sid:"+modelData.sid);_atwin.App.state.subscribe((appState=>__awaiter(this,void 0,void 0,(function*(){console.log("appState",appState);if(appState.phase===_atwin.App.Phase.LOADING){console.log("App is loading...");yield get3DObjects(_spaceId)}else if(appState.phase===_atwin.App.Phase.STARTING){console.log("App is starting...");yield disposeTags()}else if(appState.phase===_atwin.App.Phase.PLAYING){console.log("App is playing...");yield showTags(_tags);yield getSweeps();_sceneObject=yield createSceneObject();yield setLighting();yield registerCustomLoaders();yield _atwin.Asset.registerTexture("targetPointer","../static/objective.png");create3dMarker();_atwin.Tag.data.subscribe({onAdded(indx,item,collection){return __awaiter(this,void 0,void 0,(function*(){console.log("Tag added",item);const i=_tags.find((i=>i.json_data.id===item.id));if(!i){const removedTag=yield _atwin.Tag.remove(item.id);if(removedTag)console.log("Tag removed",removedTag)}}))}});_atwin.Sweep.current.subscribe((function(currentSweep){return __awaiter(this,void 0,void 0,(function*(){console.log("===currentSweep",currentSweep);if(currentSweep.sid===""){console.log("Not currently stationed at a sweep position")}else{_currentSweep=currentSweep;videoAutoPlay();if(superviz.isMeetingInitialized){yield minimap.locateAvatar()}}}))}));_atwin.Camera.pose.subscribe((function(pose){return __awaiter(this,void 0,void 0,(function*(){_currentCameraPose=pose;const hasElapsed=hasTimeElapsed(300);if(hasElapsed){console.log("_unrenderedObjects "+_unrenderedObjects.length);yield renderOnDemand()}if(hasTimeElapsed(1e3)&&_autoDetectNearbyObj){getNearbyObjects({type:"ALL",distance:2})}}))}));_atwin.Mode.current.subscribe((mode=>{_currentViewMode=mode}));if("mapId"in _mpConfig){yield minimap.setMap(_atwin,_appKey,_mpConfig.mapId)}}}))))}catch(e){console.error(e)}}))}function hasTimeElapsed(maxTime){const currentTimestamp=Date.now();const differenceInMilliseconds=(currentTimestamp-_previousTimeStamp)%1e3;_previousTimeStamp=currentTimestamp;if(differenceInMilliseconds>=maxTime){return true}else{return false}}function getNearbyUnrenderedObjects(payload){let toBeRendered=[];const currentPose={x:_currentCameraPose.position.x,y:_currentCameraPose.position.y,z:_currentCameraPose.position.z};toBeRendered=_unrenderedObjects.filter((obj=>{const obj_pos={x:obj.object_position.x,y:obj.object_position.y,z:obj.object_position.z};const distance=calculateDistance(currentPose,obj_pos);return distance<payload.distance}));const filtered=_unrenderedObjects.filter((obj=>toBeRendered.indexOf(obj)===-1));_unrenderedObjects=filtered;console.log("render toBeRendered "+toBeRendered.length);return toBeRendered}function getNearbyObjects(payload){if(payload.type===undefined||payload.type===""){payload.type="ALL"}if(payload.distance===undefined){payload.distance=2}const pos1={x:_currentCameraPose.position.x,y:_currentCameraPose.position.y,z:_currentCameraPose.position.z};let three_d=[];let videos=[];let slideshows=[];if(payload.type==="ALL"||"3DX"){three_d=_3DXObjects.filter((obj=>{const pos2={x:obj.node.position.x,y:obj.node.position.y,z:obj.node.position.z};const distance=calculateDistance(pos1,pos2);console.log("3DX Distance: "+distance);return distance<payload.distance}))}if(payload.type==="ALL"||"VIDEO"){videos=_videos.filter((vid=>{const pos2={x:vid.node.position.x,y:vid.node.position.y,z:vid.node.position.z};const distance=calculateDistance(pos1,pos2);console.log("Video Distance: "+distance);return distance<payload.distance}))}if(payload.type==="ALL"||"SLIDESHOW"){slideshows=_allSlideShow.filter((slide=>{const pos2={x:slide.node.position.x,y:slide.node.position.y,z:slide.node.position.z};const distance=calculateDistance(pos1,pos2);console.log("Slideshow Distance: "+distance);return distance<payload.distance}))}console.log("nearby3DXObjects "+three_d.length);console.log("nearbyVideos "+videos.length);console.log("nearbySlideshows "+slideshows.length);return{x3d:three_d,videos:videos,slideshows:slideshows}}function setRenderDistance(distance){if(!Number.isInteger(distance)){console.error("Render distance argument is not a valid number");return}_renderDistance=distance}function createSceneObject(){return __awaiter(this,void 0,void 0,(function*(){const[sceneObject]=yield _atwin.Scene.createObjects(1);return sceneObject}))}function show3DObjects(object,options=null,action="loading"){var _a;return __awaiter(this,void 0,void 0,(function*(){const modelNode=_sceneObject.addNode();if(options==null){options={url:(_a=object.object_data)===null||_a===void 0?void 0:_a.amazon_uri,type:object.object_data.object_type}}const component=modelNode.addComponent(getComponentLoader(object.object_data),options);if(!component.inputs){console.error("component.inputs is undefined");return}const objTransformation={object_position:typeof object.object_position!=="string"?object.object_position:JSON.parse(object.object_position),object_rotation:object.object_rotation,object_scale:object.object_scale};setObjectTransformation(modelNode,objTransformation);let type;if(object.object_data.object_type=="image"||object.object_data.object_type=="video"){type="FRAME"}else{type=object.object_data.object_type}modelNode.start();if(action==="adding"){console.log("Saving object...");object.id=generateRandomUniqueNumber(_generatedObjectIds);_generatedObjectIds.push(object.id)}_3DXObjects.push({object:object,component:component,node:modelNode,type:type});console.log("_3DXObjects ",component);if(_viewMode==="interactive"&&object.object_data.object_type=="GLB"){const eventPath=_sceneObject.addEmitPath(component,"gltfevents");_sceneObject.spyOnEvent(new ClickSpy(eventPath,modelNode,component,object));_sceneObject.addInputPath(component,"animationState",`animationState_${object.id}`)}else if(_viewMode==="interactive"&&object.object_data.object_type=="BOX"){const eventPath=_sceneObject.addEmitPath(component,"boxEvents");_sceneObject.spyOnEvent(new ClickSpy(eventPath,modelNode,component,object));_sceneObject.addInputPath(component,"basePosition",`basePosition_${object.id}`);_sceneObject.addInputPath(component,"localPosition",`localPosition_${object.id}`)}else if(_viewMode==="interactive"&&supportedMediaTypes.includes(object.object_data.object_type)){const emitPath=_sceneObject.addEmitPath(component,"planeEvents");_sceneObject.spyOnEvent(new EmitSpy(emitPath,modelNode,component,object));_sceneObject.addInputPath(component,"url",`url_${object.object_data.id}`);_sceneObject.addInputPath(component,"type",`type_${object.object_data.id}`)}else if(_viewMode==="interactive"&&object.object_data.object_type=="MARKUP"){const eventPath=_sceneObject.addEmitPath(component,"css3devents");_sceneObject.spyOnEvent(new ClickSpy(eventPath,modelNode,component,object));_sceneObject.addInputPath(component,"title",`title_${object.id}`);_sceneObject.addInputPath(component,"text",`text_${object.id}`);_sceneObject.addInputPath(component,"textColor",`textColor_${object.id}`);_sceneObject.addInputPath(component,"backgroundColor",`backgroundColor_${object.id}`)}}))}function setAnimationState(action,modelId){const actions=["play","stop"];let animationStatePath;if(actions.includes(action)){if(modelId){for(const{desc:desc,path:path}of _sceneObject.pathIterator()){if(desc.id===`animationState_${modelId}`){animationStatePath=path}}animationStatePath.set(action);return}console.error("id of object is undefined");return}console.error("Argument for action is not valid");return}function show3dText(object,options=null,direction="top"){const modelNode=_sceneObject.addNode();const text=options.text;options={text:text,fontSize:.09,background:false,centered:true,height:.001,curveSegments:12,bevelEnabled:false,bevelThickness:10,bevelSize:8,bevelOffset:0,bevelSegments:5};const component=modelNode.addComponent(getComponentLoader(object.object_data),options);if(!component.inputs){console.error("component.inputs is undefined");return}const rotation={x:currentObjTransform.object_rotation._x,y:currentObjTransform.object_rotation._y,z:currentObjTransform.object_rotation._z};setTextDimensionPosition(modelNode,component,direction,currentObjTransform.object_position,rotation);modelNode.start();_textDimensionIds.push(modelNode.id);_sceneObject.addInputPath(component,"visible",`visible_${modelNode.id}`);if(direction=="left"){_sceneObject.addInputPath(component,"text",`textDepth_${modelNode.id}`)}else if(direction=="right"){_sceneObject.addInputPath(component,"text",`textHeight_${modelNode.id}`)}else if(direction=="bottom"){_sceneObject.addInputPath(component,"text",`textBottom_${modelNode.id}`)}return{node:modelNode,component:component}}function showObjectDimensions(selected){console.log("Selected object",selectedObject);const textObj=selected.object;textObj.object_data.object_type="TEXT";const THREE=selected.component.context.three;const objectModel=selected.component.mesh;const boundingBox=(new THREE.Box3).setFromObject(objectModel);const width=boundingBox.max.x-boundingBox.min.x;const depth=boundingBox.max.y-boundingBox.min.y;const height=boundingBox.max.z-boundingBox.min.z;_textDimensions.top=show3dText(textObj,{text:selected.object.object_data.name},"top");_textDimensions.bottom=show3dText(textObj,{text:`W: ${meterToMillimeter(width)}mm`},"bottom");_textDimensions.left=show3dText(textObj,{text:`D: ${meterToMillimeter(depth)}mm`},"left");_textDimensions.right=show3dText(textObj,{text:`H: ${meterToMillimeter(height)}mm`},"right");console.log("Selected object",selectedObject)}function hideObjectDimensions(){let visiblePath;if(!_textDimensions.top){console.error("_textDeminsion is undefined");return}_textDimensionIds.forEach((index=>{for(const{desc:desc,path:path}of _sceneObject.pathIterator()){if(desc.id===`visible_${_textDimensionIds[index]}`){visiblePath=path}}visiblePath.set(false)}))}function setTextDimensionLabel(node,size){let textPath;for(const{desc:desc,path:path}of _sceneObject.pathIterator()){if(desc.id===`textDepth_${node.id}`){textPath=path;textPath.set(`D: ${meterToMillimeter(size.z)}mm`)}if(desc.id===`textHeight_${node.id}`){textPath=path;textPath.set(`H: ${meterToMillimeter(size.y)}mm`)}if(desc.id===`textBottom_${node.id}`){textPath=path;textPath.set(`W: ${meterToMillimeter(size.x)}mm`)}}}function setTextDimensionPosition(node,component,direction,position,rotation){console.log("setTextDimensionPosition()");const THREE=selectedObject.component.context.three;const objectModel=selectedObject.component.mesh;const boundingBox=(new THREE.Box3).setFromObject(objectModel);const width=boundingBox.max.x-boundingBox.min.x;const depth=boundingBox.max.y-boundingBox.min.y;const height=boundingBox.max.z-boundingBox.min.z;let newPosition;if(direction==="top"){newPosition={x:position.x-rotation.y,y:position.y+height/2,z:position.z-depth+rotation.z}}else if(direction==="bottom"){newPosition={x:position.x,y:position.y-height/2,z:position.z-depth/3}}else if(direction==="left"){newPosition={x:position.x-width/1.3,y:position.y-height/2,z:position.z-depth+rotation.y}}else if(direction==="right"){newPosition={x:position.x+width/1.3-rotation.y,y:position.y,z:position.z-depth}}const objTransformation={object_position:{x:newPosition.x,y:newPosition.y,z:newPosition.z},object_rotation:rotation,object_scale:{x:.001,y:.001,z:.001}};setTextDimensionLabel(node,{x:width,y:depth,z:height});setObjectTransformation(node,objTransformation)}function renderOnDemand(){return __awaiter(this,void 0,void 0,(function*(){if(_unrenderedObjects.length!==0){console.log("renderOnDemand()");registerCustomLoaders();const objects=getNearbyUnrenderedObjects({type:"",distance:_renderDistance});objects.forEach((obj=>__awaiter(this,void 0,void 0,(function*(){var _a,_b,_c,_d;if(((_a=obj.object_data)===null||_a===void 0?void 0:_a.object_type)==="FBX"||((_b=obj.object_data)===null||_b===void 0?void 0:_b.object_type)==="GLB"||supportedMediaTypes.includes(obj.object_data.object_type)){yield show3DObjects(obj)}else if(((_c=obj.object_data)===null||_c===void 0?void 0:_c.object_type)==="MP4"){yield showVideoObjects(obj)}else if(((_d=obj.object_data)===null||_d===void 0?void 0:_d.object_type)==="ZIP"){yield showSlideScreenModel(obj)}}))))}}))}function getIframeSrc(config,url){console.log("getIframeSrc()",config,url);const modelId=url.split("?m=")[1];if(!modelId){console.error("modelId is undefined");return""}let src=``;if("bundlePath"in config){const lastString=config.bundlePath.slice(-1);if(lastString!=="/"){config.bundlePath+="/"}src+=`${config.bundlePath}showcase.html?m=${modelId}&applicationKey=${_appKey}&newtags=1`}else{if(config.prod===undefined||config.prod===null){config.prod=true}if(config.prod){src+=`node_modules/architwin/bundle/showcase.html?m=${modelId}&applicationKey=${_appKey}&newtags=1`}else{src+=`architwin/bundle/showcase.html?m=${modelId}&applicationKey=${_appKey}&newtags=1`}}console.log("__src",src);for(let param of urlParams){if(param in config){src+=`&${param}=${config[param]}`}}return src}function loginUser(user){return __awaiter(this,void 0,void 0,(function*(){console.log("loginUser(user)",user);try{const response=yield _api.post("/cas/tickets?email="+user.email+"&password="+user.password);console.log("=== response",response);if(response.status===200){if(!response.data||!response.data.data||!response.data.data.auth||!response.data.data.auth.user){return null}return response.data.data.auth.user}else{return null}}catch(error){console.log("Custom error "+error);return null}}))}function getSpace(spaceId){return __awaiter(this,void 0,void 0,(function*(){console.log("getShowcase(spaceId: string)",spaceId);try{const response=yield _api.get(`/v1/showcases/id/${spaceId}`);console.log("response",response);if(response.status===200){if(response.data&&response.data.data&&response.data.data.length>0){return response.data.data[0]}console.error("Error in getting space")}else{console.error("Error in fetchShowcase()"+response)}}catch(error){console.error(error)}return null}))}function getSpaceId(url){const urlArray=url.split(/^(([^:\/?#]+):)?(\/\/([^\/?#]*))?([^?#]*)(\?([^#]*))?(#(.*))?/);const path=urlArray[5];const spaceId=path.split("/")[3];console.log("urlArray",urlArray);console.log("path",path);if(!spaceId){console.error("spaceId is undefined");return}return spaceId}function setSpace(space){console.log("setSpace(space: ISpace)",space);_space=space}function getTags(space){return __awaiter(this,void 0,void 0,(function*(){console.log("getTags()");try{const response=yield _api.get(`/v1/tags/showcase-id/${space.id}`);console.log("response",response);if(response.status===200){const tags=response.data.data;if(!tags){console.error("tags is undefined")}return tags}else{console.error("Custom Error: Unable to fetch tags")}}catch(error){console.error(error)}return null}))}function setTags(tags){return __awaiter(this,void 0,void 0,(function*(){console.log("setTags()",tags);_tags=tags.map((tag=>{tag.json_data=JSON.parse(tag.json_data);tag.json_data.id=tag.json_data.sid;return tag}));mapTags(_tags)}))}function get3DObjects(showcase_id){return __awaiter(this,void 0,void 0,(function*(){if(showcase_id){try{const id=parseInt(showcase_id);console.log("showcase_id "+id);const response=yield _api.get(`/v1/showcase-objects/showcase-id/${id}`);const showcase_objects=response.data.data;console.log("showcase_objects "+JSON.stringify(showcase_objects));const object_ids=showcase_objects.map((obj=>obj.object_id));try{const response=yield _api.get(`/v1/objects`);console.log("Finished getting objects");const object_data=response.data.data.filter((obj=>object_ids.includes(obj.id)));_assetLibrary=object_data;console.log("object_data length "+object_data.length);const objectDataMap=object_data.reduce(((map,obj)=>{map[obj.id]=obj;return map}),{});console.log("object_data"+JSON.stringify(object_data));const threed_objects=showcase_objects.map((showcase=>{const target=objectDataMap[showcase.object_id];if(target){showcase.object_data=target}if(showcase.object_position){showcase.object_position=typeof showcase.object_position==="string"?JSON.parse(showcase.object_position):showcase.object_position}if(showcase.object_rotation){showcase.object_rotation=typeof showcase.object_rotation==="string"?JSON.parse(showcase.object_rotation):showcase.object_rotation}if(showcase.object_scale){showcase.object_scale=typeof showcase.object_scale==="string"?JSON.parse(showcase.object_scale):showcase.object_scale}return showcase}));console.log("get3DObjectsByShowcaseId "+JSON.stringify(threed_objects));_unrenderedObjects=threed_objects;const check=_unrenderedObjects.filter((obj=>obj.object_data.object_type==="PNG"));console.log("Check for media screen",check);return threed_objects}catch(error){console.error("threed_objects "+error)}}catch(error){console.error("get3DObjectsByShowcaseId "+error)}}return[]}))}function gotoTag(tag_id){return __awaiter(this,void 0,void 0,(function*(){console.log("gotoTag(tag: tag_id)",tag_id);if(!tag_id){console.error("tag is undefined");return}try{yield _atwin.Mattertag.navigateToTag(tag_id,_atwin.Mattertag.Transition.FLY)}catch(error){console.error(error)}}))}function showTags(tags){return __awaiter(this,void 0,void 0,(function*(){tags.forEach(((tag,indx)=>__awaiter(this,void 0,void 0,(function*(){const mpData=tag.json_data;if(!mpData){console.error("tag.json_data/mpData is undefined");return}const tagIds=yield _atwin.Tag.add({anchorPosition:mpData.anchorPosition,color:mpData.color,description:mpData.description,id:mpData.sid,label:mpData.label,stemVector:mpData.stemVector,stemVisible:mpData.stemVisible});if(tagIds){tag.json_data.id=tagIds[0];if(tag.json_data.media&&tag.json_data.media.src.trim()!==""){try{console.log("Attaching media...");const[attachmentId1]=yield _atwin.Tag.registerAttachment(tag.json_data.media.src);tag.json_data["attachments"]=[attachmentId1];yield _atwin.Tag.attach(tag.json_data.sid,attachmentId1);console.log("Media successfully attached")}catch(error){console.warn("Custom warn: Media not attached: Invalid media src link: "+error);console.warn(`mediaSrc: ${tag.json_data.media.src} | tag index: ${indx}`)}}}}))));console.log("tags",_tags)}))}function disposeTags(){return __awaiter(this,void 0,void 0,(function*(){console.log("hideTags()");const tags=yield _atwin.Mattertag.getData();if(tags){const tagIds=tags.map((i=>i.sid));yield _atwin.Mattertag.remove(tagIds);console.log("Tags removed in space: ",tagIds)}}))}function mapTags($tags){console.log("mapTags()",$tags);tags=$tags.map((i=>{const x={};x.id=i.json_data.id;x.name=i.json_data.label;return x}));console.log("tags",tags)}function getCurrentSweep(){return _currentSweep}function getCurrentCameraPose(){return _currentCameraPose}function getCameraPosition(){return _currentCameraPose.position}function getCurrentSweepPosition(){return _currentSweep.position}function getSweeps(){return __awaiter(this,void 0,void 0,(function*(){console.log("Getting Sweeps in Space");_atwin.Sweep.data.subscribe({onCollectionUpdated:function(collection){console.log("Sweeps In Space",collection);if(!collection){console.log("No Sweeps in loaded Space")}_sweeps=collection;const sw=Object.values(_sweeps);sweeps=sw.map((item=>({id:item.uuid,position:item.position,neighbors:item.neighbors})))}});return sweeps}))}function moveToSweep(sweepId){return __awaiter(this,void 0,void 0,(function*(){const transition=_atwin.Sweep.Transition.FLY;const transitionTime=2e3;console.log("Sweep Move",sweepId);_atwin.Sweep.moveTo(sweepId,{transition:transition,transitionTime:transitionTime}).then((function(){console.log("Sweep Arrived at sweep "+sweepId)})).catch((function(error){console.log("Sweep Error on Arriving",error)}))}))}function getNearbySweeps(sweepId){return __awaiter(this,void 0,void 0,(function*(){if(sweepId){const nearby=yield sweeps.find((item=>item.id==sweepId)).neighbors;console.log("Nearby Sweeps",nearby);return nearby}else{console.log("No Nearby Sweeps")}}))}function getComponentLoader(object){console.log("getComponentLoader()",object);if(object){let index=object.object_type;if(supportedMediaTypes.includes(object.object_type)){console.log("====Loader planeType");return planeType}let component={FBX:_atwin.Scene.Component.FBX_LOADER,GLB:gltfType,MP4:"liveVideo",ZIP:"slideScreenModel",BOX:boxType,TEXT:textType,MARKUP:css3DType};console.log("====Loader",component[index]);return component[index]||""}return""}function setSelectedObject(data,node,component,type){selectedObject={object:data,component:component,node:node,type:type};const previousCoords={object_position:selectedObject.node.obj3D.position,object_rotation:selectedObject.node.obj3D.rotation,object_scale:selectedObject.node.obj3D.scale};_previousAction=JSON.stringify(previousCoords);actionHistory.push(_previousAction);console.log("Previous transform "+JSON.stringify(previousObjTransform));console.log("setSelectedObject()")}function clearSelectedObject(){console.log("clearSelectedObject()");selectedObject=undefined}function setLighting(){return __awaiter(this,void 0,void 0,(function*(){const[sceneObject]=yield _atwin.Scene.createObjects(1);const lights=sceneObject.addNode();lights.addComponent("mp.directionalLight",{intensity:.6,color:{r:1,g:1,b:1}});lights.addComponent("mp.ambientLight",{intensity:.6,color:{r:1,g:1,b:1}});lights.start()}))}function removeTransformControls(){if(!_transformControlNode){console.error("_transformControlNode is undefined");return}if(!_inputControlComponent){console.error("!_inputControlComponent is undefined")}_transformControlNode.stop();console.log("removeTransformControls()")}function setTransformControls(selectedObject,mode="translate"){console.log("Object to be transformed "+selectedObject.object.object_data.name);removeTransformControls();const transformNode=_sceneObject.addNode();const transformComponent=transformNode.addComponent("mp.transformControls");_transformControlNode=transformNode;const inputComponent=transformNode.addComponent("mp.input",{eventsEnabled:true,userNavigationEnabled:true});_transformComponent=transformComponent;if(selectedObject.object.object_data.object_type=="GLB"){const eventPath=_sceneObject.addEmitPath(selectedObject.component,"gltfevents");_inputControlComponent=inputComponent.spyOnEvent(new DragSpy(eventPath,selectedObject.node,selectedObject.component,selectedObject.object))}else if(selectedObject.object.object_data.object_type=="BOX"){const eventPath=_sceneObject.addEmitPath(selectedObject.component,"boxEvents");_inputControlComponent=inputComponent.spyOnEvent(new DragSpy(eventPath,selectedObject.node,selectedObject.component,selectedObject.object))}else if(supportedMediaTypes.includes(selectedObject.object.object_data.object_type)){const eventPath=_sceneObject.addEmitPath(selectedObject.component,"planeEvents");_inputControlComponent=inputComponent.spyOnEvent(new DragSpy(eventPath,selectedObject.node,selectedObject.component,selectedObject.object))}transformNode.start();transformComponent.inputs.selection=selectedObject.node;transformComponent.inputs.mode=mode}function setTransformMode(mode){return __awaiter(this,void 0,void 0,(function*(){if(mode=="translate"){_transformMode="translate"}else if(mode=="rotate"){_transformMode="rotate"}else if(mode=="scale"){_transformMode="scale"}else{console.error("Transform mode not supported or incorrect")}_transformComponent.inputs.mode=_transformMode}))}function revertTransform(action="undo"){if(!selectedObject){console.error("selectedObject is undefined.");return}if(!currentObjTransform){console.error("currentObjTransform is undefined");return}if(actionHistory.length<=0){console.error("actionHistory is empty");return}let targetIndex;let nextIndex;const index=actionHistory.indexOf(JSON.stringify(currentObjTransform));console.log(`Action is ${action} and index is ${index}`);if(action==="undo"){if(index-1>=0){targetIndex=index-1;nextIndex=targetIndex-1}else{return false}}else if(action==="redo"){if(index+1<=actionHistory.length){targetIndex=index+1;nextIndex=targetIndex+1}else{return false}}else{console.error("Incorrect function argument for revertTransform");return false}previousObjTransform=JSON.parse(_previousAction);if(!actionHistory[targetIndex]){console.error("actionHistory is either empty or undefined");return}const objectTransform=JSON.parse(actionHistory[targetIndex]);const euler=convertToEuler(objectTransform.object_rotation);objectTransform.object_rotation={_x:euler.x,_y:euler.y,_z:euler.z};setObjectTransformation(selectedObject.node,objectTransform,true);console.log("Action history length "+actionHistory.length);console.log("Current history position "+index);console.log("Target history position "+targetIndex);currentObjTransform=JSON.parse(actionHistory[targetIndex]);if(action=="undo"&&nextIndex>=0){return false}else if(action=="redo"&&nextIndex<=actionHistory.length){return false}else{return true}}function clearActionHistory(){console.info("clearActionHistory()");actionHistory=[]}function convertToEuler(coords){const eulerX=Math.atan2(coords._x,coords._x);const eulerY=Math.atan2(-coords._x,Math.sqrt(coords._y*coords._y+coords._z*coords._z));const eulerZ=Math.atan2(coords._x,coords._x);const degreesX=eulerX*(180/Math.PI);const degreesY=eulerY*(180/Math.PI);const degreesZ=eulerZ*(180/Math.PI);const eulerCoords={x:degreesX,y:degreesY,z:degreesZ};console.log("Euler coords "+JSON.stringify(eulerCoords));return eulerCoords}function setObjectTransformation(node,transform,reverting=false){node.obj3D.scale.set(transform.object_scale.x,transform.object_scale.y,transform.object_scale.z);node.obj3D.position.set(transform.object_position.x,transform.object_position.y,transform.object_position.z);if(reverting){node.obj3D.rotation.set(transform.object_rotation._x,transform.object_rotation._y,transform.object_rotation._z)}else{node.obj3D.rotation.set(transform.object_rotation.x,transform.object_rotation.y,transform.object_rotation.z)}}function calculateDistance(pos1,pos2){const dx=pos2.x-pos1.x;const dy=pos2.y-pos1.y;const dz=pos2.z-pos1.z;return Math.sqrt(dx*dx+dy*dy+dz*dz)}function showVideoObjects(object,action="loading"){var _a,_b;return __awaiter(this,void 0,void 0,(function*(){const liveStreamNode=_sceneObject.addNode();var liveStreamComponent=liveStreamNode.addComponent(getComponentLoader(object.object_data),{url:(_a=object.object_data)===null||_a===void 0?void 0:_a.amazon_uri});liveStreamNode.position.set(object.object_position.x,object.object_position.y,object.object_position.z);liveStreamNode.obj3D.rotation.set(object.object_rotation.x,object.object_rotation.y,object.object_rotation.z);liveStreamNode.scale.set(object.object_scale.x,object.object_scale.y,object.object_scale.z);if(liveStreamComponent.outputs.loadingState!="Error"){liveStreamNode.start()}liveStreamComponent.inputs.src=(_b=object.object_data)===null||_b===void 0?void 0:_b.amazon_uri;if(action==="adding"){console.log("Saving object...");object.id=generateRandomUniqueNumber(_generatedObjectIds);_generatedObjectIds.push(object.id)}_videos.push({object:object,component:liveStreamComponent,node:liveStreamNode,collider:liveStreamComponent.outputs,type:"VIDEO"})}))}function playVideo(videoId){let videoObject=_videos.find((object=>object.object.id==videoId));if(videoObject){videoObject.component.video.play()}else{console.error("Unable to find video object using that id")}}function pauseVideo(videoId){let videoObject=_videos.find((object=>object.object.id==videoId));if(videoObject){videoObject.component.video.pause()}else{console.error("Unable to find video object using that id")}}function videoAutoPlay(){function nearestVideo(videoObject){return __awaiter(this,void 0,void 0,(function*(){let videoPosition=videoObject.object.object_position;let cameraPosition=getCurrentSweepPosition();const camPos={x:cameraPosition.x,y:cameraPosition.y,z:cameraPosition.z};const videoPos={x:videoPosition.x,y:videoPosition.y,z:videoPosition.z};const THREE=videoObject.component.context.three;const v3camPos=new THREE.Vector3(cameraPosition.x,cameraPosition.y,cameraPosition.z);const v3videoPos=new THREE.Vector3(videoPosition.x,videoPosition.y,videoPosition.z);const computedDistance=v3camPos.distanceTo(v3videoPos);try{if(videoObject.object.autoplay&&videoObject.object.autoplay_distance&&computedDistance<videoObject.object.autoplay_distance){setVideoPlayback("play",videoObject.component.video)}else{setVideoPlayback("pause",videoObject.component.video)}}catch(e){console.error("Unable to play or stop video")}}))}_videos.forEach((videoObject=>nearestVideo(videoObject)))}function createVideoComponent(){function videoRenderer(){this.inputs={visible:true,userNavigationEnabled:true,eventsEnabled:true,colliderEnabled:true,src:null};this.outputs={texture:null,video:null,aspect:720/480};this.onInit=function(){this.video;this.texture};this.events={"INTERACTION.CLICK":true};this.onEvent=function(eventType,eventData){return __awaiter(this,void 0,void 0,(function*(){if(eventType=="INTERACTION.CLICK"&&_viewMode==="interactive"){let video=_videos.filter((l=>{var _a,_b,_c,_d;return(_d=((_b=(_a=l.collider)===null||_a===void 0?void 0:_a.collider)===null||_b===void 0?void 0:_b.uuid)==((_c=eventData.collider)===null||_c===void 0?void 0:_c.uuid))!==null&&_d!==void 0?_d:false}))[0];console.log("Video object "+JSON.stringify(video.object));const selectedObj={object:video.object,node:video.node,component:video.component};clearActionHistory();setSelectedObject(video.object,video.node,video.component,"VIDEO");setTransformControls(selectedObj)}}))};this.onInputsUpdated=function(previous){this.releaseTexture();const THREE=this.context.three;if(!this.inputs.src){this.video.src="";return}if(this.inputs.src instanceof HTMLVideoElement){this.video=this.inputs.src}else{this.video=this.createVideoElement();if(typeof this.inputs.src==="string"){this.video.src=this.inputs.src}else{this.video.srcObject=this.inputs.src}this.video.load()}this.texture=new THREE.VideoTexture(this.video);this.texture.minFilter=THREE.LinearFilter;this.texture.magFilter=THREE.LinearFilter;this.texture.format=THREE.RGBFormat;var geometry=new THREE.PlaneGeometry(1,1);geometry.scale(1,480/720,1);geometry.translate(0,.33,0);this.material=new THREE.MeshBasicMaterial({map:this.texture,side:THREE.DoubleSide});var mesh=new THREE.Mesh(geometry,this.material);this.outputs.objectRoot=mesh;this.outputs.collider=mesh;mesh.visible=this.inputs.visible;this.outputs.texture=this.texture;this.outputs.video=this.video};this.releaseTexture=function(){if(this.texture){this.outputs.texture=null;this.texture.dispose()}};this.createVideoElement=function(){const video=document.createElement("video");video.setAttribute("id","htmlLivestreamVideo");video.crossOrigin="anonymous";video.setAttribute("height","480");video.setAttribute("width","720");video.setAttribute("webkit-playsinline","webkit-playsinline");video.setAttribute("controls","controls");video.muted=false;video.loop=true;video.volume=1;return video};this.onTick=function(tickDelta){};this.onDestroy=function(){this.material.dispose()};this.spyOnEvent=function(payload){console.log("payload",payload)}}function makeVideoRender(){return new videoRenderer}_atwin.Scene.register("liveVideo",makeVideoRender)}function createSlideScreenModel(){function SlideScreenModelRenderer(){this.inputs={src:null,userNavigationEnabled:true,eventsEnabled:true,colliderEnabled:true,visible:true};this.outputs={texture:null,t_image:null};this.onInit=function(){this.texture;this.t_image;this.material;this.mesh};this.events={"INTERACTION.CLICK":true};this.onEvent=function(eventType,eventData){return __awaiter(this,void 0,void 0,(function*(){console.log("onEventSlideShow",eventType,eventData);if(eventType=="INTERACTION.CLICK"){if(_allSlideShow.length>0){let slideshow=_allSlideShow.filter((l=>{var _a,_b,_c,_d;return(_d=((_b=(_a=l.collider)===null||_a===void 0?void 0:_a.collider)===null||_b===void 0?void 0:_b.uuid)==((_c=eventData.collider)===null||_c===void 0?void 0:_c.uuid))!==null&&_d!==void 0?_d:false}))[0];console.log("Slideshow object "+JSON.stringify(slideshow.object));if(_viewMode==="interactive"){const selectedObj={object:slideshow.object,node:slideshow.node,component:slideshow.component,type:"ZIP"};clearActionHistory();setSelectedObject(slideshow.object,slideshow.node,slideshow.component,"ZIP");setTransformControls(selectedObj)}console.log("slideShow eventData",slideshow);if(slideshow!=null){console.log("slideShow eventData",slideshow);var mousePosition=yield getMousePosition();var planePosition=slideshow.node.obj3D.position;console.log("MOUSE POSITION",mousePosition);console.log("PLANE POSITION",planePosition);if(slideshow.object.object_data.object_type=="ZIP"){if(slideshow.object.id!=_currentSlideShowID){_currentSlideIndex=_slideShowImage.find((elem=>elem.id===slideshow.object.id)).idx;console.log("CURRENT INDEX",_currentSlideIndex);_currentSlideShow=_slideShowImage.find((elem=>elem.id===slideshow.object.id)).images;console.log("CURRENT SLIDE",_currentSlideShow)}if(slideshow.object.id==_currentSlideShowID){console.log("ChangeImage",slideshow,_currentSlideShowID);if(planePosition.x<mousePosition.x){console.log("LEFT SIDE");clearInterval(_timer);this.inputs.src=imageStream("prev")}else if(planePosition.y<mousePosition.y){console.log("RIGHT SIDE");clearInterval(_timer);this.inputs.src=imageStream("next")}else if(planePosition.y>mousePosition.y){console.log("AUTOPLAY");_timer=setInterval((()=>{_currentSlideIndex=(_currentSlideIndex+1)%_currentSlideShow.length;console.log("CURRENT INDEX",_currentSlideIndex);this.inputs.src=imageStream("next")}),2e3)}}else{_currentSlideShowID=slideshow.object.id}}}}}}))};this.onInputsUpdated=function(previous){this.releaseTexture();const three=this.context.three;this.t_image=document.createElement("IMG");this.t_image.src=this.inputs.src;this.t_image.setAttribute("width","auto");this.t_image.setAttribute("height","auto");this.t_image.crossOrigin="anonymous";const planeGeo=new three.PlaneGeometry(1.5,1.5);planeGeo.translate(0,.33,0);if(previous.src!=this.inputs.src){this.texture=(new three.TextureLoader).load(this.t_image.src,((tex=this.texture)=>{tex.minFilter=three.LinearFilter;tex.magFilter=three.LinearFilter;tex.format=three.RGBAFormat;tex.needsUpdate=true;tex.onUpdate=this.textureUpdated;this.material=new three.MeshBasicMaterial({map:this.texture,side:three.DoubleSide,transparent:true,alphaTest:.5});this.mesh=new three.Mesh(planeGeo,this.material);this.mesh.scale.set(1,this.texture.image.height/this.texture.image.width,1);this.outputs.objectRoot=this.mesh;this.outputs.collider=this.mesh;this.outputs.texture=this.texture;this.outputs.t_image=this.t_image}))}if(this.mesh!=null){this.mesh.visible=this.inputs.visible}};this.textureUpdated=function(params){console.log("Update Callback",params)};this.releaseTexture=function(){if(this.texture){this.outputs.texture=null}};this.onTick=function(tickDelta){};this.onDestroy=function(){this.material.dispose();this.texture.dispose()}}function makeSlideScreenModelRenderer(){return new SlideScreenModelRenderer}_atwin.Scene.register("slideScreenModel",makeSlideScreenModelRenderer)}function registerCustomLoaders(){return __awaiter(this,void 0,void 0,(function*(){if(_hasRegisteredLoaders===false){console.log("registerCustomLoaders()");createVideoComponent();createSlideScreenModel();yield _atwin.Scene.registerComponents([{factory:planeFactory(_atwin),name:planeType},{factory:gltfFactory(_atwin),name:gltfType},{factory:boxFactory(_atwin),name:boxType},{factory:textFactory(_atwin),name:textType},{factory:css3DFactory(_atwin),name:css3DType}]);_hasRegisteredLoaders=true}}))}function showSlideScreenModel(object,action="loading"){return __awaiter(this,void 0,void 0,(function*(){const modelNode=_sceneObject.addNode();const component=modelNode.addComponent("slideScreenModel");console.log("COMPONENT",component);const objTransformation={object_position:object.object_position,object_rotation:object.object_rotation,object_scale:object.object_scale};setObjectTransformation(modelNode,objTransformation);if(action==="adding"){console.log("Saving object...");object.id=generateRandomUniqueNumber(_generatedObjectIds);_generatedObjectIds.push(object.id)}modelNode.start();yield addImageToSlideShow(object.object_data,component,object.id);console.log("SLIDE OUTPUT",component.outputs);if(action==="adding"){console.log("Saving object...");const id=yield addShowcaseObject(object);if(id){console.log("Saved object",id);object.id}}var slideShow={collider:component.outputs,object:object,node:modelNode,component:component,type:"ZIP"};_allSlideShow.push(slideShow);console.log("ALL SLIDESHOW",_allSlideShow)}))}function addImageToSlideShow(data,component,objectID){return __awaiter(this,void 0,void 0,(function*(){var dataList=[];yield new JSZip.external.Promise((function(resolve,reject){JSZipUtils.getBinaryContent(data.amazon_uri,(function(err,data){if(err){console.log("getBI error",err);reject(err)}else{console.log("getBI success",data);resolve(data)}}))})).then((function(data){console.log("data from getBI",data);return JSZip.loadAsync(data)})).then((data=>{console.log("data from loadAsync",data);for(let key in data.files){if(key.includes("__MACOSX"))continue;if(key.includes(".DS_Store"))continue;if(data.files[key].dir)continue;let base=data.file(data.files[key].name).async("base64");base.then((res=>{dataList.push({name:data.files[key].name,path:`data:image/png;base64,${res}`});if(dataList.length==1){component.inputs.src=`data:image/png;base64,${res}`}}))}_slideShowImage.push({id:objectID,images:dataList,idx:0,playID:null,play:false,comp:component})}))}))}function getMousePosition(){return __awaiter(this,void 0,void 0,(function*(){let planePosition;const pointer=_atwin.Pointer.intersection.subscribe((function(intersection){planePosition=intersection.position}));pointer.cancel();return planePosition}))}function imageStream(direction){let diff=direction==="prev"?-1:1;let length=_currentSlideShow.length;let index=_currentSlideIndex+diff;if(index===-1){index=length-1}if(index===length){index=0}_currentSlideIndex=index;_slideShowImage.find((elem=>elem.id===_currentSlideShowID)).idx=index;return _currentSlideShow[_currentSlideIndex].path}function cameraRotate(x,y,speed){return __awaiter(this,void 0,void 0,(function*(){yield _atwin.Camera.rotate(x,y,{speed:speed}).then((()=>{console.log("camera rotate success.",x,y)})).catch((error=>{console.log("camera rotate error.",error)}))}))}function cameraPan(x,z){return __awaiter(this,void 0,void 0,(function*(){let mode=getViewMode();if(mode==_atwin.Mode.Mode.FLOORPLAN||mode==_atwin.Mode.Mode.DOLLHOUSE){yield _atwin.Camera.pan({x:x,z:z}).then((()=>{console.log("camera pan success.")})).catch((error=>{console.log("camera rotate error:",error)}))}else{console.error("Incorrect view mode.")}}))}function cameraLookAt(x,y){return __awaiter(this,void 0,void 0,(function*(){yield _atwin.Camera.lookAtScreenCoords(x,y).then((function(){console.log("camera looking at...",x,y)})).catch((function(error){console.log("camera looking at error:",error)}))}))}function moveInDirection(direction){return __awaiter(this,void 0,void 0,(function*(){let nextDirection=_atwin.Camera.Direction.LEFT;switch(direction.toUpperCase()){case"LEFT":nextDirection=_atwin.Camera.Direction.LEFT;break;case"RIGHT":nextDirection=_atwin.Camera.Direction.RIGHT;break;case"UP":nextDirection=_atwin.Camera.Direction.UP;break;case"DOWN":nextDirection=_atwin.Camera.Direction.DOWN;break;case"BACK":nextDirection=_atwin.Camera.Direction.BACK;break;case"FORWARD":nextDirection=_atwin.Camera.Direction.FORWARD;break;default:nextDirection=_atwin.Camera.Direction.LEFT;break}yield _atwin.Camera.moveInDirection(nextDirection).then((function(){console.log("Move to...",nextDirection)})).catch((function(){console.warn("An error occured while moving in that direction.",nextDirection)}))}))}function dispose3dObjects(){console.log("dispose3dObjects");_3DXObjects.forEach((obj=>{console.log("_3DXObjects stop",obj);obj.node.stop()}));_videos.forEach((vid=>{console.log("_videos pause and node stop",vid);vid.component.video.pause();vid.node.stop()}));_allSlideShow.forEach((slide=>{console.log("_allSlideShow stop",slide);slide.node.stop()}))}function getViewMode(){return _currentViewMode}function setViewMode(mode){return __awaiter(this,void 0,void 0,(function*(){console.log("=== get Mode Type ===",_getModeType(mode));let modeType=_getModeType(mode);yield _atwin.Mode.moveTo(modeType).then((function(nextMode){console.log("Arrived at new view mode "+nextMode)})).catch((function(error){console.error("Error occur on:",error)}))}))}function _getModeType(mode){let modes={DOLLHOUSE:"mode.dollhouse",FLOORPLAN:"mode.floorplan",INSIDE:"mode.inside",OUTSIDE:"mode.outside",TRANSITIONING:"mode.transitioning"};return modes[mode.toUpperCase()]||""}function disconnectSpace(){return __awaiter(this,void 0,void 0,(function*(){console.log("disconnectSpace()");yield disposeTags();dispose3dObjects();_atwin.disconnect();_iframe.src="";_api={};_atwin={};_tags=[];tags=[];sweeps=[];_allSlideShow=[];_slideShowImage=[];_currentSlideShowID=0;_currentSlideIndex=0;_currentSlideShow=null;_timer=null;_videos=[];_currentViewMode="";_3DXObjects=[];_unrenderedObjects=[];_previousTimeStamp=0;_currentSweep={};_currentCameraPose={};_sweeps=[]}))}function getTargetPosition(callback=undefined){return __awaiter(this,void 0,void 0,(function*(){console.log("getTargetPosition()");if(!_objectMarker){console.error("Object marker has not been created");return}const iframe=document.getElementById(_mpConfig.iframeId);const iframeSize={w:iframe.clientWidth,h:iframe.clientHeight};let pointerCoord;function onMouseClick(){return __awaiter(this,void 0,void 0,(function*(){_pointerSubscription.cancel();setElementVisibility(_objectMarker,false);yield _atwin.Pointer.resetTexture();_objectMarker.removeEventListener("click",onMouseClick);console.info("Pointer coordinate is",pointerCoord);setState({isLoading:false,loaded:true,data:pointerCoord});if(callback!==undefined){callback(pointerCoord)}}))}console.log("Initializing pointer intersection");_objectMarker.addEventListener("click",onMouseClick);yield _atwin.Pointer.editTexture("targetPointer");_pointerSubscription=_atwin.Pointer.intersection.subscribe((function name(intersection){pointerCoord=intersection.position;if(_currentCameraPose){const screenCoord=_atwin.Conversion.worldToScreen(intersection.position,_currentCameraPose,iframeSize);translateElementPosition(_objectMarker,screenCoord)}}))}))}function setPointerCoordinates(position){_pointerCoord=position}function addObjectToSpace(object,config=undefined){return __awaiter(this,void 0,void 0,(function*(){console.log("addObjectToSpace()");console.log("Object Data ",object);const iframe=document.getElementById(_mpConfig.iframeId);let showcase_object;let pointerSubscriptionActive=false;const iframeSize={w:iframe.clientWidth,h:iframe.clientHeight};if(!_objectMarker){console.error("Object marker has not been created");return}function onObjectPositionSet(object){return __awaiter(this,void 0,void 0,(function*(){console.log("Object positioned at: ",_pointerCoord);if(pointerSubscriptionActive){_pointerSubscription.cancel();setElementVisibility(_objectMarker,false);yield _atwin.Pointer.resetTexture()}if(config){showcase_object=createIShowcaseObjectData(object,config.position,config.scale,config.rotation)}else{showcase_object=createIShowcaseObjectData(object)}console.log("Created object",showcase_object);console.log("About to render object",showcase_object);if(object.object_type=="MP4"){yield showVideoObjects(showcase_object)}else if(object.object_type=="ZIP"){yield showSlideScreenModel(showcase_object)}else{if(config){yield show3DObjects(showcase_object,config.options,"adding")}else{yield show3DObjects(showcase_object,null,"adding")}}_objectMarker.removeEventListener("click",handleClick);return showcase_object}))}const handleClick=()=>onObjectPositionSet(object);if(object!==undefined&&config===undefined||object!==undefined&&config.options&&!config.position){console.log("Positioning object to user pointer click coordinates");_objectMarker.addEventListener("click",handleClick);yield _atwin.Pointer.editTexture("targetPointer");pointerSubscriptionActive=true;_pointerSubscription=_atwin.Pointer.intersection.subscribe((function name(intersection){_pointerCoord=intersection.position;if(_currentCameraPose){const screenCoord=_atwin.Conversion.worldToScreen(intersection.position,_currentCameraPose,iframeSize);translateElementPosition(_objectMarker,screenCoord)}}));return}else if(object!==undefined&&config.position!=null){console.log("Positioning object to pre-defined coordinates");onObjectPositionSet(object);return}console.error("Object is either null or undefined");return}))}function translateElementPosition(element,coord){console.log("translateElementPosition()");if(coord){if(coord.x>0){element.style.left=`${Math.abs(coord.x-40)}px`;element.style.top=`${Math.abs(coord.y-45)}px`}else{element.style.left=`${Math.abs(coord.x+40)}px`;element.style.top=`${Math.abs(coord.y+45)}px`}const computedStyle=window.getComputedStyle(_objectMarker);const displayValue=computedStyle.getPropertyValue("display");if(displayValue=="none"){setElementVisibility(_objectMarker,true)}return}console.error("Argument for coord is undefined");return}function create3dMarker(){const container=document.getElementById("showcase-container");const checkMarker=document.getElementById("marker-3d");if(!checkMarker){console.log("Marker not found. Creating marker in DOM");_objectMarker=document.createElement("div");_objectMarker.setAttribute("id","marker-3d");_objectMarker.style.display="none";_objectMarker.style.width="90px";_objectMarker.style.height="90px";_objectMarker.style.cursor="pointer";_objectMarker.style.position="absolute";container.appendChild(_objectMarker);return}console.log("Marker found. Skipping marker creation")}function setElementVisibility(element,visible){if(visible){element.style.display="inline-block";return}element.style.display="none"}function createIShowcaseObjectData(object_data,position=undefined,scale=undefined,rotation=undefined){console.log("createIShowcaseObject()",object_data);const newObj=object_data;const showcase_object={};showcase_object.id=generateRandomUniqueNumber(_generatedObjectIds);showcase_object.object_id=object_data.id;showcase_object.user_id=_userId;showcase_object.showcase_id=parseInt(_spaceId);showcase_object.object_position=position!=undefined?position:_pointerCoord;showcase_object.object_rotation=rotation!=undefined?rotation:{x:0,y:0,z:0};showcase_object.object_scale=scale!=undefined?scale:{x:1,y:1,z:1};if(object_data.object_type=="MP4"){showcase_object.autoplay=true;showcase_object.autoplay_distance=2}showcase_object.offset_position=1;showcase_object.offset_rotation=1;showcase_object.position_unit="m";showcase_object.object_data=object_data;showcase_object.showcase_object_name=object_data.name;if(showcase_object.object_data){showcase_object.object_data=newObj}console.log("Returned objects",showcase_object);return showcase_object}function copyObject(payload,position_offset=undefined,rotation_offset=undefined){return __awaiter(this,void 0,void 0,(function*(){console.log("copyObject()");if(payload){payload.id=generateRandomUniqueNumber(_generatedObjectIds);_generatedObjectIds.push(payload.id);if(position_offset==undefined){payload.object_position.x+=.5;payload.object_position.z+=.5}else{payload.object_position.x+=position_offset.x;payload.object_position.z+=position_offset.z}if(rotation_offset){payload.object_rotation.x+=rotation_offset.x;payload.object_rotation.y+=rotation_offset.y;payload.object_rotation.z+=rotation_offset.z}const showcase_obj=yield addObjectToSpace(payload.object_data,{position:payload.object_position,rotation:payload.object_rotation,scale:payload.object_scale});return showcase_obj}console.error("Payload for copyObject is undefined");return}))}function replaceObject(payload,target,options=null){return __awaiter(this,void 0,void 0,(function*(){console.log("replaceObject()");if(payload&&target){removeTransformControls();target.node.stop();const showcase_obj=yield addObjectToSpace(payload,{options:options,position:target.object.object_position,rotation:target.object.object_rotation,scale:target.object.object_scale});return showcase_obj}console.error("payload or target is undefined");return}))}function extractFileInfo(fileLink){const objectKeyRegex=/(?<=s3.amazonaws.com\/)[^/?]+/;const typeRegex=/(?<=\.)[^./?]+/;let object_key=fileLink.match(objectKeyRegex)[0];const type=object_key.match(typeRegex)[0].toUpperCase();const[fileName,fileExtension]=object_key.split(".");object_key=fileName;console.log("Extracted object key",object_key);console.log("Extracted object type",type);return{object_key:object_key,type:type}}function createFileFromURL(url,fileName){return __awaiter(this,void 0,void 0,(function*(){console.info("createFileFromURL()");try{const response=yield fetch(url);const fileContent=yield response.blob();const file=new File([fileContent],fileName);console.info("Successfuly created file",file);return file}catch(error){console.error("Error creating File object:",error);return null}}))}function createMediaObject(url,filename){return __awaiter(this,void 0,void 0,(function*(){console.info("createMediaObject()");if(url&&filename){const file=yield createFileFromURL(url,filename);const filePayload={};filePayload.name=filename;filePayload.filename=filename;filePayload.object_type=filename.slice((filename.lastIndexOf(".")-1>>>0)+2).toUpperCase();filePayload.user_id=1;const obj_key=generateUUID();filePayload.object_key=obj_key!==null?obj_key:generateRandomUniqueNumber.toString();filePayload.file=file;console.info("Successfuly created file payload",filePayload);return filePayload}}))}function addMediaScreen(mediaUrl,transform,readonly,autoplay){return __awaiter(this,void 0,void 0,(function*(){console.log("=== addMediaScreen");console.log("=== mediaUrl",mediaUrl);console.log("=== transform",transform);console.log("=== readonly",readonly);console.log("=== autoplay",autoplay);const defaultImageUri="https://roki-atwin-dev.s3.amazonaws.com/339533c4-f0ad-4cbb-8332-a506a75d7f01.PNG?AWSAccessKeyId=AKIAVVUXZ66KW7GBSW7A&Signature=QKAYxf3h2xcBE1zarclvCAns3Zk%3D&Expires=2006160216";if(!mediaUrl||mediaUrl===""){console.log("=== mediaUrl is not set. Using default",defaultImageUri);mediaUrl=defaultImageUri}const{object_key:object_key,type:type}=extractFileInfo(mediaUrl);const mediaScreenId=generateRandomUniqueNumber(_generatedObjectIds);_generatedObjectIds.push(mediaScreenId);const object_data={id:mediaScreenId,filename:`${object_key}.${type}`,name:object_key,user_id:_userId,object_key:object_key,object_type:type,amazon_uri:mediaUrl};const options={name:"canvasFrame",type:type,url:object_data.amazon_uri,visible:true,aspectRatio:1};if(transform){console.log("=== Adding programmatically");yield addObjectToSpace(object_data,{options:options,position:transform.position,rotation:transform.rotation,scale:transform.scale})}return object_data.id}))}function attachMediaScreenContent(mediaScreenId,mediaUrl,mediaType="image"){return __awaiter(this,void 0,void 0,(function*(){let urlPath;let typePath;const fileTypes=["image","video"];if(!fileTypes.includes(mediaType)){console.error("Unsupported file type, please use a valid type");return}for(const{desc:desc,path:path}of _sceneObject.pathIterator()){if(desc.id===`url_${mediaScreenId}`){urlPath=path}if(desc.id===`type_${mediaScreenId}`){typePath=path}}typePath.set(mediaType);if(urlPath){urlPath.set(mediaUrl);return}console.error("Could not find input path for specified object");return}))}function setBasePointPosition(id,position){let basePointPath;for(const{desc:desc,path:path}of _sceneObject.pathIterator()){if(desc.id===`basePosition_${id}`){basePointPath=path}}if(position==="corner"){basePointPath.set("corner")}else{basePointPath.set("center")}}function setVideoPlayback(action,element){const actions=["play","pause","mute","unmute"];if(actions.includes(action)){if(action===actions[0]){element.play()}else if(action===actions[1]){element.pause()}else if(action===actions[2]){element.muted=true}else if(action===actions[3]){element.muted=false}return}console.error("Argument does not match known actions");return}function addTextMarkupScreen(title="",message,textScreenName,transform,textColor="black",backgroundColor="#fff"){return __awaiter(this,void 0,void 0,(function*(){console.log("=== title",title);console.log("=== message",message);console.log("=== textScreenName",textScreenName);if(!message){console.error("Message is undefined");return}if(!textScreenName){console.error("textScreenName is undefined");return}if(!transform){console.error("transform object is undefined. Please supply the necessary x,y,z values");return}const textScreenId=generateRandomUniqueNumber(_generatedObjectIds);_generatedObjectIds.push(textScreenId);const object_data={id:textScreenId,filename:textScreenName,user_id:_userId,name:textScreenName,object_type:"MARKUP"};const options={name:textScreenName,title:title,text:message,iframeId:_mpConfig.iframeId,textColor:textColor,backgroundColor:backgroundColor,visible:true};transform.position.y+=2;console.log("=== Adding programmatically");const showcase_obj=yield addObjectToSpace(object_data,{options:options,position:transform.position,rotation:transform.rotation,scale:transform.scale});return showcase_obj}))}function setTextMarkupScreenContent(showcase_id,title="",text="",textColor="",backgroundColor=""){console.log("setTextMarkupScreenContent()");if(!showcase_id){console.error("showcase_id or textScreenName is undefined");return}let titlePath;let textPath;let textColorPath;let backgroundColorPath;for(const{desc:desc,path:path}of _sceneObject.pathIterator()){if(desc.id===`title_${showcase_id}`){titlePath=path}if(desc.id===`text_${showcase_id}`){textPath=path}if(desc.id===`textColor_${showcase_id}`){textColorPath=path}if(desc.id===`backgroundColor_${showcase_id}`){backgroundColorPath=path}}if(title&&title!=="")titlePath.set(title);if(text&&text!=="")textPath.set(text);if(textColor&&textColor!=="")textColorPath.set(textColor);if(backgroundColor&&backgroundColor!=="")backgroundColorPath.set(backgroundColor)}function setState({isLoading:isLoading,loaded:loaded,error:error,data:data}){const newState={isLoading:isLoading,loaded:loaded,error:error!==undefined?error:"",data:data!==undefined?data:null};state=Object.assign({},newState)}function checkValidFileType(payload){if(payload){const fileName=payload.name;const fileExtension=fileName.substring(fileName.lastIndexOf(".")+1);console.log("File extension "+fileExtension);if(supportedFileTypes.includes(fileExtension.toUpperCase())){return{valid:true,type:fileExtension}}return{valid:false}}console.error("No file provided");return{valid:false}}function addObject(payload){return __awaiter(this,void 0,void 0,(function*(){if(_userId){payload.user_id=_userId}else{console.warn("_userId is not defined")}const isValid=checkValidFileType(payload.file);if(isValid.valid){try{const response=yield _api.post("/s3/file.json",payload);console.log("S3 response is: ",response);if(response.data.status=="success"){const id=response.data.query_result.id;const object_data=yield getObject(id);return object_data}}catch(error){console.error("Object upload failed"+error)}}console.error("Unsupported file type");return}))}function addShowcaseObject(payload){return __awaiter(this,void 0,void 0,(function*(){console.log("addShowcaseObject()");if(payload){payload.object_position=JSON.stringify(payload.object_position);payload.object_rotation=JSON.stringify(payload.object_rotation);payload.object_scale=JSON.stringify(payload.object_scale);delete payload["id"];try{const response=yield _api.post("/v1/showcase-objects.json",payload);console.log("API response is: ",response);if(response.data.status=="success"){console.log("Add showcase data",response.data.data);return response.data.data.id}}catch(error){console.error("Object upload failed"+error);return}}return}))}function getObject(id){return __awaiter(this,void 0,void 0,(function*(){console.log("getObject()");setState({isLoading:true,loaded:false});if(id){try{const response=yield _api.get(`/v1/objects/id/${id}`);if(response.data.status=="success"){const object_data=response.data.data[0];console.log("Response"+JSON.stringify(object_data));return object_data}console.error("Failed to get requested object")}catch(error){console.error("Error getting object "+error)}}return}))}function getShowcaseObject(id){return __awaiter(this,void 0,void 0,(function*(){console.log("getShowcaseObject()");if(id){try{const response=yield _api.get(`/v1/showcase-objects/showcase-id/${id}`);if(response.data.status=="success"){const showcase_object=response.data.data[0];const object=yield getObject(showcase_object.object_id);showcase_object.object_data=object;console.log("Success ",showcase_object);return showcase_object}console.error("Failed to get requested showcase object")}catch(error){console.error("Error getting showcase object "+error)}}console.error("id is undefined");return}))}function updateShowcaseObject(payload){return __awaiter(this,void 0,void 0,(function*(){console.log("getShowcaseObject()",payload);payload.object_position=JSON.stringify(payload.object_position);payload.object_rotation=JSON.stringify(payload.object_rotation);payload.object_scale=JSON.stringify(payload.object_scale);if(payload.id){const objPayload=payload;delete objPayload["object_data"];try{const response=yield _api.put(`/v1/showcase-objects/${payload.id}`,payload);console.log("updateShowcaseObject API response ",response.data);if(response.data.status=="success"){console.log("Succsss API response ",response.data);const showcase_object=payload;const object=yield getObject(payload.object_id);showcase_object.object_data=object;return showcase_object}console.error("Failed to get requested showcase object");return}catch(error){console.error("Error getting showcase object "+error);return}}console.error("id is undefined");return}))}function updateObject(id,payload){return __awaiter(this,void 0,void 0,(function*(){const isValid=checkValidFileType(payload.file);if(isValid.valid){try{const response=yield _api.put(`/s3/file/${id}.json`,payload);console.log("S3 response is: ",response);if(response.data.status=="success"){const id=response.data.query_result.id;const object_data=yield getObject(id);return object_data}}catch(error){console.error("Object upload failed"+error)}}console.log("Unsupported file type");return}))}function updateObjectUri(id,uri,mediaType){return __awaiter(this,void 0,void 0,(function*(){if(id&&uri){const payload={};payload.amazon_uri=uri;payload.object_type=mediaType.toUpperCase();try{const response=yield _api.put(`v1/objects/${id}.json`,payload);if(response.status==200){console.log("Successfuly updated URI");return}}catch(error){console.error("Update object uri error",error)}return}console.error("id and/or uri is undefined");return}))}function deleteObject(id){return __awaiter(this,void 0,void 0,(function*(){if(id){try{const response=yield _api.delete(`/s3/file/${id}.json`);console.log("S3 response is: ",response.data);if(response.data.status=="success"){console.log("S3 object deleted");return}}catch(error){console.error("Object delete failed"+error);return}}console.error("id is undefined");return}))}function deleteShowcaseObject(id){return __awaiter(this,void 0,void 0,(function*(){if(id){try{const response=yield _api.delete(`/v1/showcase-objects/${id}.json`);console.log("deleteShowcaseObject response is: ",response.data);if(response.data.status=="success"){console.log("Showcase object deleted");return}}catch(error){console.error("Delete showcase object failed"+error);return}}console.error("id is undefined");return}))}function deleteObjectFromSpace(target){return __awaiter(this,void 0,void 0,(function*(){console.log("deleteObjectFromSpace()");if(target){try{removeTransformControls();target.node.stop();selectedObject=null;if(target.object.object_data.object_type==="MARKUP"){const targetElement=document.getElementById(target.object.object_data.name);if(targetElement){targetElement.remove()}}const filteredRenderedObjects=_3DXObjects.filter((obj=>obj.object.id!==target.object.id));_3DXObjects=filteredRenderedObjects;console.log("Deleted object from scene");return target.object.id}catch(error){console.log("Delete showcase object error",error);return}}console.error("Target object is undefined");return}))}function deleteMediaScreen(mediaScreenId){return __awaiter(this,void 0,void 0,(function*(){let selectedMediaScreen=_3DXObjects.find((obj=>obj.object.id===mediaScreenId&&obj.type==="FRAME"));console.log(selectedMediaScreen);const id=yield deleteObjectFromSpace(selectedMediaScreen);return id}))}function getLibrary(refetch=false){return __awaiter(this,void 0,void 0,(function*(){setState({isLoading:true,loaded:false});if(refetch){try{const response=yield _api.get(`/s3/file.json`);console.log("S3 response is: ",response);if(response.data.status=="success"){const objects=response.data.data;_assetLibrary=objects;setState({isLoading:false,loaded:true,data:objects});return state}setState({isLoading:false,loaded:false,error:"Could not fetch data"});return state}catch(error){console.log("Error! Failed to fetch data",error);setState({isLoading:false,loaded:false,error:error});return state}}return _assetLibrary}))}function addTagToScene(tag){console.log("addTagToScene()");const iframe=document.getElementById(_mpConfig.iframeId);const iframeSize={w:iframe.clientWidth,h:iframe.clientHeight};if(!_objectMarker){console.error("Object marker has not been created");return}function onTagPositionSet(tag){return __awaiter(this,void 0,void 0,(function*(){console.log("Tag positioned at: ",_pointerCoord);_pointerSubscription.cancel();setElementVisibility(_objectMarker,false);_atwin.Pointer.setVisible(true);if(tag){if(tag.json_data.anchorPosition==undefined){}tag.json_data.anchorPosition=_pointerCoord;const tags=[];tags.push(tag);yield showTags(tags)}_objectMarker.removeEventListener("click",handleClick)}))}const handleClick=()=>onTagPositionSet(tag);if(tag!==undefined){_objectMarker.addEventListener("click",handleClick);_atwin.Pointer.setVisible(false);_pointerSubscription=_atwin.Pointer.intersection.subscribe((function name(intersection){_pointerCoord=intersection.position;if(_currentCameraPose){const screenCoord=_atwin.Conversion.worldToScreen(intersection.position,_currentCameraPose,iframeSize);translateElementPosition(_objectMarker,screenCoord)}}));return}console.error("Object is either null or undefined");return}function showMinimap(){minimap.showMinimap()}function hideMinimap(){minimap.hideMinimap()}function runSynchronousFunc(){console.log("runSynchronousFunc()")}class ClickSpy{constructor(path,node,component,object_data){this.path=path;this.node=node;this.component=component;this.object_data=object_data}onEvent(data){if(data.input.type=="click"){console.log("Clicked on 3D model");const selectedObj={object:this.object_data,node:this.node,component:this.component};if(this.object_data.object_data.object_type=="BOX"){}clearActionHistory();setSelectedObject(this.object_data,this.node,this.component,"3DX");setTransformControls(selectedObj)}}}class DragSpy{constructor(path,node,component,data){this.eventType="INTERACTION.DRAG_END";this.path=path;this.object_data=data;this.node=node;this.component=component}onEvent(payload){return __awaiter(this,void 0,void 0,(function*(){console.log("INTERACTION.DRAG_END",payload);const selectedObj={object:this.object_data,node:this.node,component:this.component};console.log("New Drag Position"+JSON.stringify(selectedObj.node.position));console.log("New Drag Rotation"+JSON.stringify(selectedObj.node.obj3D.rotation));console.log("New Drag Scale"+JSON.stringify(selectedObj.node.scale));const objectCoords={object_position:selectedObj.node.position,object_rotation:selectedObj.node.obj3D.rotation,object_scale:selectedObj.node.scale};currentObjTransform=objectCoords;const currentTranform=JSON.stringify(currentObjTransform);actionHistory.push(currentTranform);console.log("Actions count "+actionHistory.length);const showcaseObjPayload=this.object_data;showcaseObjPayload.object_position=objectCoords.object_position;const obj_rot={x:objectCoords.object_rotation._x,y:objectCoords.object_rotation._y,z:objectCoords.object_rotation._z};showcaseObjPayload.object_rotation=obj_rot;showcaseObjPayload.object_scale=objectCoords.object_scale;console.log("object type",this.object_data.object_data.object_type);if(this.object_data.object_data.object_type=="TEXT"&&_textDimensions.top!==null){const rotation={x:currentObjTransform.object_rotation._x,y:currentObjTransform.object_rotation._y,z:currentObjTransform.object_rotation._z};setTextDimensionPosition(_textDimensions.top.node,_textDimensions.top.component,"top",currentObjTransform.object_position,rotation);setTextDimensionPosition(_textDimensions.bottom.node,_textDimensions.bottom.component,"bottom",currentObjTransform.object_position,rotation);setTextDimensionPosition(_textDimensions.left.node,_textDimensions.left.component,"left",currentObjTransform.object_position,rotation);setTextDimensionPosition(_textDimensions.right.node,_textDimensions.right.component,"right",currentObjTransform.object_position,rotation)}}))}}class EmitSpy{constructor(path,node,component,object_data){this.path=path;this.node=node;this.component=component;this.object_data=object_data}onEvent(data){if(data.input.type=="click"){console.log("INTERACTION.CLICK",data);const selectedObj={object:this.object_data,node:this.node,component:this.component};clearActionHistory();setSelectedObject(this.object_data,this.node,this.component,"3DX");if(_viewMode==="interactive"){setTransformControls(selectedObj)}}}}export{_atwin,_config,tags,sweeps,selectedObject,previousObjTransform,currentObjTransform,actionHistory,state,_space,_spaceId,_api,_pointerCoord,_3DXObjects,connectSpace,disconnectSpace,getTags,gotoTag,getSweeps,getCurrentSweep,getCurrentSweepPosition,moveToSweep,getNearbySweeps,pauseVideo,playVideo,getCurrentCameraPose,getCameraPosition,moveInDirection,cameraLookAt,cameraPan,cameraRotate,getViewMode,setViewMode,getNearbyObjects,setTransformMode,setSelectedObject,clearSelectedObject,revertTransform,setTransformControls,removeTransformControls,setRenderDistance,clearActionHistory,addObject,getObject,addObjectToSpace,addMediaScreen,attachMediaScreenContent,addTagToScene,updateObject,updateShowcaseObject,deleteObject,deleteShowcaseObject,deleteObjectFromSpace,deleteMediaScreen,getShowcaseObject,setBasePointPosition,showObjectDimensions,hideObjectDimensions,setVideoPlayback,setAnimationState,showMinimap,hideMinimap,copyObject,replaceObject,getTargetPosition,setObjectTransformation,setPointerCoordinates,addTextMarkupScreen,setTextMarkupScreenContent};

package/lib/convert.d.ts

@@ -1,3 +1,3 @@
 export declare function meterToMillimeter(meter: number, decimal?: number): number;
-export declare function generateRandomUniqueNumber(): number;
+export declare function generateRandomUniqueNumber(currentIds: Array<number>): number;
 export declare function generateUUID(): string;

package/lib/convert.js

@@ -2,18 +2,15 @@ export function meterToMillimeter(meter, decimal = 2) {
     const mm = meter * 1000;
     return parseFloat(mm.toFixed(decimal));
 }
-export function generateRandomUniqueNumber() {
-    const uniqueNumbers = new Set();
+export function generateRandomUniqueNumber(currentIds) {
     function generateRandomNumber() {
-        return Math.floor(Math.random() * 5000);
+        return Math.floor(Math.random() * 40000);
     }
     // Loop until a unique number is generated
     let randomNumber;
     do {
         randomNumber = generateRandomNumber();
-    } while (uniqueNumbers.has(randomNumber));
-    // Add the generated number to the Set
-    uniqueNumbers.add(randomNumber);
+    } while (currentIds.indexOf(randomNumber) !== -1);
     return randomNumber;
 }
 export function generateUUID() {

package/lib/loaders/css3DLoader.d.ts

@@ -0,0 +1,39 @@
+export declare class CSS3DLoader {
+    constructor(sdk: any);
+    disposables: any[];
+    inputs: {
+        name: string;
+        title: string;
+        text: string;
+        iframeId: string;
+        wrapperId: string;
+        visible: boolean;
+        width: number;
+        height: number;
+        localPosition: {
+            x: number;
+            y: number;
+            z: number;
+        };
+        localRotation: {
+            x: number;
+            y: number;
+            z: number;
+        };
+        backgroundColor: string;
+        textColor: string;
+    };
+    onInit: () => void;
+    events: {
+        'INTERACTION.CLICK': boolean;
+    };
+    emits: {
+        css3devents: boolean;
+    };
+    onTick: (delta: any) => void;
+    onEvent(eventType: any, data: any): void;
+    onInputsUpdated(): void;
+    onDestroy(): void;
+}
+export declare const css3DType = "mp.css3d";
+export declare const css3DFactory: (sdk: any) => () => CSS3DLoader;