@rpg-engine/long-bow 0.8.6 → 0.8.8

package/dist/components/InformationCenter/sections/bestiary/{BestiarySection.d.ts → InformationCenterBestiarySection.d.ts}

@@ -9,5 +9,5 @@ interface IBestiarySectionProps {
     initialSearchQuery: string;
     tabId: string;
 }
-export declare const BestiarySection: React.FC<IBestiarySectionProps>;
+export declare const InformationCenterBestiarySection: React.FC<IBestiarySectionProps>;
 export {};

package/dist/components/InformationCenter/sections/faq/{FaqSection.d.ts → InformationCenterFaqSection.d.ts}

@@ -5,5 +5,5 @@ interface IFaqSectionProps {
     initialSearchQuery: string;
     tabId: string;
 }
-export declare const FaqSection: React.FC<IFaqSectionProps>;
+export declare const InformationCenterFAQSection: React.FC<IFaqSectionProps>;
 export {};

package/dist/components/InformationCenter/sections/items/{ItemsSection.d.ts → InformationCenterItemsSection.d.ts}

@@ -8,5 +8,5 @@ interface IItemsSectionProps {
     initialSearchQuery: string;
     tabId: string;
 }
-export declare const ItemsSection: React.FC<IItemsSectionProps>;
+export declare const InformationCenterItemsSection: React.FC<IItemsSectionProps>;
 export {};

package/dist/components/InformationCenter/sections/tutorials/{TutorialsSection.d.ts → InformationCenterTutorialsSection.d.ts}

@@ -3,6 +3,7 @@ import { IVideoGuide } from '../../InformationCenter';
 interface ITutorialsSectionProps {
     videoGuides: IVideoGuide[];
     initialSearchQuery: string;
+    tabId: string;
 }
-export declare const TutorialsSection: React.FC<ITutorialsSectionProps>;
+export declare const InformationCenterTutorialsSection: React.FC<ITutorialsSectionProps>;
 export {};

package/dist/components/Item/Inventory/ItemPropertyColorSelector.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface Props {
+    selectedColor: string;
+    isOpen: boolean;
+    onClose: () => void;
+    onConfirm: (color: string) => void;
+    onChange: (color: string) => void;
+}
+export declare const ColorSelector: React.FC<Props>;
+export {};

package/dist/components/Item/Inventory/ItemPropertySimpleHandler.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface Props {
+    isOpen: boolean;
+    selectedColor: string;
+    onClose: () => void;
+    onConfirm: (color: string) => void;
+    onChange: (color: string) => void;
+}
+export declare const ItemPropertySimpleHandler: React.FC<Props>;
+export {};

package/dist/components/Store/CartView.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { IStoreItem } from './StoreTypes';
+interface ICartViewProps {
+    cartItems: {
+        item: IStoreItem;
+        quantity: number;
+    }[];
+    onRemoveFromCart: (itemKey: string) => void;
+    onClose: () => void;
+    onPurchase: () => Promise<boolean>;
+    atlasJSON: Record<string, any>;
+    atlasIMG: string;
+}
+export declare const CartView: React.FC<ICartViewProps>;
+export {};

package/dist/components/Store/StoreItemDetails.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { IItemPack, IStoreItem } from './StoreTypes';
+interface IStoreItemDetailsProps {
+    item: IStoreItem | (IItemPack & {
+        name: string;
+        texturePath: string;
+    });
+    imageUrl: string | {
+        src: string;
+        default?: string;
+    };
+    onBack: () => void;
+    onAddToCart: (item: IStoreItem) => void;
+}
+export declare const StoreItemDetails: React.FC<IStoreItemDetailsProps>;
+export {};

package/dist/components/Store/StoreItemRow.d.ts

@@ -5,8 +5,7 @@ interface IStoreItemRowProps {
     item: IStoreItem;
     atlasJSON: Record<string, any>;
     atlasIMG: string;
-    onPurchase: (item: IStoreItem, quantity: number) => void;
-    userGold: number;
+    onAddToCart: (item: IStoreItem, quantity: number) => void;
     userAccountType: UserAccountTypes;
 }
 export declare const StoreItemRow: React.FC<IStoreItemRowProps>;

package/dist/components/Store/StoreTypes.d.ts

@@ -1,19 +1,48 @@
 import { IItem, UserAccountTypes } from '@rpg-engine/shared';
 export interface IStoreItem extends Omit<IItem, 'canSell'> {
     price: number;
-    stock: number;
     requiredAccountType?: UserAccountTypes[];
-    canSell: boolean;
+    key: string;
+    name: string;
+    texturePath: string;
+}
+export interface ICartItem {
+    item: IStoreItem;
+    quantity: number;
+}
+export interface IItemPack {
+    key: string;
+    title: string;
+    description: string;
+    priceUSD: number;
+    image: {
+        src: string;
+        default?: string;
+    };
 }
 export interface IStoreProps {
     items: IStoreItem[];
+    packs?: IItemPack[];
     atlasJSON: Record<string, any>;
     atlasIMG: string;
-    onPurchase: (item: IStoreItem, quantity: number) => void;
-    userGold: number;
+    onPurchase: (purchase: IPurchase) => void;
     userAccountType: UserAccountTypes;
     loading?: boolean;
     error?: string;
     initialSearchQuery?: string;
     onClose?: () => void;
 }
+export declare enum PurchaseType {
+    PremiumAccount = "PremiumAccount",
+    Item = "Item",
+    Pack = "Pack"
+}
+export interface IPurchaseUnit {
+    purchaseKey: string;
+    qty: number;
+    type: PurchaseType;
+    name: string;
+}
+export interface IPurchase {
+    purchases: IPurchaseUnit[];
+}

package/dist/components/Store/hooks/useStoreCart.d.ts

@@ -0,0 +1,14 @@
+import { ICartItem, IPurchase, IStoreItem } from '../StoreTypes';
+interface IUseStoreCart {
+    cartItems: ICartItem[];
+    isCartOpen: boolean;
+    handleAddToCart: (item: IStoreItem, quantity: number) => void;
+    handleRemoveFromCart: (itemKey: string) => void;
+    handlePurchase: (onPurchase: (purchase: IPurchase) => void) => void;
+    openCart: () => void;
+    closeCart: () => void;
+    getTotalItems: () => number;
+    getTotalPrice: () => number;
+}
+export declare const useStoreCart: () => IUseStoreCart;
+export {};

package/dist/components/Store/sections/StoreItemsSection.d.ts

@@ -0,0 +1,12 @@
+import { UserAccountTypes } from '@rpg-engine/shared';
+import React from 'react';
+import { IStoreItem } from '../StoreTypes';
+interface IStoreItemsSectionProps {
+    items: IStoreItem[];
+    onAddToCart: (item: IStoreItem, quantity: number) => void;
+    atlasJSON: Record<string, any>;
+    atlasIMG: string;
+    userAccountType?: UserAccountTypes;
+}
+export declare const StoreItemsSection: React.FC<IStoreItemsSectionProps>;
+export {};

package/dist/components/Store/sections/StorePacksSection.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { IItemPack } from '../StoreTypes';
+interface IStorePacksSectionProps {
+    packs: IItemPack[];
+    onAddToCart: (pack: IItemPack) => void;
+    onSelectPack?: (pack: IItemPack) => void;
+}
+export declare const StorePacksSection: React.FC<IStorePacksSectionProps>;
+export {};

package/dist/components/shared/CTAButton/CTAButton.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface ICTAButtonProps {
+    icon: React.ReactNode;
+    label?: React.ReactNode;
+    onClick?: (e: React.MouseEvent) => void;
+    className?: string;
+    fullWidth?: boolean;
+    textColor?: string;
+    iconColor?: string;
+    disabled?: boolean;
+}
+export declare const CTAButton: React.FC<ICTAButtonProps>;
+export {};

package/dist/components/shared/Card/Card.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface ICardProps {
+    title: string;
+    description: string;
+    imageUrl?: string | {
+        src: string;
+        default?: string;
+    };
+    category?: string;
+    onClick?: () => void;
+    footer?: React.ReactNode;
+    className?: string;
+}
+export declare const ShoppingCard: React.FC<ICardProps>;

package/dist/components/shared/Ellipsis.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 interface IProps {
     children: React.ReactNode;
-    maxLines?: 1 | 2 | 3;
+    maxLines?: 1 | 2 | 3 | 4 | 5;
     maxWidth: string;
     fontSize?: string;
     center?: boolean;

package/dist/components/shared/PaginatedContent/PaginatedContent.d.ts

@@ -19,6 +19,8 @@ interface IPaginatedContentProps<T> {
     dependencies?: any[];
     tabId?: string;
     layout?: 'grid' | 'list';
+    gridColumns?: number;
+    itemHeight?: string;
 }
-export declare const PaginatedContent: <T extends unknown>({ items, itemsPerPage, renderItem, emptyMessage, className, filterOptions, searchOptions, dependencies, tabId, layout, }: IPaginatedContentProps<T>) => React.ReactElement;
+export declare const PaginatedContent: <T extends unknown>({ items, itemsPerPage, renderItem, emptyMessage, className, filterOptions, searchOptions, dependencies, tabId, layout, gridColumns, itemHeight, }: IPaginatedContentProps<T>) => React.ReactElement;
 export {};

package/dist/components/shared/ScrollableContent/ScrollableContent.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { IOptionsProps } from '../../Dropdown';
+interface IScrollableContentProps<T> {
+    items: T[];
+    renderItem: (item: T) => React.ReactNode;
+    emptyMessage?: string;
+    className?: string;
+    filterOptions?: {
+        options: IOptionsProps[];
+        selectedOption: string;
+        onOptionChange: (value: string) => void;
+    };
+    searchOptions?: {
+        value: string;
+        onChange: (value: string) => void;
+        placeholder?: string;
+    };
+    layout?: 'grid' | 'list';
+    gridColumns?: number;
+    maxHeight?: string;
+}
+export declare const ScrollableContent: <T extends unknown>({ items, renderItem, emptyMessage, className, filterOptions, searchOptions, layout, gridColumns, maxHeight, }: IScrollableContentProps<T>) => React.ReactElement;
+export {};

package/dist/components/shared/SearchBar/SearchBar.d.ts

@@ -1,10 +1,9 @@
 import React from 'react';
-interface SearchBarProps {
+interface ISearchBarProps {
     value: string;
     onChange: (value: string) => void;
     placeholder?: string;
     className?: string;
-    autoFocus?: boolean;
 }
-export declare const SearchBar: React.FC<SearchBarProps>;
+export declare const SearchBar: React.FC<ISearchBarProps>;
 export {};

package/dist/components/shared/SearchHeader/SearchHeader.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { IOptionsProps } from '../../Dropdown';
+interface ISearchHeaderProps {
+    searchOptions?: {
+        value: string;
+        onChange: (value: string) => void;
+        placeholder?: string;
+    };
+    filterOptions?: {
+        options: IOptionsProps[];
+        selectedOption: string;
+        onOptionChange: (value: string) => void;
+    };
+    className?: string;
+}
+export declare const SearchHeader: React.FC<ISearchHeaderProps>;
+export {};

package/dist/components/shared/ShoppingCart/CartCard.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface ICardProps {
+    title: string;
+    description: string;
+    imageUrl?: string | {
+        src: string;
+        default?: string;
+    };
+    category?: string;
+    onClick?: () => void;
+    footer?: React.ReactNode;
+    className?: string;
+}
+export declare const ShoppingCard: React.FC<ICardProps>;

package/dist/components/shared/ShoppingCart/CartCardHorizontal.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface ICardProps {
+    title: string;
+    description: string;
+    imageUrl?: string | {
+        src: string;
+        default?: string;
+    };
+    onClick?: () => void;
+    footer?: React.ReactNode;
+    className?: string;
+}
+export declare const ShoppingCardHorizontal: React.FC<ICardProps>;

package/dist/components/shared/SpriteFromAtlas.d.ts

@@ -7,6 +7,7 @@ interface IProps {
     height?: number;
     grayScale?: boolean;
     opacity?: number;
+    tintColor?: string;
     onPointerDown?: () => void;
     containerStyle?: any;
     imgStyle?: any;

package/dist/index.d.ts

@@ -22,6 +22,7 @@ export * from './components/Input';
 export * from './components/InternalTabs/InternalTabs';
 export { ErrorBoundary } from './components/Item/Inventory/ErrorBoundary';
 export * from './components/Item/Inventory/ItemContainer';
+export * from './components/Item/Inventory/ItemPropertySimpleHandler';
 export * from './components/Item/Inventory/ItemQuantitySelectorModal';
 export * from './components/Item/Inventory/ItemSlot';
 export * from './components/itemSelector/ItemSelector';