From 5e4c10a61f960e20870a5409f86bd569ef3100db Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Tue, 4 Jan 2022 02:36:08 -0500
Subject: [PATCH 01/13] Delete .env

---
 .env | 7 -------
 1 file changed, 7 deletions(-)
 delete mode 100644 .env

diff --git a/.env b/.env
deleted file mode 100644
index 1f084131..00000000
--- a/.env
+++ /dev/null
@@ -1,7 +0,0 @@
-BROWSER=none
-GENERATE_SOURCEMAP=false
-REACT_APP_CONFIG_URLS=/renderer-config.json,/ui-config.json
-REACT_APP_SOCKET_URL=wss://ws.nitrots.co:2096
-REACT_APP_ASSET_URL=https://assets.nitrodev.co
-REACT_APP_IMAGE_LIBRARY_URL=https://swf.nitrots.co/c_images/
-REACT_APP_HOF_FURNI_URL=https://swf.nitrots.co/dcr/hof_furni

From f2638ac56ec8359b1f71d5e7a3a82ec4fba34717 Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Tue, 4 Jan 2022 02:36:20 -0500
Subject: [PATCH 02/13] Update .gitignore

---
 .gitignore | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.gitignore b/.gitignore
index 3220e419..a38eff07 100644
--- a/.gitignore
+++ b/.gitignore
@@ -41,6 +41,7 @@ yarn-error.log
 testem.log
 /typings
 .git
+.env
 
 # System Files
 .DS_Store

From 59e972ffc917841c722bd10d895ad9e09e9736ca Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Tue, 4 Jan 2022 02:38:42 -0500
Subject: [PATCH 03/13] Update build script

---
 package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index fd72b37b..e8dffa40 100644
--- a/package.json
+++ b/package.json
@@ -5,13 +5,13 @@
   "scripts": {
     "start": "craco start",
     "build": "craco --max_old_space_size=8048 build",
-    "build:prod": "npx browserslist@latest --update-db && yarn remove @nitrots/nitro-renderer && yarn add git+https://git@git.krews.org/nitro/nitro-renderer#dev && yarn install && yarn build",
+    "build:prod": "npx browserslist@latest --update-db && yarn install && yarn build",
     "test": "craco test",
     "eject": "react-scripts eject"
   },
   "dependencies": {
     "@craco/craco": "^6.3.0",
-    "@nitrots/nitro-renderer": "file:../nitro-renderer",
+    "@nitrots/nitro-renderer": "^1.1.2",
     "animate.css": "^4.1.1",
     "classnames": "^2.3.1",
     "node-sass": "^6.0.1",

From 747a1912568f32cea3760ca18e57297d5df5ee60 Mon Sep 17 00:00:00 2001
From: dank074 <torresefrain10@gmail.com>
Date: Wed, 5 Jan 2022 15:12:29 -0600
Subject: [PATCH 04/13] add club gift layout

---
 src/views/catalog/CatalogMessageHandler.tsx     | 17 ++++++++++++++++-
 src/views/catalog/reducers/CatalogReducer.tsx   | 11 ++++++++++-
 .../views/page/layout/GetCatalogLayout.tsx      |  6 +++++-
 .../CatalogLayoutColorGroupingView.tsx          | 12 ++++++++++++
 .../vip-gifts/CatalogLayoutVipGiftsView.tsx     | 17 +++++++++++++++++
 5 files changed, 60 insertions(+), 3 deletions(-)
 create mode 100644 src/views/catalog/views/page/layout/color-grouping/CatalogLayoutColorGroupingView.tsx
 create mode 100644 src/views/catalog/views/page/layout/vip-gifts/CatalogLayoutVipGiftsView.tsx

diff --git a/src/views/catalog/CatalogMessageHandler.tsx b/src/views/catalog/CatalogMessageHandler.tsx
index 89c1e6fc..8fef7ae0 100644
--- a/src/views/catalog/CatalogMessageHandler.tsx
+++ b/src/views/catalog/CatalogMessageHandler.tsx
@@ -1,4 +1,4 @@
-import { ApproveNameMessageEvent, CatalogPageMessageEvent, CatalogPagesListEvent, CatalogPublishedMessageEvent, GiftReceiverNotFoundEvent, GiftWrappingConfigurationEvent, HabboClubOffersMessageEvent, LimitedEditionSoldOutEvent, ProductOfferEvent, PurchaseErrorMessageEvent, PurchaseNotAllowedMessageEvent, PurchaseOKMessageEvent, SellablePetPalettesMessageEvent, UserSubscriptionEvent } from '@nitrots/nitro-renderer';
+import { ApproveNameMessageEvent, CatalogPageMessageEvent, CatalogPagesListEvent, CatalogPublishedMessageEvent, ClubGiftInfoEvent, GiftReceiverNotFoundEvent, GiftWrappingConfigurationEvent, HabboClubOffersMessageEvent, LimitedEditionSoldOutEvent, ProductOfferEvent, PurchaseErrorMessageEvent, PurchaseNotAllowedMessageEvent, PurchaseOKMessageEvent, SellablePetPalettesMessageEvent, UserSubscriptionEvent } from '@nitrots/nitro-renderer';
 import { GuildMembershipsMessageEvent } from '@nitrots/nitro-renderer/src/nitro/communication/messages/incoming/user/GuildMembershipsMessageEvent';
 import { FC, useCallback } from 'react';
 import { CatalogNameResultEvent, CatalogPurchaseFailureEvent } from '../../events';
@@ -164,6 +164,20 @@ export const CatalogMessageHandler: FC<CatalogMessageHandlerProps> = props =>
         });
     }, [ dispatchCatalogState ]);
 
+    const onClubGiftInfoEvent = useCallback((event: ClubGiftInfoEvent) =>
+    {
+        const parser = event.getParser();
+
+        if(!parser) return;
+
+        dispatchCatalogState({
+            type: CatalogActions.SET_CLUB_GIFTS,
+            payload: {
+                clubGifts: parser
+            }
+        });
+    }, [dispatchCatalogState]);
+
     CreateMessageHook(CatalogPagesListEvent, onCatalogPagesListEvent);
     CreateMessageHook(CatalogPageMessageEvent, onCatalogPageMessageEvent);
     CreateMessageHook(PurchaseOKMessageEvent, onPurchaseOKMessageEvent);
@@ -179,6 +193,7 @@ export const CatalogMessageHandler: FC<CatalogMessageHandlerProps> = props =>
     CreateMessageHook(UserSubscriptionEvent, onUserSubscriptionEvent);
     CreateMessageHook(CatalogPublishedMessageEvent, onCatalogPublishedMessageEvent);
     CreateMessageHook(GiftWrappingConfigurationEvent, onGiftWrappingConfigurationEvent);
+    CreateMessageHook(ClubGiftInfoEvent, onClubGiftInfoEvent);
 
     return null;
 }
diff --git a/src/views/catalog/reducers/CatalogReducer.tsx b/src/views/catalog/reducers/CatalogReducer.tsx
index 35b1daf3..c9b7b674 100644
--- a/src/views/catalog/reducers/CatalogReducer.tsx
+++ b/src/views/catalog/reducers/CatalogReducer.tsx
@@ -1,4 +1,4 @@
-import { CatalogPageMessageOfferData, CatalogPageMessageParser, ClubOfferData, GiftWrappingConfigurationParser, INodeData } from '@nitrots/nitro-renderer';
+import { CatalogPageMessageOfferData, CatalogPageMessageParser, ClubGiftInfoParser, ClubOfferData, GiftWrappingConfigurationParser, INodeData } from '@nitrots/nitro-renderer';
 import { HabboGroupEntryData } from '@nitrots/nitro-renderer/src/nitro/communication/messages/parser/user/HabboGroupEntryData';
 import { Reducer } from 'react';
 import { CatalogPetPalette } from '../common/CatalogPetPalette';
@@ -17,6 +17,7 @@ export interface ICatalogState
     groups: HabboGroupEntryData[];
     petPalettes: CatalogPetPalette[];
     clubOffers: ClubOfferData[];
+    clubGifts: ClubGiftInfoParser;
     subscriptionInfo: SubscriptionInfo;
     giftConfiguration: GiftWrappingConfiguration;
 }
@@ -34,6 +35,7 @@ export interface ICatalogAction
         groups?: HabboGroupEntryData[];
         petPalette?: CatalogPetPalette;
         clubOffers?: ClubOfferData[];
+        clubGifts?: ClubGiftInfoParser;
         subscriptionInfo?: SubscriptionInfo;
         giftConfiguration?: GiftWrappingConfigurationParser;
     }
@@ -52,6 +54,7 @@ export class CatalogActions
     public static SET_SEARCH_RESULT: string = 'CA_SET_SEARCH_RESULT';
     public static SET_SUBSCRIPTION_INFO: string = 'CA_SET_SUBSCRIPTION_INFO';
     public static SET_GIFT_CONFIGURATION: string = 'CA_SET_GIFT_CONFIGURATION';
+    public static SET_CLUB_GIFTS: string = 'CA_SET_CLUB_GIFTS';
 }
 
 export const initialCatalog: ICatalogState = {
@@ -64,6 +67,7 @@ export const initialCatalog: ICatalogState = {
     groups: [],
     petPalettes: [],
     clubOffers: null,
+    clubGifts: null,
     subscriptionInfo: new SubscriptionInfo(),
     giftConfiguration: null
 }
@@ -160,6 +164,11 @@ export const CatalogReducer: Reducer<ICatalogState, ICatalogAction> = (state, ac
 
             return { ...state, giftConfiguration };
         }
+        case CatalogActions.SET_CLUB_GIFTS: {
+            const clubGifts = (action.payload.clubGifts || state.clubGifts || null);
+
+            return { ...state, clubGifts };
+        }
         default:
             return state;
     }
diff --git a/src/views/catalog/views/page/layout/GetCatalogLayout.tsx b/src/views/catalog/views/page/layout/GetCatalogLayout.tsx
index 8fe64187..4685260e 100644
--- a/src/views/catalog/views/page/layout/GetCatalogLayout.tsx
+++ b/src/views/catalog/views/page/layout/GetCatalogLayout.tsx
@@ -1,5 +1,6 @@
 import { CatalogPageMessageParser, RoomPreviewer } from '@nitrots/nitro-renderer';
 import { CatalogLayoutBadgeDisplayView } from './badge-display/CatalogLayoutBadgeDisplayView';
+import { CatalogLayoutColorGroupingView } from './color-grouping/CatalogLayoutColorGroupingView';
 import { CatalogLayoutDefaultView } from './default/CatalogLayoutDefaultView';
 import { CatalogLayoutFrontpage4View } from './frontpage4/CatalogLayoutFrontpage4View';
 import { CatalogLayouGuildCustomFurniView } from './guild-custom-furni/CatalogLayoutGuildCustomFurniView';
@@ -13,6 +14,7 @@ import { CatalogLayoutSingleBundleView } from './single-bundle/CatalogLayoutSing
 import { CatalogLayoutSpacesView } from './spaces-new/CatalogLayoutSpacesView';
 import { CatalogLayoutTrophiesView } from './trophies/CatalogLayoutTrophiesView';
 import { CatalogLayoutVipBuyView } from './vip-buy/CatalogLayoutVipBuyView';
+import { CatalogLayoutVipGiftsView } from './vip-gifts/CatalogLayoutVipGiftsView';
 
 export const GetCatalogLayout = (pageParser: CatalogPageMessageParser, roomPreviewer: RoomPreviewer) =>
 {
@@ -39,7 +41,7 @@ export const GetCatalogLayout = (pageParser: CatalogPageMessageParser, roomPrevi
         case 'search_results':
             return null;
         case 'club_gifts':
-            return null;
+            return <CatalogLayoutVipGiftsView roomPreviewer={ roomPreviewer } pageParser={ pageParser } />;
         case 'marketplace_own_items':
             return null;
         case 'marketplace':
@@ -54,6 +56,8 @@ export const GetCatalogLayout = (pageParser: CatalogPageMessageParser, roomPrevi
             return <CatalogLayoutInfoLoyaltyView roomPreviewer={ roomPreviewer } pageParser={ pageParser } />;
         case 'badge_display':
             return <CatalogLayoutBadgeDisplayView roomPreviewer={roomPreviewer} pageParser={ pageParser } />;
+        case 'default_3x3_color_grouping':
+            return <CatalogLayoutColorGroupingView roomPreviewer={roomPreviewer} pageParser={ pageParser } />;
         case 'bots':
         case 'default_3x3':
         default:
diff --git a/src/views/catalog/views/page/layout/color-grouping/CatalogLayoutColorGroupingView.tsx b/src/views/catalog/views/page/layout/color-grouping/CatalogLayoutColorGroupingView.tsx
new file mode 100644
index 00000000..258893fe
--- /dev/null
+++ b/src/views/catalog/views/page/layout/color-grouping/CatalogLayoutColorGroupingView.tsx
@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { CatalogLayoutProps } from '../CatalogLayout.types';
+
+export interface CatalogLayoutColorGroupViewProps extends CatalogLayoutProps
+{
+
+}
+
+export const CatalogLayoutColorGroupingView : FC<CatalogLayoutColorGroupViewProps> = props =>
+{
+    return null;
+}
diff --git a/src/views/catalog/views/page/layout/vip-gifts/CatalogLayoutVipGiftsView.tsx b/src/views/catalog/views/page/layout/vip-gifts/CatalogLayoutVipGiftsView.tsx
new file mode 100644
index 00000000..9bc602e4
--- /dev/null
+++ b/src/views/catalog/views/page/layout/vip-gifts/CatalogLayoutVipGiftsView.tsx
@@ -0,0 +1,17 @@
+import { FC } from 'react';
+import { NitroCardGridView } from '../../../../../../layout';
+import { CatalogLayoutProps } from '../CatalogLayout.types';
+
+export interface CatalogLayoutVipGiftsViewProps extends CatalogLayoutProps
+{
+
+}
+
+export const CatalogLayoutVipGiftsView: FC<CatalogLayoutVipGiftsViewProps> = props =>
+{
+    return (
+        <NitroCardGridView columns={1} className='text-black'>
+            
+        </NitroCardGridView>
+    )
+}

From 1b4046e4931fda2defba8ba9819365c06dd2dadc Mon Sep 17 00:00:00 2001
From: dank074 <torresefrain10@gmail.com>
Date: Wed, 5 Jan 2022 17:35:15 -0600
Subject: [PATCH 05/13] finish club gifts

---
 src/views/catalog/CatalogView.tsx             |  3 +-
 src/views/catalog/reducers/CatalogReducer.tsx |  2 +-
 .../vip-gifts/CatalogLayoutVipGiftsView.tsx   | 60 +++++++++++++++++-
 .../vip-gifts/gift-item/VipGiftItemView.tsx   | 61 +++++++++++++++++++
 .../common/ProductImageUtility.ts             |  2 +-
 5 files changed, 123 insertions(+), 5 deletions(-)
 create mode 100644 src/views/catalog/views/page/layout/vip-gifts/gift-item/VipGiftItemView.tsx

diff --git a/src/views/catalog/CatalogView.tsx b/src/views/catalog/CatalogView.tsx
index 739f126d..44df2707 100644
--- a/src/views/catalog/CatalogView.tsx
+++ b/src/views/catalog/CatalogView.tsx
@@ -1,4 +1,4 @@
-import { GetCatalogIndexComposer, GetCatalogPageComposer, GetGiftWrappingConfigurationComposer, GetMarketplaceConfigurationMessageComposer, ILinkEventTracker, INodeData, RoomPreviewer } from '@nitrots/nitro-renderer';
+import { GetCatalogIndexComposer, GetCatalogPageComposer, GetClubGiftInfo, GetGiftWrappingConfigurationComposer, GetMarketplaceConfigurationMessageComposer, ILinkEventTracker, INodeData, RoomPreviewer } from '@nitrots/nitro-renderer';
 import { FC, useCallback, useEffect, useReducer, useState } from 'react';
 import { AddEventLinkTracker, GetRoomEngine, LocalizeText, RemoveLinkEventTracker } from '../../api';
 import { CREDITS, PlaySound } from '../../api/utils/PlaySound';
@@ -193,6 +193,7 @@ export const CatalogView: FC<CatalogViewProps> = props =>
     {
         SendMessageHook(new GetMarketplaceConfigurationMessageComposer());
         SendMessageHook(new GetGiftWrappingConfigurationComposer());
+        SendMessageHook(new GetClubGiftInfo());
     });
 
     const currentNavigationPage = ((searchResult && searchResult.page) || currentTab);
diff --git a/src/views/catalog/reducers/CatalogReducer.tsx b/src/views/catalog/reducers/CatalogReducer.tsx
index ad3878d1..9747147d 100644
--- a/src/views/catalog/reducers/CatalogReducer.tsx
+++ b/src/views/catalog/reducers/CatalogReducer.tsx
@@ -174,7 +174,7 @@ export const CatalogReducer: Reducer<ICatalogState, ICatalogAction> = (state, ac
             return { ...state, clubGifts };
         }
         case CatalogActions.SET_MARKETPLACE_CONFIGURATION: {
-            let marketplaceConfiguration = (action.payload.marketplaceConfiguration || state.marketplaceConfiguration || null);
+            const marketplaceConfiguration = (action.payload.marketplaceConfiguration || state.marketplaceConfiguration || null);
 
             return { ...state, marketplaceConfiguration }
         }
diff --git a/src/views/catalog/views/page/layout/vip-gifts/CatalogLayoutVipGiftsView.tsx b/src/views/catalog/views/page/layout/vip-gifts/CatalogLayoutVipGiftsView.tsx
index 9bc602e4..be60d347 100644
--- a/src/views/catalog/views/page/layout/vip-gifts/CatalogLayoutVipGiftsView.tsx
+++ b/src/views/catalog/views/page/layout/vip-gifts/CatalogLayoutVipGiftsView.tsx
@@ -1,6 +1,14 @@
-import { FC } from 'react';
+import { SelectClubGiftComposer } from '@nitrots/nitro-renderer';
+import { FC, useCallback } from 'react';
+import { LocalizeText } from '../../../../../../api';
+import { SendMessageHook } from '../../../../../../hooks';
 import { NitroCardGridView } from '../../../../../../layout';
+import { NitroLayoutBase } from '../../../../../../layout/base';
+import { NotificationUtilities } from '../../../../../notification-center/common/NotificationUtilities';
+import { useCatalogContext } from '../../../../context/CatalogContext';
+import { CatalogActions } from '../../../../reducers/CatalogReducer';
 import { CatalogLayoutProps } from '../CatalogLayout.types';
+import { VipGiftItem } from './gift-item/VipGiftItemView';
 
 export interface CatalogLayoutVipGiftsViewProps extends CatalogLayoutProps
 {
@@ -9,9 +17,57 @@ export interface CatalogLayoutVipGiftsViewProps extends CatalogLayoutProps
 
 export const CatalogLayoutVipGiftsView: FC<CatalogLayoutVipGiftsViewProps> = props =>
 {
+    const { catalogState, dispatchCatalogState } = useCatalogContext();
+    
+    const giftsAvailable = useCallback(() =>
+    {
+        const clubGifts = catalogState.clubGifts;
+
+        if(!clubGifts) return '';
+
+        if(clubGifts.giftsAvailable > 0)
+        {
+            return LocalizeText('catalog.club_gift.available', ['amount'], [clubGifts.giftsAvailable.toString()]);
+        }
+
+        if(clubGifts.daysUntilNextGift > 0)
+        {
+            return LocalizeText('catalog.club_gift.days_until_next', ['days'], [clubGifts.daysUntilNextGift.toString()]);
+        }
+
+        if(catalogState.subscriptionInfo.isVip)
+        {
+            return LocalizeText('catalog.club_gift.not_available');
+        }
+
+        return LocalizeText('catalog.club_gift.no_club');
+
+    }, [catalogState.clubGifts, catalogState.subscriptionInfo.isVip]);
+
+    const selectGift = useCallback((localizationId: string) =>
+    {
+        NotificationUtilities.confirm(LocalizeText('catalog.club_gift.confirm'), () =>
+            {
+                SendMessageHook(new SelectClubGiftComposer(localizationId));
+                const prev = catalogState.clubGifts;
+
+                prev.giftsAvailable--;
+
+                dispatchCatalogState({
+                    type: CatalogActions.SET_CLUB_GIFTS,
+                    payload: {
+                        clubGifts: prev
+                    }
+                });
+            }, null);
+    }, [catalogState.clubGifts, dispatchCatalogState]);
+    
     return (
+        <>
+        <NitroLayoutBase className='text-black'>{giftsAvailable()}</NitroLayoutBase>
         <NitroCardGridView columns={1} className='text-black'>
-            
+            { catalogState.clubGifts && catalogState.clubGifts.offers.map( (offer, index) => <VipGiftItem key={index} offer={offer} isAvailable={ catalogState.clubGifts.getOfferExtraData(offer.offerId).isSelectable && catalogState.clubGifts.giftsAvailable > 0} onSelect={selectGift}/>)}
         </NitroCardGridView>
+        </>
     )
 }
diff --git a/src/views/catalog/views/page/layout/vip-gifts/gift-item/VipGiftItemView.tsx b/src/views/catalog/views/page/layout/vip-gifts/gift-item/VipGiftItemView.tsx
new file mode 100644
index 00000000..2bb32ba0
--- /dev/null
+++ b/src/views/catalog/views/page/layout/vip-gifts/gift-item/VipGiftItemView.tsx
@@ -0,0 +1,61 @@
+import { CatalogPageMessageOfferData } from '@nitrots/nitro-renderer';
+import { FC, useCallback } from 'react';
+import { LocalizeText } from '../../../../../../../api';
+import { NitroCardGridItemView } from '../../../../../../../layout';
+import { ProductImageUtility } from '../../../../../../notification-center/common/ProductImageUtility';
+
+export interface VipGiftItemViewProps
+{
+    offer: CatalogPageMessageOfferData;
+    isAvailable: boolean;
+    onSelect(localizationId: string): void;
+}
+
+export const VipGiftItem : FC<VipGiftItemViewProps> = props =>
+{
+    const { offer = null, isAvailable = false, onSelect = null } = props;
+    
+    const getImageUrlForOffer = useCallback( () =>
+    {
+        if(!offer || !offer.products.length) return '';
+
+        const productData = offer.products[0];
+
+        return ProductImageUtility.getProductImageUrl(productData.productType, productData.furniClassId, productData.extraParam);
+    }, [offer]);
+    
+    const getItemTitle = useCallback(() =>
+    {
+        if(!offer || !offer.products.length) return '';
+
+        const productData = offer.products[0];
+
+        const localizationKey = ProductImageUtility.getProductCategory(productData.productType, productData.furniClassId) === 2  ? 'wallItem.name.' + productData.furniClassId : 'roomItem.name.' + productData.furniClassId;
+
+        return LocalizeText(localizationKey);
+    }, [offer]);
+
+    const getItemDesc = useCallback( () =>
+    {
+        if(!offer || !offer.products.length) return '';
+
+        const productData = offer.products[0];
+
+        const localizationKey = ProductImageUtility.getProductCategory(productData.productType, productData.furniClassId) === 2 ? 'wallItem.desc.' + productData.furniClassId : 'roomItem.desc.' + productData.furniClassId ;
+
+        return LocalizeText(localizationKey);
+    }, [offer]);
+
+    return (
+        <NitroCardGridItemView className='w-100 vip-gift-item align-items-center'>
+            <img src={ getImageUrlForOffer() } className='mx-3' alt='' />
+            <div className='h-100 flex-grow-1 justify-content-center '>
+                <div className='fw-bold'>{getItemTitle()}</div>
+                <div className='fst-italic fs-6'>{getItemDesc()}</div>
+            </div>
+            <div className='btn-group-vertical mx-1 gap-2'>
+                <button className='btn btn-secondary btn-sm' disabled={!isAvailable} onClick={() => onSelect(offer.localizationId)}>{ LocalizeText('catalog.club_gift.select') }</button>
+            </div>
+        </NitroCardGridItemView>
+    )
+}
diff --git a/src/views/notification-center/common/ProductImageUtility.ts b/src/views/notification-center/common/ProductImageUtility.ts
index 9078754c..a05dd13f 100644
--- a/src/views/notification-center/common/ProductImageUtility.ts
+++ b/src/views/notification-center/common/ProductImageUtility.ts
@@ -41,7 +41,7 @@ export class ProductImageUtility
         return imageUrl;
     }
 
-    private static getProductCategory(productType: string, furniClassId: number): number
+    public static getProductCategory(productType: string, furniClassId: number): number
     {
         if(productType === CatalogPageMessageProductData.S) return 1;
 

From e8ae9d76ed610348f6f2e48189f78d65a0e031dd Mon Sep 17 00:00:00 2001
From: dank074 <torresefrain10@gmail.com>
Date: Fri, 7 Jan 2022 00:40:53 -0600
Subject: [PATCH 06/13] fix issue closed handler

---
 .../views/page/layout/GetCatalogLayout.tsx    |  5 +-
 .../CatalogLayoutColorGroupingView.tsx        | 83 ++++++++++++++++++-
 src/views/help/HelpMessageHandler.tsx         |  2 +-
 3 files changed, 84 insertions(+), 6 deletions(-)

diff --git a/src/views/catalog/views/page/layout/GetCatalogLayout.tsx b/src/views/catalog/views/page/layout/GetCatalogLayout.tsx
index d5411cf0..3d4d6e06 100644
--- a/src/views/catalog/views/page/layout/GetCatalogLayout.tsx
+++ b/src/views/catalog/views/page/layout/GetCatalogLayout.tsx
@@ -1,6 +1,5 @@
 import { CatalogPageMessageParser, RoomPreviewer } from '@nitrots/nitro-renderer';
 import { CatalogLayoutBadgeDisplayView } from './badge-display/CatalogLayoutBadgeDisplayView';
-import { CatalogLayoutColorGroupingView } from './color-grouping/CatalogLayoutColorGroupingView';
 import { CatalogLayoutDefaultView } from './default/CatalogLayoutDefaultView';
 import { CatalogLayoutFrontpage4View } from './frontpage4/CatalogLayoutFrontpage4View';
 import { CatalogLayouGuildCustomFurniView } from './guild-custom-furni/CatalogLayoutGuildCustomFurniView';
@@ -58,8 +57,8 @@ export const GetCatalogLayout = (pageParser: CatalogPageMessageParser, roomPrevi
             return <CatalogLayoutInfoLoyaltyView roomPreviewer={ roomPreviewer } pageParser={ pageParser } />;
         case 'badge_display':
             return <CatalogLayoutBadgeDisplayView roomPreviewer={roomPreviewer} pageParser={ pageParser } />;
-        case 'default_3x3_color_grouping':
-            return <CatalogLayoutColorGroupingView roomPreviewer={roomPreviewer} pageParser={ pageParser } />;
+        //case 'default_3x3_color_grouping':
+            //return <CatalogLayoutColorGroupingView roomPreviewer={roomPreviewer} pageParser={ pageParser } />;
         case 'bots':
         case 'default_3x3':
         default:
diff --git a/src/views/catalog/views/page/layout/color-grouping/CatalogLayoutColorGroupingView.tsx b/src/views/catalog/views/page/layout/color-grouping/CatalogLayoutColorGroupingView.tsx
index 258893fe..45307324 100644
--- a/src/views/catalog/views/page/layout/color-grouping/CatalogLayoutColorGroupingView.tsx
+++ b/src/views/catalog/views/page/layout/color-grouping/CatalogLayoutColorGroupingView.tsx
@@ -1,4 +1,9 @@
-import { FC } from 'react';
+import { CatalogPageMessageOfferData, IFurnitureData } from '@nitrots/nitro-renderer';
+import { FC, useMemo, useState } from 'react';
+import { GetSessionDataManager } from '../../../../../../api';
+import { NitroLayoutGrid, NitroLayoutGridColumn } from '../../../../../../layout';
+import { ProductTypeEnum } from '../../../../common/ProductTypeEnum';
+import { CatalogPageOffersView } from '../../offers/CatalogPageOffersView';
 import { CatalogLayoutProps } from '../CatalogLayout.types';
 
 export interface CatalogLayoutColorGroupViewProps extends CatalogLayoutProps
@@ -8,5 +13,79 @@ export interface CatalogLayoutColorGroupViewProps extends CatalogLayoutProps
 
 export const CatalogLayoutColorGroupingView : FC<CatalogLayoutColorGroupViewProps> = props =>
 {
-    return null;
+    const { roomPreviewer = null, pageParser = null } = props;
+    const [ colorableItems, setColorableItems ] = useState<Map<string, number[]>>(new Map<string, number[]>());
+
+    const offers = useMemo(() =>
+    {
+        const offers: CatalogPageMessageOfferData[] = [];
+        const addedColorableItems = new Map<string, boolean>();
+
+        pageParser.offers.forEach(offer =>
+        {
+            const product = offer.products[0];
+            if(!product) return;
+            
+            let furniData: IFurnitureData = null;
+
+            if(product.productType === ProductTypeEnum.FLOOR)
+            {
+                furniData = GetSessionDataManager().getFloorItemData(product.furniClassId);
+            }
+            else if(product.productType === ProductTypeEnum.WALL)
+            {
+                furniData = GetSessionDataManager().getWallItemData(product.furniClassId);
+            }
+
+            if(((!(furniData)) || ((furniData.fullName.indexOf('*') === -1))))
+            {
+                offers.push(offer);
+            }
+            else
+            {
+                const name = furniData.fullName.split('*')[0];
+                const colorIndex = parseInt(furniData.fullName.split('*')[1]);
+
+                if(!colorableItems[name])
+                {
+                    colorableItems[name] = [];
+                }
+
+                let selectedColor = 0;
+                if(furniData.colors)
+                {
+                    for(let color of furniData.colors)
+                    {
+                        if(color !== 0xFFFFFF)
+                        {
+                            selectedColor = color;
+                        }
+                    }
+                    if(colorableItems[name].indexOf(selectedColor) === -1)
+                    {
+                        colorableItems[name][colorIndex] = selectedColor;
+                    }
+                }
+
+                if(!addedColorableItems.has(name))
+                {
+                    offers.push(offer);
+                    addedColorableItems.set(name, true);
+                }
+            }
+        });
+        console.log(colorableItems);
+        return offers;
+    }, [colorableItems, pageParser.offers]);
+
+    return (
+        <NitroLayoutGrid>
+            <NitroLayoutGridColumn size={ 7 }>
+                <CatalogPageOffersView offers={ offers } />
+            </NitroLayoutGridColumn>
+            <NitroLayoutGridColumn size={ 5 }>
+                
+            </NitroLayoutGridColumn>
+        </NitroLayoutGrid>
+    );
 }
diff --git a/src/views/help/HelpMessageHandler.tsx b/src/views/help/HelpMessageHandler.tsx
index 047dd512..1febee73 100644
--- a/src/views/help/HelpMessageHandler.tsx
+++ b/src/views/help/HelpMessageHandler.tsx
@@ -39,7 +39,7 @@ export const HelpMessageHandler: FC<{}> = props =>
     {
         const parser = event.getParser();
 
-        const message = LocalizeText('help.cfh.closed.' + GetCloseReasonKey(parser.closeReason))
+        const message = parser.messageText.length === 0 ? LocalizeText('help.cfh.closed.' + GetCloseReasonKey(parser.closeReason)) : parser.messageText;
 
         NotificationUtilities.simpleAlert(message, NotificationAlertType.MODERATION, null, null, LocalizeText('mod.alert.title'));
     }, []);

From b29cda598f040288701de853075014dbf1d541ea Mon Sep 17 00:00:00 2001
From: dank074 <torresefrain10@gmail.com>
Date: Fri, 7 Jan 2022 01:35:35 -0600
Subject: [PATCH 07/13] style fixes

---
 src/views/help/views/HelpIndexView.tsx                        | 2 +-
 .../mod-tools/views/room/room-tools/ModToolsRoomView.tsx      | 1 -
 .../mod-tools/views/tickets/issue-info/IssueInfoView.tsx      | 4 ++--
 .../user/user-room-visits/ModToolsUserRoomVisitsView.tsx      | 2 +-
 4 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/views/help/views/HelpIndexView.tsx b/src/views/help/views/HelpIndexView.tsx
index 3f067047..d5238a61 100644
--- a/src/views/help/views/HelpIndexView.tsx
+++ b/src/views/help/views/HelpIndexView.tsx
@@ -35,7 +35,7 @@ export const HelpIndexView: FC<{}> = props =>
             </div>
 
             <div className="d-grid gap-2 col-8 mx-auto">
-                <button className="btn btn-link" type="button" onClick={onRequestMySanctionStatusClick}>{LocalizeText('help.main.my.sanction.status')}</button>
+                <button className="btn btn-link text-primary" type="button" onClick={onRequestMySanctionStatusClick}>{LocalizeText('help.main.my.sanction.status')}</button>
             </div>
 
         </>
diff --git a/src/views/mod-tools/views/room/room-tools/ModToolsRoomView.tsx b/src/views/mod-tools/views/room/room-tools/ModToolsRoomView.tsx
index d169c1fb..3f40c1c6 100644
--- a/src/views/mod-tools/views/room/room-tools/ModToolsRoomView.tsx
+++ b/src/views/mod-tools/views/room/room-tools/ModToolsRoomView.tsx
@@ -88,7 +88,6 @@ export const ModToolsRoomView: FC<ModToolsRoomViewProps> = props =>
                     <div>
                         <b>Owner in room:</b> { ownerInRoom ? 'Yes' : 'No' }
                     </div>
-                    <button className="btn btn-sm btn-primary">Edit in HK</button>
                 </div>
                 <div className="bg-muted rounded py-1 px-2 mb-2">
                     <div className="form-check">
diff --git a/src/views/mod-tools/views/tickets/issue-info/IssueInfoView.tsx b/src/views/mod-tools/views/tickets/issue-info/IssueInfoView.tsx
index 61a9784a..8030cc7f 100644
--- a/src/views/mod-tools/views/tickets/issue-info/IssueInfoView.tsx
+++ b/src/views/mod-tools/views/tickets/issue-info/IssueInfoView.tsx
@@ -49,8 +49,8 @@ export const IssueInfoView: FC<IssueInfoViewProps> = props =>
                         <div><span className="fw-bold">Source: </span>{getSourceName(ticket.categoryId)}</div>
                         <div><span className="fw-bold">Category: </span>{LocalizeText('help.cfh.topic.' + ticket.reportedCategoryId)}</div>
                         <div><span className="fw-bold">Description: </span>{ticket.message}</div>
-                        <div><span className="fw-bold">Caller: </span><button className="btn btn-link fw-bold" onClick={() => openUserInfo(ticket.reporterUserId)}>{ticket.reporterUserName}</button></div>
-                        <div><span className="fw-bold">Reported User: </span><button className="btn btn-link fw-bold" onClick={() => openUserInfo(ticket.reportedUserId)}>{ticket.reportedUserName}</button></div>
+                        <div><span className="fw-bold">Caller: </span><button className="btn btn-link fw-bold text-primary" onClick={() => openUserInfo(ticket.reporterUserId)}>{ticket.reporterUserName}</button></div>
+                        <div><span className="fw-bold">Reported User: </span><button className="btn btn-link fw-bold text-danger" onClick={() => openUserInfo(ticket.reportedUserId)}>{ticket.reportedUserName}</button></div>
                     </div>
                     <div className="col-4">
                         <div className="d-grid gap-2 mb-4">
diff --git a/src/views/mod-tools/views/user/user-room-visits/ModToolsUserRoomVisitsView.tsx b/src/views/mod-tools/views/user/user-room-visits/ModToolsUserRoomVisitsView.tsx
index 4ec3667b..816d0ed5 100644
--- a/src/views/mod-tools/views/user/user-room-visits/ModToolsUserRoomVisitsView.tsx
+++ b/src/views/mod-tools/views/user/user-room-visits/ModToolsUserRoomVisitsView.tsx
@@ -36,7 +36,7 @@ export const ModToolsUserRoomVisitsView: FC<ModToolsUserRoomVisitsViewProps> = p
             <div style={props.style} key={props.key} className="row room-visit">
                 <div className="col-auto text-center">{item.enterHour.toString().padStart(2, '0')}:{item.enterMinute.toString().padStart(2, '0')}</div>
                 <div className="col-7"><span className="fw-bold">Room: </span>{item.roomName}</div>
-                <button className="btn btn-sm btn-link col-auto fw-bold" onClick={() => TryVisitRoom(item.roomId)}>Visit Room</button>
+                <button className="btn btn-sm btn-link col-auto fw-bold text-primary" onClick={() => TryVisitRoom(item.roomId)}>Visit Room</button>
             </div>);
     }
 

From 73aa87669e7b9feac61b543398d7e746a69f1638 Mon Sep 17 00:00:00 2001
From: dank074 <torresefrain10@gmail.com>
Date: Fri, 7 Jan 2022 01:48:21 -0600
Subject: [PATCH 08/13] more fixes

---
 src/views/help/views/HelpIndexView.tsx                          | 2 +-
 .../views/user/user-room-visits/ModToolsUserRoomVisitsView.tsx  | 2 +-
 .../notification-center/NotificationCenterMessageHandler.tsx    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/views/help/views/HelpIndexView.tsx b/src/views/help/views/HelpIndexView.tsx
index d5238a61..27ce5a04 100644
--- a/src/views/help/views/HelpIndexView.tsx
+++ b/src/views/help/views/HelpIndexView.tsx
@@ -35,7 +35,7 @@ export const HelpIndexView: FC<{}> = props =>
             </div>
 
             <div className="d-grid gap-2 col-8 mx-auto">
-                <button className="btn btn-link text-primary" type="button" onClick={onRequestMySanctionStatusClick}>{LocalizeText('help.main.my.sanction.status')}</button>
+                <button className="btn btn-link text-primary fw-bold" type="button" onClick={onRequestMySanctionStatusClick}>{LocalizeText('help.main.my.sanction.status')}</button>
             </div>
 
         </>
diff --git a/src/views/mod-tools/views/user/user-room-visits/ModToolsUserRoomVisitsView.tsx b/src/views/mod-tools/views/user/user-room-visits/ModToolsUserRoomVisitsView.tsx
index 816d0ed5..ac414847 100644
--- a/src/views/mod-tools/views/user/user-room-visits/ModToolsUserRoomVisitsView.tsx
+++ b/src/views/mod-tools/views/user/user-room-visits/ModToolsUserRoomVisitsView.tsx
@@ -33,7 +33,7 @@ export const ModToolsUserRoomVisitsView: FC<ModToolsUserRoomVisitsViewProps> = p
         const item = roomVisitData.rooms[props.index];
 
         return (
-            <div style={props.style} key={props.key} className="row room-visit">
+            <div style={props.style} key={props.key} className="row room-visit align-items-center">
                 <div className="col-auto text-center">{item.enterHour.toString().padStart(2, '0')}:{item.enterMinute.toString().padStart(2, '0')}</div>
                 <div className="col-7"><span className="fw-bold">Room: </span>{item.roomName}</div>
                 <button className="btn btn-sm btn-link col-auto fw-bold text-primary" onClick={() => TryVisitRoom(item.roomId)}>Visit Room</button>
diff --git a/src/views/notification-center/NotificationCenterMessageHandler.tsx b/src/views/notification-center/NotificationCenterMessageHandler.tsx
index 76c68e65..2579d57e 100644
--- a/src/views/notification-center/NotificationCenterMessageHandler.tsx
+++ b/src/views/notification-center/NotificationCenterMessageHandler.tsx
@@ -80,7 +80,7 @@ export const NotificationCenterMessageHandler: FC<INotificationCenterMessageHand
                 break;
         }
 
-        NotificationUtilities.showSingleBubble(LocalizeText('notifications.text.loyalty.received', [ 'amount' ], [ parser.amountChanged.toString() ]), NotificationBubbleType.INFO, imageUrl);
+        NotificationUtilities.showSingleBubble(LocalizeText('notifications.text.loyalty.received', [ 'AMOUNT' ], [ parser.amountChanged.toString() ]), NotificationBubbleType.INFO, imageUrl);
     }, []);
 
     CreateMessageHook(ActivityPointNotificationMessageEvent, onActivityPointNotificationMessageEvent);

From 7b7015503a638543f615b195fe73a4509223d41a Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Fri, 7 Jan 2022 17:53:41 -0500
Subject: [PATCH 09/13] Change notifications

---
 src/views/notification-center/NotificationCenterView.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/views/notification-center/NotificationCenterView.tsx b/src/views/notification-center/NotificationCenterView.tsx
index 8f74f251..b1458826 100644
--- a/src/views/notification-center/NotificationCenterView.tsx
+++ b/src/views/notification-center/NotificationCenterView.tsx
@@ -1,5 +1,4 @@
 import { FC, ReactNode, useCallback, useMemo, useState } from 'react';
-import { createPortal } from 'react-dom';
 import { NotificationAlertEvent, NotificationConfirmEvent } from '../../events';
 import { NotificationBubbleEvent } from '../../events/notification-center/NotificationBubbleEvent';
 import { useUiEvent } from '../../hooks/events';
@@ -148,8 +147,8 @@ export const NotificationCenterView: FC<NotificationCenterViewProps> = props =>
             <div className="nitro-notification-center">
                 { getBubbleAlerts }
             </div>
-            { createPortal(getAlerts, document.getElementById('nitro-alerts-container')) }
-            { createPortal(getConfirms, document.getElementById('nitro-confirms-container')) }
+            { getConfirms }
+            { getAlerts }
         </>
     );
 }

From 6543e79e9e025e3e4ec721f45d3e22413ec6b19a Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Fri, 7 Jan 2022 19:34:57 -0500
Subject: [PATCH 10/13] Fix draggable windows

---
 src/App.tsx                                   |  3 +-
 .../styles/bootstrap/forms/_form-check.scss   |  2 +-
 src/layout/card/NitroCardView.scss            | 54 ++-----------------
 src/layout/card/NitroCardView.tsx             | 12 ++---
 .../draggable-window/DraggableWindow.scss     | 26 +++++++--
 .../draggable-window/DraggableWindow.tsx      | 37 +++++++++----
 .../DraggableWindow.types.tsx                 | 10 ----
 .../AvatarInfoRentableBotChatView.tsx         | 19 ++++---
 8 files changed, 71 insertions(+), 92 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 59094326..7ebb30d8 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -126,12 +126,11 @@ export const App: FC<{}> = props =>
     
     return (
         <div className="nitro-app overflow-hidden">
-            <div id="nitro-alerts-container" />
-            <div id="nitro-confirms-container" />
             { (!isReady || isError) && <LoadingView isError={ isError } message={ message } /> }
             <TransitionAnimation type={ TransitionAnimationTypes.FADE_IN } inProp={ (isReady && !isError) }>
                 <MainView />
             </TransitionAnimation>
+            <div id="draggable-windows-container" />
         </div>
     );
 }
diff --git a/src/assets/styles/bootstrap/forms/_form-check.scss b/src/assets/styles/bootstrap/forms/_form-check.scss
index 6321b410..402c5954 100644
--- a/src/assets/styles/bootstrap/forms/_form-check.scss
+++ b/src/assets/styles/bootstrap/forms/_form-check.scss
@@ -17,7 +17,7 @@
 .form-check-input {
   width: $form-check-input-width;
   height: $form-check-input-width;
-  margin-top: ($line-height-base - $form-check-input-width) * .5; // line-height minus check height
+  //margin-top: ($line-height-base - $form-check-input-width) * .5; // line-height minus check height
   vertical-align: top;
   background-color: $form-check-input-bg;
   background-repeat: no-repeat;
diff --git a/src/layout/card/NitroCardView.scss b/src/layout/card/NitroCardView.scss
index 2e3d1924..ecc8562f 100644
--- a/src/layout/card/NitroCardView.scss
+++ b/src/layout/card/NitroCardView.scss
@@ -5,6 +5,10 @@ $nitro-card-tabs-height: 33px;
     pointer-events: all;
     resize: both;
 
+    @include media-breakpoint-down(sm) {
+        max-width: 100vw !important;
+    }
+
     &.theme-primary {
         border: $border-width solid $border-color;
 
@@ -28,56 +32,6 @@ $nitro-card-tabs-height: 33px;
     }
 }
 
-.nitro-card-responsive {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    pointer-events: none;
-    overflow: hidden;
-
-    @include media-breakpoint-down(lg) {
-        .draggable-window {
-            top: 0 !important;
-            left: 0 !important;
-            width: 100%;
-            height: 100%;
-            //transform: none !important;
-            overflow: hidden;
-        }
-
-        .nitro-card {
-            max-width: 75%;
-            max-height: calc(100% - 20px);
-            margin: 10px auto 10px;
-        }
-    }
-
-    @include media-breakpoint-down(sm) {
-        .draggable-window {
-            top: 0 !important;
-            left: 0 !important;
-            width: 100%;
-            height: 100%;
-            //transform: none !important;
-            overflow: hidden;
-        }
-
-        .nitro-card {
-            width: 100%;
-            height: 100%;
-            max-width: 100%;
-            max-height: calc(100% - #{$toolbar-height});
-            margin: 0;
-
-            &.rounded {
-                border-radius: 0 !important;
-            }
-        }
-    }
-}
-
 @import "./accordion/NitroCardAccordionView";
 @import "./content/NitroCardContentView";
 @import "./grid/NitroCardGridView";
diff --git a/src/layout/card/NitroCardView.tsx b/src/layout/card/NitroCardView.tsx
index f44ee67f..ee5112ed 100644
--- a/src/layout/card/NitroCardView.tsx
+++ b/src/layout/card/NitroCardView.tsx
@@ -9,13 +9,11 @@ export const NitroCardView: FC<NitroCardViewProps> = props =>
 
     return (
         <NitroCardContextProvider value={ { theme, simple } }>
-            <div className="nitro-card-responsive">
-                <DraggableWindow { ...rest }>
-                    <div className={ `nitro-card d-flex flex-column rounded shadow overflow-hidden theme-${theme} ${className}` }>
-                        { children }
-                    </div>
-                </DraggableWindow>
-            </div>
+            <DraggableWindow { ...rest }>
+                <div className={ `nitro-card d-flex flex-column rounded shadow overflow-hidden theme-${theme} ${className} position-relative` }>
+                    { children }
+                </div>
+            </DraggableWindow>
         </NitroCardContextProvider>
     );
 }
diff --git a/src/layout/draggable-window/DraggableWindow.scss b/src/layout/draggable-window/DraggableWindow.scss
index 0679e33d..47e08233 100644
--- a/src/layout/draggable-window/DraggableWindow.scss
+++ b/src/layout/draggable-window/DraggableWindow.scss
@@ -1,7 +1,25 @@
-.draggable-window {
-    visibility: hidden;
+#draggable-windows-container {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+    overflow: hidden;
 
-    .drag-handler {
-        cursor: move;
+    @include media-breakpoint-down(lg) {
+        display: flex;
+        justify-content: center;
+        transform: none !important;
+
+        .draggable-window {
+            top: 10px !important;
+            left: 0 !important;
+        }
+    }
+
+    .draggable-window {
+        display: inline-block;
+        visibility: hidden;
     }
 }
diff --git a/src/layout/draggable-window/DraggableWindow.tsx b/src/layout/draggable-window/DraggableWindow.tsx
index d9d1fb03..10e2a4e6 100644
--- a/src/layout/draggable-window/DraggableWindow.tsx
+++ b/src/layout/draggable-window/DraggableWindow.tsx
@@ -1,15 +1,25 @@
 import { MouseEventType, TouchEventType } from '@nitrots/nitro-renderer';
-import { FC, Key, MouseEvent as ReactMouseEvent, TouchEvent as ReactTouchEvent, useCallback, useEffect, useRef, useState } from 'react';
-import { DraggableWindowPosition, DraggableWindowProps } from './DraggableWindow.types';
+import { DetailedHTMLProps, FC, HTMLAttributes, Key, MouseEvent as ReactMouseEvent, TouchEvent as ReactTouchEvent, useCallback, useEffect, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { BatchUpdates } from '../../hooks';
+import { DraggableWindowPosition } from './DraggableWindow.types';
 
 const CURRENT_WINDOWS: HTMLElement[] = [];
 const POS_MEMORY: Map<Key, { x: number, y: number }> = new Map();
 const BOUNDS_THRESHOLD_TOP: number = 0;
 const BOUNDS_THRESHOLD_LEFT: number = 0;
 
+export interface DraggableWindowProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>
+{
+    uniqueKey?: Key;
+    handleSelector?: string;
+    position?: string;
+    disableDrag?: boolean;
+}
+
 export const DraggableWindow: FC<DraggableWindowProps> = props =>
 {
-    const { uniqueKey = null, handleSelector = '.drag-handler', position = DraggableWindowPosition.CENTER, disableDrag = false, children = null } = props;
+    const { uniqueKey = null, handleSelector = '.drag-handler', position = DraggableWindowPosition.CENTER, disableDrag = false, children = null, ...rest } = props;
     const [ delta, setDelta ] = useState<{ x: number, y: number }>(null);
     const [ offset, setOffset ] = useState<{ x: number, y: number }>(null);
     const [ start, setStart ] = useState<{ x: number, y: number }>({ x: 0, y: 0 });
@@ -120,9 +130,12 @@ export const DraggableWindow: FC<DraggableWindowProps> = props =>
             offsetX = (document.body.offsetWidth - elementRef.current.offsetWidth) - elementRef.current.offsetLeft;
         }
 
-        setDelta({ x: 0, y: 0 });
-        setOffset({ x: offsetX, y: offsetY });
-        setIsDragging(false);
+        BatchUpdates(() =>
+        {
+            setDelta({ x: 0, y: 0 });
+            setOffset({ x: offsetX, y: offsetY });
+            setIsDragging(false);
+        });
 
         if(uniqueKey !== null) POS_MEMORY.set(uniqueKey, { x: offsetX, y: offsetY });
     }, [ dragHandler, delta, offset, uniqueKey ]);
@@ -180,8 +193,11 @@ export const DraggableWindow: FC<DraggableWindowProps> = props =>
             }
         }
 
-        setDelta({ x: 0, y: 0 });
-        setOffset({ x: offsetX, y: offsetY });
+        BatchUpdates(() =>
+        {
+            setDelta({ x: 0, y: 0 });
+            setOffset({ x: offsetX, y: offsetY });
+        });
 
         return () =>
         {
@@ -236,8 +252,9 @@ export const DraggableWindow: FC<DraggableWindowProps> = props =>
     }, [ isDragging, onDragMouseUp, onDragMouseMove, onDragTouchUp, onDragTouchMove ]);
 
     return (
-        <div ref={ elementRef } className="position-absolute draggable-window" onMouseDownCapture={ onMouseDown } onTouchStartCapture={ onTouchStart }>
+        createPortal(
+        <div ref={ elementRef } className="position-absolute draggable-window" onMouseDownCapture={ onMouseDown } onTouchStartCapture={ onTouchStart } { ...rest }>
             { children }
-        </div>
+        </div>, document.getElementById('draggable-windows-container'))
     );
 }
diff --git a/src/layout/draggable-window/DraggableWindow.types.tsx b/src/layout/draggable-window/DraggableWindow.types.tsx
index 278e866a..a8cbea31 100644
--- a/src/layout/draggable-window/DraggableWindow.types.tsx
+++ b/src/layout/draggable-window/DraggableWindow.types.tsx
@@ -1,13 +1,3 @@
-import { Key } from 'react';
-
-export interface DraggableWindowProps
-{
-    uniqueKey?: Key;
-    handleSelector?: string;
-    position?: string;
-    disableDrag?: boolean;
-}
-
 export class DraggableWindowPosition
 {
     public static CENTER: string = 'DWP_CENTER';
diff --git a/src/views/room/widgets/avatar-info/views/rentable-bot-chat/AvatarInfoRentableBotChatView.tsx b/src/views/room/widgets/avatar-info/views/rentable-bot-chat/AvatarInfoRentableBotChatView.tsx
index f39f7f26..983e34a2 100644
--- a/src/views/room/widgets/avatar-info/views/rentable-bot-chat/AvatarInfoRentableBotChatView.tsx
+++ b/src/views/room/widgets/avatar-info/views/rentable-bot-chat/AvatarInfoRentableBotChatView.tsx
@@ -1,19 +1,22 @@
-import { FC } from 'react';
+import { FC, useMemo } from 'react';
+import { GetRoomObjectBounds, GetRoomSession } from '../../../../../../api';
 import { DraggableWindow, DraggableWindowPosition } from '../../../../../../layout';
-import { ObjectLocationView } from '../../../object-location/ObjectLocationView';
 import { AvatarInfoRentableBotChatViewProps } from './AvatarInfoRentableBotChatView.types';
 
 export const AvatarInfoRentableBotChatView: FC<AvatarInfoRentableBotChatViewProps> = props =>
 {
     const { chatEvent = null } = props;
 
+    const getObjectLocation = useMemo(() =>
+    {
+        return GetRoomObjectBounds(GetRoomSession().roomId, chatEvent.objectId, chatEvent.category, 1);
+    }, [ chatEvent ]);
+
     return (
-        <DraggableWindow position={ DraggableWindowPosition.NOTHING } handleSelector=".drag-handler">
-            <ObjectLocationView objectId={ chatEvent.objectId } category={ chatEvent.category } noFollow={ true }>
-                <div className="nitro-context-menu">
-                    <div className="drag-handler">test!!!!!</div>
-                </div>
-                </ObjectLocationView>
+        <DraggableWindow position={ DraggableWindowPosition.NOTHING } handleSelector=".drag-handler" style={ { top: getObjectLocation.y, left: getObjectLocation.x } }>
+            <div className="nitro-context-menu">
+                <div className="drag-handler">test!!!!!</div>
+            </div>
         </DraggableWindow>
     );
 }

From 9202c7eb2b2c1f4d2859db2351919d49c67d78b8 Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Fri, 7 Jan 2022 19:44:43 -0500
Subject: [PATCH 11/13] Fixing gitignore

---
 public/renderer-config.json |  108 ----
 public/ui-config.json       | 1132 -----------------------------------
 2 files changed, 1240 deletions(-)
 delete mode 100644 public/renderer-config.json
 delete mode 100644 public/ui-config.json

diff --git a/public/renderer-config.json b/public/renderer-config.json
deleted file mode 100644
index af9f7b09..00000000
--- a/public/renderer-config.json
+++ /dev/null
@@ -1,108 +0,0 @@
-{
-    "socket.url": "wss://ws.nitrots.co:2096",
-    "asset.url": "",
-    "image.library.url": "",
-    "hof.furni.url": "",
-    "images.url": "${asset.url}/images",
-    "gamedata.url": "${asset.url}/gamedata",
-    "sounds.url": "${asset.url}/sounds/%sample%.mp3",
-    "external.texts.url": [ "${gamedata.url}/ExternalTexts.json", "${gamedata.url}/UITexts.json" ],
-    "external.samples.url": "${hof.furni.url}/mp3/sound_machine_sample_%sample%.mp3",
-    "furnidata.url": "${gamedata.url}/FurnitureData.json",
-    "productdata.url": "${gamedata.url}/ProductData.json",
-    "avatar.actions.url": "${gamedata.url}/HabboAvatarActions.json",
-    "avatar.figuredata.url": "${gamedata.url}/FigureData.json",
-    "avatar.figuremap.url": "${gamedata.url}/FigureMap.json",
-    "avatar.effectmap.url": "${gamedata.url}/EffectMap.json",
-    "avatar.asset.url": "${asset.url}/bundled/figure/%libname%.nitro",
-    "avatar.asset.effect.url": "${asset.url}/bundled/effect/%libname%.nitro",
-    "furni.asset.url": "${asset.url}/bundled/furniture/%libname%.nitro",
-    "furni.asset.icon.url": "${hof.furni.url}/icons/%libname%%param%_icon.png",
-    "pet.asset.url": "${asset.url}/bundled/pet/%libname%.nitro",
-    "generic.asset.url": "${asset.url}/bundled/generic/%libname%.nitro",
-    "badge.asset.url": "${image.library.url}album1584/%badgename%.gif",
-    "badge.asset.grouparts.url": "${image.library.url}Badgeparts/badgepart_%part%.png",
-    "furni.rotation.bounce.steps": 20,
-    "furni.rotation.bounce.height": 0.0625,
-    "enable.avatar.arrow": false,
-    "system.animation.fps": 24,
-    "system.limits.fps": false,
-    "system.dispatcher.log": false,
-    "system.packet.log": false,
-    "system.pong.manually": true,
-    "system.pong.interval.ms": 20000,
-    "room.color.skip.transition": true,
-    "avatar.mandatory.libraries": [
-        "bd:1",
-        "li:0"
-    ],
-    "avatar.mandatory.effect.libraries": [
-        "dance.1",
-        "dance.2",
-        "dance.3",
-        "dance.4"
-    ],
-    "avatar.default.figuredata": {"palettes":[{"id":1,"colors":[{"id":99999,"index":1001,"club":0,"selectable":false,"hexCode":"DDDDDD"},{"id":99998,"index":1001,"club":0,"selectable":false,"hexCode":"FAFAFA"}]},{"id":3,"colors":[{"id":10001,"index":1001,"club":0,"selectable":false,"hexCode":"EEEEEE"},{"id":10002,"index":1002,"club":0,"selectable":false,"hexCode":"FA3831"},{"id":10003,"index":1003,"club":0,"selectable":false,"hexCode":"FD92A0"},{"id":10004,"index":1004,"club":0,"selectable":false,"hexCode":"2AC7D2"},{"id":10005,"index":1005,"club":0,"selectable":false,"hexCode":"35332C"},{"id":10006,"index":1006,"club":0,"selectable":false,"hexCode":"EFFF92"},{"id":10007,"index":1007,"club":0,"selectable":false,"hexCode":"C6FF98"},{"id":10008,"index":1008,"club":0,"selectable":false,"hexCode":"FF925A"},{"id":10009,"index":1009,"club":0,"selectable":false,"hexCode":"9D597E"},{"id":10010,"index":1010,"club":0,"selectable":false,"hexCode":"B6F3FF"},{"id":10011,"index":1011,"club":0,"selectable":false,"hexCode":"6DFF33"},{"id":10012,"index":1012,"club":0,"selectable":false,"hexCode":"3378C9"},{"id":10013,"index":1013,"club":0,"selectable":false,"hexCode":"FFB631"},{"id":10014,"index":1014,"club":0,"selectable":false,"hexCode":"DFA1E9"},{"id":10015,"index":1015,"club":0,"selectable":false,"hexCode":"F9FB32"},{"id":10016,"index":1016,"club":0,"selectable":false,"hexCode":"CAAF8F"},{"id":10017,"index":1017,"club":0,"selectable":false,"hexCode":"C5C6C5"},{"id":10018,"index":1018,"club":0,"selectable":false,"hexCode":"47623D"},{"id":10019,"index":1019,"club":0,"selectable":false,"hexCode":"8A8361"},{"id":10020,"index":1020,"club":0,"selectable":false,"hexCode":"FF8C33"},{"id":10021,"index":1021,"club":0,"selectable":false,"hexCode":"54C627"},{"id":10022,"index":1022,"club":0,"selectable":false,"hexCode":"1E6C99"},{"id":10023,"index":1023,"club":0,"selectable":false,"hexCode":"984F88"},{"id":10024,"index":1024,"club":0,"selectable":false,"hexCode":"77C8FF"},{"id":10025,"index":1025,"club":0,"selectable":false,"hexCode":"FFC08E"},{"id":10026,"index":1026,"club":0,"selectable":false,"hexCode":"3C4B87"},{"id":10027,"index":1027,"club":0,"selectable":false,"hexCode":"7C2C47"},{"id":10028,"index":1028,"club":0,"selectable":false,"hexCode":"D7FFE3"},{"id":10029,"index":1029,"club":0,"selectable":false,"hexCode":"8F3F1C"},{"id":10030,"index":1030,"club":0,"selectable":false,"hexCode":"FF6393"},{"id":10031,"index":1031,"club":0,"selectable":false,"hexCode":"1F9B79"},{"id":10032,"index":1032,"club":0,"selectable":false,"hexCode":"FDFF33"}]}],"setTypes":[{"type":"hd","paletteId":1,"mandatory_f_0":true,"mandatory_f_1":true,"mandatory_m_0":true,"mandatory_m_1":true,"sets":[{"id":99999,"gender":"U","club":0,"colorable":true,"selectable":false,"preselectable":false,"sellable":false,"parts":[{"id":1,"type":"bd","colorable":true,"index":0,"colorindex":1},{"id":1,"type":"hd","colorable":true,"index":0,"colorindex":1},{"id":1,"type":"lh","colorable":true,"index":0,"colorindex":1},{"id":1,"type":"rh","colorable":true,"index":0,"colorindex":1}]}]},{"type":"bds","paletteId":1,"mandatory_f_0":false,"mandatory_f_1":false,"mandatory_m_0":false,"mandatory_m_1":false,"sets":[{"id":10001,"gender":"U","club":0,"colorable":true,"selectable":false,"preselectable":false,"sellable":false,"parts":[{"id":10001,"type":"bds","colorable":true,"index":0,"colorindex":1},{"id":10001,"type":"lhs","colorable":true,"index":0,"colorindex":1},{"id":10001,"type":"rhs","colorable":true,"index":0,"colorindex":1}],"hiddenLayers":[{"partType":"bd"},{"partType":"rh"},{"partType":"lh"}]}]},{"type":"ss","paletteId":3,"mandatory_f_0":false,"mandatory_f_1":false,"mandatory_m_0":false,"mandatory_m_1":false,"sets":[{"id":10010,"gender":"F","club":0,"colorable":true,"selectable":false,"preselectable":false,"sellable":false,"parts":[{"id":10001,"type":"ss","colorable":true,"index":0,"colorindex":1}],"hiddenLayers":[{"partType":"ch"},{"partType":"lg"},{"partType":"ca"},{"partType":"wa"},{"partType":"sh"},{"partType":"ls"},{"partType":"rs"},{"partType":"lc"},{"partType":"rc"},{"partType":"cc"},{"partType":"cp"}]},{"id":10011,"gender":"M","club":0,"colorable":true,"selectable":false,"preselectable":false,"sellable":false,"parts":[{"id":10002,"type":"ss","colorable":true,"index":0,"colorindex":1}],"hiddenLayers":[{"partType":"ch"},{"partType":"lg"},{"partType":"ca"},{"partType":"wa"},{"partType":"sh"},{"partType":"ls"},{"partType":"rs"},{"partType":"lc"},{"partType":"rc"},{"partType":"cc"},{"partType":"cp"}]}]}]},
-    "avatar.default.actions": {
-        "actions": [
-            {
-                "id": "Default",
-                "state": "std",
-                "precedence": 1000,
-                "main": true,
-                "isDefault": true,
-                "geometryType": "vertical",
-                "activePartSet": "figure",
-                "assetPartDefinition": "std"
-            }
-        ]
-    },
-    "pet.types": [
-        "dog",
-        "cat",
-        "croco",
-        "terrier",
-        "bear",
-        "pig",
-        "lion",
-        "rhino",
-        "spider",
-        "turtle",
-        "chicken",
-        "frog",
-        "dragon",
-        "monster",
-        "monkey",
-        "horse",
-        "monsterplant",
-        "bunnyeaster",
-        "bunnyevil",
-        "bunnydepressed",
-        "bunnylove",
-        "pigeongood",
-        "pigeonevil",
-        "demonmonkey",
-        "bearbaby",
-        "terrierbaby",
-        "gnome",
-        "gnome",
-        "kittenbaby",
-        "puppybaby",
-        "pigletbaby",
-        "haloompa",
-        "fools",
-        "pterosaur",
-        "velociraptor",
-        "cow",
-        "LeetPen",
-        "bbwibb",
-        "elephants"
-    ],
-    "preload.assets.urls": [
-        "${asset.url}/bundled/generic/avatar_additions.nitro",
-        "${asset.url}/bundled/generic/floor_editor.nitro",
-        "${images.url}/loading_icon.png",
-        "${images.url}/clear_icon.png",
-        "${images.url}/big_arrow.png"
-    ]
-}
diff --git a/public/ui-config.json b/public/ui-config.json
deleted file mode 100644
index 1a5e6181..00000000
--- a/public/ui-config.json
+++ /dev/null
@@ -1,1132 +0,0 @@
-{
-    "image.library.notifications.url": "${image.library.url}notifications/%image%.png",
-    "achievements.images.url": "${image.library.url}Quests/%image%.png",
-    "camera.url": "https://nitro.nitrots.co/camera",
-    "thumbnails.url": "https://nitro.nitrots.co/camera/thumbnail/%thumbnail%.png",
-    "url.prefix": "http://localhost:3000",
-    "floorplan.tile.url": "${asset.url}/floorplan-editor/tiles.json",
-    "habbopages.url": "https://swf.nitrots.co/gamedata/habbopages/",
-    "chat.viewer.height.percentage": 0.40,
-    "widget.dimmer.colorwheel": false,
-    "hotelview": {
-        "widgets": {
-            "slot.1.widget": "promoarticle",
-            "slot.1.conf": "",
-            "slot.2.widget": "widgetcontainer",
-            "slot.2.conf": "image:${image.library.url}web_promo_small/spromo_Canal_Bundle.png,texts:2021NitroPromo,btnLink:https://google.com",
-            "slot.3.widget": "promoarticle",
-            "slot.3.conf": "",
-            "slot.4.widget": "",
-            "slot.4.conf": "",
-            "slot.5.widget": "",
-            "slot.5.conf": "",
-            "slot.6.widget": "achievementcompetition_hall_of_fame",
-            "slot.6.conf": "",
-            "slot.7.widget": "",
-            "slot.7.conf": ""
-        },
-        "images": {
-            "background": "${asset.url}/images/reception/stretch_blue.png",
-            "background.colour": "#6eadc8",
-            "sun": "${asset.url}/images/reception/sun.png",
-            "drape": "${asset.url}/images/reception/drape.png",
-            "left": "${asset.url}/images/reception/ts.png",
-            "right": "${asset.url}/images/reception/US_right.png",
-            "right.repeat": "${asset.url}/images/reception/US_top_right.png"
-        }
-    },
-    "achievements.unseen.ignored": [
-        "ACH_AllTimeHotelPresence"
-    ],
-    "avatareditor.show.clubitems.dimmed": true,
-    "avatareditor.show.clubitems.first": true,
-    "chat.history.max.items": 100,
-    "system.currency.types": [
-        -1,
-        0,
-        5,
-        101
-    ],
-    "hc.center": {
-        "benefits.info": true,
-        "payday.info": true,
-        "gift.info": true,
-        "benefits.habbopage": "habboclub",
-        "payday.habbopage": "hcpayday",
-        "catalog.buy": "habbo_club",
-        "catalog.gifts": "club_gifts"
-    },
-    "currency.display.number.short": false,
-    "currency.asset.icon.url": "${images.url}/wallet/%type%.png",
-    "catalog.asset.url": "${image.library.url}catalogue",
-    "catalog.asset.image.url": "${catalog.asset.url}/%name%.gif",
-    "catalog.asset.icon.url": "${catalog.asset.url}/icon_%name%.png",
-    "chat.input.maxlength": 100,
-    "chat.styles.disabled": [],
-    "chat.styles": [
-        {
-            "styleId": 0,
-            "minRank": 0,
-            "isSystemStyle": false,
-            "isHcOnly": false,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 1,
-            "minRank": 5,
-            "isSystemStyle": true,
-            "isHcOnly": false,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 2,
-            "minRank": 5,
-            "isSystemStyle": true,
-            "isHcOnly": false,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 3,
-            "minRank": 0,
-            "isSystemStyle": false,
-            "isHcOnly": false,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 4,
-            "minRank": 0,
-            "isSystemStyle": false,
-            "isHcOnly": false,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 5,
-            "minRank": 0,
-            "isSystemStyle": false,
-            "isHcOnly": false,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 6,
-            "minRank": 0,
-            "isSystemStyle": false,
-            "isHcOnly": false,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 7,
-            "minRank": 0,
-            "isSystemStyle": false,
-            "isHcOnly": false,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 8,
-            "minRank": 5,
-            "isSystemStyle": true,
-            "isHcOnly": false,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 9,
-            "minRank": 0,
-            "isSystemStyle": false,
-            "isHcOnly": true,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 10,
-            "minRank": 0,
-            "isSystemStyle": false,
-            "isHcOnly": true,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 11,
-            "minRank": 0,
-            "isSystemStyle": false,
-            "isHcOnly": true,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 12,
-            "minRank": 0,
-            "isSystemStyle": false,
-            "isHcOnly": true,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 13,
-            "minRank": 0,
-            "isSystemStyle": false,
-            "isHcOnly": true,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 14,
-            "minRank": 0,
-            "isSystemStyle": false,
-            "isHcOnly": true,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 15,
-            "minRank": 0,
-            "isSystemStyle": false,
-            "isHcOnly": true,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 16,
-            "minRank": 0,
-            "isSystemStyle": false,
-            "isHcOnly": true,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 17,
-            "minRank": 0,
-            "isSystemStyle": false,
-            "isHcOnly": true,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 18,
-            "minRank": 0,
-            "isSystemStyle": false,
-            "isHcOnly": true,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 19,
-            "minRank": 0,
-            "isSystemStyle": false,
-            "isHcOnly": true,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 20,
-            "minRank": 0,
-            "isSystemStyle": false,
-            "isHcOnly": true,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 21,
-            "minRank": 0,
-            "isSystemStyle": false,
-            "isHcOnly": true,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 22,
-            "minRank": 0,
-            "isSystemStyle": false,
-            "isHcOnly": true,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 23,
-            "minRank": 5,
-            "isSystemStyle": false,
-            "isHcOnly": false,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 24,
-            "minRank": 0,
-            "isSystemStyle": false,
-            "isHcOnly": true,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 25,
-            "minRank": 0,
-            "isSystemStyle": false,
-            "isHcOnly": true,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 26,
-            "minRank": 0,
-            "isSystemStyle": false,
-            "isHcOnly": true,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 27,
-            "minRank": 0,
-            "isSystemStyle": false,
-            "isHcOnly": true,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 28,
-            "minRank": 0,
-            "isSystemStyle": false,
-            "isHcOnly": true,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 29,
-            "minRank": 0,
-            "isSystemStyle": false,
-            "isHcOnly": true,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 30,
-            "minRank": 5,
-            "isSystemStyle": true,
-            "isHcOnly": false,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 31,
-            "minRank": 5,
-            "isSystemStyle": true,
-            "isHcOnly": false,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 32,
-            "minRank": 0,
-            "isSystemStyle": false,
-            "isHcOnly": true,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 33,
-            "minRank": 5,
-            "isSystemStyle": true,
-            "isHcOnly": false,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 34,
-            "minRank": 5,
-            "isSystemStyle": true,
-            "isHcOnly": false,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 35,
-            "minRank": 0,
-            "isSystemStyle": false,
-            "isHcOnly": true,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 36,
-            "minRank": 0,
-            "isSystemStyle": false,
-            "isHcOnly": true,
-            "isAmbassadorOnly": false
-        },
-        {
-            "styleId": 37,
-            "minRank": 5,
-            "isSystemStyle": false,
-            "isHcOnly": false,
-            "isAmbassadorOnly": true
-        },
-        {
-            "styleId": 38,
-            "minRank": 0,
-            "isSystemStyle": false,
-            "isHcOnly": true,
-            "isAmbassadorOnly": false
-        }
-    ],
-    "camera.available.effects": [
-        {
-            "name": "dark_sepia",
-            "colorMatrix": [
-                0.4,
-                0.4,
-                0.1,
-                0,
-                110,
-                0.3,
-                0.4,
-                0.1,
-                0,
-                30,
-                0.3,
-                0.2,
-                0.1,
-                0,
-                0,
-                0,
-                0,
-                0,
-                1,
-                0
-            ],
-            "minLevel": 0,
-            "enabled": true
-        },
-        {
-            "name": "increase_saturation",
-            "colorMatrix": [
-                2,
-                -0.5,
-                -0.5,
-                0,
-                0,
-                -0.5,
-                2,
-                -0.5,
-                0,
-                0,
-                -0.5,
-                -0.5,
-                2,
-                0,
-                0,
-                0,
-                0,
-                0,
-                1,
-                0
-            ],
-            "minLevel": 0,
-            "enabled": true
-        },
-        {
-            "name": "increase_contrast",
-            "colorMatrix": [
-                1.5,
-                0,
-                0,
-                0,
-                -50,
-                0,
-                1.5,
-                0,
-                0,
-                -50,
-                0,
-                0,
-                1.5,
-                0,
-                -50,
-                0,
-                0,
-                0,
-                1.5,
-                0
-            ],
-            "minLevel": 0,
-            "enabled": true
-        },
-        {
-            "name": "shadow_multiply_02",
-            "colorMatrix": [],
-            "minLevel": 0,
-            "blendMode": 2,
-            "enabled": true
-        },
-        {
-            "name": "color_1",
-            "colorMatrix": [
-                0.393,
-                0.769,
-                0.189,
-                0,
-                0,
-                0.349,
-                0.686,
-                0.168,
-                0,
-                0,
-                0.272,
-                0.534,
-                0.131,
-                0,
-                0,
-                0,
-                0,
-                0,
-                1,
-                0
-            ],
-            "minLevel": 1,
-            "enabled": true
-        },
-        {
-            "name": "hue_bright_sat",
-            "colorMatrix": [
-                1,
-                0.6,
-                0.2,
-                0,
-                -50,
-                0.2,
-                1,
-                0.6,
-                0,
-                -50,
-                0.6,
-                0.2,
-                1,
-                0,
-                -50,
-                0,
-                0,
-                0,
-                1,
-                0
-            ],
-            "minLevel": 1,
-            "enabled": true
-        },
-        {
-            "name": "hearts_hardlight_02",
-            "colorMatrix": [],
-            "minLevel": 1,
-            "blendMode": 9,
-            "enabled": true
-        },
-        {
-            "name": "texture_overlay",
-            "colorMatrix": [],
-            "minLevel": 1,
-            "blendMode": 4,
-            "enabled": true
-        },
-        {
-            "name": "pinky_nrm",
-            "colorMatrix": [],
-            "minLevel": 1,
-            "blendMode": 0,
-            "enabled": true
-        },
-        {
-            "name": "color_2",
-            "colorMatrix": [
-                0.333,
-                0.333,
-                0.333,
-                0,
-                0,
-                0.333,
-                0.333,
-                0.333,
-                0,
-                0,
-                0.333,
-                0.333,
-                0.333,
-                0,
-                0,
-                0,
-                0,
-                0,
-                1,
-                0
-            ],
-            "minLevel": 2,
-            "enabled": true
-        },
-        {
-            "name": "night_vision",
-            "colorMatrix": [
-                0,
-                0,
-                0,
-                0,
-                0,
-                0,
-                1.1,
-                0,
-                0,
-                -50,
-                0,
-                0,
-                0,
-                0,
-                0,
-                0,
-                0,
-                0,
-                1,
-                0
-            ],
-            "minLevel": 2,
-            "enabled": true
-        },
-        {
-            "name": "stars_hardlight_02",
-            "colorMatrix": [],
-            "minLevel": 2,
-            "blendMode": 9,
-            "enabled": true
-        },
-        {
-            "name": "coffee_mpl",
-            "colorMatrix": [],
-            "minLevel": 2,
-            "blendMode": 2,
-            "enabled": true
-        },
-        {
-            "name": "security_hardlight",
-            "colorMatrix": [],
-            "minLevel": 3,
-            "blendMode": 9,
-            "enabled": true
-        },
-        {
-            "name": "bluemood_mpl",
-            "colorMatrix": [],
-            "minLevel": 3,
-            "blendMode": 2,
-            "enabled": true
-        },
-        {
-            "name": "rusty_mpl",
-            "colorMatrix": [],
-            "minLevel": 3,
-            "blendMode": 2,
-            "enabled": true
-        },
-        {
-            "name": "decr_conrast",
-            "colorMatrix": [
-                0.5,
-                0,
-                0,
-                0,
-                50,
-                0,
-                0.5,
-                0,
-                0,
-                50,
-                0,
-                0,
-                0.5,
-                0,
-                50,
-                0,
-                0,
-                0,
-                1,
-                0
-            ],
-            "minLevel": 4,
-            "enabled": true
-        },
-        {
-            "name": "green_2",
-            "colorMatrix": [
-                0.5,
-                0.5,
-                0.5,
-                0,
-                0,
-                0.5,
-                0.5,
-                0.5,
-                0,
-                90,
-                0.5,
-                0.5,
-                0.5,
-                0,
-                0,
-                0,
-                0,
-                0,
-                1,
-                0
-            ],
-            "minLevel": 4,
-            "enabled": true
-        },
-        {
-            "name": "alien_hrd",
-            "colorMatrix": [],
-            "minLevel": 4,
-            "blendMode": 9,
-            "enabled": true
-        },
-        {
-            "name": "color_3",
-            "colorMatrix": [
-                0.609,
-                0.609,
-                0.082,
-                0,
-                0,
-                0.309,
-                0.609,
-                0.082,
-                0,
-                0,
-                0.309,
-                0.609,
-                0.082,
-                0,
-                0,
-                0,
-                0,
-                0,
-                1,
-                0
-            ],
-            "minLevel": 5,
-            "enabled": true
-        },
-        {
-            "name": "color_4",
-            "colorMatrix": [
-                0.8,
-                -0.8,
-                1,
-                0,
-                70,
-                0.8,
-                -0.8,
-                1,
-                0,
-                70,
-                0.8,
-                -0.8,
-                1,
-                0,
-                70,
-                0,
-                0,
-                0,
-                1,
-                0
-            ],
-            "minLevel": 5,
-            "enabled": true
-        },
-        {
-            "name": "toxic_hrd",
-            "colorMatrix": [],
-            "minLevel": 5,
-            "blendMode": 9,
-            "enabled": true
-        },
-        {
-            "name": "hypersaturated",
-            "colorMatrix": [
-                2,
-                -1,
-                0,
-                0,
-                0,
-                -1,
-                2,
-                0,
-                0,
-                0,
-                0,
-                -1,
-                2,
-                0,
-                0,
-                0,
-                0,
-                0,
-                1,
-                0
-            ],
-            "minLevel": 6,
-            "enabled": true
-        },
-        {
-            "name": "Yellow",
-            "colorMatrix": [
-                1,
-                0,
-                0,
-                0,
-                0,
-                0,
-                1,
-                0,
-                0,
-                0,
-                0,
-                0,
-                0,
-                0,
-                0,
-                0,
-                0,
-                0,
-                1,
-                0
-            ],
-            "minLevel": 6,
-            "enabled": true
-        },
-        {
-            "name": "misty_hrd",
-            "colorMatrix": [],
-            "minLevel": 6,
-            "blendMode": 9,
-            "enabled": true
-        },
-        {
-            "name": "x_ray",
-            "colorMatrix": [
-                0,
-                1.2,
-                0,
-                0,
-                -100,
-                0,
-                2,
-                0,
-                0,
-                -120,
-                0,
-                2,
-                0,
-                0,
-                -120,
-                0,
-                0,
-                0,
-                1,
-                0
-            ],
-            "minLevel": 7,
-            "enabled": true
-        },
-        {
-            "name": "decrease_saturation",
-            "colorMatrix": [
-                0.7,
-                0.2,
-                0.2,
-                0,
-                0,
-                0.2,
-                0.7,
-                0.2,
-                0,
-                0,
-                0.2,
-                0.2,
-                0.7,
-                0,
-                0,
-                0,
-                0,
-                0,
-                1,
-                0
-            ],
-            "minLevel": 7,
-            "enabled": true
-        },
-        {
-            "name": "drops_mpl",
-            "colorMatrix": [],
-            "minLevel": 8,
-            "blendMode": 2,
-            "enabled": true
-        },
-        {
-            "name": "shiny_hrd",
-            "colorMatrix": [],
-            "minLevel": 9,
-            "blendMode": 9,
-            "enabled": true
-        },
-        {
-            "name": "glitter_hrd",
-            "colorMatrix": [],
-            "minLevel": 10,
-            "blendMode": 9,
-            "enabled": true
-        },
-        {
-            "name": "frame_gold",
-            "colorMatrix": [],
-            "minLevel": 10,
-            "blendMode": 0,
-            "enabled": true
-        },
-        {
-            "name": "frame_gray_4",
-            "colorMatrix": [],
-            "minLevel": 10,
-            "blendMode": 0,
-            "enabled": true
-        },
-        {
-            "name": "frame_black_2",
-            "colorMatrix": [],
-            "minLevel": 10,
-            "blendMode": 0,
-            "enabled": true
-        },
-        {
-            "name": "frame_wood_2",
-            "colorMatrix": [],
-            "minLevel": 10,
-            "blendMode": 0,
-            "enabled": true
-        },
-        {
-            "name": "finger_nrm",
-            "colorMatrix": [],
-            "minLevel": 10,
-            "blendMode": 0,
-            "enabled": true
-        },
-        {
-            "name": "color_5",
-            "colorMatrix": [
-                3.309,
-                0.609,
-                1.082,
-                0.2,
-                0,
-                0.309,
-                0.609,
-                0.082,
-                0,
-                0,
-                1.309,
-                0.609,
-                0.082,
-                0,
-                0,
-                0,
-                0,
-                0,
-                1,
-                0
-            ],
-            "minLevel": 10,
-            "enabled": true
-        },
-        {
-            "name": "black_white_negative",
-            "colorMatrix": [
-                -0.5,
-                -0.5,
-                -0.5,
-                0,
-                0,
-                -0.5,
-                -0.5,
-                -0.5,
-                0,
-                0,
-                -0.5,
-                -0.5,
-                -0.5,
-                0,
-                0,
-                0,
-                0,
-                0,
-                1,
-                0
-            ],
-            "minLevel": 10,
-            "enabled": true
-        },
-        {
-            "name": "blue",
-            "colorMatrix": [
-                0.5,
-                0.5,
-                0.5,
-                0,
-                -255,
-                0.5,
-                0.5,
-                0.5,
-                0,
-                -170,
-                0.5,
-                0.5,
-                0.5,
-                0,
-                0,
-                0,
-                0,
-                0,
-                1,
-                0
-            ],
-            "minLevel": 10,
-            "enabled": true
-        },
-        {
-            "name": "red",
-            "colorMatrix": [
-                0.5,
-                0.5,
-                0.5,
-                0,
-                0,
-                0.5,
-                0.5,
-                0.5,
-                0,
-                -170,
-                0.5,
-                0.5,
-                0.5,
-                0,
-                -170,
-                0,
-                0,
-                0,
-                1,
-                0
-            ],
-            "minLevel": 10,
-            "enabled": true
-        },
-        {
-            "name": "green",
-            "colorMatrix": [
-                0.5,
-                0.5,
-                0.5,
-                0,
-                -170,
-                0.5,
-                0.5,
-                0.5,
-                0,
-                0,
-                0.5,
-                0.5,
-                0.5,
-                0,
-                -170,
-                0,
-                0,
-                0,
-                1,
-                0
-            ],
-            "minLevel": 10,
-            "enabled": true
-        }
-    ],
-    "notification": {
-        "notification.admin.transient": {
-            "display": "POP_UP",
-            "image": "${image.library.url}/album1358/frank_wave_001.gif"
-        },
-        "notification.builders_club.membership_expired": {
-            "display": "POP_UP"
-        },
-        "notification.builders_club.membership_expires": {
-            "display": "POP_UP",
-            "image": "${image.library.url}/notifications/builders_club_room_locked_small.png"
-        },
-        "notification.builders_club.membership_extended": {
-            "delivery": "PERSISTENT",
-            "display": "POP_UP"
-        },
-        "notification.builders_club.membership_made": {
-            "delivery": "PERSISTENT",
-            "display": "POP_UP",
-            "image": "${image.library.url}/notifications/builders_club_membership_extended.png"
-        },
-        "notification.builders_club.membership_renewed": {
-            "delivery": "PERSISTENT",
-            "display": "POP_UP",
-            "image": "${image.library.url}/notifications/builders_club_membership_extended.png"
-        },
-        "notification.builders_club.room_locked": {
-            "display": "BUBBLE",
-            "image": "${image.library.url}/notifications/builders_club_room_locked_small.png"
-        },
-        "notification.builders_club.room_unlocked": {
-            "display": "BUBBLE"
-        },
-        "notification.builders_club.visit_denied_for_owner": {
-            "display": "BUBBLE",
-            "image": "${image.library.url}/notifications/builders_club_room_locked_small.png"
-        },
-        "notification.builders_club.visit_denied_for_visitor": {
-            "display": "POP_UP",
-            "image": "${image.library.url}/notifications/builders_club_room_locked.png"
-        },
-        "notification.campaign.credit.donation": {
-            "display": "BUBBLE"
-        },
-        "notification.campaign.product.donation": {
-            "display": "BUBBLE"
-        },
-        "notification.casino.too_many_dice.placement": {
-            "display": "POP_UP"
-        },
-        "notification.casino.too_many_dice": {
-            "display": "POP_UP"
-        },
-        "notification.cfh.created": {
-            "display": "POP_UP",
-            "title": ""
-        },
-        "notification.feed.enabled": false,
-        "notification.floorplan_editor.error": {
-            "display": "POP_UP"
-        },
-        "notification.forums.delivered": {
-            "delivery": "PERSISTENT",
-            "display": "POP_UP"
-        },
-        "notification.forums.forum_settings_updated": {
-            "display": "BUBBLE"
-        },
-        "notification.forums.message.hidden": {
-            "display": "BUBBLE"
-        },
-        "notification.forums.message.restored": {
-            "display": "BUBBLE"
-        },
-        "notification.forums.thread.hidden": {
-            "display": "BUBBLE"
-        },
-        "notification.forums.thread.locked": {
-            "display": "BUBBLE"
-        },
-        "notification.forums.thread.pinned": {
-            "display": "BUBBLE"
-        },
-        "notification.forums.thread.restored": {
-            "display": "BUBBLE"
-        },
-        "notification.forums.thread.unlocked": {
-            "display": "BUBBLE"
-        },
-        "notification.forums.thread.unpinned": {
-            "display": "BUBBLE"
-        },
-        "notification.furni_placement_error": {
-            "display": "BUBBLE"
-        },
-        "notification.gifting.valentine": {
-            "delivery": "PERSISTENT",
-            "display": "BUBBLE",
-            "image": "${image.library.url}/notifications/polaroid_photo.png"
-        },
-        "notification.items.enabled": true,
-        "notification.mute.forbidden.time": {
-            "display": "BUBBLE"
-        },
-        "notification.npc.gift.received": {
-            "display": "BUBBLE",
-            "image": "${image.library.url}/album1584/X1517.gif"
-        }
-    }
-}

From 9622ebbb5e3a0456aab5bbe8fba24b1202d79e68 Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Fri, 7 Jan 2022 19:44:53 -0500
Subject: [PATCH 12/13] .gitignore

---
 .gitignore | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/.gitignore b/.gitignore
index a38eff07..6ed3fe1d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -41,7 +41,6 @@ yarn-error.log
 testem.log
 /typings
 .git
-.env
 
 # System Files
 .DS_Store
@@ -49,3 +48,6 @@ Thumbs.db
 
 /build
 *.zip
+.env
+public/renderer-config.json
+public/ui-config.json

From b1b7affa21984438a8313f9c273e505ac8c5b57b Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Fri, 7 Jan 2022 19:49:40 -0500
Subject: [PATCH 13/13] Update .example

---
 .env.default => .env.example        |    0
 public/renderer-config.json.example |  108 +++
 public/ui-config.json.example       | 1131 +++++++++++++++++++++++++++
 3 files changed, 1239 insertions(+)
 rename .env.default => .env.example (100%)
 create mode 100644 public/renderer-config.json.example
 create mode 100644 public/ui-config.json.example

diff --git a/.env.default b/.env.example
similarity index 100%
rename from .env.default
rename to .env.example
diff --git a/public/renderer-config.json.example b/public/renderer-config.json.example
new file mode 100644
index 00000000..82263393
--- /dev/null
+++ b/public/renderer-config.json.example
@@ -0,0 +1,108 @@
+{
+    "socket.url": "",
+    "asset.url": "",
+    "image.library.url": "",
+    "hof.furni.url": "",
+    "images.url": "${asset.url}/images",
+    "gamedata.url": "${asset.url}/gamedata",
+    "sounds.url": "${asset.url}/sounds/%sample%.mp3",
+    "external.texts.url": [ "${gamedata.url}/ExternalTexts.json", "${gamedata.url}/UITexts.json" ],
+    "external.samples.url": "${hof.furni.url}/mp3/sound_machine_sample_%sample%.mp3",
+    "furnidata.url": "${gamedata.url}/FurnitureData.json",
+    "productdata.url": "${gamedata.url}/ProductData.json",
+    "avatar.actions.url": "${gamedata.url}/HabboAvatarActions.json",
+    "avatar.figuredata.url": "${gamedata.url}/FigureData.json",
+    "avatar.figuremap.url": "${gamedata.url}/FigureMap.json",
+    "avatar.effectmap.url": "${gamedata.url}/EffectMap.json",
+    "avatar.asset.url": "${asset.url}/bundled/figure/%libname%.nitro",
+    "avatar.asset.effect.url": "${asset.url}/bundled/effect/%libname%.nitro",
+    "furni.asset.url": "${asset.url}/bundled/furniture/%libname%.nitro",
+    "furni.asset.icon.url": "${hof.furni.url}/icons/%libname%%param%_icon.png",
+    "pet.asset.url": "${asset.url}/bundled/pet/%libname%.nitro",
+    "generic.asset.url": "${asset.url}/bundled/generic/%libname%.nitro",
+    "badge.asset.url": "${image.library.url}album1584/%badgename%.gif",
+    "badge.asset.grouparts.url": "${image.library.url}Badgeparts/badgepart_%part%.png",
+    "furni.rotation.bounce.steps": 20,
+    "furni.rotation.bounce.height": 0.0625,
+    "enable.avatar.arrow": false,
+    "system.animation.fps": 24,
+    "system.limits.fps": false,
+    "system.dispatcher.log": false,
+    "system.packet.log": false,
+    "system.pong.manually": true,
+    "system.pong.interval.ms": 20000,
+    "room.color.skip.transition": true,
+    "avatar.mandatory.libraries": [
+        "bd:1",
+        "li:0"
+    ],
+    "avatar.mandatory.effect.libraries": [
+        "dance.1",
+        "dance.2",
+        "dance.3",
+        "dance.4"
+    ],
+    "avatar.default.figuredata": {"palettes":[{"id":1,"colors":[{"id":99999,"index":1001,"club":0,"selectable":false,"hexCode":"DDDDDD"},{"id":99998,"index":1001,"club":0,"selectable":false,"hexCode":"FAFAFA"}]},{"id":3,"colors":[{"id":10001,"index":1001,"club":0,"selectable":false,"hexCode":"EEEEEE"},{"id":10002,"index":1002,"club":0,"selectable":false,"hexCode":"FA3831"},{"id":10003,"index":1003,"club":0,"selectable":false,"hexCode":"FD92A0"},{"id":10004,"index":1004,"club":0,"selectable":false,"hexCode":"2AC7D2"},{"id":10005,"index":1005,"club":0,"selectable":false,"hexCode":"35332C"},{"id":10006,"index":1006,"club":0,"selectable":false,"hexCode":"EFFF92"},{"id":10007,"index":1007,"club":0,"selectable":false,"hexCode":"C6FF98"},{"id":10008,"index":1008,"club":0,"selectable":false,"hexCode":"FF925A"},{"id":10009,"index":1009,"club":0,"selectable":false,"hexCode":"9D597E"},{"id":10010,"index":1010,"club":0,"selectable":false,"hexCode":"B6F3FF"},{"id":10011,"index":1011,"club":0,"selectable":false,"hexCode":"6DFF33"},{"id":10012,"index":1012,"club":0,"selectable":false,"hexCode":"3378C9"},{"id":10013,"index":1013,"club":0,"selectable":false,"hexCode":"FFB631"},{"id":10014,"index":1014,"club":0,"selectable":false,"hexCode":"DFA1E9"},{"id":10015,"index":1015,"club":0,"selectable":false,"hexCode":"F9FB32"},{"id":10016,"index":1016,"club":0,"selectable":false,"hexCode":"CAAF8F"},{"id":10017,"index":1017,"club":0,"selectable":false,"hexCode":"C5C6C5"},{"id":10018,"index":1018,"club":0,"selectable":false,"hexCode":"47623D"},{"id":10019,"index":1019,"club":0,"selectable":false,"hexCode":"8A8361"},{"id":10020,"index":1020,"club":0,"selectable":false,"hexCode":"FF8C33"},{"id":10021,"index":1021,"club":0,"selectable":false,"hexCode":"54C627"},{"id":10022,"index":1022,"club":0,"selectable":false,"hexCode":"1E6C99"},{"id":10023,"index":1023,"club":0,"selectable":false,"hexCode":"984F88"},{"id":10024,"index":1024,"club":0,"selectable":false,"hexCode":"77C8FF"},{"id":10025,"index":1025,"club":0,"selectable":false,"hexCode":"FFC08E"},{"id":10026,"index":1026,"club":0,"selectable":false,"hexCode":"3C4B87"},{"id":10027,"index":1027,"club":0,"selectable":false,"hexCode":"7C2C47"},{"id":10028,"index":1028,"club":0,"selectable":false,"hexCode":"D7FFE3"},{"id":10029,"index":1029,"club":0,"selectable":false,"hexCode":"8F3F1C"},{"id":10030,"index":1030,"club":0,"selectable":false,"hexCode":"FF6393"},{"id":10031,"index":1031,"club":0,"selectable":false,"hexCode":"1F9B79"},{"id":10032,"index":1032,"club":0,"selectable":false,"hexCode":"FDFF33"}]}],"setTypes":[{"type":"hd","paletteId":1,"mandatory_f_0":true,"mandatory_f_1":true,"mandatory_m_0":true,"mandatory_m_1":true,"sets":[{"id":99999,"gender":"U","club":0,"colorable":true,"selectable":false,"preselectable":false,"sellable":false,"parts":[{"id":1,"type":"bd","colorable":true,"index":0,"colorindex":1},{"id":1,"type":"hd","colorable":true,"index":0,"colorindex":1},{"id":1,"type":"lh","colorable":true,"index":0,"colorindex":1},{"id":1,"type":"rh","colorable":true,"index":0,"colorindex":1}]}]},{"type":"bds","paletteId":1,"mandatory_f_0":false,"mandatory_f_1":false,"mandatory_m_0":false,"mandatory_m_1":false,"sets":[{"id":10001,"gender":"U","club":0,"colorable":true,"selectable":false,"preselectable":false,"sellable":false,"parts":[{"id":10001,"type":"bds","colorable":true,"index":0,"colorindex":1},{"id":10001,"type":"lhs","colorable":true,"index":0,"colorindex":1},{"id":10001,"type":"rhs","colorable":true,"index":0,"colorindex":1}],"hiddenLayers":[{"partType":"bd"},{"partType":"rh"},{"partType":"lh"}]}]},{"type":"ss","paletteId":3,"mandatory_f_0":false,"mandatory_f_1":false,"mandatory_m_0":false,"mandatory_m_1":false,"sets":[{"id":10010,"gender":"F","club":0,"colorable":true,"selectable":false,"preselectable":false,"sellable":false,"parts":[{"id":10001,"type":"ss","colorable":true,"index":0,"colorindex":1}],"hiddenLayers":[{"partType":"ch"},{"partType":"lg"},{"partType":"ca"},{"partType":"wa"},{"partType":"sh"},{"partType":"ls"},{"partType":"rs"},{"partType":"lc"},{"partType":"rc"},{"partType":"cc"},{"partType":"cp"}]},{"id":10011,"gender":"M","club":0,"colorable":true,"selectable":false,"preselectable":false,"sellable":false,"parts":[{"id":10002,"type":"ss","colorable":true,"index":0,"colorindex":1}],"hiddenLayers":[{"partType":"ch"},{"partType":"lg"},{"partType":"ca"},{"partType":"wa"},{"partType":"sh"},{"partType":"ls"},{"partType":"rs"},{"partType":"lc"},{"partType":"rc"},{"partType":"cc"},{"partType":"cp"}]}]}]},
+    "avatar.default.actions": {
+        "actions": [
+            {
+                "id": "Default",
+                "state": "std",
+                "precedence": 1000,
+                "main": true,
+                "isDefault": true,
+                "geometryType": "vertical",
+                "activePartSet": "figure",
+                "assetPartDefinition": "std"
+            }
+        ]
+    },
+    "pet.types": [
+        "dog",
+        "cat",
+        "croco",
+        "terrier",
+        "bear",
+        "pig",
+        "lion",
+        "rhino",
+        "spider",
+        "turtle",
+        "chicken",
+        "frog",
+        "dragon",
+        "monster",
+        "monkey",
+        "horse",
+        "monsterplant",
+        "bunnyeaster",
+        "bunnyevil",
+        "bunnydepressed",
+        "bunnylove",
+        "pigeongood",
+        "pigeonevil",
+        "demonmonkey",
+        "bearbaby",
+        "terrierbaby",
+        "gnome",
+        "gnome",
+        "kittenbaby",
+        "puppybaby",
+        "pigletbaby",
+        "haloompa",
+        "fools",
+        "pterosaur",
+        "velociraptor",
+        "cow",
+        "LeetPen",
+        "bbwibb",
+        "elephants"
+    ],
+    "preload.assets.urls": [
+        "${asset.url}/bundled/generic/avatar_additions.nitro",
+        "${asset.url}/bundled/generic/floor_editor.nitro",
+        "${images.url}/loading_icon.png",
+        "${images.url}/clear_icon.png",
+        "${images.url}/big_arrow.png"
+    ]
+}
diff --git a/public/ui-config.json.example b/public/ui-config.json.example
new file mode 100644
index 00000000..70135a75
--- /dev/null
+++ b/public/ui-config.json.example
@@ -0,0 +1,1131 @@
+{
+    "image.library.notifications.url": "${image.library.url}notifications/%image%.png",
+    "achievements.images.url": "${image.library.url}Quests/%image%.png",
+    "camera.url": "https://camera.com",
+    "thumbnails.url": "https://camera.com/thumbnail/%thumbnail%.png",
+    "url.prefix": "https://website.com",
+    "floorplan.tile.url": "${asset.url}/floorplan-editor/tiles.json",
+    "habbopages.url": "https://website.com/habbopages/",
+    "chat.viewer.height.percentage": 0.40,
+    "widget.dimmer.colorwheel": false,
+    "hotelview": {
+        "widgets": {
+            "slot.1.widget": "promoarticle",
+            "slot.1.conf": "",
+            "slot.2.widget": "widgetcontainer",
+            "slot.2.conf": "image:${image.library.url}web_promo_small/spromo_Canal_Bundle.png,texts:2021NitroPromo,btnLink:https://google.com",
+            "slot.3.widget": "promoarticle",
+            "slot.3.conf": "",
+            "slot.4.widget": "",
+            "slot.4.conf": "",
+            "slot.5.widget": "",
+            "slot.5.conf": "",
+            "slot.6.widget": "achievementcompetition_hall_of_fame",
+            "slot.6.conf": "",
+            "slot.7.widget": "",
+            "slot.7.conf": ""
+        },
+        "images": {
+            "background": "${asset.url}/images/reception/stretch_blue.png",
+            "background.colour": "#6eadc8",
+            "sun": "${asset.url}/images/reception/sun.png",
+            "drape": "${asset.url}/images/reception/drape.png",
+            "left": "${asset.url}/images/reception/ts.png",
+            "right": "${asset.url}/images/reception/US_right.png",
+            "right.repeat": "${asset.url}/images/reception/US_top_right.png"
+        }
+    },
+    "achievements.unseen.ignored": [
+        "ACH_AllTimeHotelPresence"
+    ],
+    "avatareditor.show.clubitems.dimmed": true,
+    "avatareditor.show.clubitems.first": true,
+    "chat.history.max.items": 100,
+    "system.currency.types": [
+        -1,
+        0,
+        5
+    ],
+    "hc.center": {
+        "benefits.info": true,
+        "payday.info": true,
+        "gift.info": true,
+        "benefits.habbopage": "habboclub",
+        "payday.habbopage": "hcpayday",
+        "catalog.buy": "habbo_club",
+        "catalog.gifts": "club_gifts"
+    },
+    "currency.display.number.short": false,
+    "currency.asset.icon.url": "${images.url}/wallet/%type%.png",
+    "catalog.asset.url": "${image.library.url}catalogue",
+    "catalog.asset.image.url": "${catalog.asset.url}/%name%.gif",
+    "catalog.asset.icon.url": "${catalog.asset.url}/icon_%name%.png",
+    "chat.input.maxlength": 100,
+    "chat.styles.disabled": [],
+    "chat.styles": [
+        {
+            "styleId": 0,
+            "minRank": 0,
+            "isSystemStyle": false,
+            "isHcOnly": false,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 1,
+            "minRank": 5,
+            "isSystemStyle": true,
+            "isHcOnly": false,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 2,
+            "minRank": 5,
+            "isSystemStyle": true,
+            "isHcOnly": false,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 3,
+            "minRank": 0,
+            "isSystemStyle": false,
+            "isHcOnly": false,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 4,
+            "minRank": 0,
+            "isSystemStyle": false,
+            "isHcOnly": false,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 5,
+            "minRank": 0,
+            "isSystemStyle": false,
+            "isHcOnly": false,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 6,
+            "minRank": 0,
+            "isSystemStyle": false,
+            "isHcOnly": false,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 7,
+            "minRank": 0,
+            "isSystemStyle": false,
+            "isHcOnly": false,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 8,
+            "minRank": 5,
+            "isSystemStyle": true,
+            "isHcOnly": false,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 9,
+            "minRank": 0,
+            "isSystemStyle": false,
+            "isHcOnly": true,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 10,
+            "minRank": 0,
+            "isSystemStyle": false,
+            "isHcOnly": true,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 11,
+            "minRank": 0,
+            "isSystemStyle": false,
+            "isHcOnly": true,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 12,
+            "minRank": 0,
+            "isSystemStyle": false,
+            "isHcOnly": true,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 13,
+            "minRank": 0,
+            "isSystemStyle": false,
+            "isHcOnly": true,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 14,
+            "minRank": 0,
+            "isSystemStyle": false,
+            "isHcOnly": true,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 15,
+            "minRank": 0,
+            "isSystemStyle": false,
+            "isHcOnly": true,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 16,
+            "minRank": 0,
+            "isSystemStyle": false,
+            "isHcOnly": true,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 17,
+            "minRank": 0,
+            "isSystemStyle": false,
+            "isHcOnly": true,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 18,
+            "minRank": 0,
+            "isSystemStyle": false,
+            "isHcOnly": true,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 19,
+            "minRank": 0,
+            "isSystemStyle": false,
+            "isHcOnly": true,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 20,
+            "minRank": 0,
+            "isSystemStyle": false,
+            "isHcOnly": true,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 21,
+            "minRank": 0,
+            "isSystemStyle": false,
+            "isHcOnly": true,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 22,
+            "minRank": 0,
+            "isSystemStyle": false,
+            "isHcOnly": true,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 23,
+            "minRank": 5,
+            "isSystemStyle": false,
+            "isHcOnly": false,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 24,
+            "minRank": 0,
+            "isSystemStyle": false,
+            "isHcOnly": true,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 25,
+            "minRank": 0,
+            "isSystemStyle": false,
+            "isHcOnly": true,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 26,
+            "minRank": 0,
+            "isSystemStyle": false,
+            "isHcOnly": true,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 27,
+            "minRank": 0,
+            "isSystemStyle": false,
+            "isHcOnly": true,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 28,
+            "minRank": 0,
+            "isSystemStyle": false,
+            "isHcOnly": true,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 29,
+            "minRank": 0,
+            "isSystemStyle": false,
+            "isHcOnly": true,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 30,
+            "minRank": 5,
+            "isSystemStyle": true,
+            "isHcOnly": false,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 31,
+            "minRank": 5,
+            "isSystemStyle": true,
+            "isHcOnly": false,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 32,
+            "minRank": 0,
+            "isSystemStyle": false,
+            "isHcOnly": true,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 33,
+            "minRank": 5,
+            "isSystemStyle": true,
+            "isHcOnly": false,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 34,
+            "minRank": 5,
+            "isSystemStyle": true,
+            "isHcOnly": false,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 35,
+            "minRank": 0,
+            "isSystemStyle": false,
+            "isHcOnly": true,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 36,
+            "minRank": 0,
+            "isSystemStyle": false,
+            "isHcOnly": true,
+            "isAmbassadorOnly": false
+        },
+        {
+            "styleId": 37,
+            "minRank": 5,
+            "isSystemStyle": false,
+            "isHcOnly": false,
+            "isAmbassadorOnly": true
+        },
+        {
+            "styleId": 38,
+            "minRank": 0,
+            "isSystemStyle": false,
+            "isHcOnly": true,
+            "isAmbassadorOnly": false
+        }
+    ],
+    "camera.available.effects": [
+        {
+            "name": "dark_sepia",
+            "colorMatrix": [
+                0.4,
+                0.4,
+                0.1,
+                0,
+                110,
+                0.3,
+                0.4,
+                0.1,
+                0,
+                30,
+                0.3,
+                0.2,
+                0.1,
+                0,
+                0,
+                0,
+                0,
+                0,
+                1,
+                0
+            ],
+            "minLevel": 0,
+            "enabled": true
+        },
+        {
+            "name": "increase_saturation",
+            "colorMatrix": [
+                2,
+                -0.5,
+                -0.5,
+                0,
+                0,
+                -0.5,
+                2,
+                -0.5,
+                0,
+                0,
+                -0.5,
+                -0.5,
+                2,
+                0,
+                0,
+                0,
+                0,
+                0,
+                1,
+                0
+            ],
+            "minLevel": 0,
+            "enabled": true
+        },
+        {
+            "name": "increase_contrast",
+            "colorMatrix": [
+                1.5,
+                0,
+                0,
+                0,
+                -50,
+                0,
+                1.5,
+                0,
+                0,
+                -50,
+                0,
+                0,
+                1.5,
+                0,
+                -50,
+                0,
+                0,
+                0,
+                1.5,
+                0
+            ],
+            "minLevel": 0,
+            "enabled": true
+        },
+        {
+            "name": "shadow_multiply_02",
+            "colorMatrix": [],
+            "minLevel": 0,
+            "blendMode": 2,
+            "enabled": true
+        },
+        {
+            "name": "color_1",
+            "colorMatrix": [
+                0.393,
+                0.769,
+                0.189,
+                0,
+                0,
+                0.349,
+                0.686,
+                0.168,
+                0,
+                0,
+                0.272,
+                0.534,
+                0.131,
+                0,
+                0,
+                0,
+                0,
+                0,
+                1,
+                0
+            ],
+            "minLevel": 1,
+            "enabled": true
+        },
+        {
+            "name": "hue_bright_sat",
+            "colorMatrix": [
+                1,
+                0.6,
+                0.2,
+                0,
+                -50,
+                0.2,
+                1,
+                0.6,
+                0,
+                -50,
+                0.6,
+                0.2,
+                1,
+                0,
+                -50,
+                0,
+                0,
+                0,
+                1,
+                0
+            ],
+            "minLevel": 1,
+            "enabled": true
+        },
+        {
+            "name": "hearts_hardlight_02",
+            "colorMatrix": [],
+            "minLevel": 1,
+            "blendMode": 9,
+            "enabled": true
+        },
+        {
+            "name": "texture_overlay",
+            "colorMatrix": [],
+            "minLevel": 1,
+            "blendMode": 4,
+            "enabled": true
+        },
+        {
+            "name": "pinky_nrm",
+            "colorMatrix": [],
+            "minLevel": 1,
+            "blendMode": 0,
+            "enabled": true
+        },
+        {
+            "name": "color_2",
+            "colorMatrix": [
+                0.333,
+                0.333,
+                0.333,
+                0,
+                0,
+                0.333,
+                0.333,
+                0.333,
+                0,
+                0,
+                0.333,
+                0.333,
+                0.333,
+                0,
+                0,
+                0,
+                0,
+                0,
+                1,
+                0
+            ],
+            "minLevel": 2,
+            "enabled": true
+        },
+        {
+            "name": "night_vision",
+            "colorMatrix": [
+                0,
+                0,
+                0,
+                0,
+                0,
+                0,
+                1.1,
+                0,
+                0,
+                -50,
+                0,
+                0,
+                0,
+                0,
+                0,
+                0,
+                0,
+                0,
+                1,
+                0
+            ],
+            "minLevel": 2,
+            "enabled": true
+        },
+        {
+            "name": "stars_hardlight_02",
+            "colorMatrix": [],
+            "minLevel": 2,
+            "blendMode": 9,
+            "enabled": true
+        },
+        {
+            "name": "coffee_mpl",
+            "colorMatrix": [],
+            "minLevel": 2,
+            "blendMode": 2,
+            "enabled": true
+        },
+        {
+            "name": "security_hardlight",
+            "colorMatrix": [],
+            "minLevel": 3,
+            "blendMode": 9,
+            "enabled": true
+        },
+        {
+            "name": "bluemood_mpl",
+            "colorMatrix": [],
+            "minLevel": 3,
+            "blendMode": 2,
+            "enabled": true
+        },
+        {
+            "name": "rusty_mpl",
+            "colorMatrix": [],
+            "minLevel": 3,
+            "blendMode": 2,
+            "enabled": true
+        },
+        {
+            "name": "decr_conrast",
+            "colorMatrix": [
+                0.5,
+                0,
+                0,
+                0,
+                50,
+                0,
+                0.5,
+                0,
+                0,
+                50,
+                0,
+                0,
+                0.5,
+                0,
+                50,
+                0,
+                0,
+                0,
+                1,
+                0
+            ],
+            "minLevel": 4,
+            "enabled": true
+        },
+        {
+            "name": "green_2",
+            "colorMatrix": [
+                0.5,
+                0.5,
+                0.5,
+                0,
+                0,
+                0.5,
+                0.5,
+                0.5,
+                0,
+                90,
+                0.5,
+                0.5,
+                0.5,
+                0,
+                0,
+                0,
+                0,
+                0,
+                1,
+                0
+            ],
+            "minLevel": 4,
+            "enabled": true
+        },
+        {
+            "name": "alien_hrd",
+            "colorMatrix": [],
+            "minLevel": 4,
+            "blendMode": 9,
+            "enabled": true
+        },
+        {
+            "name": "color_3",
+            "colorMatrix": [
+                0.609,
+                0.609,
+                0.082,
+                0,
+                0,
+                0.309,
+                0.609,
+                0.082,
+                0,
+                0,
+                0.309,
+                0.609,
+                0.082,
+                0,
+                0,
+                0,
+                0,
+                0,
+                1,
+                0
+            ],
+            "minLevel": 5,
+            "enabled": true
+        },
+        {
+            "name": "color_4",
+            "colorMatrix": [
+                0.8,
+                -0.8,
+                1,
+                0,
+                70,
+                0.8,
+                -0.8,
+                1,
+                0,
+                70,
+                0.8,
+                -0.8,
+                1,
+                0,
+                70,
+                0,
+                0,
+                0,
+                1,
+                0
+            ],
+            "minLevel": 5,
+            "enabled": true
+        },
+        {
+            "name": "toxic_hrd",
+            "colorMatrix": [],
+            "minLevel": 5,
+            "blendMode": 9,
+            "enabled": true
+        },
+        {
+            "name": "hypersaturated",
+            "colorMatrix": [
+                2,
+                -1,
+                0,
+                0,
+                0,
+                -1,
+                2,
+                0,
+                0,
+                0,
+                0,
+                -1,
+                2,
+                0,
+                0,
+                0,
+                0,
+                0,
+                1,
+                0
+            ],
+            "minLevel": 6,
+            "enabled": true
+        },
+        {
+            "name": "Yellow",
+            "colorMatrix": [
+                1,
+                0,
+                0,
+                0,
+                0,
+                0,
+                1,
+                0,
+                0,
+                0,
+                0,
+                0,
+                0,
+                0,
+                0,
+                0,
+                0,
+                0,
+                1,
+                0
+            ],
+            "minLevel": 6,
+            "enabled": true
+        },
+        {
+            "name": "misty_hrd",
+            "colorMatrix": [],
+            "minLevel": 6,
+            "blendMode": 9,
+            "enabled": true
+        },
+        {
+            "name": "x_ray",
+            "colorMatrix": [
+                0,
+                1.2,
+                0,
+                0,
+                -100,
+                0,
+                2,
+                0,
+                0,
+                -120,
+                0,
+                2,
+                0,
+                0,
+                -120,
+                0,
+                0,
+                0,
+                1,
+                0
+            ],
+            "minLevel": 7,
+            "enabled": true
+        },
+        {
+            "name": "decrease_saturation",
+            "colorMatrix": [
+                0.7,
+                0.2,
+                0.2,
+                0,
+                0,
+                0.2,
+                0.7,
+                0.2,
+                0,
+                0,
+                0.2,
+                0.2,
+                0.7,
+                0,
+                0,
+                0,
+                0,
+                0,
+                1,
+                0
+            ],
+            "minLevel": 7,
+            "enabled": true
+        },
+        {
+            "name": "drops_mpl",
+            "colorMatrix": [],
+            "minLevel": 8,
+            "blendMode": 2,
+            "enabled": true
+        },
+        {
+            "name": "shiny_hrd",
+            "colorMatrix": [],
+            "minLevel": 9,
+            "blendMode": 9,
+            "enabled": true
+        },
+        {
+            "name": "glitter_hrd",
+            "colorMatrix": [],
+            "minLevel": 10,
+            "blendMode": 9,
+            "enabled": true
+        },
+        {
+            "name": "frame_gold",
+            "colorMatrix": [],
+            "minLevel": 10,
+            "blendMode": 0,
+            "enabled": true
+        },
+        {
+            "name": "frame_gray_4",
+            "colorMatrix": [],
+            "minLevel": 10,
+            "blendMode": 0,
+            "enabled": true
+        },
+        {
+            "name": "frame_black_2",
+            "colorMatrix": [],
+            "minLevel": 10,
+            "blendMode": 0,
+            "enabled": true
+        },
+        {
+            "name": "frame_wood_2",
+            "colorMatrix": [],
+            "minLevel": 10,
+            "blendMode": 0,
+            "enabled": true
+        },
+        {
+            "name": "finger_nrm",
+            "colorMatrix": [],
+            "minLevel": 10,
+            "blendMode": 0,
+            "enabled": true
+        },
+        {
+            "name": "color_5",
+            "colorMatrix": [
+                3.309,
+                0.609,
+                1.082,
+                0.2,
+                0,
+                0.309,
+                0.609,
+                0.082,
+                0,
+                0,
+                1.309,
+                0.609,
+                0.082,
+                0,
+                0,
+                0,
+                0,
+                0,
+                1,
+                0
+            ],
+            "minLevel": 10,
+            "enabled": true
+        },
+        {
+            "name": "black_white_negative",
+            "colorMatrix": [
+                -0.5,
+                -0.5,
+                -0.5,
+                0,
+                0,
+                -0.5,
+                -0.5,
+                -0.5,
+                0,
+                0,
+                -0.5,
+                -0.5,
+                -0.5,
+                0,
+                0,
+                0,
+                0,
+                0,
+                1,
+                0
+            ],
+            "minLevel": 10,
+            "enabled": true
+        },
+        {
+            "name": "blue",
+            "colorMatrix": [
+                0.5,
+                0.5,
+                0.5,
+                0,
+                -255,
+                0.5,
+                0.5,
+                0.5,
+                0,
+                -170,
+                0.5,
+                0.5,
+                0.5,
+                0,
+                0,
+                0,
+                0,
+                0,
+                1,
+                0
+            ],
+            "minLevel": 10,
+            "enabled": true
+        },
+        {
+            "name": "red",
+            "colorMatrix": [
+                0.5,
+                0.5,
+                0.5,
+                0,
+                0,
+                0.5,
+                0.5,
+                0.5,
+                0,
+                -170,
+                0.5,
+                0.5,
+                0.5,
+                0,
+                -170,
+                0,
+                0,
+                0,
+                1,
+                0
+            ],
+            "minLevel": 10,
+            "enabled": true
+        },
+        {
+            "name": "green",
+            "colorMatrix": [
+                0.5,
+                0.5,
+                0.5,
+                0,
+                -170,
+                0.5,
+                0.5,
+                0.5,
+                0,
+                0,
+                0.5,
+                0.5,
+                0.5,
+                0,
+                -170,
+                0,
+                0,
+                0,
+                1,
+                0
+            ],
+            "minLevel": 10,
+            "enabled": true
+        }
+    ],
+    "notification": {
+        "notification.admin.transient": {
+            "display": "POP_UP",
+            "image": "${image.library.url}/album1358/frank_wave_001.gif"
+        },
+        "notification.builders_club.membership_expired": {
+            "display": "POP_UP"
+        },
+        "notification.builders_club.membership_expires": {
+            "display": "POP_UP",
+            "image": "${image.library.url}/notifications/builders_club_room_locked_small.png"
+        },
+        "notification.builders_club.membership_extended": {
+            "delivery": "PERSISTENT",
+            "display": "POP_UP"
+        },
+        "notification.builders_club.membership_made": {
+            "delivery": "PERSISTENT",
+            "display": "POP_UP",
+            "image": "${image.library.url}/notifications/builders_club_membership_extended.png"
+        },
+        "notification.builders_club.membership_renewed": {
+            "delivery": "PERSISTENT",
+            "display": "POP_UP",
+            "image": "${image.library.url}/notifications/builders_club_membership_extended.png"
+        },
+        "notification.builders_club.room_locked": {
+            "display": "BUBBLE",
+            "image": "${image.library.url}/notifications/builders_club_room_locked_small.png"
+        },
+        "notification.builders_club.room_unlocked": {
+            "display": "BUBBLE"
+        },
+        "notification.builders_club.visit_denied_for_owner": {
+            "display": "BUBBLE",
+            "image": "${image.library.url}/notifications/builders_club_room_locked_small.png"
+        },
+        "notification.builders_club.visit_denied_for_visitor": {
+            "display": "POP_UP",
+            "image": "${image.library.url}/notifications/builders_club_room_locked.png"
+        },
+        "notification.campaign.credit.donation": {
+            "display": "BUBBLE"
+        },
+        "notification.campaign.product.donation": {
+            "display": "BUBBLE"
+        },
+        "notification.casino.too_many_dice.placement": {
+            "display": "POP_UP"
+        },
+        "notification.casino.too_many_dice": {
+            "display": "POP_UP"
+        },
+        "notification.cfh.created": {
+            "display": "POP_UP",
+            "title": ""
+        },
+        "notification.feed.enabled": false,
+        "notification.floorplan_editor.error": {
+            "display": "POP_UP"
+        },
+        "notification.forums.delivered": {
+            "delivery": "PERSISTENT",
+            "display": "POP_UP"
+        },
+        "notification.forums.forum_settings_updated": {
+            "display": "BUBBLE"
+        },
+        "notification.forums.message.hidden": {
+            "display": "BUBBLE"
+        },
+        "notification.forums.message.restored": {
+            "display": "BUBBLE"
+        },
+        "notification.forums.thread.hidden": {
+            "display": "BUBBLE"
+        },
+        "notification.forums.thread.locked": {
+            "display": "BUBBLE"
+        },
+        "notification.forums.thread.pinned": {
+            "display": "BUBBLE"
+        },
+        "notification.forums.thread.restored": {
+            "display": "BUBBLE"
+        },
+        "notification.forums.thread.unlocked": {
+            "display": "BUBBLE"
+        },
+        "notification.forums.thread.unpinned": {
+            "display": "BUBBLE"
+        },
+        "notification.furni_placement_error": {
+            "display": "BUBBLE"
+        },
+        "notification.gifting.valentine": {
+            "delivery": "PERSISTENT",
+            "display": "BUBBLE",
+            "image": "${image.library.url}/notifications/polaroid_photo.png"
+        },
+        "notification.items.enabled": true,
+        "notification.mute.forbidden.time": {
+            "display": "BUBBLE"
+        },
+        "notification.npc.gift.received": {
+            "display": "BUBBLE",
+            "image": "${image.library.url}/album1584/X1517.gif"
+        }
+    }
+}