nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2025-02-17 01:12:37 +01:00
Code Issues Packages Projects Releases Wiki Activity

Catalog updates

Browse Source
This commit is contained in:
Bill 2022-01-19 15:34:23 -05:00
parent 945894db9d
commit c5f8c3c276
38 changed files with 374 additions and 449 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

101
src/components/catalog/CatalogView.tsx
View File

@ -5,7 +5,7 @@ import { CREDITS, PlaySound } from '../../api/utils/PlaySound';
import { Column } from '../../common/Column';
import { Grid } from '../../common/Grid';
import { CatalogEvent } from '../../events';
import { BatchUpdates, UseMountEffect } from '../../hooks';
import { BatchUpdates } from '../../hooks';
import { useUiEvent } from '../../hooks/events/ui/ui-event';
import { SendMessageHook } from '../../hooks/messages/message-event';
import { NitroCardContentView, NitroCardHeaderView, NitroCardTabsView, NitroCardView } from '../../layout';
@ -17,6 +17,7 @@ import { ICatalogPage } from './common/ICatalogPage';
import { IPageLocalization } from './common/IPageLocalization';
import { IPurchasableOffer } from './common/IPurchasableOffer';
import { RequestedPage } from './common/RequestedPage';
import { SearchResult } from './common/SearchResult';
import { CatalogContextProvider } from './context/CatalogContext';
import { CatalogReducer, initialCatalog } from './reducers/CatalogReducer';
import { CatalogGiftView } from './views/gift/CatalogGiftView';
@ -44,6 +45,7 @@ export const CatalogView: FC<{}> = props =>
const [ purchasableOffer, setPurchasableOffer ] = useState<IPurchasableOffer>(null);
const [ currentTab, setCurrentTab ] = useState<ICatalogNode>(null);
const [ activeNodes, setActiveNodes ] = useState<ICatalogNode[]>([]);
const [ searchResult, setSearchResult ] = useState<SearchResult>(null);
const [ frontPageItems, setFrontPageItems ] = useState<FrontPageItem[]>([]);
const [ roomPreviewer, setRoomPreviewer ] = useState<RoomPreviewer>(null);
const [ catalogState, dispatchCatalogState ] = useReducer(CatalogReducer, initialCatalog);
@ -61,50 +63,13 @@ export const CatalogView: FC<{}> = props =>
setPurchasableOffer(null);
setCurrentTab(null);
setActiveNodes([]);
setSearchResult(null);
setFrontPageItems([]);
setIsInitialized(false);
setIsVisible(true);
});
}, []);
const getNodeById = useCallback((id: number, node: ICatalogNode = null) =>
{
if(!node) node = rootNode;
if(!node) return null;
if((node.pageId === id) && (node !== rootNode)) return node;
for(const child of node.children)
{
const n = (getNodeById(id, child) as ICatalogNode);
if(n) return n;
}
return null;
}, [ rootNode ]);
const getNodesByOfferId = useCallback((offerId: number, flag: boolean = false) =>
{
if(!currentOffers || !currentOffers.size) return null;
if(flag)
{
const nodes: ICatalogNode[] = [];
const offers = currentOffers.get(offerId);
if(offers && offers.length)
{
for(const offer of offers) (offer.isVisible && nodes.push(offer));
}
if(nodes.length) return nodes;
}
return currentOffers.get(offerId);
}, [ currentOffers ]);
const loadCatalogPage = useCallback((pageId: number, offerId: number) =>
{
if(pageId < 0) return;
@ -120,8 +85,17 @@ export const CatalogView: FC<{}> = props =>
const selectOffer = useCallback((offerId: number) =>
{
if(!currentPage || !currentPage.offers || offerId < 0) return;
}, []);
for(const offer of currentPage.offers)
{
if(offer.offerId !== offerId) continue;
setCurrentOffer(offer)
return;
}
}, [ currentPage ]);
const showCatalogPage = useCallback((pageId: number, layoutCode: string, localization: IPageLocalization, offers: IPurchasableOffer[], offerId: number, acceptSeasonCurrencyAsCredits: boolean) =>
{
@ -147,7 +121,7 @@ export const CatalogView: FC<{}> = props =>
});
}, [ currentPage, forceRefresh, selectOffer ]);
const activateNode = useCallback((targetNode: ICatalogNode) =>
const activateNode = useCallback((targetNode: ICatalogNode, offerId: number = -1) =>
{
setActiveNodes(prevValue =>
{
@ -179,36 +153,19 @@ export const CatalogView: FC<{}> = props =>
return newNodes;
});
if(targetNode.pageId > -1) loadCatalogPage(targetNode.pageId, -1);
if(targetNode.pageId > -1) loadCatalogPage(targetNode.pageId, offerId);
}, [ setActiveNodes, loadCatalogPage ]);
const onCatalogEvent = useCallback((event: CatalogEvent) =>
{
let save = false;
switch(event.type)
{
case CatalogEvent.SHOW_CATALOG:
setIsVisible(true);
return;
case CatalogEvent.HIDE_CATALOG:
save = true;
setIsVisible(false);
return;
case CatalogEvent.TOGGLE_CATALOG:
save = true;
setIsVisible(value => !value);
return;
case CatalogEvent.PURCHASE_SUCCESS:
PlaySound(CREDITS);
return;
}
}, []);
useUiEvent(CatalogEvent.SHOW_CATALOG, onCatalogEvent);
useUiEvent(CatalogEvent.HIDE_CATALOG, onCatalogEvent);
useUiEvent(CatalogEvent.TOGGLE_CATALOG, onCatalogEvent);
useUiEvent(CatalogEvent.CATALOG_RESET, onCatalogEvent);
useUiEvent(CatalogEvent.PURCHASE_SUCCESS, onCatalogEvent);
const linkReceived = useCallback((url: string) =>
@ -219,6 +176,15 @@ export const CatalogView: FC<{}> = props =>
switch(parts[1])
{
case 'show':
setIsVisible(true);
return;
case 'hide':
setIsVisible(false);
return;
case 'toggle':
setIsVisible(prevValue => !prevValue);
return;
case 'open':
if(parts.length > 2)
{
@ -272,7 +238,13 @@ export const CatalogView: FC<{}> = props =>
{
if(!isVisible) return;
if(!isInitialized) SendMessageHook(new GetCatalogIndexComposer(currentType));
if(!isInitialized)
{
SendMessageHook(new GetMarketplaceConfigurationMessageComposer());
SendMessageHook(new GetGiftWrappingConfigurationComposer());
SendMessageHook(new GetClubGiftInfo());
SendMessageHook(new GetCatalogIndexComposer(currentType));
}
}, [ isVisible, isInitialized, currentType ]);
useEffect(() =>
@ -339,15 +311,8 @@ export const CatalogView: FC<{}> = props =>
setCurrentOffer(null);
}, [ currentPage ]);
UseMountEffect(() =>
{
SendMessageHook(new GetMarketplaceConfigurationMessageComposer());
SendMessageHook(new GetGiftWrappingConfigurationComposer());
SendMessageHook(new GetClubGiftInfo());
});
return (
<CatalogContextProvider value={ { isVisible, isBusy, setIsBusy, pageId, currentType, setCurrentType, rootNode, setRootNode, currentOffers, setCurrentOffers, currentPage, setCurrentPage, currentOffer, setCurrentOffer, purchasableOffer, setPurchasableOffer, activeNodes, setActiveNodes, frontPageItems, setFrontPageItems, resetState, loadCatalogPage, showCatalogPage, activateNode, catalogState, dispatchCatalogState } }>
<CatalogContextProvider value={ { isVisible, isBusy, setIsBusy, pageId, currentType, setCurrentType, rootNode, setRootNode, currentOffers, setCurrentOffers, currentPage, setCurrentPage, currentOffer, setCurrentOffer, purchasableOffer, setPurchasableOffer, activeNodes, setActiveNodes, searchResult, setSearchResult, frontPageItems, setFrontPageItems, roomPreviewer, resetState, loadCatalogPage, showCatalogPage, activateNode, catalogState, dispatchCatalogState } }>
<CatalogMessageHandler />
{ isVisible &&
<NitroCardView uniqueKey="catalog" className="nitro-catalog">

4
src/components/catalog/common/CatalogMode.ts
View File

@ -1,4 +0,0 @@
export class CatalogMode
{
public static MODE_NORMAL: string = 'NORMAL';
}

4
src/components/catalog/common/CatalogPetPalette.ts
View File

@ -3,7 +3,7 @@ import { SellablePetPaletteData } from '@nitrots/nitro-renderer';
export class CatalogPetPalette
{
constructor(
public breed: string,
public palettes: SellablePetPaletteData[]
public readonly breed: string,
public readonly palettes: SellablePetPaletteData[]
) {}
}

180
src/components/catalog/common/CatalogUtilities.ts
View File

@ -1,18 +1,7 @@
import { CatalogPageMessageOfferData, CatalogPageMessageParser, IFurnitureData, INodeData, SellablePetPaletteData } from '@nitrots/nitro-renderer';
import { GetConfiguration, GetProductDataForLocalization, GetRoomEngine } from '../../../api';
import { SellablePetPaletteData } from '@nitrots/nitro-renderer';
import { GetRoomEngine } from '../../../api';
import { ICatalogNode } from './ICatalogNode';
export interface ICatalogOffers
{
[key: string]: INodeData[];
}
export interface ICatalogSearchResult
{
page: INodeData;
furniture: IFurnitureData[];
}
export const GetPixelEffectIcon = (id: number) =>
{
return '';
@ -23,13 +12,39 @@ export const GetSubscriptionProductIcon = (id: number) =>
return '';
}
export function GetOfferName(offer: CatalogPageMessageOfferData): string
export const GetNodeById = (id: number, searchNode: ICatalogNode = null, rootNode: ICatalogNode) =>
{
const productData = GetProductDataForLocalization(offer.localizationId);
if(!searchNode) searchNode = rootNode;
if(productData) return productData.name;
if(!searchNode) return null;
return offer.localizationId;
if((searchNode.pageId === id) && (searchNode !== rootNode)) return searchNode;
for(const child of searchNode.children)
{
const node = (GetNodeById(id, child, rootNode) as ICatalogNode);
if(node) return node;
}
return null;
}
export const GetNodesByOfferId = (offerId: number, flag: boolean = false, currentOffers: Map<number, ICatalogNode[]>) =>
{
if(!currentOffers || !currentOffers.size) return null;
if(flag)
{
const nodes: ICatalogNode[] = [];
const offers = currentOffers.get(offerId);
if(offers && offers.length) for(const offer of offers) (offer.isVisible && nodes.push(offer));
if(nodes.length) return nodes;
}
return currentOffers.get(offerId);
}
export const GetOfferNodes = (offerNodes: Map<number, ICatalogNode[]>, offerId: number) =>
@ -50,53 +65,36 @@ export const GetOfferNodes = (offerNodes: Map<number, ICatalogNode[]>, offerId:
return allowedNodes;
}
export const SetOffersToNodes = (offers: ICatalogOffers, pageData: INodeData) =>
export const FilterCatalogNode = (search: string, furniLines: string[], node: ICatalogNode, nodes: ICatalogNode[]) =>
{
if(pageData.offerIds && pageData.offerIds.length)
if(node.isVisible && (node.pageId > 0))
{
for(const offerId of pageData.offerIds)
let nodeAdded = false;
const hayStack = [ node.pageName, node.localization ].join(' ').toLowerCase().replace(/ /gi, '');
if(hayStack.indexOf(search) > -1)
{
let existing = offers[offerId.toString()];
nodes.push(node);
if(!existing)
nodeAdded = true;
}
if(!nodeAdded)
{
for(const furniLine of furniLines)
{
existing = [];
if(hayStack.indexOf(furniLine) >= 0)
{
nodes.push(node);
offers[offerId.toString()] = existing;
break;
}
}
if(existing.indexOf(pageData) >= 0) continue;
existing.push(pageData);
}
}
if(pageData.children && pageData.children.length)
{
for(const child of pageData.children) SetOffersToNodes(offers, child);
}
}
export function GetCatalogPageImage(page: CatalogPageMessageParser, index: number = 0): string
{
const imageName = page.localization.images && page.localization.images[index];
if(!imageName || !imageName.length) return null;
let assetUrl = GetConfiguration<string>('catalog.asset.image.url');
assetUrl = assetUrl.replace('%name%', imageName);
return assetUrl;
}
export function GetCatalogPageText(page: CatalogPageMessageParser, index: number = 0): string
{
let message = (page.localization.texts[index] || '');
if(message && message.length) message = message.replace(/\r\n|\r|\n/g, '<br />');
return (message || '');
for(const child of node.children) FilterCatalogNode(search, furniLines, child, nodes);
}
export function GetPetIndexFromLocalization(localization: string)
@ -160,77 +158,3 @@ export function GetPetAvailableColors(petIndex: number, palettes: SellablePetPal
}
}
}
export function GetCatalogPageTreeByName(page: INodeData, lookup: string, tree: INodeData[])
{
if(page.pageName === lookup) return page;
for(const pageData of page.children)
{
const foundPageData = GetCatalogPageTreeByName(pageData, lookup, tree);
if(foundPageData)
{
tree.push(pageData);
return pageData;
}
}
}
export function GetCatalogPageTreeById(page: INodeData, lookup: number, tree: INodeData[])
{
if(page.pageId === lookup) return page;
for(const pageData of page.children)
{
const foundPageData = GetCatalogPageTreeById(pageData, lookup, tree);
if(foundPageData)
{
tree.push(pageData);
return pageData;
}
}
}
export function GetCatalogPageTreeByOfferId(page: INodeData, lookup: number, tree: INodeData[])
{
if(page.offerIds.indexOf(lookup) >= 0) return page;
for(const pageData of page.children)
{
const foundPageData = GetCatalogPageTreeByOfferId(pageData, lookup, tree);
if(foundPageData)
{
tree.push(pageData);
return pageData;
}
}
}
export function BuildCatalogPageTree(page: INodeData, lookup: string, isOffer: boolean = false)
{
const pageTree: INodeData[] = [];
if(isOffer)
{
GetCatalogPageTreeByOfferId(page, parseInt(lookup), pageTree);
}
else if(isNaN((lookup as unknown) as number))
{
GetCatalogPageTreeByName(page, lookup, pageTree);
}
else
{
GetCatalogPageTreeById(page, parseInt(lookup), pageTree);
}
if(pageTree.length) pageTree.reverse();
return pageTree;
}

33
src/components/catalog/common/FilterCatalogNode.ts
View File

@ -1,33 +0,0 @@
import { ICatalogNode } from './ICatalogNode';
export const FilterCatalogNode = (search: string, furniLines: string[], node: ICatalogNode, nodes: ICatalogNode[]) =>
{
if(node.isVisible && (node.pageId > 0))
{
let nodeAdded = false;
const hayStack = [ node.pageName, node.localization ].join(' ').toLowerCase().replace(/ /gi, '');
if(hayStack.indexOf(search) > -1)
{
nodes.push(node);
nodeAdded = true;
}
if(!nodeAdded)
{
for(const furniLine of furniLines)
{
if(hayStack.indexOf(furniLine) >= 0)
{
nodes.push(node);
break;
}
}
}
}
for(const child of node.children) FilterCatalogNode(search, furniLines, child, nodes);
}

47
src/components/catalog/common/GetProuductIconUrl.ts
View File

@ -1,47 +0,0 @@
import { FurnitureType } from '@nitrots/nitro-renderer';
import { GetConfiguration, GetRoomEngine, GetSessionDataManager } from '../../../api';
export const GetProductIconUrl = (furniClassId: number, productType: string, customParams: string = null) =>
{
switch(productType.toUpperCase())
{
case FurnitureType.BADGE:
return GetSessionDataManager().getBadgeUrl(customParams);
case FurnitureType.ROBOT:
return undefined;
case FurnitureType.FLOOR:
return GetRoomEngine().getFurnitureFloorIconUrl(furniClassId);
case FurnitureType.WALL: {
const furniData = GetSessionDataManager().getWallItemData(furniClassId);
let iconName = '';
if(furniData)
{
switch(furniData.className)
{
case 'floor':
iconName = [ 'th', furniData.className, customParams ].join('_');
break;
case 'wallpaper':
iconName = [ 'th', 'wall', customParams ].join('_');
break;
case 'landscape':
iconName = [ 'th', furniData.className, (customParams || '').replace('.', '_'), '001' ].join('_');
break;
}
if(iconName !== '')
{
const assetUrl = GetConfiguration<string>('catalog.asset.url');
return `${ assetUrl }/${ iconName }.png`;
}
}
return GetRoomEngine().getFurnitureWallIconUrl(furniClassId, customParams);
}
}
return null;
}

2
src/components/catalog/common/Product.ts
View File

@ -21,7 +21,7 @@ export class Product implements IProduct
constructor(productType: string, productClassId: number, extraParam: string, productCount: number, productData: IProductData, furnitureData: IFurnitureData, isUniqueLimitedItem: boolean = false, uniqueLimitedItemSeriesSize: number = 0, uniqueLimitedItemsLeft: number = 0)
{
this._productType = productType;
this._productType = productType.toLowerCase();
this._productClassId = productClassId;
this._extraParam = extraParam;
this._productCount = productCount;

11
src/components/catalog/common/SearchResult.ts Normal file
View File

@ -0,0 +1,11 @@
import { ICatalogNode } from './ICatalogNode';
import { IPurchasableOffer } from './IPurchasableOffer';
export class SearchResult
{
constructor(
public readonly searchValue: string,
public readonly offers: IPurchasableOffer[],
public readonly filteredNodes: ICatalogNode[]
) {}
}

10
src/components/catalog/common/SubscriptionInfo.ts
View File

@ -4,11 +4,11 @@ export class SubscriptionInfo
private _lastUpdated: number;
constructor(
public clubDays: number = 0,
public clubPeriods: number = 0,
public isVip: boolean = false,
public pastDays: number = 0,
public pastVipDays: number = 0) {}
public readonly clubDays: number = 0,
public readonly clubPeriods: number = 0,
public readonly isVip: boolean = false,
public readonly pastDays: number = 0,
public readonly pastVipDays: number = 0) {}
public get lastUpdated(): number
{

9
src/components/catalog/context/CatalogContext.tsx
View File

@ -1,9 +1,10 @@
import { FrontPageItem } from '@nitrots/nitro-renderer';
import { FrontPageItem, RoomPreviewer } from '@nitrots/nitro-renderer';
import { createContext, Dispatch, FC, ProviderProps, SetStateAction, useContext } from 'react';
import { ICatalogNode } from '../common/ICatalogNode';
import { ICatalogPage } from '../common/ICatalogPage';
import { IPageLocalization } from '../common/IPageLocalization';
import { IPurchasableOffer } from '../common/IPurchasableOffer';
import { SearchResult } from '../common/SearchResult';
import { ICatalogAction, ICatalogState } from '../reducers/CatalogReducer';
export interface ICatalogContext
@ -26,8 +27,11 @@ export interface ICatalogContext
setPurchasableOffer: Dispatch<SetStateAction<IPurchasableOffer>>;
activeNodes: ICatalogNode[];
setActiveNodes: Dispatch<SetStateAction<ICatalogNode[]>>;
searchResult: SearchResult;
setSearchResult: Dispatch<SetStateAction<SearchResult>>;
frontPageItems: FrontPageItem[];
setFrontPageItems: Dispatch<SetStateAction<FrontPageItem[]>>;
roomPreviewer: RoomPreviewer;
resetState: () => void;
loadCatalogPage: (pageId: number, offerId: number) => void;
showCatalogPage: (pageId: number, layoutCode: string, localization: IPageLocalization, offers: IPurchasableOffer[], offerId: number, acceptSeasonCurrencyAsCredits: boolean) => void;
@ -56,8 +60,11 @@ const CatalogContext = createContext<ICatalogContext>({
setPurchasableOffer: null,
activeNodes: null,
setActiveNodes: null,
searchResult: null,
setSearchResult: null,
frontPageItems: null,
setFrontPageItems: null,
roomPreviewer: null,
resetState: null,
loadCatalogPage: null,
showCatalogPage: null,

12
src/components/catalog/views/navigation/CatalogNavigationView.tsx
View File

@ -2,7 +2,9 @@ import { FC } from 'react';
import { Column } from '../../../../common/Column';
import { Grid } from '../../../../common/Grid';
import { ICatalogNode } from '../../common/ICatalogNode';
import { useCatalogContext } from '../../context/CatalogContext';
import { CatalogSearchView } from '../search/CatalogSearchView';
import { CatalogNavigationItemView } from './CatalogNavigationItemView';
import { CatalogNavigationSetView } from './CatalogNavigationSetView';
export interface CatalogNavigationViewProps
@ -13,17 +15,19 @@ export interface CatalogNavigationViewProps
export const CatalogNavigationView: FC<CatalogNavigationViewProps> = props =>
{
const { node = null } = props;
const { searchResult = null } = useCatalogContext();
return (
<>
<CatalogSearchView />
<Column fullHeight className="nitro-catalog-navigation-grid-container p-1" overflow="hidden">
<Grid grow columnCount={ 1 } gap={ 1 } overflow="auto">
{/* { filterNodes && (filteredNodes.length > 0) && filteredNodes.map((node, index) =>
{ searchResult && (searchResult.filteredNodes.length > 0) && searchResult.filteredNodes.map((n, index) =>
{
return <CatalogNavigationItemView key={ index } node={ node } isActive={ (activeNodes.indexOf(node) > -1) } selectNode={ selectNode } />;
})} */}
<CatalogNavigationSetView node={ node } />
return <CatalogNavigationItemView key={ index } node={ n } />;
})}
{ !searchResult &&
<CatalogNavigationSetView node={ node } /> }
</Grid>
</Column>
</>

1
src/components/catalog/views/page/CatalogPageView.tsx
View File

@ -60,7 +60,6 @@ export const CatalogPageView: FC<CatalogPageViewProps> = props =>
}
else
{
console.log('??')
roomPreviewer.addFurnitureIntoRoom(product.productClassId, new Vector3d(90), stuffData);
}
return;

26
src/components/catalog/views/page/layout/badge-display/CatalogLayoutBadgeDisplayView.tsx → src/components/catalog/views/page/layout/CatalogLayoutBadgeDisplayView.tsx
View File

@ -1,18 +1,18 @@
import { StringDataType } from '@nitrots/nitro-renderer';
import { FC, useCallback, useEffect, useState } from 'react';
import { LocalizeText } from '../../../../../../api';
import { Column } from '../../../../../../common/Column';
import { Grid } from '../../../../../../common/Grid';
import { LayoutGridItem } from '../../../../../../common/layout/LayoutGridItem';
import { Text } from '../../../../../../common/Text';
import { InventoryBadgesUpdatedEvent, SetRoomPreviewerStuffDataEvent } from '../../../../../../events';
import { InventoryBadgesRequestEvent } from '../../../../../../events/inventory/InventoryBadgesRequestEvent';
import { dispatchUiEvent, useUiEvent } from '../../../../../../hooks';
import { BadgeImageView } from '../../../../../../views/shared/badge-image/BadgeImageView';
import { useCatalogContext } from '../../../../context/CatalogContext';
import { CatalogProductPreviewView } from '../../offers/CatalogPageOfferPreviewView';
import { CatalogPageOffersView } from '../../offers/CatalogPageOffersView';
import { CatalogLayoutProps } from '../CatalogLayout.types';
import { LocalizeText } from '../../../../../api';
import { Column } from '../../../../../common/Column';
import { Grid } from '../../../../../common/Grid';
import { LayoutGridItem } from '../../../../../common/layout/LayoutGridItem';
import { Text } from '../../../../../common/Text';
import { InventoryBadgesUpdatedEvent, SetRoomPreviewerStuffDataEvent } from '../../../../../events';
import { InventoryBadgesRequestEvent } from '../../../../../events/inventory/InventoryBadgesRequestEvent';
import { dispatchUiEvent, useUiEvent } from '../../../../../hooks';
import { BadgeImageView } from '../../../../../views/shared/badge-image/BadgeImageView';
import { useCatalogContext } from '../../../context/CatalogContext';
import { CatalogProductPreviewView } from '../offers/CatalogPageOfferPreviewView';
import { CatalogPageOffersView } from '../offers/CatalogPageOffersView';
import { CatalogLayoutProps } from './CatalogLayout.types';
export const CatalogLayoutBadgeDisplayView: FC<CatalogLayoutProps> = props =>
{

2
src/components/catalog/views/page/layout/color-grouping/CatalogLayoutColorGroupingView.tsx → src/components/catalog/views/page/layout/CatalogLayoutColorGroupingView.tsx
View File

@ -1,5 +1,5 @@
import { FC, useState } from 'react';
import { CatalogLayoutProps } from '../CatalogLayout.types';
import { CatalogLayoutProps } from './CatalogLayout.types';
export interface CatalogLayoutColorGroupViewProps extends CatalogLayoutProps
{

15
src/components/catalog/views/page/layout/default/CatalogLayoutDefaultView.tsx → src/components/catalog/views/page/layout/CatalogLayoutDefaultView.tsx
View File

@ -1,11 +1,11 @@
import { FC } from 'react';
import { Column } from '../../../../../../common/Column';
import { Grid } from '../../../../../../common/Grid';
import { useCatalogContext } from '../../../../context/CatalogContext';
import { CatalogPageDetailsView } from '../../../page-details/CatalogPageDetailsView';
import { CatalogProductPreviewView } from '../../offers/CatalogPageOfferPreviewView';
import { CatalogItemGridWidgetView } from '../../widgets/CatalogItemGridWidgetView';
import { CatalogLayoutProps } from '../CatalogLayout.types';
import { Column } from '../../../../../common/Column';
import { Grid } from '../../../../../common/Grid';
import { useCatalogContext } from '../../../context/CatalogContext';
import { CatalogPageDetailsView } from '../../page-details/CatalogPageDetailsView';
import { CatalogProductPreviewView } from '../offers/CatalogPageOfferPreviewView';
import { CatalogItemGridWidgetView } from '../widgets/CatalogItemGridWidgetView';
import { CatalogLayoutProps } from './CatalogLayout.types';
export const CatalogLayoutDefaultView: FC<CatalogLayoutProps> = props =>
{
@ -16,7 +16,6 @@ export const CatalogLayoutDefaultView: FC<CatalogLayoutProps> = props =>
<Grid>
<Column size={ 7 } overflow="hidden">
<CatalogItemGridWidgetView />
{/* <CatalogPageOffersView offers={ page.offers } /> */}
</Column>
<Column size={ 5 } overflow="hidden">
{ !currentOffer &&

20
src/components/catalog/views/page/layout/guild-custom-furni/CatalogLayoutGuildCustomFurniView.tsx → src/components/catalog/views/page/layout/CatalogLayoutGuildCustomFurniView.tsx
View File

@ -1,15 +1,15 @@
import { CatalogGroupsComposer, StringDataType } from '@nitrots/nitro-renderer';
import { FC, useEffect, useMemo, useState } from 'react';
import { Column } from '../../../../../../common/Column';
import { Grid } from '../../../../../../common/Grid';
import { SetRoomPreviewerStuffDataEvent } from '../../../../../../events';
import { dispatchUiEvent } from '../../../../../../hooks';
import { SendMessageHook } from '../../../../../../hooks/messages';
import { useCatalogContext } from '../../../../context/CatalogContext';
import { CatalogSelectGroupView } from '../../../select-group/CatalogSelectGroupView';
import { CatalogProductPreviewView } from '../../offers/CatalogPageOfferPreviewView';
import { CatalogPageOffersView } from '../../offers/CatalogPageOffersView';
import { CatalogLayoutProps } from '../CatalogLayout.types';
import { Column } from '../../../../../common/Column';
import { Grid } from '../../../../../common/Grid';
import { SetRoomPreviewerStuffDataEvent } from '../../../../../events';
import { dispatchUiEvent } from '../../../../../hooks';
import { SendMessageHook } from '../../../../../hooks/messages';
import { useCatalogContext } from '../../../context/CatalogContext';
import { CatalogSelectGroupView } from '../../select-group/CatalogSelectGroupView';
import { CatalogProductPreviewView } from '../offers/CatalogPageOfferPreviewView';
import { CatalogPageOffersView } from '../offers/CatalogPageOffersView';
import { CatalogLayoutProps } from './CatalogLayout.types';
export const CatalogLayouGuildCustomFurniView: FC<CatalogLayoutProps> = props =>
{

16
src/components/catalog/views/page/layout/guild-forum/CatalogLayoutGuildForumView.tsx → src/components/catalog/views/page/layout/CatalogLayoutGuildForumView.tsx
View File

@ -1,13 +1,13 @@
import { CatalogGroupsComposer } from '@nitrots/nitro-renderer';
import { FC, useEffect, useState } from 'react';
import { Base } from '../../../../../../common/Base';
import { Column } from '../../../../../../common/Column';
import { Grid } from '../../../../../../common/Grid';
import { SendMessageHook } from '../../../../../../hooks/messages';
import { useCatalogContext } from '../../../../context/CatalogContext';
import { CatalogSelectGroupView } from '../../../select-group/CatalogSelectGroupView';
import { CatalogProductPreviewView } from '../../offers/CatalogPageOfferPreviewView';
import { CatalogLayoutProps } from '../CatalogLayout.types';
import { Base } from '../../../../../common/Base';
import { Column } from '../../../../../common/Column';
import { Grid } from '../../../../../common/Grid';
import { SendMessageHook } from '../../../../../hooks/messages';
import { useCatalogContext } from '../../../context/CatalogContext';
import { CatalogSelectGroupView } from '../../select-group/CatalogSelectGroupView';
import { CatalogProductPreviewView } from '../offers/CatalogPageOfferPreviewView';
import { CatalogLayoutProps } from './CatalogLayout.types';
export const CatalogLayouGuildForumView: FC<CatalogLayoutProps> = props =>
{

14
src/components/catalog/views/page/layout/guild-frontpage/CatalogLayoutGuildFrontpageView.tsx → src/components/catalog/views/page/layout/CatalogLayoutGuildFrontpageView.tsx
View File

@ -1,11 +1,11 @@
import { FC } from 'react';
import { CreateLinkEvent, LocalizeText } from '../../../../../../api';
import { Base } from '../../../../../../common/Base';
import { Button } from '../../../../../../common/Button';
import { Column } from '../../../../../../common/Column';
import { Grid } from '../../../../../../common/Grid';
import { LayoutImage } from '../../../../../../common/layout/LayoutImage';
import { CatalogLayoutProps } from '../CatalogLayout.types';
import { CreateLinkEvent, LocalizeText } from '../../../../../api';
import { Base } from '../../../../../common/Base';
import { Button } from '../../../../../common/Button';
import { Column } from '../../../../../common/Column';
import { Grid } from '../../../../../common/Grid';
import { LayoutImage } from '../../../../../common/layout/LayoutImage';
import { CatalogLayoutProps } from './CatalogLayout.types';
export const CatalogLayouGuildFrontpageView: FC<CatalogLayoutProps> = props =>
{

2
src/components/catalog/views/page/layout/info-loyalty/CatalogLayoutInfoLoyaltyView.tsx → src/components/catalog/views/page/layout/CatalogLayoutInfoLoyaltyView.tsx
View File

@ -1,5 +1,5 @@
import { FC } from 'react';
import { CatalogLayoutProps } from '../CatalogLayout.types';
import { CatalogLayoutProps } from './CatalogLayout.types';
export const CatalogLayoutInfoLoyaltyView: FC<CatalogLayoutProps> = props =>
{

4
src/components/catalog/views/page/layout/pets2/CatalogLayoutPets2View.tsx → src/components/catalog/views/page/layout/CatalogLayoutPets2View.tsx
View File

@ -1,6 +1,6 @@
import { FC } from 'react';
import { CatalogLayoutProps } from '../CatalogLayout.types';
import { CatalogLayoutPets3View } from '../pets3/CatalogLayoutPets3View';
import { CatalogLayoutProps } from './CatalogLayout.types';
import { CatalogLayoutPets3View } from './CatalogLayoutPets3View';
export const CatalogLayoutPets2View: FC<CatalogLayoutProps> = props =>
{

8
src/components/catalog/views/page/layout/pets3/CatalogLayoutPets3View.tsx → src/components/catalog/views/page/layout/CatalogLayoutPets3View.tsx
View File

@ -1,8 +1,8 @@
import { FC } from 'react';
import { Base } from '../../../../../../common/Base';
import { Column } from '../../../../../../common/Column';
import { Flex } from '../../../../../../common/Flex';
import { CatalogLayoutProps } from '../CatalogLayout.types';
import { Base } from '../../../../../common/Base';
import { Column } from '../../../../../common/Column';
import { Flex } from '../../../../../common/Flex';
import { CatalogLayoutProps } from './CatalogLayout.types';
export const CatalogLayoutPets3View: FC<CatalogLayoutProps> = props =>
{

12
src/components/catalog/views/page/layout/room-bundle/CatalogLayoutRoomBundleView.tsx → src/components/catalog/views/page/layout/CatalogLayoutRoomBundleView.tsx
View File

@ -1,10 +1,10 @@
import { FC } from 'react';
import { Column } from '../../../../../../common/Column';
import { Grid } from '../../../../../../common/Grid';
import { useCatalogContext } from '../../../../context/CatalogContext';
import { CatalogPageDetailsView } from '../../../page-details/CatalogPageDetailsView';
import { CatalogPurchaseView } from '../../purchase/CatalogPurchaseView';
import { CatalogLayoutProps } from '../CatalogLayout.types';
import { Column } from '../../../../../common/Column';
import { Grid } from '../../../../../common/Grid';
import { useCatalogContext } from '../../../context/CatalogContext';
import { CatalogPageDetailsView } from '../../page-details/CatalogPageDetailsView';
import { CatalogPurchaseView } from '../purchase/CatalogPurchaseView';
import { CatalogLayoutProps } from './CatalogLayout.types';
export const CatalogLayoutRoomBundleView: FC<CatalogLayoutProps> = props =>
{

35
src/components/catalog/views/page/layout/CatalogLayoutSingleBundleView.tsx Normal file
View File

@ -0,0 +1,35 @@
import { FC } from 'react';
import { Column } from '../../../../../common/Column';
import { Grid } from '../../../../../common/Grid';
import { Text } from '../../../../../common/Text';
import { CatalogAddOnBadgeWidgetView } from '../widgets/CatalogAddOnBadgeWidgetView';
import { CatalogBundleGridWidgetView } from '../widgets/CatalogBundleGridWidgetView';
import { CatalogPurchaseWidgetView } from '../widgets/CatalogPurchaseWidgetView';
import { CatalogSimplePriceWidgetView } from '../widgets/CatalogSimplePriceWidgetView';
import { CatalogLayoutProps } from './CatalogLayout.types';
export const CatalogLayoutSingleBundleView: FC<CatalogLayoutProps> = props =>
{
const { page = null, roomPreviewer = null } = props;
const imageUrl = page.localization.getImage(1);
return (
<>
<Grid>
<Column justifyContent="center" size={ 7 } overflow="hidden">
<Text dangerouslySetInnerHTML={ { __html: page.localization.getText(2) } } />
<CatalogBundleGridWidgetView />
</Column>
<Column size={ 5 } overflow="hidden">
<Column fullHeight center position="relative">
<CatalogAddOnBadgeWidgetView />
<CatalogSimplePriceWidgetView />
{ imageUrl && <img className="" alt="" src={ imageUrl } /> }
</Column>
<CatalogPurchaseWidgetView />
</Column>
</Grid>
</>
);
}

22
src/components/catalog/views/page/layout/spaces-new/CatalogLayoutSpacesView.tsx → src/components/catalog/views/page/layout/CatalogLayoutSpacesView.tsx
View File

@ -1,15 +1,15 @@
import { FC, useEffect, useState } from 'react';
import { LocalizeText } from '../../../../../../api';
import { Button } from '../../../../../../common/Button';
import { ButtonGroup } from '../../../../../../common/ButtonGroup';
import { Column } from '../../../../../../common/Column';
import { Grid } from '../../../../../../common/Grid';
import { BatchUpdates } from '../../../../../../hooks';
import { IPurchasableOffer } from '../../../../common/IPurchasableOffer';
import { useCatalogContext } from '../../../../context/CatalogContext';
import { CatalogProductPreviewView } from '../../offers/CatalogPageOfferPreviewView';
import { CatalogPageOffersView } from '../../offers/CatalogPageOffersView';
import { CatalogLayoutProps } from '../CatalogLayout.types';
import { LocalizeText } from '../../../../../api';
import { Button } from '../../../../../common/Button';
import { ButtonGroup } from '../../../../../common/ButtonGroup';
import { Column } from '../../../../../common/Column';
import { Grid } from '../../../../../common/Grid';
import { BatchUpdates } from '../../../../../hooks';
import { IPurchasableOffer } from '../../../common/IPurchasableOffer';
import { useCatalogContext } from '../../../context/CatalogContext';
import { CatalogProductPreviewView } from '../offers/CatalogPageOfferPreviewView';
import { CatalogPageOffersView } from '../offers/CatalogPageOffersView';
import { CatalogLayoutProps } from './CatalogLayout.types';
export const CatalogLayoutSpacesView: FC<CatalogLayoutProps> = props =>
{

12
src/components/catalog/views/page/layout/trophies/CatalogLayoutTrophiesView.tsx → src/components/catalog/views/page/layout/CatalogLayoutTrophiesView.tsx
View File

@ -1,10 +1,10 @@
import { FC, useState } from 'react';
import { Column } from '../../../../../../common/Column';
import { Grid } from '../../../../../../common/Grid';
import { useCatalogContext } from '../../../../context/CatalogContext';
import { CatalogProductPreviewView } from '../../offers/CatalogPageOfferPreviewView';
import { CatalogPageOffersView } from '../../offers/CatalogPageOffersView';
import { CatalogLayoutProps } from '../CatalogLayout.types';
import { Column } from '../../../../../common/Column';
import { Grid } from '../../../../../common/Grid';
import { useCatalogContext } from '../../../context/CatalogContext';
import { CatalogProductPreviewView } from '../offers/CatalogPageOfferPreviewView';
import { CatalogPageOffersView } from '../offers/CatalogPageOffersView';
import { CatalogLayoutProps } from './CatalogLayout.types';
export const CatalogLayoutTrophiesView: FC<CatalogLayoutProps> = props =>
{

34
src/components/catalog/views/page/layout/vip-buy/CatalogLayoutVipBuyView.tsx → src/components/catalog/views/page/layout/CatalogLayoutVipBuyView.tsx
View File

@ -1,22 +1,22 @@
import { ClubOfferData, GetClubOffersMessageComposer, PurchaseFromCatalogComposer } from '@nitrots/nitro-renderer';
import { FC, useCallback, useEffect, useMemo, useState } from 'react';
import { LocalizeText } from '../../../../../../api';
import { Button } from '../../../../../../common/Button';
import { Column } from '../../../../../../common/Column';
import { Flex } from '../../../../../../common/Flex';
import { Grid } from '../../../../../../common/Grid';
import { LayoutGridItem } from '../../../../../../common/layout/LayoutGridItem';
import { Text } from '../../../../../../common/Text';
import { CatalogEvent } from '../../../../../../events/catalog/CatalogEvent';
import { useUiEvent } from '../../../../../../hooks';
import { SendMessageHook } from '../../../../../../hooks/messages/message-event';
import { LoadingSpinnerView } from '../../../../../../layout/loading-spinner/LoadingSpinnerView';
import { GetCurrencyAmount } from '../../../../../../views/purse/common/CurrencyHelper';
import { GLOBAL_PURSE } from '../../../../../../views/purse/PurseView';
import { CurrencyIcon } from '../../../../../../views/shared/currency-icon/CurrencyIcon';
import { CatalogPurchaseState } from '../../../../common/CatalogPurchaseState';
import { useCatalogContext } from '../../../../context/CatalogContext';
import { CatalogLayoutProps } from '../CatalogLayout.types';
import { LocalizeText } from '../../../../../api';
import { Button } from '../../../../../common/Button';
import { Column } from '../../../../../common/Column';
import { Flex } from '../../../../../common/Flex';
import { Grid } from '../../../../../common/Grid';
import { LayoutGridItem } from '../../../../../common/layout/LayoutGridItem';
import { Text } from '../../../../../common/Text';
import { CatalogEvent } from '../../../../../events/catalog/CatalogEvent';
import { useUiEvent } from '../../../../../hooks';
import { SendMessageHook } from '../../../../../hooks/messages/message-event';
import { LoadingSpinnerView } from '../../../../../layout/loading-spinner/LoadingSpinnerView';
import { GetCurrencyAmount } from '../../../../../views/purse/common/CurrencyHelper';
import { GLOBAL_PURSE } from '../../../../../views/purse/PurseView';
import { CurrencyIcon } from '../../../../../views/shared/currency-icon/CurrencyIcon';
import { CatalogPurchaseState } from '../../../common/CatalogPurchaseState';
import { useCatalogContext } from '../../../context/CatalogContext';
import { CatalogLayoutProps } from './CatalogLayout.types';
export const CatalogLayoutVipBuyView: FC<CatalogLayoutProps> = props =>
{

26
src/components/catalog/views/page/layout/GetCatalogLayout.tsx
View File

@ -1,23 +1,23 @@
import { RoomPreviewer } from '@nitrots/nitro-renderer';
import { ICatalogPage } from '../../../common/ICatalogPage';
import { CatalogLayoutBadgeDisplayView } from './badge-display/CatalogLayoutBadgeDisplayView';
import { CatalogLayoutProps } from './CatalogLayout.types';
import { CatalogLayoutDefaultView } from './default/CatalogLayoutDefaultView';
import { CatalogLayoutBadgeDisplayView } from './CatalogLayoutBadgeDisplayView';
import { CatalogLayoutDefaultView } from './CatalogLayoutDefaultView';
import { CatalogLayouGuildCustomFurniView } from './CatalogLayoutGuildCustomFurniView';
import { CatalogLayouGuildForumView } from './CatalogLayoutGuildForumView';
import { CatalogLayouGuildFrontpageView } from './CatalogLayoutGuildFrontpageView';
import { CatalogLayoutInfoLoyaltyView } from './CatalogLayoutInfoLoyaltyView';
import { CatalogLayoutPets2View } from './CatalogLayoutPets2View';
import { CatalogLayoutPets3View } from './CatalogLayoutPets3View';
import { CatalogLayoutRoomBundleView } from './CatalogLayoutRoomBundleView';
import { CatalogLayoutSingleBundleView } from './CatalogLayoutSingleBundleView';
import { CatalogLayoutSpacesView } from './CatalogLayoutSpacesView';
import { CatalogLayoutTrophiesView } from './CatalogLayoutTrophiesView';
import { CatalogLayoutVipBuyView } from './CatalogLayoutVipBuyView';
import { CatalogLayoutFrontpage4View } from './frontpage4/CatalogLayoutFrontpage4View';
import { CatalogLayouGuildCustomFurniView } from './guild-custom-furni/CatalogLayoutGuildCustomFurniView';
import { CatalogLayouGuildForumView } from './guild-forum/CatalogLayoutGuildForumView';
import { CatalogLayouGuildFrontpageView } from './guild-frontpage/CatalogLayoutGuildFrontpageView';
import { CatalogLayoutInfoLoyaltyView } from './info-loyalty/CatalogLayoutInfoLoyaltyView';
import { CatalogLayoutMarketplaceOwnItemsView } from './marketplace/CatalogLayoutMarketplaceOwnItemsView';
import { CatalogLayoutMarketplacePublicItemsView } from './marketplace/CatalogLayoutMarketplacePublicItemsView';
import { CatalogLayoutPetView } from './pets/CatalogLayoutPetView';
import { CatalogLayoutPets2View } from './pets2/CatalogLayoutPets2View';
import { CatalogLayoutPets3View } from './pets3/CatalogLayoutPets3View';
import { CatalogLayoutRoomBundleView } from './room-bundle/CatalogLayoutRoomBundleView';
import { CatalogLayoutSingleBundleView } from './single-bundle/CatalogLayoutSingleBundleView';
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 = (page: ICatalogPage, roomPreviewer: RoomPreviewer) =>

26
src/components/catalog/views/page/layout/single-bundle/CatalogLayoutSingleBundleView.tsx
View File

@ -1,26 +0,0 @@
import { FC } from 'react';
import { Column } from '../../../../../../common/Column';
import { Grid } from '../../../../../../common/Grid';
import { CatalogAddOnBadgeWidgetView } from '../../widgets/CatalogAddOnBadgeWidgetView';
import { CatalogBundleGridWidgetView } from '../../widgets/CatalogBundleGridWidgetView';
import { CatalogPurchaseWidgetView } from '../../widgets/CatalogPurchaseWidgetView';
import { CatalogSimplePriceWidgetView } from '../../widgets/CatalogSimplePriceWidgetView';
import { CatalogLayoutProps } from '../CatalogLayout.types';
export const CatalogLayoutSingleBundleView: FC<CatalogLayoutProps> = props =>
{
const { page = null, roomPreviewer = null } = props;
return (
<Grid>
<Column size={ 6 } overflow="hidden">
<CatalogAddOnBadgeWidgetView />
<CatalogSimplePriceWidgetView />
<CatalogPurchaseWidgetView />
</Column>
<Column size={ 6 } overflow="hidden">
<CatalogBundleGridWidgetView />
</Column>
</Grid>
);
}

3
src/components/catalog/views/page/product/CatalogProductView.tsx
View File

@ -1,7 +1,6 @@
import { FC } from 'react';
import { LayoutGridItem, LayoutGridItemProps } from '../../../../../common/layout/LayoutGridItem';
import { AvatarImageView } from '../../../../../views/shared/avatar-image/AvatarImageView';
import { GetProductIconUrl } from '../../../common/GetProuductIconUrl';
import { IProduct } from '../../../common/IProduct';
import { ProductTypeEnum } from '../../../common/ProductTypeEnum';
@ -16,7 +15,7 @@ export const CatalogProductView: FC<CatalogProductViewProps> = props =>
if(!product) return null;
const iconUrl = GetProductIconUrl(product.productClassId, product.productType, product.extraParam);
const iconUrl = product.getIconUrl(null);
return (
<LayoutGridItem itemImage={ iconUrl } itemCount={ product.productCount } itemUniqueSoldout={ (product.uniqueLimitedItemSeriesSize && !product.uniqueLimitedItemsLeft) } itemUniqueNumber={ product.uniqueLimitedItemSeriesSize } { ...rest }>

13
src/components/catalog/views/search/CatalogSearchView.tsx
View File

@ -7,17 +7,19 @@ import { Flex } from '../../../../common/Flex';
import { BatchUpdates } from '../../../../hooks';
import { CatalogPage } from '../../common/CatalogPage';
import { CatalogType } from '../../common/CatalogType';
import { GetOfferNodes } from '../../common/CatalogUtilities';
import { FilterCatalogNode, GetOfferNodes } from '../../common/CatalogUtilities';
import { FurnitureOffer } from '../../common/FurnitureOffer';
import { ICatalogNode } from '../../common/ICatalogNode';
import { ICatalogPage } from '../../common/ICatalogPage';
import { IPurchasableOffer } from '../../common/IPurchasableOffer';
import { PageLocalization } from '../../common/PageLocalization';
import { SearchResult } from '../../common/SearchResult';
import { useCatalogContext } from '../../context/CatalogContext';
export const CatalogSearchView: FC<{}> = props =>
{
const [ searchValue, setSearchValue ] = useState('');
const { currentType = null, setActiveNodes = null, currentOffers = null, setCurrentPage = null } = useCatalogContext();
const { currentType = null, rootNode = null, setActiveNodes = null, currentOffers = null, searchResult = null, setSearchResult = null, setCurrentPage = null } = useCatalogContext();
const processSearch = useCallback((search: string) =>
{
@ -69,12 +71,17 @@ export const CatalogSearchView: FC<{}> = props =>
for(const furniture of foundFurniture) offers.push(new FurnitureOffer(furniture));
let nodes: ICatalogNode[] = [];
FilterCatalogNode(search, foundFurniLines, rootNode, nodes);
BatchUpdates(() =>
{
setCurrentPage((new CatalogPage(-1, 'default_3x3', new PageLocalization([], []), offers, false, 1) as ICatalogPage));
setSearchResult(new SearchResult(search, offers, nodes.filter(node => (node.isVisible))));
setActiveNodes([]);
});
}, [ currentOffers, currentType, setCurrentPage, setActiveNodes ]);
}, [ currentOffers, currentType, rootNode, setCurrentPage, setSearchResult, setActiveNodes ]);
useEffect(() =>
{

11
src/components/catalog/views/tabs/CatalogTabsView.tsx
View File

@ -1,4 +1,4 @@
import { FC } from 'react';
import { Dispatch, FC, SetStateAction } from 'react';
import { NitroCardTabsItemView } from '../../../../layout';
import { ICatalogNode } from '../../common/ICatalogNode';
@ -6,18 +6,13 @@ interface CatalogTabsViewsProps
{
node: ICatalogNode;
currentTab: ICatalogNode;
setCurrentTab: (node: ICatalogNode) => void;
setCurrentTab: Dispatch<SetStateAction<ICatalogNode>>;
}
export const CatalogTabsViews: FC<CatalogTabsViewsProps> = props =>
{
const { node = null, currentTab = null, setCurrentTab = null } = props;
const selectNode = (node: ICatalogNode) =>
{
setCurrentTab(node);
}
return (
<>
{ node && (node.children.length > 0) && node.children.map(child =>
@ -25,7 +20,7 @@ export const CatalogTabsViews: FC<CatalogTabsViewsProps> = props =>
if(!child.isVisible) return null;
return (
<NitroCardTabsItemView key={ child.pageId } isActive={ (currentTab === child) } onClick={ event => selectNode(child) }>
<NitroCardTabsItemView key={ child.pageId } isActive={ (currentTab === child) } onClick={ event => setCurrentTab(child) }>
{ child.localization }
</NitroCardTabsItemView>
);

6
src/components/toolbar/ToolbarView.tsx
View File

@ -1,7 +1,7 @@
import { Dispose, DropBounce, EaseOut, FigureUpdateEvent, JumpBy, Motions, NitroToolbarAnimateIconEvent, Queue, UserInfoDataParser, UserInfoEvent, Wait } from '@nitrots/nitro-renderer';
import { FC, useCallback, useState } from 'react';
import { CreateLinkEvent, GetRoomSession, GetRoomSessionManager, GetSessionDataManager, GetUserProfile, GoToDesktop, OpenMessengerChat } from '../../api';
import { AvatarEditorEvent, CatalogEvent, FriendsEvent, FriendsMessengerIconEvent, FriendsRequestCountEvent, InventoryEvent, NavigatorEvent, RoomWidgetCameraEvent } from '../../events';
import { AvatarEditorEvent, FriendsEvent, FriendsMessengerIconEvent, FriendsRequestCountEvent, InventoryEvent, NavigatorEvent, RoomWidgetCameraEvent } from '../../events';
import { AchievementsUIEvent, AchievementsUIUnseenCountEvent } from '../../events/achievements';
import { UnseenItemTrackerUpdateEvent } from '../../events/inventory/UnseenItemTrackerUpdateEvent';
import { ModToolsEvent } from '../../events/mod-tools/ModToolsEvent';
@ -139,10 +139,10 @@ export const ToolbarView: FC<ToolbarViewProps> = props =>
dispatchUiEvent(new InventoryEvent(InventoryEvent.TOGGLE_INVENTORY));
return;
case ToolbarViewItems.CATALOG_ITEM:
dispatchUiEvent(new CatalogEvent(CatalogEvent.TOGGLE_CATALOG));
CreateLinkEvent('catalog/toggle');
return;
case ToolbarViewItems.FRIEND_LIST_ITEM:
dispatchUiEvent(new CatalogEvent(FriendsEvent.TOGGLE_FRIEND_LIST));
dispatchUiEvent(new FriendsEvent(FriendsEvent.TOGGLE_FRIEND_LIST));
return;
case ToolbarViewItems.CAMERA_ITEM:
dispatchUiEvent(new RoomWidgetCameraEvent(RoomWidgetCameraEvent.TOGGLE_CAMERA));

26
src/events/catalog/CatalogInitPurchaseEvent.ts Normal file
View File

@ -0,0 +1,26 @@
import { NitroEvent } from '@nitrots/nitro-renderer';
import { CatalogWidgetEvent } from './CatalogWidgetEvent';
export class CatalogInitPurchaseEvent extends NitroEvent
{
private _enableBuyAsGift: boolean = true;
private _userName: string;
constructor(enableBuyAsGift: boolean = true, userName: string = null)
{
super(CatalogWidgetEvent.INIT_PURCHASE);
this._enableBuyAsGift = enableBuyAsGift;
this._userName = userName;
}
public get enableBuyAsGift(): boolean
{
return this._enableBuyAsGift;
}
public get userName(): string
{
return this._userName;
}
}

19
src/events/catalog/CatalogPurchaseOverrideEvent.ts Normal file
View File

@ -0,0 +1,19 @@
import { NitroEvent } from '@nitrots/nitro-renderer';
import { CatalogWidgetEvent } from './CatalogWidgetEvent';
export class CatalogPurchaseOverrideEvent extends NitroEvent
{
private _callback: Function;
constructor(callback: Function)
{
super(CatalogWidgetEvent.PURCHASE_OVERRIDE);
this._callback = callback;
}
public get callback(): Function
{
return this._callback;
}
}

5
src/events/catalog/CatalogSelectProductEvent.ts
View File

@ -1,15 +1,14 @@
import { NitroEvent } from '@nitrots/nitro-renderer';
import { IPurchasableOffer } from '../../components/catalog/common/IPurchasableOffer';
import { CatalogWidgetEvent } from './CatalogWidgetEvent';
export class CatalogSelectProductEvent extends NitroEvent
{
public static SELECT_PRODUCT: string = 'CSPE_SELECT_PRODUCT';
private _offer: IPurchasableOffer;
constructor(offer: IPurchasableOffer)
{
super(CatalogSelectProductEvent.SELECT_PRODUCT);
super(CatalogWidgetEvent.SELECT_PRODUCT);
this._offer = offer;
}

5
src/events/catalog/CatalogSetExtraPurchaseParameterEvent.ts
View File

@ -1,14 +1,13 @@
import { NitroEvent } from '@nitrots/nitro-renderer';
import { CatalogWidgetEvent } from './CatalogWidgetEvent';
export class CatalogSetExtraPurchaseParameterEvent extends NitroEvent
{
public static SET_EXTRA_PARAM: string = 'CSEPPE_SET_EXTRA_PARAM';
private _parameter: string;
constructor(parameter: string)
{
super(CatalogSetExtraPurchaseParameterEvent.SET_EXTRA_PARAM);
super(CatalogWidgetEvent.SET_EXTRA_PARM);
this._parameter = parameter;
}

19
src/events/catalog/CatalogSetRoomPreviewerStuffDataEvent.ts Normal file
View File

@ -0,0 +1,19 @@
import { IObjectData, NitroEvent } from '@nitrots/nitro-renderer';
import { CatalogWidgetEvent } from './CatalogWidgetEvent';
export class CatalogSetRoomPreviewerStuffDataEvent extends NitroEvent
{
private _stuffData: IObjectData;
constructor(stuffData: IObjectData)
{
super(CatalogWidgetEvent.SET_PREVIEWER_STUFFDATA);
this._stuffData = stuffData;
}
public get stuffData(): IObjectData
{
return this._stuffData;
}
}

28
src/events/catalog/CatalogWidgetEvent.ts Normal file
View File

@ -0,0 +1,28 @@
import { NitroEvent } from '@nitrots/nitro-renderer';
export class CatalogWidgetEvent extends NitroEvent
{
public static WIDGETS_INITIALIZED: string = 'CWE_CWE_WIDGETS_INITIALIZED';
public static SELECT_PRODUCT: string = 'CWE_SELECT_PRODUCT';
public static SET_EXTRA_PARM: string = 'CWE_CWE_SET_EXTRA_PARM';
public static PURCHASE: string = 'CWE_PURCHASE';
public static COLOUR_ARRAY: string = 'CWE_COLOUR_ARRAY';
public static MULTI_COLOUR_ARRAY: string = 'CWE_MULTI_COLOUR_ARRAY';
public static COLOUR_INDEX: string = 'CWE_COLOUR_INDEX';
public static TEXT_INPUT: string = 'CWE_TEXT_INPUT';
public static DROPMENU_SELECT: string = 'CWE_CWE_DROPMENU_SELECT';
public static APPROVE_RESULT: string = 'CWE_CWE_APPROVE_RESULT';
public static PURCHASE_OVERRIDE: string = 'CWE_PURCHASE_OVERRIDE';
public static SELLABLE_PET_PALETTES: string = 'CWE_SELLABLE_PET_PALETTES';
public static INIT_PURCHASE: string = 'CWE_INIT_PURCHASE';
public static UPDATE_ROOM_PREVIEW: string = 'CWE_UPDATE_ROOM_PREVIEW';
public static GUILD_SELECTED: string = 'CWE_GUILD_SELECTED';
public static TOTAL_PRICE_WIDGET_INITIALIZED: string = 'CWE_TOTAL_PRICE_WIDGET_INITIALIZED';
public static PRODUCT_OFFER_UPDATED: string = 'CWE_CWE_PRODUCT_OFFER_UPDATED';
public static SET_PREVIEWER_STUFFDATA: string = 'CWE_CWE_SET_PREVIEWER_STUFFDATA';
public static EXTRA_PARAM_REQUIRED_FOR_BUY: string = 'CWE_CWE_EXTRA_PARAM_REQUIRED_FOR_BUY';
public static TOGGLE: string = 'CWE_CWE_TOGGLE';
public static BUILDER_SUBSCRIPTION_UPDATED: string = 'CWE_CWE_BUILDER_SUBSCRIPTION_UPDATED';
public static ROOM_CHANGED: string = 'CWE_CWE_ROOM_CHANGED';
public static SHOW_WARNING_TEXT: string = 'CWE_CWE_SHOW_WARNING_TEXT';
}