From 82f7cf13bb2af2c7e7a29ffd8a230dfacbb4464e Mon Sep 17 00:00:00 2001
From: object <110488133+oobjectt@users.noreply.github.com>
Date: Fri, 27 Jan 2023 05:32:21 +0100
Subject: [PATCH] Feature - Mystery trophy (#135)

---
 .../mysterytrophy/frank_mystery_trophy.png    | Bin 0 -> 1653 bytes
 .../FurnitureMysteryTrophyOpenDialogView.tsx  |  50 ++++++++++++++
 .../widgets/furniture/FurnitureWidgets.scss   |  62 ++++++++++++++++++
 .../context-menu/FurnitureContextMenuView.tsx |  14 +++-
 .../useFurnitureContextMenuWidget.ts          |  19 +++++-
 5 files changed, 143 insertions(+), 2 deletions(-)
 create mode 100644 src/assets/images/mysterytrophy/frank_mystery_trophy.png
 create mode 100644 src/components/room/widgets/furniture/FurnitureMysteryTrophyOpenDialogView.tsx

diff --git a/src/assets/images/mysterytrophy/frank_mystery_trophy.png b/src/assets/images/mysterytrophy/frank_mystery_trophy.png
new file mode 100644
index 0000000000000000000000000000000000000000..67bfeba771e24e4245a29e41e3a2e0b6eecc5c3e
GIT binary patch
literal 1653
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

literal 0
HcmV?d00001

diff --git a/src/components/room/widgets/furniture/FurnitureMysteryTrophyOpenDialogView.tsx b/src/components/room/widgets/furniture/FurnitureMysteryTrophyOpenDialogView.tsx
new file mode 100644
index 00000000..ab187f12
--- /dev/null
+++ b/src/components/room/widgets/furniture/FurnitureMysteryTrophyOpenDialogView.tsx
@@ -0,0 +1,50 @@
+import { OpenMysteryTrophyMessageComposer } from '@nitrots/nitro-renderer';
+import { FC, useState } from 'react';
+import { LocalizeText, SendMessageComposer } from '../../../../api';
+import { Button, Column, Flex, NitroCardContentView, NitroCardHeaderView, NitroCardView, Text } from '../../../../common';
+
+interface FurnitureMysteryTrophyOpenDialogViewProps
+{
+    objectId: number;
+    onClose: () => void;
+}
+
+export const FurnitureMysteryTrophyOpenDialogView: FC<FurnitureMysteryTrophyOpenDialogViewProps> = props =>
+{
+    const { objectId = -1, onClose = null } = props;
+    const [ description, setDescription ] = useState<string>('');
+
+    const onConfirm = () =>
+    {
+        SendMessageComposer(new OpenMysteryTrophyMessageComposer(objectId, description));
+        onClose();
+    }
+    
+    if(objectId === -1) return null;
+
+    return (
+        <NitroCardView className="nitro-mysterytrophy-dialog no-resize" theme="primary-slim">
+            <NitroCardHeaderView center headerText={ LocalizeText('mysterytrophy.header.title') } onCloseClick={ onClose } />
+            <NitroCardContentView>
+                <Flex className="mysterytrophy-dialog-top p-3">
+                    <div className="mysterytrophy-image flex-shrink-0"></div>
+                    <div className="m-2">
+                        <Text variant="white" className="mysterytrophy-text-big">{ LocalizeText('mysterytrophy.header.description') }</Text>
+                    </div>
+                </Flex>
+                <Flex className="mysterytrophy-dialog-bottom p-2">
+                    <Column gap={ 1 }>
+                        <Flex alignItems="center" className="bg-white rounded py-1 px-2 input-mysterytrophy-dialog">
+                            <textarea className="form-control form-control-sm input-mysterytrophy" value={ description } onChange={ event => setDescription(event.target.value) } />
+                            <div className="mysterytrophy-pencil-image flex-shrink-0 small fa-icon"></div>
+                        </Flex>
+                        <Flex className="mt-2" gap={ 5 } display="flex" justifyContent="center" alignItems="center">
+                            <Text pointer className="text-decoration" onClick={ () => onClose() }>{ LocalizeText('cancel') }</Text>
+                            <Button variant="success" onClick={ () => onConfirm() }>{ LocalizeText('generic.ok') }</Button>
+                        </Flex>
+                    </Column>
+                </Flex>
+            </NitroCardContentView>
+        </NitroCardView>
+    );
+}
diff --git a/src/components/room/widgets/furniture/FurnitureWidgets.scss b/src/components/room/widgets/furniture/FurnitureWidgets.scss
index bba38635..65b6559f 100644
--- a/src/components/room/widgets/furniture/FurnitureWidgets.scss
+++ b/src/components/room/widgets/furniture/FurnitureWidgets.scss
@@ -462,3 +462,65 @@
         background-position: center;
     }
 }
+
+.nitro-mysterytrophy-dialog
+{
+    .mysterytrophy-dialog-top
+    {
+        width: 400px;
+        height: 120px;
+        border-radius: 2px;
+        background-color: #0E3F52;
+
+        .mysterytrophy-image
+        {
+            width: 80px;
+            height: 84px;
+            position: relative;
+            background-image: url('@/assets/images/mysterytrophy/frank_mystery_trophy.png');
+            background-repeat: no-repeat;
+        }
+
+        .mysterytrophy-text-big
+        {
+            font-size: 16px;
+        }
+    }
+
+    .mysterytrophy-dialog-bottom
+    {
+        display: flex;
+        justify-content: center;
+        width: 400px;
+        height: 120px;
+        border-radius: 2px;
+        background-color: #E9E9E1;
+
+        .input-mysterytrophy-dialog
+        {
+            width: 380px;
+            border: 1px solid black;
+
+            .input-mysterytrophy
+            {
+                width: 350px;
+                border: 0;
+                outline: 0;
+            }
+
+            .mysterytrophy-pencil-image
+            {
+                width: 16px;
+                height: 16px;
+                position: relative;
+                background-image: url('@/assets/images/infostand/pencil-icon.png');
+                background-repeat: no-repeat;
+            }
+        }
+
+        .text-decoration
+        {
+            text-decoration: underline;
+        }
+    }
+}
diff --git a/src/components/room/widgets/furniture/context-menu/FurnitureContextMenuView.tsx b/src/components/room/widgets/furniture/context-menu/FurnitureContextMenuView.tsx
index 6eacf27b..56ac66d8 100644
--- a/src/components/room/widgets/furniture/context-menu/FurnitureContextMenuView.tsx
+++ b/src/components/room/widgets/furniture/context-menu/FurnitureContextMenuView.tsx
@@ -1,11 +1,12 @@
 import { ContextMenuEnum, CustomUserNotificationMessageEvent, RoomObjectCategory } from '@nitrots/nitro-renderer';
 import { FC } from 'react';
 import { GetGroupInformation, GetSessionDataManager, LocalizeText } from '../../../../../api';
-import { EFFECTBOX_OPEN, GROUP_FURNITURE, MONSTERPLANT_SEED_CONFIRMATION, PURCHASABLE_CLOTHING_CONFIRMATION, useFurnitureContextMenuWidget, useMessageEvent, useNotification } from '../../../../../hooks';
+import { EFFECTBOX_OPEN, GROUP_FURNITURE, MONSTERPLANT_SEED_CONFIRMATION, MYSTERYTROPHY_OPEN_DIALOG, PURCHASABLE_CLOTHING_CONFIRMATION, useFurnitureContextMenuWidget, useMessageEvent, useNotification } from '../../../../../hooks';
 import { ContextMenuHeaderView } from '../../context-menu/ContextMenuHeaderView';
 import { ContextMenuListItemView } from '../../context-menu/ContextMenuListItemView';
 import { ContextMenuView } from '../../context-menu/ContextMenuView';
 import { FurnitureMysteryBoxOpenDialogView } from '../FurnitureMysteryBoxOpenDialogView';
+import { FurnitureMysteryTrophyOpenDialogView } from '../FurnitureMysteryTrophyOpenDialogView';
 import { EffectBoxConfirmView } from './EffectBoxConfirmView';
 import { MonsterPlantSeedConfirmView } from './MonsterPlantSeedConfirmView';
 import { PurchasableClothingConfirmView } from './PurchasableClothingConfirmView';
@@ -47,6 +48,8 @@ export const FurnitureContextMenuView: FC<{}> = props =>
                 <PurchasableClothingConfirmView objectId={ confirmingObjectId } onClose={ closeConfirm } /> }
             { (confirmMode === EFFECTBOX_OPEN) &&
                 <EffectBoxConfirmView objectId={ confirmingObjectId } onClose={ closeConfirm } /> }
+            { (confirmMode === MYSTERYTROPHY_OPEN_DIALOG) &&
+                <FurnitureMysteryTrophyOpenDialogView objectId={ confirmingObjectId } onClose={ closeConfirm } /> }
             <FurnitureMysteryBoxOpenDialogView ownerId={ objectOwnerId } />
             { (objectId >= 0) && mode &&
                 <ContextMenuView objectId={ objectId } category={ RoomObjectCategory.FLOOR } onClose={ onClose } fades={ true }>
@@ -95,6 +98,15 @@ export const FurnitureContextMenuView: FC<{}> = props =>
                                 { LocalizeText('mysterybox.context.' + ((isOwner) ? 'owner' : 'other') + '.use') }
                             </ContextMenuListItemView>
                         </> }
+                    { (mode === ContextMenuEnum.MYSTERY_TROPHY) &&
+                    <>
+                        <ContextMenuHeaderView>
+                            { LocalizeText('mysterytrophy.header.title') }
+                        </ContextMenuHeaderView>
+                        <ContextMenuListItemView onClick={ event => processAction('use_mystery_trophy') }>
+                            { LocalizeText('friendfurni.context.use') }
+                        </ContextMenuListItemView>
+                    </> }
                     { (mode === GROUP_FURNITURE) && groupData &&
                         <>
                             <ContextMenuHeaderView className="cursor-pointer text-truncate" onClick={ () => GetGroupInformation(groupData.guildId) }>
diff --git a/src/hooks/rooms/widgets/furniture/useFurnitureContextMenuWidget.ts b/src/hooks/rooms/widgets/furniture/useFurnitureContextMenuWidget.ts
index 53e4e0fd..74aecb96 100644
--- a/src/hooks/rooms/widgets/furniture/useFurnitureContextMenuWidget.ts
+++ b/src/hooks/rooms/widgets/furniture/useFurnitureContextMenuWidget.ts
@@ -8,6 +8,7 @@ export const MONSTERPLANT_SEED_CONFIRMATION: string = 'MONSTERPLANT_SEED_CONFIRM
 export const PURCHASABLE_CLOTHING_CONFIRMATION: string = 'PURCHASABLE_CLOTHING_CONFIRMATION';
 export const GROUP_FURNITURE: string = 'GROUP_FURNITURE';
 export const EFFECTBOX_OPEN: string = 'EFFECTBOX_OPEN';
+export const MYSTERYTROPHY_OPEN_DIALOG: string = 'MYSTERYTROPHY_OPEN_DIALOG';
 
 const useFurnitureContextMenuWidgetState = () =>
 {
@@ -57,6 +58,10 @@ const useFurnitureContextMenuWidgetState = () =>
                 case 'use_mystery_box':
                     roomSession.useMultistateItem(objectId);
                     break;
+                case 'use_mystery_trophy':
+                    setConfirmMode(MYSTERYTROPHY_OPEN_DIALOG);
+                    setConfirmingObjectId(objectId);
+                    break;
                 case 'join_group':
                     TryJoinGroup(groupData.guildId);
                     setIsGroupMember(true);
@@ -76,7 +81,8 @@ const useFurnitureContextMenuWidgetState = () =>
         RoomEngineTriggerWidgetEvent.REQUEST_MONSTERPLANT_SEED_PLANT_CONFIRMATION_DIALOG,
         RoomEngineTriggerWidgetEvent.REQUEST_PURCHASABLE_CLOTHING_CONFIRMATION_DIALOG,
         RoomEngineTriggerWidgetEvent.REQUEST_EFFECTBOX_OPEN_DIALOG,
-        RoomEngineTriggerWidgetEvent.REQUEST_MYSTERYBOX_OPEN_DIALOG
+        RoomEngineTriggerWidgetEvent.REQUEST_MYSTERYBOX_OPEN_DIALOG,
+        RoomEngineTriggerWidgetEvent.REQUEST_MYSTERYTROPHY_OPEN_DIALOG
     ], event =>
     {
         const object = GetRoomEngine().getRoomObject(roomSession.roomId, event.objectId, event.category);
@@ -114,6 +120,14 @@ const useFurnitureContextMenuWidgetState = () =>
             case RoomEngineTriggerWidgetEvent.REQUEST_MYSTERYBOX_OPEN_DIALOG:
                 roomSession.useMultistateItem(object.id);
 
+                onClose();
+                return;
+            case RoomEngineTriggerWidgetEvent.REQUEST_MYSTERYTROPHY_OPEN_DIALOG:
+                if(!IsOwnerOfFurniture(object)) return;
+
+                setConfirmingObjectId(object.id);
+                setConfirmMode(MYSTERYTROPHY_OPEN_DIALOG);
+
                 onClose();
                 return;
             case RoomEngineTriggerWidgetEvent.OPEN_FURNI_CONTEXT_MENU:
@@ -131,6 +145,9 @@ const useFurnitureContextMenuWidgetState = () =>
                     case ContextMenuEnum.MYSTERY_BOX:
                         setMode(ContextMenuEnum.MYSTERY_BOX);
                         return;
+                    case ContextMenuEnum.MYSTERY_TROPHY:
+                        if(IsOwnerOfFurniture(object)) setMode(ContextMenuEnum.MYSTERY_TROPHY);
+                        return;
                     case ContextMenuEnum.RANDOM_TELEPORT:
                         setMode(ContextMenuEnum.RANDOM_TELEPORT);
                         return;