@rpg-engine/long-bow 0.8.218 → 0.8.220

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

@@ -1,5 +1,5 @@
-import { MetadataType } from "@rpg-engine/shared";
-import React from "react";
+import { MetadataType } from '@rpg-engine/shared';
+import React from 'react';
 export interface IMetadataCollectorProps {
     metadataType: MetadataType;
     config: Record<string, any>;

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

@@ -1,7 +1,7 @@
 import { IItemPack, IPurchase, IProductBlueprint, UserAccountTypes } from '@rpg-engine/shared';
 import React from 'react';
 import { IFeaturedItem } from './FeaturedBanner';
-declare type TabId = 'premium' | 'packs' | 'items' | 'characters' | 'wallet' | 'history' | 'redeem';
+import { TabId } from './hooks/useStoreTabs';
 export interface IStoreProps {
     items: IProductBlueprint[];
     packs?: IItemPack[];
@@ -24,12 +24,7 @@ export interface IStoreProps {
     customCharactersContent?: React.ReactNode;
     customWalletContent?: React.ReactNode;
     customHistoryContent?: React.ReactNode;
-    /** When true the store renders full-screen (useful on mobile). */
     fullScreen?: boolean;
-    /** Override the DraggableContainer width (e.g. "90vw"). Defaults to "1000px". */
-    containerWidth?: string;
-    /** Override the DraggableContainer height (e.g. "80vh"). Defaults to "80vh" so the inner scroll area is bounded. */
-    containerHeight?: string;
     packsBadge?: string;
     featuredItems?: IFeaturedItem[];
     onQuickBuy?: (item: IProductBlueprint, quantity?: number) => void;
@@ -47,48 +42,42 @@ export interface IStoreProps {
         saleEndsAt?: string;
         originalPrice?: number;
     }>;
-    /** Fires when an item row becomes visible (on mount). Useful for store_item_viewed analytics. */
     onItemView?: (item: IProductBlueprint, position: number) => void;
-    /** Fires when a pack row becomes visible (on mount). Useful for pack_viewed analytics. */
     onPackView?: (pack: IItemPack, position: number) => void;
-    /** Fires when the active store tab changes (e.g. 'items', 'packs', 'premium'). */
     onTabChange?: (tab: string, itemsShown: number) => void;
-    /** Fires when the category filter changes in the items tab. */
     onCategoryChange?: (category: string, itemsShown: number) => void;
-    /** Fires when the cart is opened. */
     onCartOpen?: () => void;
-    /** Fires when any item or pack is added to the cart. */
     onAddToCart?: (item: IProductBlueprint, quantity: number) => void;
-    /** Fires when an item is removed from the cart. */
     onRemoveFromCart?: (itemKey: string) => void;
-    /** Fires when the user taps "Pay" — before the purchase resolves. */
     onCheckoutStart?: (items: Array<{
         key: string;
         name: string;
         quantity: number;
     }>, total: number) => void;
-    /** Fires after a successful purchase. */
     onPurchaseSuccess?: (items: Array<{
         key: string;
         name: string;
         quantity: number;
     }>, total: number) => void;
-    /** Fires when a purchase fails. */
     onPurchaseError?: (error: string) => void;
-    /** Called when the DC nudge in CartView is tapped — open the DC purchase flow. */
     onBuyDC?: () => void;
-    /** Currency symbol to display (e.g. "$" for USD, "R$" for BRL). Defaults to "$". */
     currencySymbol?: string;
-    /** Callback to redeem a voucher code. When provided, the Redeem tab is shown. */
     onRedeem?: (code: string) => Promise<{
         success: boolean;
         dcAmount?: number;
         error?: string;
     }>;
-    /** Called when the voucher code input gains focus. */
     onRedeemInputFocus?: () => void;
-    /** Called when the voucher code input loses focus. */
     onRedeemInputBlur?: () => void;
+    /** Override the modal width. Defaults to '1000px'. */
+    width?: string;
+    /** Override the modal height. Defaults to 'min(85vh, 900px)'. */
+    height?: string;
+    /** Override the item category filter pills. Auto-derived from item.itemType when omitted. */
+    itemCategoryOptions?: Array<{
+        value: string;
+        label: string;
+    }>;
 }
 export type { IFeaturedItem };
 export declare const Store: React.FC<IStoreProps>;

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

@@ -0,0 +1,14 @@
+import React, { ReactNode } from 'react';
+import { TabId } from './hooks/useStoreTabs';
+export interface IStoreHeaderProps {
+    tabs: Array<{
+        id: TabId;
+        label: ReactNode;
+        icon: ReactNode;
+    }>;
+    activeTabId: TabId;
+    onTabChange: (tabId: string) => void;
+    cartItemCount: number;
+    onOpenCart: () => void;
+}
+export declare const StoreHeader: React.FC<IStoreHeaderProps>;

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

@@ -15,6 +15,8 @@ interface IUseStoreCart {
     getTotalItems: () => number;
     getTotalPrice: () => number;
     isCollectingMetadata: boolean;
+    currentMetadataItem: IProductBlueprint | null;
+    resolveMetadata: (metadata: Record<string, any> | null) => void;
 }
 export declare const useStoreCart: () => IUseStoreCart;
 export {};

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

@@ -1,15 +1,8 @@
-import { IProductBlueprint } from "@rpg-engine/shared";
-interface IUseStoreMetadata {
+import { IProductBlueprint } from '@rpg-engine/shared';
+export interface IUseStoreMetadata {
     collectMetadata: (item: IProductBlueprint) => Promise<Record<string, any> | null>;
+    resolveMetadata: (metadata: Record<string, any> | null) => void;
     isCollectingMetadata: boolean;
+    currentMetadataItem: IProductBlueprint | null;
 }
 export declare const useStoreMetadata: () => IUseStoreMetadata;
-declare global {
-    interface Window {
-        __metadataResolvers?: {
-            resolve: (metadata: Record<string, any> | null) => void;
-            item: IProductBlueprint;
-        };
-    }
-}
-export {};

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

@@ -0,0 +1,20 @@
+export declare type TabId = 'premium' | 'packs' | 'items' | 'characters' | 'wallet' | 'history' | 'redeem';
+interface IUseStoreTabsParams {
+    tabOrder?: TabId[];
+    defaultActiveTab?: TabId;
+    hidePremiumTab?: boolean;
+    hasCharacters?: boolean;
+    hasRedeem?: boolean;
+    hasWallet?: boolean;
+    hasHistory?: boolean;
+    onTabChange?: (tab: TabId, itemsShown: number) => void;
+    getItemCount?: (tab: TabId) => number;
+}
+interface IUseStoreTabs {
+    availableTabIds: TabId[];
+    activeTab: TabId;
+    setActiveTab: (tab: TabId) => void;
+    handleTabChange: (tabId: string) => void;
+}
+export declare function useStoreTabs(params: IUseStoreTabsParams): IUseStoreTabs;
+export {};

package/dist/components/Store/internal/packToBlueprint.d.ts

@@ -0,0 +1,2 @@
+import { IItemPack, IProductBlueprint } from '@rpg-engine/shared';
+export declare function packToBlueprint(pack: IItemPack): IProductBlueprint;

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

@@ -16,12 +16,14 @@ interface IStoreItemsSectionProps {
         saleEndsAt?: string;
         originalPrice?: number;
     }>;
-    /** Fires when an item row becomes visible. Passes item and its 0-based position. */
     onItemView?: (item: IProductBlueprint, position: number) => void;
-    /** Fires when the category filter changes. Passes new category and item count. */
     onCategoryChange?: (category: string, itemsShown: number) => void;
-    /** Currency symbol to display (e.g. "$" for USD, "R$" for BRL). Defaults to "$". */
     currencySymbol?: string;
+    /** Override the auto-derived category filter pills. */
+    categoryOptions?: Array<{
+        value: string;
+        label: string;
+    }>;
 }
 export declare const StoreItemsSection: React.FC<IStoreItemsSectionProps>;
 export {};

package/dist/hooks/useStoreFiltering.d.ts

@@ -1,11 +1,14 @@
 /// <reference types="react" />
-import { IProductBlueprint, ItemType } from '@rpg-engine/shared';
+import { IProductBlueprint } from '@rpg-engine/shared';
 import { IOptionsProps } from '../components/Dropdown';
-export declare const useStoreFiltering: (items: IProductBlueprint[]) => {
+export declare const useStoreFiltering: (items: IProductBlueprint[], overrideCategoryOptions?: {
+    value: string;
+    label: string;
+}[] | undefined) => {
     searchQuery: string;
     setSearchQuery: import("react").Dispatch<import("react").SetStateAction<string>>;
-    selectedCategory: ItemType | "all";
-    setSelectedCategory: import("react").Dispatch<import("react").SetStateAction<ItemType | "all">>;
+    selectedCategory: string;
+    setSelectedCategory: import("react").Dispatch<import("react").SetStateAction<string>>;
     categoryOptions: IOptionsProps[];
     filteredItems: IProductBlueprint[];
 };