diff --git a/front/src/Api/IframeListener.ts b/front/src/Api/IframeListener.ts
index 610988ed..80bd99d4 100644
--- a/front/src/Api/IframeListener.ts
+++ b/front/src/Api/IframeListener.ts
@@ -107,6 +107,7 @@ class IframeListener {
                 } else if (payload.type === 'openPopup' && isOpenPopupEvent(payload.data)) {
                     this._openPopupStream.next(payload.data);
                 } else if (payload.type === 'closePopup' && isClosePopupEvent(payload.data)) {
+                    console.log(payload);
                     this._closePopupStream.next(payload.data);
                 }
                 else if (payload.type === 'openTab' && isOpenTabEvent(payload.data)) {
diff --git a/front/src/Api/iframe/ui.ts b/front/src/Api/iframe/ui.ts
index 629d3c36..260bcb64 100644
--- a/front/src/Api/iframe/ui.ts
+++ b/front/src/Api/iframe/ui.ts
@@ -36,7 +36,7 @@ class WorkAdventureUiCommands extends IframeApiContribution<WorkAdventureUiComma
     })];
 
 
-    openPopup(targetObject: string, message: string, buttons: ButtonDescriptor[]): Popup {
+    openPopup(targetObject: string, message: string, buttons: ButtonDescriptor[], input: boolean = false): Popup {
         popupId++;
         const popup = new Popup(popupId);
         const btnMap = new Map<number, () => void>();
@@ -63,7 +63,8 @@ class WorkAdventureUiCommands extends IframeApiContribution<WorkAdventureUiComma
                         label: button.label,
                         className: button.className
                     };
-                })
+                }),
+                input : input
             }
         });
 
diff --git a/front/src/Phaser/Game/GameScene.ts b/front/src/Phaser/Game/GameScene.ts
index 809a8ce9..49c40bd8 100644
--- a/front/src/Phaser/Game/GameScene.ts
+++ b/front/src/Phaser/Game/GameScene.ts
@@ -80,10 +80,10 @@ import CanvasTexture = Phaser.Textures.CanvasTexture;
 import GameObject = Phaser.GameObjects.GameObject;
 import FILE_LOAD_ERROR = Phaser.Loader.Events.FILE_LOAD_ERROR;
 import DOMElement = Phaser.GameObjects.DOMElement;
-import EVENT_TYPE =Phaser.Scenes.Events
+import EVENT_TYPE = Phaser.Scenes.Events
 import type {Subscription} from "rxjs";
 import {worldFullMessageStream} from "../../Connexion/WorldFullMessageStream";
-import { lazyLoadCompanionResource } from "../Companion/CompanionTexturesLoadingManager";
+import {lazyLoadCompanionResource} from "../Companion/CompanionTexturesLoadingManager";
 import RenderTexture = Phaser.GameObjects.RenderTexture;
 import Tilemap = Phaser.Tilemaps.Tilemap;
 import {DirtyScene} from "./DirtyScene";
@@ -98,7 +98,7 @@ import {peerStore} from "../../Stores/PeerStore";
 import {EmoteManager} from "./EmoteManager";
 
 export interface GameSceneInitInterface {
-    initPosition: PointInterface|null,
+    initPosition: PointInterface | null,
     reconnecting: boolean
 }
 
@@ -135,10 +135,10 @@ interface DeleteGroupEventInterface {
 const defaultStartLayerName = 'start';
 
 export class GameScene extends DirtyScene implements CenterListener {
-    Terrains : Array<Phaser.Tilemaps.Tileset>;
+    Terrains: Array<Phaser.Tilemaps.Tileset>;
     CurrentPlayer!: Player;
     MapPlayers!: Phaser.Physics.Arcade.Group;
-    MapPlayersByKey : Map<number, RemotePlayer> = new Map<number, RemotePlayer>();
+    MapPlayersByKey: Map<number, RemotePlayer> = new Map<number, RemotePlayer>();
     Map!: Phaser.Tilemaps.Tilemap;
     Layers!: Array<Phaser.Tilemaps.TilemapLayer>;
     Objects!: Array<Phaser.Physics.Arcade.Sprite>;
@@ -149,10 +149,10 @@ export class GameScene extends DirtyScene implements CenterListener {
     startY!: number;
     circleTexture!: CanvasTexture;
     circleRedTexture!: CanvasTexture;
-    pendingEvents: Queue<InitUserPositionEventInterface|AddPlayerEventInterface|RemovePlayerEventInterface|UserMovedEventInterface|GroupCreatedUpdatedEventInterface|DeleteGroupEventInterface> = new Queue<InitUserPositionEventInterface|AddPlayerEventInterface|RemovePlayerEventInterface|UserMovedEventInterface|GroupCreatedUpdatedEventInterface|DeleteGroupEventInterface>();
-    private initPosition: PositionInterface|null = null;
+    pendingEvents: Queue<InitUserPositionEventInterface | AddPlayerEventInterface | RemovePlayerEventInterface | UserMovedEventInterface | GroupCreatedUpdatedEventInterface | DeleteGroupEventInterface> = new Queue<InitUserPositionEventInterface | AddPlayerEventInterface | RemovePlayerEventInterface | UserMovedEventInterface | GroupCreatedUpdatedEventInterface | DeleteGroupEventInterface>();
+    private initPosition: PositionInterface | null = null;
     private playersPositionInterpolator = new PlayersPositionInterpolator();
-    public connection: RoomConnection|undefined;
+    public connection: RoomConnection | undefined;
     private simplePeer!: SimplePeer;
     private GlobalMessageManager!: GlobalMessageManager;
     public ConsoleGlobalMessageManager!: ConsoleGlobalMessageManager;
@@ -161,7 +161,7 @@ export class GameScene extends DirtyScene implements CenterListener {
     // A promise that will resolve when the "create" method is called (signaling loading is ended)
     private createPromise: Promise<void>;
     private createPromiseResolve!: (value?: void | PromiseLike<void>) => void;
-    private iframeSubscriptionList! : Array<Subscription>;
+    private iframeSubscriptionList!: Array<Subscription>;
     private peerStoreUnsubscribe!: () => void;
     MapUrlFile: string;
     RoomId: string;
@@ -181,22 +181,22 @@ export class GameScene extends DirtyScene implements CenterListener {
     private gameMap!: GameMap;
     private actionableItems: Map<number, ActionableItem> = new Map<number, ActionableItem>();
     // The item that can be selected by pressing the space key.
-    private outlinedItem: ActionableItem|null = null;
+    private outlinedItem: ActionableItem | null = null;
     public userInputManager!: UserInputManager;
-    private isReconnecting: boolean|undefined = undefined;
+    private isReconnecting: boolean | undefined = undefined;
     private startLayerName!: string | null;
     private openChatIcon!: OpenChatIcon;
     private playerName!: string;
     private characterLayers!: string[];
-    private companion!: string|null;
-    private messageSubscription: Subscription|null = null;
-    private popUpElements : Map<number, DOMElement> = new Map<number, Phaser.GameObjects.DOMElement>();
-    private originalMapUrl: string|undefined;
-    private pinchManager: PinchManager|undefined;
+    private companion!: string | null;
+    private messageSubscription: Subscription | null = null;
+    private popUpElements: Map<number, DOMElement> = new Map<number, Phaser.GameObjects.DOMElement>();
+    private originalMapUrl: string | undefined;
+    private pinchManager: PinchManager | undefined;
     private mapTransitioning: boolean = false; //used to prevent transitions happenning at the same time.
     private emoteManager!: EmoteManager;
 
-    constructor(private room: Room, MapUrlFile: string, customKey?: string|undefined) {
+    constructor(private room: Room, MapUrlFile: string, customKey?: string | undefined) {
         super({
             key: customKey ?? room.id
         });
@@ -220,14 +220,14 @@ export class GameScene extends DirtyScene implements CenterListener {
     preload(): void {
         const localUser = localUserStore.getLocalUser();
         const textures = localUser?.textures;
-        if (textures) {
-            for (const texture of textures) {
+        if(textures) {
+            for(const texture of textures) {
                 loadCustomTexture(this.load, texture);
             }
         }
 
         this.load.image(openChatIconName, 'resources/objects/talk.png');
-        if (touchScreenManager.supportTouchScreen) {
+        if(touchScreenManager.supportTouchScreen) {
             this.load.image(joystickBaseKey, joystickBaseImg);
             this.load.image(joystickThumbKey, joystickThumbImg);
         }
@@ -238,11 +238,11 @@ export class GameScene extends DirtyScene implements CenterListener {
 
         this.load.on(FILE_LOAD_ERROR, (file: {src: string}) => {
             // If we happen to be in HTTP and we are trying to load a URL in HTTPS only... (this happens only in dev environments)
-            if (window.location.protocol === 'http:' && file.src === this.MapUrlFile && file.src.startsWith('http:') && this.originalMapUrl === undefined) {
+            if(window.location.protocol === 'http:' && file.src === this.MapUrlFile && file.src.startsWith('http:') && this.originalMapUrl === undefined) {
                 this.originalMapUrl = this.MapUrlFile;
                 this.MapUrlFile = this.MapUrlFile.replace('http://', 'https://');
                 this.load.tilemapTiledJSON(this.MapUrlFile, this.MapUrlFile);
-                this.load.on('filecomplete-tilemapJSON-'+this.MapUrlFile, (key: string, type: string, data: unknown) => {
+                this.load.on('filecomplete-tilemapJSON-' + this.MapUrlFile, (key: string, type: string, data: unknown) => {
                     this.onMapLoad(data);
                 });
                 return;
@@ -252,11 +252,11 @@ export class GameScene extends DirtyScene implements CenterListener {
             // See https://developer.mozilla.org/en-US/docs/Web/Security/Secure_Contexts#when_is_a_context_considered_secure
             const url = new URL(file.src);
             const host = url.host.split(':')[0];
-            if (window.location.protocol === 'https:' && file.src === this.MapUrlFile && (host === '127.0.0.1' || host === 'localhost' || host.endsWith('.localhost')) && this.originalMapUrl === undefined) {
+            if(window.location.protocol === 'https:' && file.src === this.MapUrlFile && (host === '127.0.0.1' || host === 'localhost' || host.endsWith('.localhost')) && this.originalMapUrl === undefined) {
                 this.originalMapUrl = this.MapUrlFile;
                 this.MapUrlFile = this.MapUrlFile.replace('https://', 'http://');
                 this.load.tilemapTiledJSON(this.MapUrlFile, this.MapUrlFile);
-                this.load.on('filecomplete-tilemapJSON-'+this.MapUrlFile, (key: string, type: string, data: unknown) => {
+                this.load.on('filecomplete-tilemapJSON-' + this.MapUrlFile, (key: string, type: string, data: unknown) => {
                     this.onMapLoad(data);
                 });
                 return;
@@ -269,14 +269,14 @@ export class GameScene extends DirtyScene implements CenterListener {
             });
         });
         this.load.scenePlugin('AnimatedTiles', AnimatedTiles, 'animatedTiles', 'animatedTiles');
-        this.load.on('filecomplete-tilemapJSON-'+this.MapUrlFile, (key: string, type: string, data: unknown) => {
+        this.load.on('filecomplete-tilemapJSON-' + this.MapUrlFile, (key: string, type: string, data: unknown) => {
             this.onMapLoad(data);
         });
         //TODO strategy to add access token
         this.load.tilemapTiledJSON(this.MapUrlFile, this.MapUrlFile);
         // If the map has already been loaded as part of another GameScene, the "on load" event will not be triggered.
         // In this case, we check in the cache to see if the map is here and trigger the event manually.
-        if (this.cache.tilemap.exists(this.MapUrlFile)) {
+        if(this.cache.tilemap.exists(this.MapUrlFile)) {
             const data = this.cache.tilemap.get(this.MapUrlFile);
             this.onMapLoad(data);
         }
@@ -303,7 +303,7 @@ export class GameScene extends DirtyScene implements CenterListener {
         this.mapFile = data.data;
         const url = this.MapUrlFile.substr(0, this.MapUrlFile.lastIndexOf('/'));
         this.mapFile.tilesets.forEach((tileset) => {
-            if (typeof tileset.name === 'undefined' || typeof tileset.image === 'undefined') {
+            if(typeof tileset.name === 'undefined' || typeof tileset.image === 'undefined') {
                 console.warn("Don't know how to handle tileset ", tileset)
                 return;
             }
@@ -314,15 +314,15 @@ export class GameScene extends DirtyScene implements CenterListener {
         // Scan the object layers for objects to load and load them.
         const objects = new Map<string, ITiledMapObject[]>();
 
-        for (const layer of this.mapFile.layers) {
-            if (layer.type === 'objectgroup') {
-                for (const object of layer.objects) {
-                    let objectsOfType: ITiledMapObject[]|undefined;
-                    if (!objects.has(object.type)) {
+        for(const layer of this.mapFile.layers) {
+            if(layer.type === 'objectgroup') {
+                for(const object of layer.objects) {
+                    let objectsOfType: ITiledMapObject[] | undefined;
+                    if(!objects.has(object.type)) {
                         objectsOfType = new Array<ITiledMapObject>();
                     } else {
                         objectsOfType = objects.get(object.type);
-                        if (objectsOfType === undefined) {
+                        if(objectsOfType === undefined) {
                             throw new Error('Unexpected object type not found');
                         }
                     }
@@ -332,12 +332,12 @@ export class GameScene extends DirtyScene implements CenterListener {
             }
         }
 
-        for (const [itemType, objectsOfType] of objects) {
+        for(const [itemType, objectsOfType] of objects) {
             // FIXME: we would ideally need for the loader to WAIT for the import to be performed, which means writing our own loader plugin.
 
             let itemFactory: ItemFactoryInterface;
 
-            switch (itemType) {
+            switch(itemType) {
                 case 'computer': {
                     const module = await import('../Items/Computer/computer');
                     itemFactory = module.default;
@@ -345,7 +345,7 @@ export class GameScene extends DirtyScene implements CenterListener {
                 }
                 default:
                     continue;
-                    //throw new Error('Unsupported object type: "'+ itemType +'"');
+                //throw new Error('Unsupported object type: "'+ itemType +'"');
             }
 
             itemFactory.preload(this.load);
@@ -359,7 +359,7 @@ export class GameScene extends DirtyScene implements CenterListener {
 
                     const roomJoinedAnswer = await this.connectionAnswerPromise;
 
-                    for (const object of objectsOfType) {
+                    for(const object of objectsOfType) {
                         // TODO: we should pass here a factory to create sprites (maybe?)
 
                         // Do we have a state for this object?
@@ -374,17 +374,17 @@ export class GameScene extends DirtyScene implements CenterListener {
 
         // Now, let's load the script, if any
         const scripts = this.getScriptUrls(this.mapFile);
-        for (const script of scripts) {
+        for(const script of scripts) {
             iframeListener.registerScript(script);
         }
     }
 
     //hook initialisation
-    init(initData : GameSceneInitInterface) {
-        if (initData.initPosition !== undefined) {
+    init(initData: GameSceneInitInterface) {
+        if(initData.initPosition !== undefined) {
             this.initPosition = initData.initPosition; //todo: still used?
         }
-        if (initData.initPosition !== undefined) {
+        if(initData.initPosition !== undefined) {
             this.isReconnecting = initData.reconnecting;
         }
     }
@@ -397,14 +397,14 @@ export class GameScene extends DirtyScene implements CenterListener {
         urlManager.pushRoomIdToUrl(this.room);
         this.startLayerName = urlManager.getStartLayerNameFromUrl();
 
-        if (touchScreenManager.supportTouchScreen) {
+        if(touchScreenManager.supportTouchScreen) {
             this.pinchManager = new PinchManager(this);
         }
 
         this.messageSubscription = worldFullMessageStream.stream.subscribe((message) => this.showWorldFullError(message))
 
         const playerName = gameManager.getPlayerName();
-        if (!playerName) {
+        if(!playerName) {
             throw 'playerName is not set';
         }
         this.playerName = playerName;
@@ -425,31 +425,31 @@ export class GameScene extends DirtyScene implements CenterListener {
         //add layer on map
         this.Layers = new Array<Phaser.Tilemaps.TilemapLayer>();
         let depth = -2;
-        for (const layer of this.gameMap.layersIterator) {
-            if (layer.type === 'tilelayer') {
+        for(const layer of this.gameMap.layersIterator) {
+            if(layer.type === 'tilelayer') {
                 this.addLayer(this.Map.createLayer(layer.name, this.Terrains, 0, 0).setDepth(depth));
 
                 const exitSceneUrl = this.getExitSceneUrl(layer);
-                if (exitSceneUrl !== undefined) {
+                if(exitSceneUrl !== undefined) {
                     this.loadNextGame(exitSceneUrl);
                 }
                 const exitUrl = this.getExitUrl(layer);
-                if (exitUrl !== undefined) {
+                if(exitUrl !== undefined) {
                     this.loadNextGame(exitUrl);
                 }
             }
-            if (layer.type === 'objectgroup' && layer.name === 'floorLayer') {
+            if(layer.type === 'objectgroup' && layer.name === 'floorLayer') {
                 depth = DEPTH_OVERLAY_INDEX;
             }
-            if (layer.type === 'objectgroup') {
-                for (const object of layer.objects) {
-                    if (object.text) {
+            if(layer.type === 'objectgroup') {
+                for(const object of layer.objects) {
+                    if(object.text) {
                         TextUtils.createTextFromITiledMapObject(this, object);
                     }
                 }
             }
         }
-        if (depth === -2) {
+        if(depth === -2) {
             throw new Error('Your map MUST contain a layer of type "objectgroup" whose name is "floorLayer" that represents the layer characters are drawn at. This layer cannot be contained in a group.');
         }
 
@@ -466,7 +466,7 @@ export class GameScene extends DirtyScene implements CenterListener {
         this.userInputManager = new UserInputManager(this);
         mediaManager.setUserInputManager(this.userInputManager);
 
-        if (localUserStore.getFullscreen()) {
+        if(localUserStore.getFullscreen()) {
             document.querySelector('body')?.requestFullscreen();
         }
 
@@ -480,16 +480,16 @@ export class GameScene extends DirtyScene implements CenterListener {
         this.initCirclesCanvas();
 
         // Let's pause the scene if the connection is not established yet
-        if (!this.room.isDisconnected()) {
-            if (this.isReconnecting) {
+        if(!this.room.isDisconnected()) {
+            if(this.isReconnecting) {
                 setTimeout(() => {
                     this.scene.sleep();
                     this.scene.launch(ReconnectingSceneName);
                 }, 0);
-            } else if (this.connection === undefined) {
+            } else if(this.connection === undefined) {
                 // Let's wait 1 second before printing the "connecting" screen to avoid blinking
                 setTimeout(() => {
-                    if (this.connection === undefined) {
+                    if(this.connection === undefined) {
                         this.scene.sleep();
                         this.scene.launch(ReconnectingSceneName);
                     }
@@ -523,7 +523,7 @@ export class GameScene extends DirtyScene implements CenterListener {
         this.listenToIframeEvents();
 
 
-        if (!this.room.isDisconnected()) {
+        if(!this.room.isDisconnected()) {
             this.connect();
         }
 
@@ -532,11 +532,11 @@ export class GameScene extends DirtyScene implements CenterListener {
         let oldPeerNumber = 0;
         this.peerStoreUnsubscribe = peerStore.subscribe((peers) => {
             const newPeerNumber = peers.size;
-            if (newPeerNumber > oldPeerNumber) {
+            if(newPeerNumber > oldPeerNumber) {
                 this.sound.play('audio-webrtc-in', {
                     volume: 0.2
                 });
-            } else if (newPeerNumber < oldPeerNumber) {
+            } else if(newPeerNumber < oldPeerNumber) {
                 this.sound.play('audio-webrtc-out', {
                     volume: 0.2
                 });
@@ -566,7 +566,7 @@ export class GameScene extends DirtyScene implements CenterListener {
                 bottom: camera.scrollY + camera.height,
             },
             this.companion
-            ).then((onConnect: OnConnectInterface) => {
+        ).then((onConnect: OnConnectInterface) => {
             this.connection = onConnect.connection;
 
             this.connection.onUserJoins((message: MessageUserJoined) => {
@@ -583,7 +583,7 @@ export class GameScene extends DirtyScene implements CenterListener {
 
             this.connection.onUserMoved((message: UserMovedMessage) => {
                 const position = message.getPosition();
-                if (position === undefined) {
+                if(position === undefined) {
                     throw new Error('Position missing from UserMovedMessage');
                 }
 
@@ -606,7 +606,7 @@ export class GameScene extends DirtyScene implements CenterListener {
             this.connection.onGroupDeleted((groupId: number) => {
                 try {
                     this.deleteGroup(groupId);
-                } catch (e) {
+                } catch(e) {
                     console.error(e);
                 }
             })
@@ -632,7 +632,7 @@ export class GameScene extends DirtyScene implements CenterListener {
 
             this.connection.onActionableEvent((message => {
                 const item = this.actionableItems.get(message.itemId);
-                if (item === undefined) {
+                if(item === undefined) {
                     console.warn('Received an event about object "' + message.itemId + '" but cannot find this item on the map.');
                     return;
                 }
@@ -661,7 +661,7 @@ export class GameScene extends DirtyScene implements CenterListener {
                     audioManager.decreaseVolume();
                 },
                 onDisconnect(userId: number) {
-                    if (self.simplePeer.getNbConnections() === 0) {
+                    if(self.simplePeer.getNbConnections() === 0) {
                         self.presentationModeSprite.setVisible(false);
                         self.chatModeSprite.setVisible(false);
                         self.openChatIcon.setVisible(false);
@@ -695,12 +695,12 @@ export class GameScene extends DirtyScene implements CenterListener {
     private initCirclesCanvas(): void {
         // Let's generate the circle for the group delimiter
         let circleElement = Object.values(this.textures.list).find((object: Texture) => object.key === 'circleSprite-white');
-        if (circleElement) {
+        if(circleElement) {
             this.textures.remove('circleSprite-white');
         }
 
         circleElement = Object.values(this.textures.list).find((object: Texture) => object.key === 'circleSprite-red');
-        if (circleElement) {
+        if(circleElement) {
             this.textures.remove('circleSprite-red');
         }
 
@@ -719,14 +719,14 @@ export class GameScene extends DirtyScene implements CenterListener {
         const contextRed = this.circleRedTexture.context;
         contextRed.beginPath();
         contextRed.arc(48, 48, 48, 0, 2 * Math.PI, false);
-         //context.lineWidth = 5;
+        //context.lineWidth = 5;
         contextRed.strokeStyle = '#ff0000';
         contextRed.stroke();
         this.circleRedTexture.refresh();
     }
 
 
-    private safeParseJSONstring(jsonString: string|undefined, propertyName: string) {
+    private safeParseJSONstring(jsonString: string | undefined, propertyName: string) {
         try {
             return jsonString ? JSON.parse(jsonString) : {};
         } catch(e) {
@@ -735,18 +735,18 @@ export class GameScene extends DirtyScene implements CenterListener {
         }
     }
 
-    private triggerOnMapLayerPropertyChange(){
+    private triggerOnMapLayerPropertyChange() {
         this.gameMap.onPropertyChange('exitSceneUrl', (newValue, oldValue) => {
-            if (newValue) this.onMapExit(newValue as string);
+            if(newValue) this.onMapExit(newValue as string);
         });
         this.gameMap.onPropertyChange('exitUrl', (newValue, oldValue) => {
-            if (newValue) this.onMapExit(newValue as string);
+            if(newValue) this.onMapExit(newValue as string);
         });
         this.gameMap.onPropertyChange('openWebsite', (newValue, oldValue, allProps) => {
-            if (newValue === undefined) {
+            if(newValue === undefined) {
                 layoutManager.removeActionButton('openWebsite', this.userInputManager);
                 coWebsiteManager.closeCoWebsite();
-            }else{
+            } else {
                 const openWebsiteFunction = () => {
                     coWebsiteManager.loadCoWebsite(newValue as string, this.MapUrlFile, allProps.get('openWebsiteAllowApi') as boolean | undefined, allProps.get('openWebsitePolicy') as string | undefined);
                     layoutManager.removeActionButton('openWebsite', this.userInputManager);
@@ -755,27 +755,27 @@ export class GameScene extends DirtyScene implements CenterListener {
                 const openWebsiteTriggerValue = allProps.get(TRIGGER_WEBSITE_PROPERTIES);
                 if(openWebsiteTriggerValue && openWebsiteTriggerValue === ON_ACTION_TRIGGER_BUTTON) {
                     let message = allProps.get(WEBSITE_MESSAGE_PROPERTIES);
-                    if(message === undefined){
+                    if(message === undefined) {
                         message = 'Press SPACE or touch here to open web site';
                     }
                     layoutManager.addActionButton('openWebsite', message.toString(), () => {
                         openWebsiteFunction();
                     }, this.userInputManager);
-                }else{
+                } else {
                     openWebsiteFunction();
                 }
             }
         });
         this.gameMap.onPropertyChange('jitsiRoom', (newValue, oldValue, allProps) => {
-            if (newValue === undefined) {
+            if(newValue === undefined) {
                 layoutManager.removeActionButton('jitsiRoom', this.userInputManager);
                 this.stopJitsi();
-            }else{
+            } else {
                 const openJitsiRoomFunction = () => {
                     const roomName = jitsiFactory.getRoomName(newValue.toString(), this.instance);
-                    const jitsiUrl = allProps.get("jitsiUrl") as string|undefined;
-                    if (JITSI_PRIVATE_MODE && !jitsiUrl) {
-                        const adminTag = allProps.get("jitsiRoomAdminTag") as string|undefined;
+                    const jitsiUrl = allProps.get("jitsiUrl") as string | undefined;
+                    if(JITSI_PRIVATE_MODE && !jitsiUrl) {
+                        const adminTag = allProps.get("jitsiRoomAdminTag") as string | undefined;
 
                         this.connection?.emitQueryJitsiJwtMessage(roomName, adminTag);
                     } else {
@@ -787,27 +787,27 @@ export class GameScene extends DirtyScene implements CenterListener {
                 const jitsiTriggerValue = allProps.get(TRIGGER_JITSI_PROPERTIES);
                 if(jitsiTriggerValue && jitsiTriggerValue === ON_ACTION_TRIGGER_BUTTON) {
                     let message = allProps.get(JITSI_MESSAGE_PROPERTIES);
-                    if (message === undefined) {
+                    if(message === undefined) {
                         message = 'Press SPACE or touch here to enter Jitsi Meet room';
                     }
                     layoutManager.addActionButton('jitsiRoom', message.toString(), () => {
                         openJitsiRoomFunction();
                     }, this.userInputManager);
-                }else{
+                } else {
                     openJitsiRoomFunction();
                 }
             }
         });
         this.gameMap.onPropertyChange('silent', (newValue, oldValue) => {
-            if (newValue === undefined || newValue === false || newValue === '') {
+            if(newValue === undefined || newValue === false || newValue === '') {
                 this.connection?.setSilent(false);
             } else {
                 this.connection?.setSilent(true);
             }
         });
         this.gameMap.onPropertyChange('playAudio', (newValue, oldValue, allProps) => {
-            const volume = allProps.get(AUDIO_VOLUME_PROPERTY) as number|undefined;
-            const loop = allProps.get(AUDIO_LOOP_PROPERTY) as boolean|undefined;
+            const volume = allProps.get(AUDIO_VOLUME_PROPERTY) as number | undefined;
+            const loop = allProps.get(AUDIO_LOOP_PROPERTY) as boolean | undefined;
             newValue === undefined ? audioManager.unloadAudio() : audioManager.playAudio(newValue, this.getMapDirUrl(), volume, loop);
         });
         // TODO: This legacy property should be removed at some point
@@ -816,7 +816,7 @@ export class GameScene extends DirtyScene implements CenterListener {
         });
 
         this.gameMap.onPropertyChange('zone', (newValue, oldValue) => {
-            if (newValue === undefined || newValue === false || newValue === '') {
+            if(newValue === undefined || newValue === false || newValue === '') {
                 iframeListener.sendLeaveEvent(oldValue as string);
 
             } else {
@@ -826,13 +826,13 @@ export class GameScene extends DirtyScene implements CenterListener {
     }
 
     private listenToIframeEvents(): void {
-            this.iframeSubscriptionList = [];
-            this.iframeSubscriptionList.push(iframeListener.openPopupStream.subscribe((openPopupEvent) => {
+        this.iframeSubscriptionList = [];
+        this.iframeSubscriptionList.push(iframeListener.openPopupStream.subscribe((openPopupEvent) => {
 
-            let  objectLayerSquare : ITiledMapObject;
+            let objectLayerSquare: ITiledMapObject;
             const targetObjectData = this.getObjectLayerData(openPopupEvent.targetObject);
-            if (targetObjectData !== undefined){
-                    objectLayerSquare = targetObjectData;
+            if(targetObjectData !== undefined) {
+                objectLayerSquare = targetObjectData;
             } else {
                 console.error("Error while opening a popup. Cannot find an object on the map with name '" + openPopupEvent.targetObject + "'. The first parameter of WA.openPopup() must be the name of a rectangle object in your map.");
                 return;
@@ -840,22 +840,22 @@ export class GameScene extends DirtyScene implements CenterListener {
             const escapedMessage = HtmlUtils.escapeHtml(openPopupEvent.message);
             let html = `<div id="container" hidden><div class="nes-container with-title is-centered">`;
             html += escapedMessage;
-            if (openPopupEvent.input) {
+            if(openPopupEvent.input) {
                 html += `<input id="popupinput-${openPopupEvent.popupId}" class="nes-input" />`
             }
             html += `</div> `;
             const buttonContainer = `<div class="buttonContainer"</div>`;
             html += buttonContainer;
             let id = 0;
-            for (const button of openPopupEvent.buttons) {
-                html  += `<button type="button" class="nes-btn is-${HtmlUtils.escapeHtml(button.className ?? '')}" id="popup-${openPopupEvent.popupId}-${id}">${HtmlUtils.escapeHtml(button.label)}</button>`;
+            for(const button of openPopupEvent.buttons) {
+                html += `<button type="button" class="nes-btn is-${HtmlUtils.escapeHtml(button.className ?? '')}" id="popup-${openPopupEvent.popupId}-${id}">${HtmlUtils.escapeHtml(button.label)}</button>`;
                 id++;
             }
             html += '</div>';
-            const domElement = this.add.dom(objectLayerSquare.x  ,
+            const domElement = this.add.dom(objectLayerSquare.x,
                 objectLayerSquare.y).createFromHTML(html);
 
-            const container : HTMLDivElement =  domElement.getChildByID("container") as HTMLDivElement;
+            const container: HTMLDivElement = domElement.getChildByID("container") as HTMLDivElement;
             container.style.width = objectLayerSquare.width + "px";
             domElement.scale = 0;
             domElement.setClassName('popUpElement');
@@ -865,11 +865,11 @@ export class GameScene extends DirtyScene implements CenterListener {
             }, 100);
 
             id = 0;
-            let inputElement : HTMLInputElement;
-            if (openPopupEvent.input) {
+            let inputElement: HTMLInputElement;
+            if(openPopupEvent.input) {
                 inputElement = HtmlUtils.getElementByIdOrFail<HTMLInputElement>(`popupinput-${openPopupEvent.popupId}`);
             }
-            for (const button of openPopupEvent.buttons) {
+            for(const button of openPopupEvent.buttons) {
                 const button = HtmlUtils.getElementByIdOrFail<HTMLButtonElement>(`popup-${openPopupEvent.popupId}-${id}`);
                 const btnId = id;
                 button.onclick = () => {
@@ -878,73 +878,72 @@ export class GameScene extends DirtyScene implements CenterListener {
                 id++;
             }
             this.tweens.add({
-                targets     : domElement ,
-                scale       : 1,
-                ease        : "EaseOut",
-                duration    : 400,
+                targets: domElement,
+                scale: 1,
+                ease: "EaseOut",
+                duration: 400,
             });
 
             this.popUpElements.set(openPopupEvent.popupId, domElement);
         }));
 
-       this.iframeSubscriptionList.push(iframeListener.closePopupStream.subscribe((closePopupEvent) => {
+        this.iframeSubscriptionList.push(iframeListener.closePopupStream.subscribe((closePopupEvent) => {
+
+            console.log("whyt?", closePopupEvent);
             const popUpElement = this.popUpElements.get(closePopupEvent.popupId);
-            if (popUpElement === undefined) {
-                console.error('Could not close popup with ID ', closePopupEvent.popupId,'. Maybe it has already been closed?');
+            if(popUpElement === undefined) {
+                console.error('Could not close popup with ID ', closePopupEvent.popupId, '. Maybe it has already been closed?');
             }
 
             this.tweens.add({
-                targets     : popUpElement ,
-                scale       : 0,
-                ease        : "EaseOut",
-                duration    : 400,
-                onComplete  : () => {
+                targets: popUpElement,
+                scale: 0,
+                ease: "EaseOut",
+                duration: 400,
+                onComplete: () => {
                     popUpElement?.destroy();
                     this.popUpElements.delete(closePopupEvent.popupId);
                 },
             });
         }));
 
-       this.iframeSubscriptionList.push(iframeListener.disablePlayerControlStream.subscribe(()=>{
+        this.iframeSubscriptionList.push(iframeListener.disablePlayerControlStream.subscribe(() => {
             this.userInputManager.disableControls();
         }));
 
-       this.iframeSubscriptionList.push(iframeListener.playSoundStream.subscribe((playSoundEvent)=>
-       {
-           const url = new URL(playSoundEvent.url, this.MapUrlFile);
-           soundManager.playSound(this.load,this.sound,url.toString(),playSoundEvent.config);
-       }))
+        this.iframeSubscriptionList.push(iframeListener.playSoundStream.subscribe((playSoundEvent) => {
+            const url = new URL(playSoundEvent.url, this.MapUrlFile);
+            soundManager.playSound(this.load, this.sound, url.toString(), playSoundEvent.config);
+        }))
 
-        this.iframeSubscriptionList.push(iframeListener.stopSoundStream.subscribe((stopSoundEvent)=>
-        {
+        this.iframeSubscriptionList.push(iframeListener.stopSoundStream.subscribe((stopSoundEvent) => {
             const url = new URL(stopSoundEvent.url, this.MapUrlFile);
-            soundManager.stopSound(this.sound,url.toString());
+            soundManager.stopSound(this.sound, url.toString());
         }))
 
-        this.iframeSubscriptionList.push(iframeListener.loadSoundStream.subscribe((loadSoundEvent)=>
-        {
+        this.iframeSubscriptionList.push(iframeListener.loadSoundStream.subscribe((loadSoundEvent) => {
             const url = new URL(loadSoundEvent.url, this.MapUrlFile);
-            soundManager.loadSound(this.load,this.sound,url.toString());
+            soundManager.loadSound(this.load, this.sound, url.toString());
         }))
 
-       this.iframeSubscriptionList.push(iframeListener.enablePlayerControlStream.subscribe(()=>{
+        this.iframeSubscriptionList.push(iframeListener.enablePlayerControlStream.subscribe(() => {
             this.userInputManager.restoreControls();
         }));
-        this.iframeSubscriptionList.push(iframeListener.loadPageStream.subscribe((url:string)=>{
-            this.loadNextGame(url).then(()=>{
-                this.events.once(EVENT_TYPE.POST_UPDATE,()=>{
+        this.iframeSubscriptionList.push(iframeListener.loadPageStream.subscribe((url: string) => {
+            this.loadNextGame(url).then(() => {
+                this.events.once(EVENT_TYPE.POST_UPDATE, () => {
                     this.onMapExit(url);
                 })
             })
         }));
-        let scriptedBubbleSprite : Sprite;
-       this.iframeSubscriptionList.push(iframeListener.displayBubbleStream.subscribe(()=>{
-            scriptedBubbleSprite = new Sprite(this,this.CurrentPlayer.x + 25,this.CurrentPlayer.y,'circleSprite-white');
+        let scriptedBubbleSprite: Sprite;
+        this.iframeSubscriptionList.push(iframeListener.displayBubbleStream.subscribe(() => {
+            scriptedBubbleSprite = new Sprite(this, this.CurrentPlayer.x + 25, this.CurrentPlayer.y, 'circleSprite-white');
             scriptedBubbleSprite.setDisplayOrigin(48, 48);
             this.add.existing(scriptedBubbleSprite);
         }));
 
-       this.iframeSubscriptionList.push(iframeListener.removeBubbleStream.subscribe(()=>{
+        this.iframeSubscriptionList.push(iframeListener.removeBubbleStream.subscribe(() => {
             scriptedBubbleSprite.destroy();
         }));
 
@@ -968,11 +967,11 @@ export class GameScene extends DirtyScene implements CenterListener {
             }
         }));
 
-        this.iframeSubscriptionList.push(iframeListener.exitUrlStream.subscribe((url:string)=>{
+        this.iframeSubscriptionList.push(iframeListener.exitUrlStream.subscribe((url: string) => {
             const {roomId, hash} = Room.getIdFromIdentifier(url, this.MapUrlFile, this.instance);
             const room = new Room(roomId);
-            gameManager.loadMap(room, this.scene).then(()=>{
-                this.events.once(EVENT_TYPE.POST_UPDATE,()=>{
+            gameManager.loadMap(room, this.scene).then(() => {
+                this.events.once(EVENT_TYPE.POST_UPDATE, () => {
                     this.onMapExit(url);
                 })
             }).catch(() => {});
@@ -984,13 +983,13 @@ export class GameScene extends DirtyScene implements CenterListener {
     }
 
     private onMapExit(exitKey: string) {
-        if (this.mapTransitioning) return;
+        if(this.mapTransitioning) return;
         this.mapTransitioning = true;
         const {roomId, hash} = Room.getIdFromIdentifier(exitKey, this.MapUrlFile, this.instance);
-        if (!roomId) throw new Error('Could not find the room from its exit key: '+exitKey);
+        if(!roomId) throw new Error('Could not find the room from its exit key: ' + exitKey);
         urlManager.pushStartLayerNameToUrl(hash);
-        if (roomId !== this.scene.key) {
-            if (this.scene.get(roomId) === null) {
+        if(roomId !== this.scene.key) {
+            if(this.scene.get(roomId) === null) {
                 console.error("next room not loaded", exitKey);
                 return;
             }
@@ -1012,7 +1011,7 @@ export class GameScene extends DirtyScene implements CenterListener {
         coWebsiteManager.closeCoWebsite();
         // Stop the script, if any
         const scripts = this.getScriptUrls(this.mapFile);
-        for (const script of scripts) {
+        for(const script of scripts) {
             iframeListener.unregisterScript(script);
         }
 
@@ -1030,7 +1029,7 @@ export class GameScene extends DirtyScene implements CenterListener {
 
         mediaManager.hideGameOverlay();
 
-        for(const iframeEvents of this.iframeSubscriptionList){
+        for(const iframeEvents of this.iframeSubscriptionList) {
             iframeEvents.unsubscribe();
         }
     }
@@ -1039,7 +1038,7 @@ export class GameScene extends DirtyScene implements CenterListener {
         this.MapPlayersByKey.forEach((player: RemotePlayer) => {
             player.destroy();
 
-            if (player.companion) {
+            if(player.companion) {
                 player.companion.destroy();
             }
 
@@ -1050,11 +1049,11 @@ export class GameScene extends DirtyScene implements CenterListener {
 
     private switchLayoutMode(): void {
         //if discussion is activated, this layout cannot be activated
-        if(mediaManager.activatedDiscussion){
+        if(mediaManager.activatedDiscussion) {
             return;
         }
         const mode = layoutManager.getLayoutMode();
-        if (mode === LayoutMode.Presentation) {
+        if(mode === LayoutMode.Presentation) {
             layoutManager.switchLayoutMode(LayoutMode.VideoChat);
             this.presentationModeSprite.setFrame(1);
             this.chatModeSprite.setFrame(2);
@@ -1067,21 +1066,21 @@ export class GameScene extends DirtyScene implements CenterListener {
 
     private initStartXAndStartY() {
         // If there is an init position passed
-        if (this.initPosition !== null) {
+        if(this.initPosition !== null) {
             this.startX = this.initPosition.x;
             this.startY = this.initPosition.y;
         } else {
             // Now, let's find the start layer
-            if (this.startLayerName) {
+            if(this.startLayerName) {
                 this.initPositionFromLayerName(this.startLayerName);
             }
-            if (this.startX === undefined) {
+            if(this.startX === undefined) {
                 // If we have no start layer specified or if the hash passed does not exist, let's go with the default start position.
                 this.initPositionFromLayerName(defaultStartLayerName);
             }
         }
         // Still no start position? Something is wrong with the map, we need a "start" layer.
-        if (this.startX === undefined) {
+        if(this.startX === undefined) {
             console.warn('This map is missing a layer named "start" that contains the available default start positions.');
             // Let's start in the middle of the map
             this.startX = this.mapFile.width * 16;
@@ -1090,25 +1089,25 @@ export class GameScene extends DirtyScene implements CenterListener {
     }
 
     private initPositionFromLayerName(layerName: string) {
-        for (const layer of this.gameMap.layersIterator) {
-            if ((layerName === layer.name || layer.name.endsWith('/'+layerName)) && layer.type === 'tilelayer' && (layerName === defaultStartLayerName || this.isStartLayer(layer))) {
+        for(const layer of this.gameMap.layersIterator) {
+            if((layerName === layer.name || layer.name.endsWith('/' + layerName)) && layer.type === 'tilelayer' && (layerName === defaultStartLayerName || this.isStartLayer(layer))) {
                 const startPosition = this.startUser(layer);
-                this.startX = startPosition.x + this.mapFile.tilewidth/2;
-                this.startY = startPosition.y + this.mapFile.tileheight/2;
+                this.startX = startPosition.x + this.mapFile.tilewidth / 2;
+                this.startY = startPosition.y + this.mapFile.tileheight / 2;
             }
         }
 
     }
 
-    private getExitUrl(layer: ITiledMapLayer): string|undefined {
-        return this.getProperty(layer, "exitUrl") as string|undefined;
+    private getExitUrl(layer: ITiledMapLayer): string | undefined {
+        return this.getProperty(layer, "exitUrl") as string | undefined;
     }
 
     /**
      * @deprecated the map property exitSceneUrl is deprecated
      */
-    private getExitSceneUrl(layer: ITiledMapLayer): string|undefined {
-        return this.getProperty(layer, "exitSceneUrl") as string|undefined;
+    private getExitSceneUrl(layer: ITiledMapLayer): string | undefined {
+        return this.getProperty(layer, "exitSceneUrl") as string | undefined;
     }
 
     private isStartLayer(layer: ITiledMapLayer): boolean {
@@ -1119,21 +1118,21 @@ export class GameScene extends DirtyScene implements CenterListener {
         return (this.getProperties(map, "script") as string[]).map((script) => (new URL(script, this.MapUrlFile)).toString());
     }
 
-    private getProperty(layer: ITiledMapLayer|ITiledMap, name: string): string|boolean|number|undefined {
-        const properties: ITiledMapLayerProperty[]|undefined = layer.properties;
-        if (!properties) {
+    private getProperty(layer: ITiledMapLayer | ITiledMap, name: string): string | boolean | number | undefined {
+        const properties: ITiledMapLayerProperty[] | undefined = layer.properties;
+        if(!properties) {
             return undefined;
         }
         const obj = properties.find((property: ITiledMapLayerProperty) => property.name.toLowerCase() === name.toLowerCase());
-        if (obj === undefined) {
+        if(obj === undefined) {
             return undefined;
         }
         return obj.value;
     }
 
-    private getProperties(layer: ITiledMapLayer|ITiledMap, name: string): (string|number|boolean|undefined)[] {
-        const properties: ITiledMapLayerProperty[]|undefined = layer.properties;
-        if (!properties) {
+    private getProperties(layer: ITiledMapLayer | ITiledMap, name: string): (string | number | boolean | undefined)[] {
+        const properties: ITiledMapLayerProperty[] | undefined = layer.properties;
+        if(!properties) {
             return [];
         }
         return properties.filter((property: ITiledMapLayerProperty) => property.name.toLowerCase() === name.toLowerCase()).map((property) => property.value);
@@ -1148,12 +1147,12 @@ export class GameScene extends DirtyScene implements CenterListener {
 
     private startUser(layer: ITiledMapTileLayer): PositionInterface {
         const tiles = layer.data;
-        if (typeof(tiles) === 'string') {
+        if(typeof (tiles) === 'string') {
             throw new Error('The content of a JSON map must be filled as a JSON array, not as a string');
         }
-        const possibleStartPositions : PositionInterface[]  = [];
-        tiles.forEach((objectKey : number, key: number) => {
-            if(objectKey === 0){
+        const possibleStartPositions: PositionInterface[] = [];
+        tiles.forEach((objectKey: number, key: number) => {
+            if(objectKey === 0) {
                 return;
             }
             const y = Math.floor(key / layer.width);
@@ -1162,8 +1161,8 @@ export class GameScene extends DirtyScene implements CenterListener {
             possibleStartPositions.push({x: x * this.mapFile.tilewidth, y: y * this.mapFile.tilewidth});
         });
         // Get a value at random amongst allowed values
-        if (possibleStartPositions.length === 0) {
-            console.warn('The start layer "'+layer.name+'" for this map is empty.');
+        if(possibleStartPositions.length === 0) {
+            console.warn('The start layer "' + layer.name + '" for this map is empty.');
             return {
                 x: 0,
                 y: 0
@@ -1175,12 +1174,12 @@ export class GameScene extends DirtyScene implements CenterListener {
 
     //todo: in a dedicated class/function?
     initCamera() {
-        this.cameras.main.setBounds(0,0, this.Map.widthInPixels, this.Map.heightInPixels);
+        this.cameras.main.setBounds(0, 0, this.Map.widthInPixels, this.Map.heightInPixels);
         this.cameras.main.startFollow(this.CurrentPlayer, true);
         this.updateCameraOffset();
     }
 
-    addLayer(Layer : Phaser.Tilemaps.TilemapLayer){
+    addLayer(Layer: Phaser.Tilemaps.TilemapLayer) {
         this.Layers.push(Layer);
     }
 
@@ -1191,7 +1190,7 @@ export class GameScene extends DirtyScene implements CenterListener {
                 //this.CurrentPlayer.say("Collision with layer : "+ (object2 as Tile).layer.name)
             });
             Layer.setCollisionByProperty({collides: true});
-            if (DEBUG_MODE) {
+            if(DEBUG_MODE) {
                 //debug code to see the collision hitbox of the object in the top layer
                 Layer.renderDebug(this.add.graphics(), {
                     tileColor: null, //non-colliding tiles
@@ -1202,7 +1201,7 @@ export class GameScene extends DirtyScene implements CenterListener {
         });
     }
 
-    createCurrentPlayer(){
+    createCurrentPlayer() {
         //TODO create animation moving between exit and start
         const texturesPromise = lazyLoadPlayerCharacterTextures(this.load, this.characterLayers);
         try {
@@ -1219,7 +1218,7 @@ export class GameScene extends DirtyScene implements CenterListener {
                 this.companion !== null ? lazyLoadCompanionResource(this.load, this.companion) : undefined
             );
             this.CurrentPlayer.on('pointerdown', (pointer: Phaser.Input.Pointer) => {
-                if (pointer.wasTouch && (pointer.event as TouchEvent).touches.length > 1) {
+                if(pointer.wasTouch && (pointer.event as TouchEvent).touches.length > 1) {
                     return; //we don't want the menu to open when pinching on a touch screen.
                 }
                 this.emoteManager.getMenuImages().then((emoteMenuElements) => this.CurrentPlayer.openOrCloseEmoteMenu(emoteMenuElements))
@@ -1227,7 +1226,7 @@ export class GameScene extends DirtyScene implements CenterListener {
             this.CurrentPlayer.on(requestEmoteEventName, (emoteKey: string) => {
                 this.connection?.emitEmoteEvent(emoteKey);
             })
-        }catch (err){
+        } catch(err) {
             if(err instanceof TextureError) {
                 gameManager.leaveGame(this, SelectCharacterSceneName, new SelectCharacterScene());
             }
@@ -1239,24 +1238,24 @@ export class GameScene extends DirtyScene implements CenterListener {
     }
 
     pushPlayerPosition(event: HasMovedEvent) {
-        if (this.lastMoveEventSent === event) {
+        if(this.lastMoveEventSent === event) {
             return;
         }
 
         // If the player is not moving, let's send the info right now.
-        if (event.moving === false) {
+        if(event.moving === false) {
             this.doPushPlayerPosition(event);
             return;
         }
 
         // If the player is moving, and if it changed direction, let's send an event
-        if (event.direction !== this.lastMoveEventSent.direction) {
+        if(event.direction !== this.lastMoveEventSent.direction) {
             this.doPushPlayerPosition(event);
             return;
         }
 
         // If more than 200ms happened since last event sent
-        if (this.currentTick - this.lastSentTick >= POSITION_DELAY) {
+        if(this.currentTick - this.lastSentTick >= POSITION_DELAY) {
             this.doPushPlayerPosition(event);
             return;
         }
@@ -1271,7 +1270,7 @@ export class GameScene extends DirtyScene implements CenterListener {
     private outlineItem(event: HasMovedEvent): void {
         let x = event.x;
         let y = event.y;
-        switch (event.direction) {
+        switch(event.direction) {
             case PlayerAnimationDirections.Up:
                 y -= 32;
                 break;
@@ -1289,16 +1288,16 @@ export class GameScene extends DirtyScene implements CenterListener {
         }
 
         let shortestDistance: number = Infinity;
-        let selectedItem: ActionableItem|null = null;
-        for (const item of this.actionableItems.values()) {
+        let selectedItem: ActionableItem | null = null;
+        for(const item of this.actionableItems.values()) {
             const distance = item.actionableDistance(x, y);
-            if (distance !== null && distance < shortestDistance) {
+            if(distance !== null && distance < shortestDistance) {
                 shortestDistance = distance;
                 selectedItem = item;
             }
         }
 
-        if (this.outlinedItem === selectedItem) {
+        if(this.outlinedItem === selectedItem) {
             return;
         }
 
@@ -1323,17 +1322,17 @@ export class GameScene extends DirtyScene implements CenterListener {
      * @param time
      * @param delta The delta time in ms since the last frame. This is a smoothed and capped value based on the FPS rate.
      */
-    update(time: number, delta: number) : void {
+    update(time: number, delta: number): void {
         this.dirty = false;
         mediaManager.updateScene();
         this.currentTick = time;
         this.CurrentPlayer.moveUser(delta);
 
         // Let's handle all events
-        while (this.pendingEvents.length !== 0) {
+        while(this.pendingEvents.length !== 0) {
             this.dirty = true;
             const event = this.pendingEvents.dequeue();
-            switch (event.type) {
+            switch(event.type) {
                 case "InitUserPositionEvent":
                     this.doInitUsersPosition(event.event);
                     break;
@@ -1359,7 +1358,7 @@ export class GameScene extends DirtyScene implements CenterListener {
         updatedPlayersPositions.forEach((moveEvent: HasMovedEvent, userId: number) => {
             this.dirty = true;
             const player: RemotePlayer | undefined = this.MapPlayersByKey.get(userId);
-            if (player === undefined) {
+            if(player === undefined) {
                 throw new Error('Cannot find player with ID "' + userId + '"');
             }
             player.updatePosition(moveEvent);
@@ -1383,8 +1382,8 @@ export class GameScene extends DirtyScene implements CenterListener {
         const currentPlayerId = this.connection?.getUserId();
         this.removeAllRemotePlayers();
         // load map
-        usersPosition.forEach((userPosition : MessageUserPositionInterface) => {
-            if(userPosition.userId === currentPlayerId){
+        usersPosition.forEach((userPosition: MessageUserPositionInterface) => {
+            if(userPosition.userId === currentPlayerId) {
                 return;
             }
             this.addPlayer(userPosition);
@@ -1394,16 +1393,16 @@ export class GameScene extends DirtyScene implements CenterListener {
     /**
      * Called by the connexion when a new player arrives on a map
      */
-    public addPlayer(addPlayerData : AddPlayerInterface) : void {
+    public addPlayer(addPlayerData: AddPlayerInterface): void {
         this.pendingEvents.enqueue({
             type: "AddPlayerEvent",
             event: addPlayerData
         });
     }
 
-    private doAddPlayer(addPlayerData : AddPlayerInterface): void {
+    private doAddPlayer(addPlayerData: AddPlayerInterface): void {
         //check if exist player, if exist, move position
-        if(this.MapPlayersByKey.has(addPlayerData.userId)){
+        if(this.MapPlayersByKey.has(addPlayerData.userId)) {
             this.updatePlayerPosition({
                 userId: addPlayerData.userId,
                 position: addPlayerData.position
@@ -1442,12 +1441,12 @@ export class GameScene extends DirtyScene implements CenterListener {
 
     private doRemovePlayer(userId: number) {
         const player = this.MapPlayersByKey.get(userId);
-        if (player === undefined) {
+        if(player === undefined) {
             console.error('Cannot find user with id ', userId);
         } else {
             player.destroy();
 
-            if (player.companion) {
+            if(player.companion) {
                 player.companion.destroy();
             }
 
@@ -1465,16 +1464,16 @@ export class GameScene extends DirtyScene implements CenterListener {
     }
 
     private doUpdatePlayerPosition(message: MessageUserMovedInterface): void {
-        const player : RemotePlayer | undefined = this.MapPlayersByKey.get(message.userId);
-        if (player === undefined) {
+        const player: RemotePlayer | undefined = this.MapPlayersByKey.get(message.userId);
+        if(player === undefined) {
             //throw new Error('Cannot find player with ID "' + message.userId +'"');
-            console.error('Cannot update position of player with ID "' + message.userId +'": player not found');
+            console.error('Cannot update position of player with ID "' + message.userId + '": player not found');
             return;
         }
 
         // We do not update the player position directly (because it is sent only every 200ms).
         // Instead we use the PlayersPositionInterpolator that will do a smooth animation over the next 200ms.
-        const playerMovement = new PlayerMovement({ x: player.x, y: player.y }, this.currentTick, message.position, this.currentTick + POSITION_DELAY);
+        const playerMovement = new PlayerMovement({x: player.x, y: player.y}, this.currentTick, message.position, this.currentTick + POSITION_DELAY);
         this.playersPositionInterpolator.updatePlayerPosition(player.userId, playerMovement);
     }
 
@@ -1512,7 +1511,7 @@ export class GameScene extends DirtyScene implements CenterListener {
 
     doDeleteGroup(groupId: number): void {
         const group = this.groups.get(groupId);
-        if(!group){
+        if(!group) {
             return;
         }
         group.destroy();
@@ -1541,11 +1540,11 @@ export class GameScene extends DirtyScene implements CenterListener {
             bottom: camera.scrollY + camera.height,
         });
     }
-    private getObjectLayerData(objectName : string) : ITiledMapObject| undefined{
-        for (const layer of this.mapFile.layers) {
-            if (layer.type === 'objectgroup' && layer.name === 'floorLayer') {
-                for (const object of layer.objects) {
-                    if (object.name === objectName) {
+    private getObjectLayerData(objectName: string): ITiledMapObject | undefined {
+        for(const layer of this.mapFile.layers) {
+            if(layer.type === 'objectgroup' && layer.name === 'floorLayer') {
+                for(const object of layer.objects) {
+                    if(object.name === objectName) {
                         return object;
                     }
                 }
@@ -1575,7 +1574,7 @@ export class GameScene extends DirtyScene implements CenterListener {
         const game = HtmlUtils.querySelectorOrFail<HTMLCanvasElement>('#game canvas');
         // Let's put this in Game coordinates by applying the zoom level:
 
-        this.cameras.main.setFollowOffset((xCenter - game.offsetWidth/2) * window.devicePixelRatio / this.scale.zoom , (yCenter - game.offsetHeight/2) * window.devicePixelRatio / this.scale.zoom);
+        this.cameras.main.setFollowOffset((xCenter - game.offsetWidth / 2) * window.devicePixelRatio / this.scale.zoom, (yCenter - game.offsetHeight / 2) * window.devicePixelRatio / this.scale.zoom);
     }
 
     public onCenterChange(): void {
@@ -1584,16 +1583,16 @@ export class GameScene extends DirtyScene implements CenterListener {
 
     public startJitsi(roomName: string, jwt?: string): void {
         const allProps = this.gameMap.getCurrentProperties();
-        const jitsiConfig = this.safeParseJSONstring(allProps.get("jitsiConfig") as string|undefined, 'jitsiConfig');
-        const jitsiInterfaceConfig = this.safeParseJSONstring(allProps.get("jitsiInterfaceConfig") as string|undefined, 'jitsiInterfaceConfig');
-        const jitsiUrl = allProps.get("jitsiUrl") as string|undefined;
+        const jitsiConfig = this.safeParseJSONstring(allProps.get("jitsiConfig") as string | undefined, 'jitsiConfig');
+        const jitsiInterfaceConfig = this.safeParseJSONstring(allProps.get("jitsiInterfaceConfig") as string | undefined, 'jitsiInterfaceConfig');
+        const jitsiUrl = allProps.get("jitsiUrl") as string | undefined;
 
         jitsiFactory.start(roomName, this.playerName, jwt, jitsiConfig, jitsiInterfaceConfig, jitsiUrl);
         this.connection?.setSilent(true);
         mediaManager.hideGameOverlay();
 
         //permit to stop jitsi when user close iframe
-        mediaManager.addTriggerCloseJitsiFrameButton('close-jisi',() => {
+        mediaManager.addTriggerCloseJitsiFrameButton('close-jisi', () => {
             this.stopJitsi();
         });
     }
@@ -1634,7 +1633,7 @@ export class GameScene extends DirtyScene implements CenterListener {
     }
 
     //todo: put this into an 'orchestrator' scene (EntryScene?)
-    private bannedUser(){
+    private bannedUser() {
         this.cleanupClosingScene();
         this.userInputManager.disableControls();
         this.scene.start(ErrorSceneName, {
@@ -1645,22 +1644,22 @@ export class GameScene extends DirtyScene implements CenterListener {
     }
 
     //todo: put this into an 'orchestrator' scene (EntryScene?)
-    private showWorldFullError(message: string|null): void {
+    private showWorldFullError(message: string | null): void {
         this.cleanupClosingScene();
         this.scene.stop(ReconnectingSceneName);
         this.scene.remove(ReconnectingSceneName);
         this.userInputManager.disableControls();
         //FIX ME to use status code
-        if(message == undefined){
+        if(message == undefined) {
             this.scene.start(ErrorSceneName, {
                 title: 'Connection rejected',
                 subTitle: 'The world you are trying to join is full. Try again later.',
                 message: 'If you want more information, you may contact us at: workadventure@thecodingmachine.com'
             });
-        }else{
+        } else {
             this.scene.start(ErrorSceneName, {
                 title: 'Connection rejected',
-                subTitle: 'You cannot join the World. Try again later. \n\r \n\r Error: '+message+'.',
+                subTitle: 'You cannot join the World. Try again later. \n\r \n\r Error: ' + message + '.',
                 message: 'If you want more information, you may contact administrator or contact us at: workadventure@thecodingmachine.com'
             });
         }
diff --git a/front/yarn.lock b/front/yarn.lock
index bcb3e347..d3b776fd 100644
--- a/front/yarn.lock
+++ b/front/yarn.lock
@@ -1417,6 +1417,13 @@ create-require@^1.1.0:
   resolved "https://registry.yarnpkg.com/create-require/-/create-require-1.1.1.tgz#c1d7e8f1e5f6cfc9ff65f9cd352d37348756c333"
   integrity sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==
 
+cross-env@^7.0.3:
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/cross-env/-/cross-env-7.0.3.tgz#865264b29677dc015ba8418918965dd232fc54cf"
+  integrity sha512-+/HKd6EgcQCJGh2PSjZuUitQBQynKor4wrFbRg4DtAgS1aWO+gU52xpH7M9ScGgXSYmAVS9bIJ8EzuaGw0oNAw==
+  dependencies:
+    cross-spawn "^7.0.1"
+
 cross-spawn@^6.0.0, cross-spawn@^6.0.5:
   version "6.0.5"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-6.0.5.tgz#4a5ec7c64dfae22c3a14124dbacdee846d80cbc4"
@@ -1428,7 +1435,7 @@ cross-spawn@^6.0.0, cross-spawn@^6.0.5:
     shebang-command "^1.2.0"
     which "^1.2.9"
 
-cross-spawn@^7.0.2, cross-spawn@^7.0.3:
+cross-spawn@^7.0.1, cross-spawn@^7.0.2, cross-spawn@^7.0.3:
   version "7.0.3"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
   integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==