Merge branch 'dev' of https://github.com/billsonnn/nitro-react into dev

public/ui-config.json.example

@@ -11,6 +11,7 @@
     "widget.dimmer.colorwheel": false,
     "avatar.wardrobe.max.slots": 10,
     "user.badges.max.slots": 5,
+    "user.tags.enabled": false,
     "camera.publish.disabled": false,
     "hc.disabled": false,
     "badge.descriptions.enabled": true,

src/api/purse/IPurse.ts

@@ -4,7 +4,7 @@ export interface IPurse
     activityPoints: Map<number, number>;
     clubDays: number;
     clubPeriods: number;
-    _Str_13571: boolean;
+    hasClubLeft: boolean;
     isVip: boolean;
     pastClubDays: number;
     pastVipDays: number;

src/api/purse/Purse.ts

@@ -78,7 +78,7 @@ export class Purse implements IPurse
         this._clubPeriods = k;
     }
 
-    public get _Str_13571(): boolean
+    public get hasClubLeft(): boolean
     {
         return (this._clubDays > 0) || (this._clubPeriods > 0);
     }

src/api/room/widgets/AvatarInfoUtilities.ts

@@ -162,7 +162,7 @@ export class AvatarInfoUtilities
         if(guildId !== 0)
         {
             furniInfo.groupId = guildId;
-            //this.container.connection.send(new _Str_2863(guildId, false));
+            //this.container.connection.send(new GroupInformationComposer(guildId, false));
         }
 
         if(IsOwnerOfFurniture(roomObject)) furniInfo.isOwner = true;
@@ -250,7 +250,7 @@ export class AvatarInfoUtilities
             if(tradeMode !== RoomTradingLevelEnum.FREE_TRADING) userInfo.canTradeReason = AvatarInfoUser.TRADE_REASON_NO_TRADING;
 
             // const _local_12 = GetSessionDataManager().userId;
-            // _local_13 = GetSessionDataManager()._Str_18437(_local_12);
+            // _local_13 = GetSessionDataManager().getUserTags(_local_12);
             // this._Str_16287(_local_12, _local_13);
         }
 
@@ -259,10 +259,10 @@ export class AvatarInfoUtilities
         userInfo.groupName = userData.groupName;
         userInfo.badges = roomSession.userDataManager.getUserBadges(userData.webID);
         userInfo.figure = userData.figure;
-        //var _local_8:Array = GetSessionDataManager()._Str_18437(userData.webID);
+        //var _local_8:Array = GetSessionDataManager().getUserTags(userData.webID);
-        //this._Str_16287(userData._Str_2394, _local_8);
+        //this._Str_16287(userData.webId, _local_8);
-        //this._container._Str_8097._Str_14387(userData.webID);
+        //this._container.habboGroupsManager.updateVisibleExtendedProfile(userData.webID);
-        //this._container.connection.send(new _Str_8049(userData._Str_2394));
+        //this._container.connection.send(new GetRelationshipStatusInfoMessageComposer(userData.webId));
 
         return userInfo;
     }

src/components/catalog/views/targeted-offer/OfferBubbleView.tsx

@@ -10,7 +10,7 @@ export const OfferBubbleView = (props: { offer: TargetedOfferData, setOpen: Disp
     if (!offer) return;
 
     return <LayoutNotificationBubbleView fadesOut={ false } onClose={ null } onClick={ evt => setOpen(true) } gap={ 2 }>
-        <Base className="nitro-targeted-offer-icon" style={ { backgroundImage: `url(${ GetConfiguration('image.library.url') + offer._Str_13452 })` } }/>
+        <Base className="nitro-targeted-offer-icon" style={ { backgroundImage: `url(${ GetConfiguration('image.library.url') + offer.iconImageUrl })` } }/>
         <Text variant="light" className="ubuntu-bold">{ offer.title }</Text>
     </LayoutNotificationBubbleView>;
 }

src/components/room/widgets/avatar-info/AvatarInfoUseProductConfirmView.tsx

@@ -10,19 +10,19 @@ interface AvatarInfoUseProductConfirmViewProps
     onClose: () => void;
 }
 
-const _Str_5091: number = -1;
+const PRODUCT_PAGE_UKNOWN: number = -1;
-const _Str_11906: number = 0;
+const PRODUCT_PAGE_SHAMPOO: number = 0;
-const _Str_11214: number = 1;
+const PRODUCT_PAGE_CUSTOM_PART: number = 1;
-const _Str_11733: number = 2;
+const PRODUCT_PAGE_CUSTOM_PART_SHAMPOO: number = 2;
-const _Str_11369: number = 3;
+const PRODUCT_PAGE_SADDLE: number = 3;
-const _Str_8759: number = 4;
+const PRODUCT_PAGE_REVIVE: number = 4;
-const _Str_8432: number = 5;
+const PRODUCT_PAGE_REBREED: number = 5;
-const _Str_9653: number = 6;
+const PRODUCT_PAGE_FERTILIZE: number = 6;
 
 export const AvatarInfoUseProductConfirmView: FC<AvatarInfoUseProductConfirmViewProps> = props =>
 {
     const { item = null, onClose = null } = props;
-    const [ mode, setMode ] = useState(_Str_5091);
+    const [ mode, setMode ] = useState(PRODUCT_PAGE_UKNOWN);
     const [ petData, setPetData ] = useState<IRoomUserData>(null);
     const [ furniData, setFurniData ] = useState<IFurnitureData>(null);
     const { roomSession = null } = useRoom();
@@ -189,30 +189,30 @@ export const AvatarInfoUseProductConfirmView: FC<AvatarInfoUseProductConfirmView
 
         setFurniData(furniData);
 
-        let mode = _Str_5091;
+        let mode = PRODUCT_PAGE_UKNOWN;
 
         switch(furniData.specialType)
         {
             case FurniCategory.PET_SHAMPOO:
-                mode = _Str_11906;
+                mode = PRODUCT_PAGE_SHAMPOO;
                 break;
             case FurniCategory.PET_CUSTOM_PART:
-                mode = _Str_11214;
+                mode = PRODUCT_PAGE_CUSTOM_PART;
                 break;
             case FurniCategory.PET_CUSTOM_PART_SHAMPOO:
-                mode = _Str_11733;
+                mode = PRODUCT_PAGE_CUSTOM_PART_SHAMPOO;
                 break;
             case FurniCategory.PET_SADDLE:
-                mode = _Str_11369;
+                mode = PRODUCT_PAGE_SADDLE;
                 break;
             case FurniCategory.MONSTERPLANT_REVIVAL:
-                mode = _Str_8759;
+                mode = PRODUCT_PAGE_REVIVE;
                 break;
             case FurniCategory.MONSTERPLANT_REBREED:
-                mode = _Str_8432;
+                mode = PRODUCT_PAGE_REBREED;
                 break;
             case FurniCategory.MONSTERPLANT_FERTILIZE:
-                mode = _Str_9653;
+                mode = PRODUCT_PAGE_FERTILIZE;
                 break;
         }
 
@@ -233,37 +233,37 @@ export const AvatarInfoUseProductConfirmView: FC<AvatarInfoUseProductConfirmView
                     </Column>
                     <Column justifyContent="between" overflow="auto">
                         <Column gap={ 2 }>
-                            { (mode === _Str_11906) &&
+                            { (mode === PRODUCT_PAGE_SHAMPOO) &&
                                 <>
                                     <Text>{ LocalizeText('useproduct.widget.text.shampoo', [ 'productName' ], [ furniData.name ] ) }</Text>
                                     <Text>{ LocalizeText('useproduct.widget.info.shampoo') }</Text>
                                 </> }
-                            { (mode === _Str_11214) &&
+                            { (mode === PRODUCT_PAGE_CUSTOM_PART) &&
                                 <>
                                     <Text>{ LocalizeText('useproduct.widget.text.custompart', [ 'productName' ], [ furniData.name ] ) }</Text>
                                     <Text>{ LocalizeText('useproduct.widget.info.custompart') }</Text>
                                 </> }
-                            { (mode === _Str_11733) &&
+                            { (mode === PRODUCT_PAGE_CUSTOM_PART_SHAMPOO) &&
                                 <>
                                     <Text>{ LocalizeText('useproduct.widget.text.custompartshampoo', [ 'productName' ], [ furniData.name ] ) }</Text>
                                     <Text>{ LocalizeText('useproduct.widget.info.custompartshampoo') }</Text>
                                 </> }
-                            { (mode === _Str_11369) &&
+                            { (mode === PRODUCT_PAGE_SADDLE) &&
                                 <>
                                     <Text>{ LocalizeText('useproduct.widget.text.saddle', [ 'productName' ], [ furniData.name ] ) }</Text>
                                     <Text>{ LocalizeText('useproduct.widget.info.saddle') }</Text>
                                 </> }
-                            { (mode === _Str_8759) &&
+                            { (mode === PRODUCT_PAGE_REVIVE) &&
                                 <>
                                     <Text>{ LocalizeText('useproduct.widget.text.revive_monsterplant', [ 'productName' ], [ furniData.name ] ) }</Text>
                                     <Text>{ LocalizeText('useproduct.widget.info.revive_monsterplant') }</Text>
                                 </> }
-                            { (mode === _Str_8432) &&
+                            { (mode === PRODUCT_PAGE_REBREED) &&
                                 <>
                                     <Text>{ LocalizeText('useproduct.widget.text.rebreed_monsterplant', [ 'productName' ], [ furniData.name ] ) }</Text>
                                     <Text>{ LocalizeText('useproduct.widget.info.rebreed_monsterplant') }</Text>
                                 </> }
-                            { (mode === _Str_9653) &&
+                            { (mode === PRODUCT_PAGE_FERTILIZE) &&
                                 <>
                                     <Text>{ LocalizeText('useproduct.widget.text.fertilize_monsterplant', [ 'productName' ], [ furniData.name ] ) }</Text>
                                     <Text>{ LocalizeText('useproduct.widget.info.fertilize_monsterplant') }</Text>

src/components/room/widgets/avatar-info/AvatarInfoWidgetView.scss

@@ -106,6 +106,22 @@
                 font-style: italic;
             }
         }
+
+        .flex-tags
+        {
+            flex-wrap: wrap;
+            margin-bottom: -10px;
+
+            .text-tags
+            {
+                padding: 2px;
+                border-radius: 3px;
+                background: #333;
+                margin-right: 5px;
+                margin-bottom: 10px;
+                cursor: pointer;
+            }
+        }
     }
 
     .button-container {

src/components/room/widgets/avatar-info/AvatarInfoWidgetView.tsx

@@ -1,6 +1,6 @@
 import { RoomEngineEvent, RoomEnterEffect, RoomSessionDanceEvent } from '@nitrots/nitro-renderer';
 import { FC, useState } from 'react';
-import { AvatarInfoFurni, AvatarInfoPet, AvatarInfoRentableBot, AvatarInfoUser, GetSessionDataManager, RoomWidgetUpdateRentableBotChatEvent } from '../../../../api';
+import { AvatarInfoFurni, AvatarInfoPet, AvatarInfoRentableBot, AvatarInfoUser, GetConfiguration, GetSessionDataManager, RoomWidgetUpdateRentableBotChatEvent } from '../../../../api';
 import { Column } from '../../../../common';
 import { useAvatarInfoWidget, useRoom, useRoomEngineEvent, useRoomSessionManagerEvent, useUiEvent } from '../../../../hooks';
 import { AvatarInfoRentableBotChatView } from './AvatarInfoRentableBotChatView';
@@ -67,6 +67,7 @@ export const AvatarInfoWidgetView: FC<{}> = props =>
                 case AvatarInfoUser.OWN_USER:
                 case AvatarInfoUser.PEER: {
                     const info = (avatarInfo as AvatarInfoUser);
+                    if (GetConfiguration('user.tags.enabled')) GetSessionDataManager().getUserTags(info.roomIndex);
 
                     if(info.isSpectatorMode) return null;
 

src/components/room/widgets/avatar-info/infostand/InfoStandWidgetUserTagsView.tsx

@@ -0,0 +1,31 @@
+import { NavigatorSearchComposer } from '@nitrots/nitro-renderer';
+import { FC } from 'react';
+import { CreateLinkEvent, SendMessageComposer } from '../../../../../api';
+import { Flex, Text } from '../../../../../common';
+
+interface InfoStandWidgetUserTagsViewProps
+{
+    tags: string[];
+}
+
+const processAction = (tag: string) =>
+{
+    CreateLinkEvent(`navigator/search/${ tag }`);
+    SendMessageComposer(new NavigatorSearchComposer('hotel_view', `tag:${ tag }`));
+}
+
+export const InfoStandWidgetUserTagsView: FC<InfoStandWidgetUserTagsViewProps> = props =>
+{
+    const { tags = null } = props;
+
+    if(!tags || !tags.length) return null;
+
+    return (
+        <>
+            <hr className="m-0" />
+            <Flex className="flex-tags">
+                { tags && (tags.length > 0) && tags.map((tag, index) => <Text key={ index } variant="white" className="text-tags" onClick={ event => processAction(tag) }>{ tag }</Text>) }
+            </Flex>
+        </>
+    );
+}

src/components/room/widgets/avatar-info/infostand/InfoStandWidgetUserView.tsx

@@ -5,6 +5,7 @@ import { AvatarInfoUser, CloneObject, GetConfiguration, GetGroupInformation, Get
 import { Column, Flex, LayoutAvatarImageView, LayoutBadgeImageView, Text, UserProfileIconView } from '../../../../../common';
 import { useMessageEvent, useRoom, useRoomSessionManagerEvent } from '../../../../../hooks';
 import { InfoStandWidgetUserRelationshipsView } from './InfoStandWidgetUserRelationshipsView';
+import { InfoStandWidgetUserTagsView } from './InfoStandWidgetUserTagsView';
 
 interface InfoStandWidgetUserViewProps
 {
@@ -203,6 +204,11 @@ export const InfoStandWidgetUserView: FC<InfoStandWidgetUserViewProps> = props =
                 <Column gap={ 1 }>
                     <InfoStandWidgetUserRelationshipsView relationships={ relationships } />
                 </Column>
+                { GetConfiguration('user.tags.enabled') &&
+                    <Column gap={ 1 } className="mt-1">
+                        <InfoStandWidgetUserTagsView tags={ GetSessionDataManager().tags } />
+                    </Column>
+                }
             </Column>
         </Column>
     );

src/components/user-profile/UserProfileView.tsx

@@ -1,4 +1,4 @@
-import { RelationshipStatusInfoEvent, RelationshipStatusInfoMessageParser, RoomEngineObjectEvent, RoomObjectCategory, RoomObjectType, UserCurrentBadgesComposer, UserCurrentBadgesEvent, UserProfileEvent, UserProfileParser, UserRelationshipsComposer } from '@nitrots/nitro-renderer';
+import { ExtendedProfileChangedMessageEvent, RelationshipStatusInfoEvent, RelationshipStatusInfoMessageParser, RoomEngineObjectEvent, RoomObjectCategory, RoomObjectType, UserCurrentBadgesComposer, UserCurrentBadgesEvent, UserProfileEvent, UserProfileParser, UserRelationshipsComposer } from '@nitrots/nitro-renderer';
 import { FC, useState } from 'react';
 import { CreateLinkEvent, GetRoomSession, GetSessionDataManager, GetUserProfile, LocalizeText, SendMessageComposer } from '../../api';
 import { Column, Flex, Grid, NitroCardContentView, NitroCardHeaderView, NitroCardView, Text } from '../../common';
@@ -69,6 +69,15 @@ export const UserProfileView: FC<{}> = props =>
         SendMessageComposer(new UserRelationshipsComposer(parser.id));
     });
 
+    useMessageEvent<ExtendedProfileChangedMessageEvent>(ExtendedProfileChangedMessageEvent, event =>
+    {
+        const parser = event.getParser();
+
+        if(parser.userId != userProfile?.id) return;
+
+        GetUserProfile(parser.userId);
+    });
+
     useRoomEngineEvent<RoomEngineObjectEvent>(RoomEngineObjectEvent.SELECTED, event =>
     {
         if(!userProfile) return;

src/hooks/catalog/useCatalog.ts

@@ -674,11 +674,11 @@ const useCatalogState = () =>
     {
         const parser = event.getParser();
 
-        setFurniLimit(parser._Str_15864);
+        setFurniLimit(parser.furniLimit);
-        setMaxFurniLimit(parser._Str_24094);
+        setMaxFurniLimit(parser.maxFurniLimit);
-        setSecondsLeft(parser._Str_3709);
+        setSecondsLeft(parser.secondsLeft);
         setUpdateTime(GetTickerTime());
-        setSecondsLeftWithGrace(parser._Str_24379);
+        setSecondsLeftWithGrace(parser.secondsLeftWithGrace);
 
         refreshBuilderStatus();
     });