Update dependencies, eslint, fix formatting, etc

package.json

@@ -7,7 +7,7 @@
     "start": "vite",
     "build": "vite build",
     "build:prod": "npx browserslist@latest --update-db && yarn build",
-    "eslint": "eslint src --ext .ts,.tsx"
+    "eslint": "eslint ./src"
   },
   "dependencies": {
     "@tanstack/react-virtual": "3.5.1",
@@ -16,6 +16,7 @@
     "react-dom": "^18.3.1",
     "react-icons": "^5.2.1",
     "react-slider": "^2.0.6",
+    "react-transition-group": "^4.4.5",
     "react-youtube": "^7.13.1",
     "use-between": "^1.3.5"
   },

src/App.tsx

@@ -85,11 +85,11 @@ export const App: FC<{}> = props =>
             {
                 NitroLogger.error(err);
             }
-        }
+        };
 
         prepare(window.innerWidth, window.innerHeight);
     }, []);
-    
+
     return (
         <Base fit overflow="hidden" className={ !(window.devicePixelRatio % 1) && 'image-rendering-pixelated' }>
             { !isReady &&
@@ -98,4 +98,4 @@ export const App: FC<{}> = props =>
             <Base id="draggable-windows-container" />
         </Base>
     );
-}
+};

src/api/achievements/AchievementUtilities.ts

@@ -7,91 +7,91 @@ export class AchievementUtilities
     public static getAchievementBadgeCode(achievement: AchievementData): string
     {
         if(!achievement) return null;
-    
+
         let badgeId = achievement.badgeId;
-    
+
         if(!achievement.finalLevel) badgeId = GetLocalizationManager().getPreviousLevelBadgeId(badgeId);
-    
+
         return badgeId;
     }
 
     public static getAchievementCategoryImageUrl(category: IAchievementCategory, progress: number = null, icon: boolean = false): string
     {
         const imageUrl = GetConfigurationValue<string>('achievements.images.url');
-    
+
         let imageName = icon ? 'achicon_' : 'achcategory_';
-        
+
         imageName += category.code;
-    
+
         if(progress !== null) imageName += `_${ ((progress > 0) ? 'active' : 'inactive') }`;
-    
+
         return imageUrl.replace('%image%', imageName);
     }
 
     public static getAchievementCategoryMaxProgress(category: IAchievementCategory): number
     {
         if(!category) return 0;
-    
+
         let progress = 0;
-    
+
         for(const achievement of category.achievements)
         {
             progress += achievement.levelCount;
         }
-    
+
         return progress;
     }
 
     public static getAchievementCategoryProgress(category: IAchievementCategory): number
     {
         if(!category) return 0;
-    
+
         let progress = 0;
-    
+
         for(const achievement of category.achievements) progress += (achievement.finalLevel ? achievement.level : (achievement.level - 1));
-    
+
         return progress;
     }
 
     public static getAchievementCategoryTotalUnseen(category: IAchievementCategory): number
     {
         if(!category) return 0;
-    
+
         let unseen = 0;
-    
+
         for(const achievement of category.achievements) ((achievement.unseen > 0) && unseen++);
-    
+
         return unseen;
     }
 
     public static getAchievementHasStarted(achievement: AchievementData): boolean
     {
         if(!achievement) return false;
-    
+
         if(achievement.finalLevel || ((achievement.level - 1) > 0)) return true;
-    
+
         return false;
     }
 
     public static getAchievementIsIgnored(achievement: AchievementData): boolean
     {
         if(!achievement) return false;
-    
+
         const ignored = GetConfigurationValue<string[]>('achievements.unseen.ignored');
         const value = achievement.badgeId.replace(/[0-9]/g, '');
         const index = ignored.indexOf(value);
-    
+
         if(index >= 0) return true;
-    
+
         return false;
     }
 
     public static getAchievementLevel(achievement: AchievementData): number
     {
         if(!achievement) return 0;
-        
+
         if(achievement.finalLevel) return achievement.level;
-    
+
         return (achievement.level - 1);
     }
 }

src/api/avatar/AvatarEditorColorSorter.ts

@@ -14,4 +14,4 @@ export const AvatarEditorColorSorter = (a: IPartColor, b: IPartColor) =>
     if(a.index > b.index) return 1;
 
     return 0;
-}
+};

src/api/avatar/AvatarEditorPartSorter.ts

@@ -31,5 +31,5 @@ export const AvatarEditorPartSorter = (hcFirst: boolean) =>
         if(a.partSet.id > b.partSet.id) return 1;
 
         return 0;
-    }
+    };
-}
+};

src/api/avatar/AvatarEditorThumbnailsHelper.ts

@@ -104,7 +104,7 @@ export class AvatarEditorThumbnailsHelper
             }
 
             return container;
-        }
+        };
 
         return new Promise(async (resolve, reject) =>
         {
@@ -116,7 +116,7 @@ export class AvatarEditorThumbnailsHelper
                 AvatarEditorThumbnailsHelper.THUMBNAIL_CACHE.set(thumbnailKey, imageUrl);
 
                 resolve(imageUrl);
-            }
+            };
 
             const figureContainer = GetAvatarRenderManager().createFigureContainer(`${ setType }-${ part.partSet.id }`);
 
@@ -164,11 +164,11 @@ export class AvatarEditorThumbnailsHelper
 
                 sprite.destroy();
                 avatarImage.dispose();
-    
+
                 AvatarEditorThumbnailsHelper.THUMBNAIL_CACHE.set(thumbnailKey, imageUrl);
 
                 resolve(imageUrl);
-            }
+            };
 
             resetFigure(figureString);
         });

src/api/camera/CameraPicture.ts

@@ -4,6 +4,6 @@ export class CameraPicture
 {
     constructor(
         public texture: NitroTexture,
-        public imageUrl: string) 
+        public imageUrl: string)
     {}
 }

src/api/camera/CameraPictureThumbnail.ts

@@ -2,6 +2,6 @@ export class CameraPictureThumbnail
 {
     constructor(
         public effectName: string,
-        public thumbnailUrl: string) 
+        public thumbnailUrl: string)
     {}
 }

src/api/catalog/CatalogNode.ts

@@ -1,7 +1,7 @@
 import { NodeData } from '@nitrots/nitro-renderer';
 import { ICatalogNode } from './ICatalogNode';
 
-export class CatalogNode implements ICatalogNode 
+export class CatalogNode implements ICatalogNode
 {
     private _depth: number = 0;
     private _localization: string = '';

src/api/catalog/CatalogPageName.ts

@@ -1,4 +1,4 @@
-export class CatalogPageName 
+export class CatalogPageName
 {
     public static DUCKET_INFO: string = 'ducket_info';
     public static CREDITS: string = 'credits';

src/api/catalog/CatalogPetPalette.ts

@@ -5,6 +5,6 @@ export class CatalogPetPalette
     constructor(
         public readonly breed: string,
         public readonly palettes: SellablePetPaletteData[]
-    ) 
+    )
     {}
 }

src/api/catalog/CatalogUtilities.ts

@@ -4,12 +4,12 @@ import { ICatalogNode } from './ICatalogNode';
 export const GetPixelEffectIcon = (id: number) =>
 {
     return '';
-}
+};
 
 export const GetSubscriptionProductIcon = (id: number) =>
 {
     return '';
-}
+};
 
 export const GetOfferNodes = (offerNodes: Map<number, ICatalogNode[]>, offerId: number) =>
 {
@@ -21,20 +21,20 @@ export const GetOfferNodes = (offerNodes: Map<number, ICatalogNode[]>, offerId:
         for(const node of nodes)
         {
             if(!node.isVisible) continue;
-    
+
             allowedNodes.push(node);
         }
     }
 
     return allowedNodes;
-}
+};
 
 export const FilterCatalogNode = (search: string, furniLines: string[], node: ICatalogNode, nodes: ICatalogNode[]) =>
 {
     if(node.isVisible && (node.pageId > 0))
     {
         let nodeAdded = false;
-        
+
         const hayStack = [ node.pageName, node.localization ].join(' ').toLowerCase().replace(/ /gi, '');
 
         if(hayStack.indexOf(search) > -1)
@@ -59,7 +59,7 @@ export const FilterCatalogNode = (search: string, furniLines: string[], node: IC
     }
 
     for(const child of node.children) FilterCatalogNode(search, furniLines, child, nodes);
-}
+};
 
 export function GetPetIndexFromLocalization(localization: string)
 {

src/api/catalog/GetImageIconUrlForProduct.ts

@@ -16,4 +16,4 @@ export const GetImageIconUrlForProduct = (productType: string, productClassId: n
     }
 
     return imageUrl;
-}
+};

src/api/catalog/ICatalogNode.ts

@@ -1,4 +1,4 @@
-export interface ICatalogNode 
+export interface ICatalogNode
 {
     activate(): void;
     deactivate(): void;

src/api/catalog/MarketplaceOfferState.ts

@@ -1,4 +1,4 @@
-export class MarketPlaceOfferState 
+export class MarketPlaceOfferState
 {
     public static readonly ONGOING = 1;
     public static readonly ONGOING_OWN = 1;

src/api/catalog/Offer.ts

@@ -60,7 +60,7 @@ export class Offer implements IPurchasableOffer
 
     public activate(): void
     {
-        
+
     }
 
     public get clubLevel(): number
@@ -228,7 +228,7 @@ export class Offer implements IPurchasableOffer
     {
         const products: IProduct[] = [];
         const productData = GetProductDataForLocalization(this.localizationId);
-        
+
         for(const product of this._products)
         {
             const furnitureData = GetFurnitureData(product.productClassId, product.productType);

src/api/catalog/PageLocalization.ts

@@ -4,7 +4,7 @@ import { IPageLocalization } from './IPageLocalization';
 export class PageLocalization implements IPageLocalization
 {
     private _images: string[];
-    private _texts: string[]
+    private _texts: string[];
 
     constructor(images: string[], texts: string[])
     {

src/api/catalog/PlacedObjectPurchaseData.ts

@@ -11,7 +11,7 @@ export class PlacedObjectPurchaseData
         public readonly x: number,
         public readonly y: number,
         public readonly direction: number,
-        public readonly offer: IPurchasableOffer) 
+        public readonly offer: IPurchasableOffer)
     {}
 
     public get offerId(): number

src/api/catalog/RequestedPage.ts

@@ -1,4 +1,4 @@
-export class RequestedPage 
+export class RequestedPage
 {
     public static REQUEST_TYPE_NONE: number = 0;
     public static REQUEST_TYPE_ID: number = 1;

src/api/catalog/SearchResult.ts

@@ -6,6 +6,6 @@ export class SearchResult
     constructor(
         public readonly searchValue: string,
         public readonly offers: IPurchasableOffer[],
-        public readonly filteredNodes: ICatalogNode[]) 
+        public readonly filteredNodes: ICatalogNode[])
     {}
 }

src/api/chat-history/ChatHistoryCurrentDate.ts

@@ -3,4 +3,4 @@ export const ChatHistoryCurrentDate = () =>
     const currentTime = new Date();
 
     return `${ currentTime.getHours().toString().padStart(2, '0') }:${ currentTime.getMinutes().toString().padStart(2, '0') }`;
-}
+};

src/api/chat-history/MessengerHistoryCurrentDate.ts

@@ -1,6 +1,6 @@
 export const MessengerHistoryCurrentDate = (secondsSinceNow: number = 0) =>
 {
     const currentTime = secondsSinceNow ? new Date(Date.now() - secondsSinceNow * 1000) : new Date();
-    
+
     return `${ currentTime.getHours().toString().padStart(2, '0') }:${ currentTime.getMinutes().toString().padStart(2, '0') }`;
-}
+};

src/api/friends/GetGroupChatData.ts

@@ -3,11 +3,11 @@ import { IGroupChatData } from './IGroupChatData';
 export const GetGroupChatData = (extraData: string) =>
 {
     if(!extraData || !extraData.length) return null;
-    
+
     const splitData = extraData.split('/');
     const username = splitData[0];
     const figure = splitData[1];
     const userId = parseInt(splitData[2]);
 
     return ({ username: username, figure: figure, userId: userId } as IGroupChatData);
-}
+};

src/api/friends/MessengerSettings.ts

@@ -6,6 +6,6 @@ export class MessengerSettings
         public userFriendLimit: number = 0,
         public normalFriendLimit: number = 0,
         public extendedFriendLimit: number = 0,
-        public categories: FriendCategoryData[] = []) 
+        public categories: FriendCategoryData[] = [])
     {}
 }

src/api/friends/MessengerThread.ts

@@ -40,7 +40,7 @@ export class MessengerThread
         group.addChat(chat);
 
         this._lastUpdated = new Date();
-        
+
         this._unreadCount++;
 
         return chat;

src/api/groups/GroupBadgePart.ts

@@ -19,7 +19,7 @@ export class GroupBadgePart
     public get code(): string
     {
         if((this.key === 0) && (this.type !== GroupBadgePart.BASE)) return null;
-        
+
         return GroupBadgePart.getCode(this.type, this.key, this.color, this.position);
     }
 

src/api/groups/GroupType.ts

@@ -1,4 +1,4 @@
-export class GroupType 
+export class GroupType
 {
     public static REGULAR: number = 0;
     public static EXCLUSIVE: number = 1;

src/api/groups/ToggleFavoriteGroup.ts

@@ -4,4 +4,4 @@ import { SendMessageComposer } from '../nitro';
 export const ToggleFavoriteGroup = (group: HabboGroupEntryData) =>
 {
     SendMessageComposer(group.favourite ? new GroupUnfavoriteComposer(group.groupId) : new GroupFavoriteComposer(group.groupId));
-}
+};

src/api/guide-tool/GuideToolMessage.ts

@@ -2,7 +2,7 @@ export class GuideToolMessage
 {
     private _message: string;
     private _roomId: number;
-    
+
     constructor(message: string, roomId?: number)
     {
         this._message = message;

src/api/hc-center/ClubStatus.ts

@@ -1,4 +1,4 @@
-export class ClubStatus 
+export class ClubStatus
 {
     public static ACTIVE: string = 'active';
     public static NONE: string = 'none';

src/api/hc-center/GetClubBadge.ts

@@ -8,4 +8,4 @@ export const GetClubBadge = (badgeCodes: string[]) =>
     BADGES.forEach(badge => ((badgeCodes.indexOf(badge) > -1) && (badgeCode = badge)));
 
     return (badgeCode || DEFAULT_BADGE);
-}
+};

src/api/help/GetCloseReasonKey.ts

@@ -5,4 +5,4 @@ export const GetCloseReasonKey = (code: number) =>
     if(code === 2) return 'abusive';
 
     return 'resolved';
-}
+};

src/api/inventory/FurnitureItem.ts

@@ -29,7 +29,7 @@ export class FurnitureItem implements IFurnitureItem
     constructor(parser: IFurnitureItemData)
     {
         if(!parser) return;
-        
+
         this._locked = false;
         this._id = parser.itemId;
         this._type = parser.spriteId;

src/api/inventory/FurnitureUtilities.ts

@@ -35,7 +35,7 @@ const addSingleFurnitureItem = (set: GroupItem[], item: FurnitureItem, unseen: b
     }
 
     return groupItem;
-}
+};
 
 const addGroupableFurnitureItem = (set: GroupItem[], item: FurnitureItem, unseen: boolean) =>
 {
@@ -85,7 +85,7 @@ const addGroupableFurnitureItem = (set: GroupItem[], item: FurnitureItem, unseen
             const index = set.indexOf(existingGroup);
 
             if(index >= 0) set.splice(index, 1);
-            
+
             set.unshift(existingGroup);
         }
 
@@ -108,7 +108,7 @@ const addGroupableFurnitureItem = (set: GroupItem[], item: FurnitureItem, unseen
     }
 
     return existingGroup;
-}
+};
 
 export const addFurnitureItem = (set: GroupItem[], item: FurnitureItem, unseen: boolean) =>
 {
@@ -120,7 +120,7 @@ export const addFurnitureItem = (set: GroupItem[], item: FurnitureItem, unseen:
     {
         addGroupableFurnitureItem(set, item, unseen);
     }
-}
+};
 
 export const mergeFurniFragments = (fragment: Map<number, FurnitureListItemParser>, totalFragments: number, fragmentNumber: number, fragments: Map<number, FurnitureListItemParser>[]) =>
 {
@@ -145,7 +145,7 @@ export const mergeFurniFragments = (fragment: Map<number, FurnitureListItemParse
     fragments = null;
 
     return merged;
-}
+};
 
 export const getAllItemIds = (groupItems: GroupItem[]) =>
 {
@@ -168,4 +168,4 @@ export const getAllItemIds = (groupItems: GroupItem[]) =>
     }
 
     return itemIds;
-}
+};

src/api/inventory/InventoryUtilities.ts

@@ -19,12 +19,12 @@ export const setPlacingItemId = (id: number) => (itemIdInPlacing = id);
 export const cancelRoomObjectPlacement = () =>
 {
     if(getPlacingItemId() === -1) return;
-    
+
     GetRoomEngine().cancelRoomObjectPlacement();
 
     setPlacingItemId(-1);
     setObjectMoverRequested(false);
-}
+};
 
 export const attemptPetPlacement = (petItem: IPetItem, flag: boolean = false) =>
 {
@@ -47,7 +47,7 @@ export const attemptPetPlacement = (petItem: IPetItem, flag: boolean = false) =>
     }
 
     return true;
-}
+};
 
 export const attemptItemPlacement = (groupItem: GroupItem, flag: boolean = false) =>
 {
@@ -92,7 +92,7 @@ export const attemptItemPlacement = (groupItem: GroupItem, flag: boolean = false
     }
 
     return true;
-}
+};
 
 
 export const attemptBotPlacement = (botItem: IBotItem, flag: boolean = false) =>
@@ -114,4 +114,4 @@ export const attemptBotPlacement = (botItem: IBotItem, flag: boolean = false) =>
     }
 
     return true;
-}
+};

src/api/inventory/PetUtilities.ts

@@ -12,7 +12,7 @@ export const addSinglePetItem = (petData: PetData, set: IPetItem[], unseen: bool
     if(unseen)
     {
         //petItem.isUnseen = true;
-        
+
         set.unshift(petItem);
     }
     else
@@ -21,7 +21,7 @@ export const addSinglePetItem = (petData: PetData, set: IPetItem[], unseen: bool
     }
 
     return petItem;
-}
+};
 
 export const removePetItemById = (id: number, set: IPetItem[]) =>
 {
@@ -39,7 +39,7 @@ export const removePetItemById = (id: number, set: IPetItem[]) =>
 
                 CreateLinkEvent('inventory/open');
             }
-            
+
             set.splice(index, 1);
 
             return petItem;
@@ -49,7 +49,7 @@ export const removePetItemById = (id: number, set: IPetItem[]) =>
     }
 
     return null;
-}
+};
 
 export const processPetFragment = (set: IPetItem[], fragment: Map<number, PetData>, isUnseen: (category: number, itemId: number) => boolean) =>
 {
@@ -75,7 +75,7 @@ export const processPetFragment = (set: IPetItem[], fragment: Map<number, PetDat
     }
 
     return set;
-}
+};
 
 export const mergePetFragments = (fragment: Map<number, PetData>, totalFragments: number, fragmentNumber: number, fragments: Map<number, PetData>[]) =>
 {
@@ -100,4 +100,4 @@ export const mergePetFragments = (fragment: Map<number, PetData>, totalFragments
     fragments = null;
 
     return merged;
-}
+};

src/api/inventory/TradeUserData.ts

@@ -10,6 +10,6 @@ export class TradeUserData
         public itemCount: number = 0,
         public creditsCount: number = 0,
         public accepts: boolean = false,
-        public canTrade: boolean = false) 
+        public canTrade: boolean = false)
     {}
 }

src/api/inventory/TradingUtilities.ts

@@ -17,39 +17,39 @@ export const parseTradeItems = (items: ItemDataStructure[]) =>
         {
             const spriteId = item.spriteId;
             const category = item.category;
-    
+
             let name = (item.furniType + spriteId);
-    
+
             if(!item.isGroupable || isExternalImage(spriteId))
             {
                 name = ('itemid' + item.itemId);
             }
-    
+
             if(item.category === FurniCategory.POSTER)
             {
                 name = (item.itemId + 'poster' + item.stuffData.getLegacyString());
             }
-    
+
             else if(item.category === FurniCategory.GUILD_FURNI)
             {
                 name = '';
             }
-    
+
             let groupItem = ((item.isGroupable && !isExternalImage(item.spriteId)) ? existingItems.getValue(name) : null);
-    
+
             if(!groupItem)
             {
                 groupItem = createGroupItem(spriteId, category, item.stuffData);
-    
+
                 existingItems.add(name, groupItem);
             }
-    
+
             groupItem.push(new FurnitureItem(item));
         }
     }
 
     return existingItems;
-}
+};
 
 export const getGuildFurniType = (spriteId: number, stuffData: IObjectData) =>
 {
@@ -67,4 +67,4 @@ export const getGuildFurniType = (spriteId: number, stuffData: IObjectData) =>
     }
 
     return type;
-}
+};

src/api/mod-tools/GetIssueCategoryName.ts

@@ -32,4 +32,4 @@ export const GetIssueCategoryName = (categoryId: number) =>
     }
 
     return 'Unknown';
-}
+};

src/api/navigator/RoomSettingsUtils.ts

@@ -5,6 +5,6 @@ const BuildMaxVisitorsList = () =>
     for(let i = 10; i <= 100; i = i + 10) list.push(i);
 
     return list;
-}
+};
 
 export const GetMaxVisitorsList = BuildMaxVisitorsList();

src/api/nitro/GetConfigurationValue.ts

@@ -1,6 +1,6 @@
 import { GetConfiguration } from '@nitrots/nitro-renderer';
 
-export function GetConfigurationValue<T>(key: string, value: T = null): T
+export function GetConfigurationValue<T = string>(key: string, value: T = null): T
 {
     return GetConfiguration().getValue(key, value);
 }

src/api/nitro/OpenUrl.ts

@@ -3,7 +3,7 @@ import { CreateLinkEvent, HabboWebTools } from '@nitrots/nitro-renderer';
 export const OpenUrl = (url: string) =>
 {
     if(!url || !url.length) return;
-    
+
     if(url.startsWith('http'))
     {
         HabboWebTools.openWebPage(url);
@@ -12,4 +12,4 @@ export const OpenUrl = (url: string) =>
     {
         CreateLinkEvent(url);
     }
-}
+};

src/api/nitro/room/DispatchMouseEvent.ts

@@ -49,6 +49,6 @@ export const DispatchMouseEvent = (event: MouseEvent, canvasId: number = 1) =>
             break;
         default: return;
     }
-    
+
     GetRoomEngine().dispatchMouseEvent(canvasId, x, y, eventType, event.altKey, (event.ctrlKey || event.metaKey), event.shiftKey, false);
-}
+};

src/api/nitro/room/DispatchTouchEvent.ts

@@ -20,7 +20,7 @@ export const DispatchTouchEvent = (event: TouchEvent, canvasId: number = 1, long
         x = event.changedTouches[0].clientX;
         y = event.changedTouches[0].clientY;
     }
-    
+
     let eventType = event.type;
 
     if(longTouch) eventType = TouchEventType.TOUCH_LONG;
@@ -53,7 +53,7 @@ export const DispatchTouchEvent = (event: TouchEvent, canvasId: number = 1, long
             break;
         case MouseEventType.DOUBLE_CLICK:
             break;
-        case TouchEventType.TOUCH_START:            
+        case TouchEventType.TOUCH_START:
             eventType = MouseEventType.MOUSE_DOWN;
 
             didMouseMove = false;
@@ -72,10 +72,10 @@ export const DispatchTouchEvent = (event: TouchEvent, canvasId: number = 1, long
         default: return;
     }
 
-    if (eventType === TouchEventType.TOUCH_START) 
+    if (eventType === TouchEventType.TOUCH_START)
     {
         GetRoomEngine().dispatchMouseEvent(canvasId, x, y, eventType, altKey, ctrlKey, shiftKey, false);
     }
 
     GetRoomEngine().dispatchMouseEvent(canvasId, x, y, eventType, altKey, ctrlKey, shiftKey, false);
-}
+};

src/api/nitro/room/GetRoomObjectBounds.ts

@@ -10,4 +10,4 @@ export const GetRoomObjectBounds = (roomId: number, objectId: number, category:
     rectangle.y = Math.round(rectangle.y);
 
     return rectangle;
-}
+};

src/api/nitro/room/GetRoomObjectScreenLocation.ts

@@ -10,4 +10,4 @@ export const GetRoomObjectScreenLocation = (roomId: number, objectId: number, ca
     point.y = Math.round(point.y);
 
     return point;
-}
+};

src/api/nitro/room/InitializeRoomInstanceRenderingCanvas.ts

@@ -6,4 +6,4 @@ export const InitializeRoomInstanceRenderingCanvas = (width: number, height: num
     const roomId = roomEngine.activeRoomId;
 
     roomEngine.initializeRoomInstanceRenderingCanvas(roomId, canvasId, width, height);
-}
+};

src/api/nitro/session/GetCanStandUp.ts

@@ -6,8 +6,8 @@ export function GetCanStandUp(): string
     const roomObject = GetOwnRoomObject();
 
     if(!roomObject) return AvatarAction.POSTURE_STAND;
-    
+
     const model = roomObject.model;
-    
+
     return model.getValue<string>(RoomObjectVariable.FIGURE_CAN_STAND_UP);
 }

src/api/nitro/session/GetCanUseExpression.ts

@@ -6,7 +6,7 @@ export function GetCanUseExpression(): boolean
     const roomObject = GetOwnRoomObject();
 
     if(!roomObject) return false;
-    
+
     const model = roomObject.model;
     const effectId = model.getValue<number>(RoomObjectVariable.FIGURE_EFFECT);
 

src/api/nitro/session/GetClubMemberLevel.ts

@@ -4,6 +4,6 @@ import { GetConfigurationValue } from '../GetConfigurationValue';
 export function GetClubMemberLevel(): number
 {
     if(GetConfigurationValue<boolean>('hc.disabled', false)) return HabboClubLevelEnum.VIP;
-    
+
     return GetSessionDataManager().clubLevel;
 }

src/api/nitro/session/GetFurnitureDataForProductOffer.ts

@@ -6,7 +6,7 @@ export function GetFurnitureDataForProductOffer(offer: CatalogPageMessageProduct
 
     let furniData: IFurnitureData = null;
 
-    switch((offer.productType.toUpperCase()))
+    switch(offer.productType)
     {
         case FurnitureType.FLOOR:
             furniData = GetSessionDataManager().getFloorItemData(offer.furniClassId);

src/api/nitro/session/GetOwnPosture.ts

@@ -6,8 +6,8 @@ export function GetOwnPosture(): string
     const roomObject = GetOwnRoomObject();
 
     if(!roomObject) return AvatarAction.POSTURE_STAND;
-    
+
     const model = roomObject.model;
-    
+
     return model.getValue<string>(RoomObjectVariable.FIGURE_POSTURE);
 }

src/api/nitro/session/IsRidingHorse.ts

@@ -6,9 +6,9 @@ export function IsRidingHorse(): boolean
     const roomObject = GetOwnRoomObject();
 
     if(!roomObject) return false;
-    
+
     const model = roomObject.model;
     const effectId = model.getValue<number>(RoomObjectVariable.FIGURE_EFFECT);
-    
+
     return (effectId === 77);
 }

src/api/nitro/session/VisitDesktop.ts

@@ -8,4 +8,4 @@ export const VisitDesktop = () =>
 
     GoToDesktop();
     GetRoomSessionManager().removeSession(-1);
-}
+};

src/api/notification/NotificationBubbleType.ts

@@ -1,4 +1,4 @@
-export class NotificationBubbleType 
+export class NotificationBubbleType
 {
     public static FRIENDOFFLINE: string = 'friendoffline';
     public static FRIENDONLINE: string = 'friendonline';

src/api/room/widgets/AvatarInfoUser.ts

@@ -39,7 +39,7 @@ export class AvatarInfoUser implements IAvatarInfo
     public targetRoomControllerLevel: number = 0;
     public isAmbassador: boolean = false;
 
-    constructor(public readonly type: string) 
+    constructor(public readonly type: string)
     {}
 
     public get isOwnUser(): boolean

src/api/room/widgets/AvatarInfoUtilities.ts

@@ -398,7 +398,7 @@ export class AvatarInfoUtilities
                 default:
                     return (userInfo.roomControllerLevel >= RoomControllerLevel.ROOM_OWNER);
             }
-        }
+        };
 
         return this.isValidSetting(userInfo, checkSetting);
     }
@@ -416,7 +416,7 @@ export class AvatarInfoUtilities
                 default:
                     return (userInfo.roomControllerLevel >= RoomControllerLevel.ROOM_OWNER);
             }
-        }
+        };
 
         return this.isValidSetting(userInfo, checkSetting);
     }
@@ -432,7 +432,7 @@ export class AvatarInfoUtilities
                 default:
                     return (userInfo.roomControllerLevel >= RoomControllerLevel.ROOM_OWNER);
             }
-        }
+        };
 
         return this.isValidSetting(userInfo, checkSetting);
     }

src/api/room/widgets/ChatBubbleMessage.ts

@@ -10,7 +10,7 @@ export class ChatBubbleMessage
 
     private _top: number = 0;
     private _left: number = 0;
-    
+
     constructor(
         public senderId: number = -1,
         public senderCategory: number = -1,
@@ -23,7 +23,7 @@ export class ChatBubbleMessage
         public styleId: number = 0,
         public imageUrl: string = null,
         public color: string = null
-    ) 
+    )
     {
         this.id = ++ChatBubbleMessage.BUBBLE_COUNTER;
     }

src/api/room/widgets/ChatBubbleUtilities.ts

@@ -12,7 +12,7 @@ export class ChatBubbleUtilities
     {
         const avatarImage = GetAvatarRenderManager().createAvatarImage(figure, AvatarScaleType.LARGE, null, {
             resetFigure: figure => this.setFigureImage(figure),
-            dispose: () => 
+            dispose: () =>
             {},
             disposed: false
         });

src/api/room/widgets/DimmerFurnitureWidgetPresetItem.ts

@@ -4,6 +4,6 @@ export class DimmerFurnitureWidgetPresetItem
         public id: number = 0,
         public type: number = 0,
         public color: number = 0,
-        public light: number = 0) 
+        public light: number = 0)
     {}
 }

src/api/room/widgets/DoChatsOverlap.ts

@@ -3,5 +3,4 @@ import { ChatBubbleMessage } from './ChatBubbleMessage';
 export const DoChatsOverlap = (a: ChatBubbleMessage, b: ChatBubbleMessage, additionalBTop: number, padding: number = 0) =>
 {
     return !((((a.left + padding) + a.width) < (b.left + padding)) || ((a.left + padding) > ((b.left + padding) + b.width)) || ((a.top + a.height) < (b.top + additionalBTop)) || (a.top > ((b.top + additionalBTop) + b.height)));
-}
+};
-      

src/api/room/widgets/GetDiskColor.ts

@@ -34,4 +34,4 @@ export const GetDiskColor = (name: string) =>
     b = ((b % DISK_COLOR_BLUE_RANGE) + DISK_COLOR_BLUE_MIN);
 
     return `rgb(${ r },${ g },${ b })`;
-}
+};

src/api/room/widgets/MannequinUtilities.ts

@@ -29,10 +29,10 @@ export class MannequinUtilities
         for(const part of figureContainer.getPartTypeIds())
         {
             if(this.MANNEQUIN_CLOTHING_PART_TYPES.indexOf(part) >= 0) continue;
-                
+
             figureContainer.removePart(part);
         }
-        
+
         figureContainer.updatePart((this.MANNEQUIN_FIGURE[0] as string), (this.MANNEQUIN_FIGURE[1] as number), (this.MANNEQUIN_FIGURE[2] as number[]));
     };
 }

src/api/room/widgets/YoutubeVideoPlaybackStateEnum.ts

@@ -1,4 +1,4 @@
-export class YoutubeVideoPlaybackStateEnum 
+export class YoutubeVideoPlaybackStateEnum
 {
     public static readonly UNSTARTED = -1;
     public static readonly ENDED = 0;

src/api/utils/CloneObject.ts

@@ -11,4 +11,4 @@ export const CloneObject = <T>(object: T): T =>
     }
 
     return copy;
-}
+};

src/api/utils/ColorUtils.ts

@@ -30,7 +30,7 @@ export class ColorUtils
      */
     public static int_to_8BitVals(value: number): [number, number, number, number]
     {
-        const val1 = ((value >> 24) & 0xFF)
+        const val1 = ((value >> 24) & 0xFF);
         const val2 = ((value >> 16) & 0xFF);
         const val3 = ((value >> 8) & 0xFF);
         const val4 = (value & 0xFF);

src/api/utils/ConvertSeconds.ts

@@ -6,4 +6,4 @@ export const ConvertSeconds = (seconds: number) =>
     let numSeconds = ((seconds % 86400) % 3600) % 60;
 
     return numDays.toString().padStart(2, '0') + ':' + numHours.toString().padStart(2, '0') + ':' + numMinutes.toString().padStart(2, '0') + ':' + numSeconds.toString().padStart(2, '0');
-}
+};

src/api/utils/GetLocalStorage.ts

@@ -2,10 +2,10 @@ export const GetLocalStorage = <T>(key: string) =>
 {
     try
     {
-        JSON.parse(window.localStorage.getItem(key)) as T ?? null
+        JSON.parse(window.localStorage.getItem(key)) as T ?? null;
     }
     catch(e)
     {
         return null;
     }
-}
+};

src/api/utils/LocalizeBadgeDescription.ts

@@ -7,4 +7,4 @@ export const LocalizeBadgeDescription = (key: string) =>
     if(!badgeDesc || !badgeDesc.length) badgeDesc = `badge_desc_${ key }`;
 
     return badgeDesc;
-}
+};

src/api/utils/LocalizeBageName.ts

@@ -7,4 +7,4 @@ export const LocalizeBadgeName = (key: string) =>
     if(!badgeName || !badgeName.length) badgeName = `badge_name_${ key }`;
 
     return badgeName;
-}
+};

src/api/utils/PlaySound.ts

@@ -8,7 +8,7 @@ export const PlaySound = (sampleCode: string) =>
     if(!canPlaySound) return;
 
     DispatchMainEvent(new NitroSoundEvent(NitroSoundEvent.PLAY_SOUND, sampleCode));
-}
+};
 
 const eventTypes = [ MouseEventType.MOUSE_CLICK ];
 
@@ -19,6 +19,6 @@ const startListening = () =>
     const onEvent = (event: Event) => ((canPlaySound = true) && stopListening());
 
     eventTypes.forEach(type => window.addEventListener(type, onEvent));
-}
+};
 
 startListening();

src/api/utils/ProductImageUtility.ts

@@ -1,19 +1,19 @@
-import { CatalogPageMessageProductData, GetRoomEngine } from '@nitrots/nitro-renderer';
+import { FurnitureType, GetRoomEngine } from '@nitrots/nitro-renderer';
 import { FurniCategory } from '../inventory';
 
 export class ProductImageUtility
 {
-    public static getProductImageUrl(productType: string, furniClassId: number, extraParam: string): string
+    public static getProductImageUrl(productType: FurnitureType, furniClassId: number, extraParam: string): string
     {
         let imageUrl: string = null;
 
         switch(productType)
         {
-            case CatalogPageMessageProductData.S:
+            case FurnitureType.FLOOR:
                 imageUrl = GetRoomEngine().getFurnitureFloorIconUrl(furniClassId);
                 break;
-            case CatalogPageMessageProductData.I:
+            case FurnitureType.WALL:
-                const productCategory = this.getProductCategory(CatalogPageMessageProductData.I, furniClassId);
+                const productCategory = this.getProductCategory(FurnitureType.WALL, furniClassId);
 
                 if(productCategory === 1)
                 {
@@ -32,7 +32,7 @@ export class ProductImageUtility
                     }
                 }
                 break;
-            case CatalogPageMessageProductData.E:
+            case FurnitureType.EFFECT:
             // fx_icon_furniClassId_png
                 break;
         }
@@ -40,11 +40,11 @@ export class ProductImageUtility
         return imageUrl;
     }
 
-    public static getProductCategory(productType: string, furniClassId: number): number
+    public static getProductCategory(productType: FurnitureType, furniClassId: number): number
     {
-        if(productType === CatalogPageMessageProductData.S) return 1;
+        if(productType === FurnitureType.FLOOR) return 1;
 
-        if(productType === CatalogPageMessageProductData.I)
+        if(productType === FurnitureType.WALL)
         {
             if(furniClassId === 3001) return FurniCategory.WALL_PAPER;
 

src/api/utils/RoomChatFormatter.ts

@@ -35,7 +35,7 @@ const encodeHTML = (str: string) =>
 
         return full;
     });
-}
+};
 
 export const RoomChatFormatter = (content: string) =>
 {
@@ -72,4 +72,4 @@ export const RoomChatFormatter = (content: string) =>
     }
 
     return result;
-}
+};

src/api/wired/GetWiredTimeLocale.ts

@@ -5,4 +5,4 @@ export const GetWiredTimeLocale = (value: number) =>
     if(!(value % 2)) return time.toString();
 
     return (time + 0.5).toString();
-}
+};

src/common/AutoGrid.tsx

@@ -16,7 +16,7 @@ export const AutoGrid: FC<AutoGridProps> = props =>
         let newStyle: CSSProperties = {};
 
         newStyle['--nitro-grid-column-min-height'] = (columnMinHeight + 'px');
-        
+
         if(columnCount > 1) newStyle.gridTemplateColumns = `repeat(auto-fill, minmax(${ columnMinWidth }px, 1fr))`;
 
         if(Object.keys(style).length) newStyle = { ...newStyle, ...style };
@@ -25,4 +25,4 @@ export const AutoGrid: FC<AutoGridProps> = props =>
     }, [ columnMinWidth, columnMinHeight, columnCount, style ]);
 
     return <Grid columnCount={ columnCount } fullHeight={ fullHeight } overflow={ overflow } style={ getStyle } { ...rest } />;
-}
+};

src/common/Base.tsx

@@ -75,10 +75,10 @@ export const Base: FC<BaseProps<HTMLDivElement>> = props =>
 
         return newStyle;
     }, [ style ]);
-    
+
     return (
         <div ref={ innerRef } className={ getClassName } style={ getStyle } { ...rest }>
             { children }
         </div>
     );
-}
+};

src/common/Button.tsx

@@ -32,4 +32,4 @@ export const Button: FC<ButtonProps> = props =>
     }, [ variant, size, active, disabled, classNames ]);
 
     return <Flex center classNames={ getClassNames } { ...rest } />;
-}
+};

src/common/ButtonGroup.tsx

@@ -19,4 +19,4 @@ export const ButtonGroup: FC<ButtonGroupProps> = props =>
     }, [ classNames ]);
 
     return <Base classNames={ getClassNames } { ...rest } />;
-}
+};

src/common/Column.tsx

@@ -43,4 +43,4 @@ export const Column: FC<ColumnProps> = props =>
     }, [ size, offset, isCssGrid, classNames ]);
 
     return <Flex classNames={ getClassNames } column={ column } gap={ gap } { ...rest } />;
-}
+};

src/common/Flex.tsx

@@ -47,4 +47,4 @@ export const Flex: FC<FlexProps> = props =>
     }, [ column, reverse, gap, center, alignSelf, alignItems, justifyContent, classNames ]);
 
     return <Base display={ display } classNames={ getClassNames } { ...rest } />;
-}
+};

src/common/FormGroup.tsx

@@ -19,4 +19,4 @@ export const FormGroup: FC<FormGroupProps> = props =>
     }, [ classNames ]);
 
     return <Flex classNames={ getClassNames } { ...rest } />;
-}
+};

src/common/Grid.tsx

@@ -60,4 +60,4 @@ export const Grid: FC<GridProps> = props =>
             <Base fullHeight={ fullHeight } classNames={ getClassNames } style={ getStyle } { ...rest } />
         </GridContextProvider>
     );
-}
+};

src/common/GridContext.tsx

@@ -11,7 +11,7 @@ const GridContext = createContext<IGridContext>({
 
 export const GridContextProvider: FC<ProviderProps<IGridContext>> = props =>
 {
-    return <GridContext.Provider value={ props.value }>{ props.children }</GridContext.Provider>
+    return <GridContext.Provider value={ props.value }>{ props.children }</GridContext.Provider>;
-}
+};
 
 export const useGridContext = () => useContext(GridContext);

src/common/HorizontalRule.tsx

@@ -35,4 +35,4 @@ export const HorizontalRule: FC<HorizontalRuleProps> = props =>
     }, [ height, style ]);
 
     return <Base classNames={ getClassNames } style={ getStyle } { ...rest } />;
-}
+};

src/common/InfiniteGrid.tsx

@@ -62,7 +62,7 @@ export const InfiniteGrid: FC<InfiniteGridProps> = props =>
                                 minHeight: virtualRow.index === 0 ? estimateSize : virtualRow.size,
                                 gridTemplateColumns: `repeat(${ columnCount }, 1fr)`
                             } }>
-                            { Array.from(Array(columnCount)).map((e,i) => 
+                            { Array.from(Array(columnCount)).map((e,i) =>
                             {
                                 const item = rows[i + (virtualRow.index * columnCount)];
 
@@ -81,4 +81,4 @@ export const InfiniteGrid: FC<InfiniteGridProps> = props =>
             </div>
         </Base>
     );
-}
+};

src/common/InfiniteScroll.tsx

@@ -52,4 +52,4 @@ export const InfiniteScroll: FC<InfiniteScrollProps> = props =>
             </div>
         </Base>
     );
-}
+};

src/common/Text.tsx

@@ -60,4 +60,4 @@ export const Text: FC<TextProps> = props =>
     }, [ variant, fontWeight, fontSize, align, bold, underline, italics, truncate, center, textEnd, small, wrap, noWrap, textBreak ]);
 
     return <Base classNames={ getClassNames } { ...rest } />;
-}
+};

src/common/card/NitroCardContentView.tsx

@@ -15,4 +15,4 @@ export const NitroCardContentView: FC<ColumnProps> = props =>
     }, [ classNames ]);
 
     return <Column classNames={ getClassNames } overflow={ overflow } { ...rest } />;
-}
+};

src/common/card/NitroCardContext.tsx

@@ -11,7 +11,7 @@ const NitroCardContext = createContext<INitroCardContext>({
 
 export const NitroCardContextProvider: FC<ProviderProps<INitroCardContext>> = props =>
 {
-    return <NitroCardContext.Provider value={ props.value }>{ props.children }</NitroCardContext.Provider>
+    return <NitroCardContext.Provider value={ props.value }>{ props.children }</NitroCardContext.Provider>;
-}
+};
 
 export const useNitroCardContext = () => useContext(NitroCardContext);

src/common/card/NitroCardHeaderView.tsx

@@ -28,7 +28,7 @@ export const NitroCardHeaderView: FC<NitroCardHeaderViewProps> = props =>
     {
         event.stopPropagation();
         event.nativeEvent.stopImmediatePropagation();
-    }
+    };
 
     return (
         <Column center position="relative" classNames={ getClassNames } { ...rest }>
@@ -45,4 +45,4 @@ export const NitroCardHeaderView: FC<NitroCardHeaderViewProps> = props =>
             </Flex>
         </Column>
     );
-}
+};

src/common/card/NitroCardSubHeaderView.tsx

@@ -20,4 +20,4 @@ export const NitroCardSubHeaderView: FC<NitroCardSubHeaderProps> = props =>
     }, [ classNames, variant ]);
 
     return <Flex justifyContent={ justifyContent } classNames={ getClassNames } { ...rest } />;
-}
+};

src/common/card/NitroCardView.tsx

@@ -31,4 +31,4 @@ export const NitroCardView: FC<NitroCardViewProps> = props =>
             </DraggableWindow>
         </NitroCardContextProvider>
     );
-}
+};

src/common/card/accordion/NitroCardAccordionContext.tsx

@@ -16,6 +16,6 @@ const NitroCardAccordionContext = createContext<INitroCardAccordionContext>({
 export const NitroCardAccordionContextProvider: FC<ProviderProps<INitroCardAccordionContext>> = props =>
 {
     return <NitroCardAccordionContext.Provider { ...props } />;
-}
+};
 
 export const useNitroCardAccordionContext = () => useContext(NitroCardAccordionContext);

src/common/card/accordion/NitroCardAccordionItemView.tsx

@@ -15,4 +15,4 @@ export const NitroCardAccordionItemView: FC<NitroCardAccordionItemViewProps> = p
             { children }
         </Flex>
     );
-}
+};

src/common/card/accordion/NitroCardAccordionSetView.tsx

@@ -18,9 +18,9 @@ export const NitroCardAccordionSetView: FC<NitroCardAccordionSetViewProps> = pro
     const onClick = () =>
     {
         closeAll();
-        
+
         setIsOpen(prevValue => !prevValue);
-    }
+    };
 
     const onClose = useCallback(() => setIsOpen(false), []);
 
@@ -62,10 +62,10 @@ export const NitroCardAccordionSetView: FC<NitroCardAccordionSetViewProps> = pro
                 const index = newClosers.indexOf(closeFunction);
 
                 if(index >= 0) newClosers.splice(index, 1);
-    
+
                 return newClosers;
             });
-        }
+        };
     }, [ onClose, setClosers ]);
 
     return (
@@ -81,4 +81,4 @@ export const NitroCardAccordionSetView: FC<NitroCardAccordionSetViewProps> = pro
                 </Column> }
         </Column>
     );
-}
+};

src/common/card/accordion/NitroCardAccordionView.tsx

@@ -4,7 +4,7 @@ import { NitroCardAccordionContextProvider } from './NitroCardAccordionContext';
 
 interface NitroCardAccordionViewProps extends ColumnProps
 {
-    
+
 }
 
 export const NitroCardAccordionView: FC<NitroCardAccordionViewProps> = props =>
@@ -22,4 +22,4 @@ export const NitroCardAccordionView: FC<NitroCardAccordionViewProps> = props =>
             <Column gap={ 0 } { ...rest } />
         </NitroCardAccordionContextProvider>
     );
-}
+};

src/common/card/tabs/NitroCardTabsItemView.tsx

@@ -32,4 +32,4 @@ export const NitroCardTabsItemView: FC<NitroCardTabsItemViewProps> = props =>
                 <LayoutItemCountView count={ count } /> }
         </Flex>
     );
-}
+};

src/common/card/tabs/NitroCardTabsView.tsx

@@ -19,4 +19,4 @@ export const NitroCardTabsView: FC<FlexProps> = props =>
             { children }
         </Flex>
     );
-}
+};

src/common/draggable-window/DraggableWindow.tsx

@@ -107,7 +107,7 @@ export const DraggableWindow: FC<DraggableWindowProps> = props =>
     const completeDrag = useCallback(() =>
     {
         if(!elementRef.current || !dragHandler) return;
-        
+
         let offsetX = (offset.x + delta.x);
         let offsetY = (offset.y + delta.y);
 
@@ -170,7 +170,7 @@ export const DraggableWindow: FC<DraggableWindowProps> = props =>
 
         if(!disableDrag)
         {
-            const handle = (element.querySelector(handleSelector) as HTMLElement);
+            const handle = (element.querySelector(handleSelector));
 
             if(handle) setDragHandler(handle);
         }
@@ -202,13 +202,13 @@ export const DraggableWindow: FC<DraggableWindowProps> = props =>
             const index = CURRENT_WINDOWS.indexOf(element);
 
             if(index >= 0) CURRENT_WINDOWS.splice(index, 1);
-        }
+        };
     }, [ handleSelector, windowPosition, uniqueKey, disableDrag, offsetLeft, offsetTop, bringToTop ]);
 
     useEffect(() =>
     {
         if(!offset && !delta) return;
-        
+
         const element = (elementRef.current as HTMLElement);
 
         if(!element) return;
@@ -228,7 +228,7 @@ export const DraggableWindow: FC<DraggableWindowProps> = props =>
         {
             dragHandler.removeEventListener(MouseEventType.MOUSE_DOWN, onDragMouseDown);
             dragHandler.removeEventListener(TouchEventType.TOUCH_START, onTouchDown);
-        }
+        };
     }, [ dragHandler, onDragMouseDown, onTouchDown ]);
 
     useEffect(() =>
@@ -246,7 +246,7 @@ export const DraggableWindow: FC<DraggableWindowProps> = props =>
             document.removeEventListener(TouchEventType.TOUCH_END, onDragTouchUp);
             document.removeEventListener(MouseEventType.MOUSE_MOVE, onDragMouseMove);
             document.removeEventListener(TouchEventType.TOUCH_MOVE, onDragTouchMove);
-        }
+        };
     }, [ isDragging, onDragMouseUp, onDragMouseMove, onDragTouchUp, onDragTouchMove ]);
 
     useEffect(() =>
@@ -267,4 +267,4 @@ export const DraggableWindow: FC<DraggableWindowProps> = props =>
                 { children }
             </Base>, document.getElementById('draggable-windows-container'))
     );
-}
+};

src/common/layout/LayoutAvatarImageView.tsx

@@ -62,7 +62,7 @@ export const LayoutAvatarImageView: FC<LayoutAvatarImageViewProps> = props =>
             const resetFigure = (_figure: string) =>
             {
                 if(isDisposed.current) return;
-                
+
                 const avatarImage = GetAvatarRenderManager().createAvatarImage(_figure, AvatarScaleType.LARGE, gender, { resetFigure: (figure: string) => resetFigure(figure), dispose: null, disposed: false });
 
                 let setType = AvatarSetType.FULL;
@@ -80,8 +80,8 @@ export const LayoutAvatarImageView: FC<LayoutAvatarImageViewProps> = props =>
                     setAvatarUrl(imageUrl);
                 }
 
-                avatarImage.dispose(true);
+                avatarImage.dispose();
-            }
+            };
 
             resetFigure(figure);
         }
@@ -90,14 +90,14 @@ export const LayoutAvatarImageView: FC<LayoutAvatarImageViewProps> = props =>
     useEffect(() =>
     {
         isDisposed.current = false;
-        
+
         setIsReady(true);
 
         return () =>
         {
             isDisposed.current = true;
-        }
+        };
     }, []);
-        
+
     return <Base classNames={ getClassNames } style={ getStyle } { ...rest } />;
-}
+};