🆙 Init V3

2026-06-20 15:36:18 +00:00 · 2026-01-31 09:10:52 +01:00
commit 7feb10ab15
1733 changed files with 53405 additions and 0 deletions
@@ -0,0 +1,116 @@
+import { GetRoomAdPurchaseInfoComposer, GetUserEventCatsMessageComposer, PurchaseRoomAdMessageComposer, RoomAdPurchaseInfoEvent, RoomEntryData } from '@nitrots/nitro-renderer';
+import { FC, useEffect, useState } from 'react';
+import { LocalizeText, SendMessageComposer } from '../../../../../api';
+import { Button, Column, Text } from '../../../../../common';
+import { useCatalog, useMessageEvent, useNavigator, useRoomPromote } from '../../../../../hooks';
+import { NitroInput } from '../../../../../layout';
+import { CatalogLayoutProps } from './CatalogLayout.types';
+
+export const CatalogLayoutRoomAdsView: FC<CatalogLayoutProps> = props =>
+{
+    const { page = null } = props;
+    const [ eventName, setEventName ] = useState<string>('');
+    const [ eventDesc, setEventDesc ] = useState<string>('');
+    const [ roomId, setRoomId ] = useState<number>(-1);
+    const [ availableRooms, setAvailableRooms ] = useState<RoomEntryData[]>([]);
+    const [ extended, setExtended ] = useState<boolean>(false);
+    const [ categoryId, setCategoryId ] = useState<number>(1);
+    const { categories = null } = useNavigator();
+    const { setIsVisible = null } = useCatalog();
+    const { promoteInformation, isExtended, setIsExtended } = useRoomPromote();
+
+    useEffect(() =>
+    {
+        if(isExtended)
+        {
+            setRoomId(promoteInformation.data.flatId);
+            setEventName(promoteInformation.data.eventName);
+            setEventDesc(promoteInformation.data.eventDescription);
+            setCategoryId(promoteInformation.data.categoryId);
+            setExtended(isExtended); // This is for sending to packet
+            setIsExtended(false); // This is from hook useRoomPromotte
+        }
+
+    }, [ isExtended, eventName, eventDesc, categoryId, promoteInformation.data, setIsExtended ]);
+
+    const resetData = () =>
+    {
+        setRoomId(-1);
+        setEventName('');
+        setEventDesc('');
+        setCategoryId(1);
+        setIsExtended(false);
+        setIsVisible(false);
+    };
+
+    const purchaseAd = () =>
+    {
+        const pageId = page.pageId;
+        const offerId = page.offers.length >= 1 ? page.offers[0].offerId : -1;
+        const flatId = roomId;
+        const name = eventName;
+        const desc = eventDesc;
+        const catId = categoryId;
+
+        SendMessageComposer(new PurchaseRoomAdMessageComposer(pageId, offerId, flatId, name, extended, desc, catId));
+        resetData();
+    };
+
+    useMessageEvent<RoomAdPurchaseInfoEvent>(RoomAdPurchaseInfoEvent, event =>
+    {
+        const parser = event.getParser();
+
+        if(!parser) return;
+
+        setAvailableRooms(parser.rooms);
+    });
+
+    useEffect(() =>
+    {
+        SendMessageComposer(new GetRoomAdPurchaseInfoComposer());
+        // TODO: someone needs to fix this for morningstar
+        SendMessageComposer(new GetUserEventCatsMessageComposer());
+    }, []);
+
+    return (<>
+        <Text bold center>{ LocalizeText('roomad.catalog_header') }</Text>
+        <Column className="text-black" overflow="hidden" size={ 12 }>
+            <div>{ LocalizeText('roomad.catalog_text', [ 'duration' ], [ '120' ]) }</div>
+            <div className="p-1 rounded bg-muted">
+                <Column gap={ 2 }>
+                    <Text bold>{ LocalizeText('navigator.category') }</Text>
+                    <select className="form-select form-select-sm" disabled={ extended } value={ categoryId } onChange={ event => setCategoryId(parseInt(event.target.value)) }>
+                        { categories && categories.map((cat, index) => <option key={ index } value={ cat.id }>{ LocalizeText(cat.name) }</option>) }
+                    </select>
+                </Column>
+                <div className="flex flex-col gap-1">
+                    <Text bold>{ LocalizeText('roomad.catalog_name') }</Text>
+                    <NitroInput maxLength={ 64 } readOnly={ extended } value={ eventName } onChange={ event => setEventName(event.target.value) } />
+
+                </div>
+                <div className="flex flex-col gap-1">
+                    <Text bold>{ LocalizeText('roomad.catalog_description') }</Text>
+                    <textarea className="min-h-[calc(1.5em+ .5rem+2px)] px-[.5rem] py-[.25rem]  rounded-[.2rem] form-control-sm" maxLength={ 64 } readOnly={ extended } value={ eventDesc } onChange={ event => setEventDesc(event.target.value) } />
+                </div>
+                <div className="flex flex-col gap-1">
+                    <Text bold>{ LocalizeText('roomad.catalog_roomname') }</Text>
+                    <select className="form-select form-select-sm" disabled={ extended } value={ roomId } onChange={ event => setRoomId(parseInt(event.target.value)) }>
+                        <option disabled value={ -1 }>{ LocalizeText('roomad.catalog_roomname') }</option>
+                        { availableRooms && availableRooms.map((room, index) => <option key={ index } value={ room.roomId }>{ room.roomName }</option>) }
+                    </select>
+                </div>
+                <div className="flex flex-col gap-1">
+                    <Button disabled={ (!eventName || !eventDesc || roomId === -1) } variant={ (!eventName || !eventDesc || roomId === -1) ? 'danger' : 'success' } onClick={ purchaseAd }>{ extended ? LocalizeText('roomad.extend.event') : LocalizeText('buy') }</Button>
+                </div>
+            </div>
+        </Column>
+    </>
+    );
+};
+
+interface INavigatorCategory
+{
+    id: number;
+    name: string;
+    visible: boolean;
+}