@rpg-engine/long-bow 0.8.71 → 0.8.72

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

@@ -1,11 +1,12 @@
-import { IStoreItem } from '@rpg-engine/shared';
+import { IProductBlueprint } from '@rpg-engine/shared';
 import React from 'react';
+interface ICartItem {
+    item: IProductBlueprint;
+    quantity: number;
+    metadata?: Record<string, any>;
+}
 interface ICartViewProps {
-    cartItems: {
-        item: IStoreItem;
-        quantity: number;
-        metadata?: Record<string, any>;
-    }[];
+    cartItems: ICartItem[];
     onRemoveFromCart: (itemKey: string) => void;
     onClose: () => void;
     onPurchase: () => Promise<boolean>;

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

@@ -1,8 +1,8 @@
-import { IItemPack, IPurchase, IStoreItem, UserAccountTypes } from '@rpg-engine/shared';
+import { IItemPack, IPurchase, IProductBlueprint, UserAccountTypes } from '@rpg-engine/shared';
 import React from 'react';
 declare type TabId = 'premium' | 'packs' | 'items';
 export interface IStoreProps {
-    items: IStoreItem[];
+    items: IProductBlueprint[];
     packs?: IItemPack[];
     atlasJSON: any;
     atlasIMG: string;

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

@@ -1,10 +1,10 @@
-import { IStoreItem, UserAccountTypes } from '@rpg-engine/shared';
+import { IProductBlueprint, UserAccountTypes } from '@rpg-engine/shared';
 import React from 'react';
 interface IStoreCharacterSkinRowProps {
-    item: IStoreItem;
+    item: IProductBlueprint;
     atlasJSON: Record<string, any>;
     atlasIMG: string;
-    onAddToCart: (item: IStoreItem, quantity: number, metadata?: Record<string, any>) => void;
+    onAddToCart: (item: IProductBlueprint, quantity: number, metadata?: Record<string, any>) => void;
     userAccountType: UserAccountTypes;
 }
 export declare const StoreCharacterSkinRow: React.FC<IStoreCharacterSkinRowProps>;

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

@@ -1,7 +1,7 @@
-import { IItemPack, IStoreItem } from '@rpg-engine/shared';
+import { IItemPack, IProductBlueprint } from '@rpg-engine/shared';
 import React from 'react';
 interface IStoreItemDetailsProps {
-    item: IStoreItem | (IItemPack & {
+    item: IProductBlueprint | (IItemPack & {
         name: string;
         texturePath: string;
     });
@@ -10,7 +10,7 @@ interface IStoreItemDetailsProps {
         default?: string;
     };
     onBack: () => void;
-    onAddToCart: (item: IStoreItem) => void;
+    onAddToCart: (item: IProductBlueprint) => void;
 }
 export declare const StoreItemDetails: React.FC<IStoreItemDetailsProps>;
 export {};

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

@@ -1,12 +1,13 @@
-import { IStoreItem, UserAccountTypes } from '@rpg-engine/shared';
+import { IProductBlueprint, UserAccountTypes } from '@rpg-engine/shared';
 import React from 'react';
 interface IStoreItemRowProps {
-    item: IStoreItem;
+    item: IProductBlueprint;
     atlasJSON: Record<string, any>;
     atlasIMG: string;
-    onAddToCart: (item: IStoreItem, quantity: number, metadata?: Record<string, any>) => void;
+    onAddToCart: (item: IProductBlueprint, quantity: number, metadata?: Record<string, any>) => void;
     userAccountType: UserAccountTypes;
     showTextInput?: boolean;
+    textInputPlaceholder?: string;
 }
 export declare const StoreItemRow: React.FC<IStoreItemRowProps>;
 export {};

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

@@ -1,11 +1,13 @@
-import { ICartItem as IBaseCartItem, IPurchase, IStoreItem } from '@rpg-engine/shared';
-interface ICartItem extends IBaseCartItem {
+import { IPurchase, IProductBlueprint } from '@rpg-engine/shared';
+interface ICartItem {
+    item: IProductBlueprint;
+    quantity: number;
     metadata?: Record<string, any>;
 }
 interface IUseStoreCart {
     cartItems: ICartItem[];
     isCartOpen: boolean;
-    handleAddToCart: (item: IStoreItem, quantity: number, metadata?: Record<string, any>) => void;
+    handleAddToCart: (item: IProductBlueprint, quantity: number, metadata?: Record<string, any>) => void;
     handleRemoveFromCart: (itemKey: string) => void;
     handlePurchase: (onPurchase: (purchase: IPurchase) => void) => void;
     openCart: () => void;

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

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

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

@@ -1,8 +1,8 @@
-import { IStoreItem, UserAccountTypes } from '@rpg-engine/shared';
+import { IProductBlueprint, UserAccountTypes } from '@rpg-engine/shared';
 import React from 'react';
 interface IStoreItemsSectionProps {
-    items: IStoreItem[];
-    onAddToCart: (item: IStoreItem, quantity: number, metadata?: Record<string, any>) => void;
+    items: IProductBlueprint[];
+    onAddToCart: (item: IProductBlueprint, quantity: number, metadata?: Record<string, any>) => void;
     atlasJSON: Record<string, any>;
     atlasIMG: string;
     userAccountType?: UserAccountTypes;

package/dist/long-bow.cjs.development.js

@@ -57634,7 +57634,7 @@ var useStoreMetadata = function useStoreMetadata() {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            if (!(!item.metadataType || item.metadataType === shared.MetadataType.None)) {
+            if (!(!item.metadataType || item.metadataType !== shared.MetadataType.CharacterSkin)) {
               _context.next = 2;
               break;
             }
@@ -57714,7 +57714,7 @@ var useStoreCart = function useStoreCart() {
             });
             return _context.abrupt("return");
           case 3:
-            if (!(item.metadataType && item.metadataType !== shared.MetadataType.None)) {
+            if (!(item.metadataType === shared.MetadataType.CharacterSkin)) {
               _context.next = 12;
               break;
             }
@@ -57830,7 +57830,11 @@ var useStoreCart = function useStoreCart() {
 };
 // Helper functions
 function getPurchaseType(item) {
-  // Check if the item comes from a pack based on naming convention or other property
+  // Use the type from IProductBlueprint if available, otherwise infer
+  if (item.type) {
+    return item.type;
+  }
+  // Fallback logic for backward compatibility
   if (item.key.startsWith('pack_')) {
     return shared.PurchaseType.Pack;
   } else {
@@ -57980,7 +57984,7 @@ var StoreCharacterSkinRow = function StoreCharacterSkinRow(_ref) {
   // Effect to reset currentIndex when switching items
   React.useEffect(function () {
     setCurrentIndex(0);
-  }, [item._id]);
+  }, [item.key]);
   var handlePreviousSkin = function handlePreviousSkin() {
     setCurrentIndex(function (prevIndex) {
       return prevIndex === 0 ? availableCharacters.length - 1 : prevIndex - 1;
@@ -58089,7 +58093,9 @@ var StoreItemRow = function StoreItemRow(_ref) {
     onAddToCart = _ref.onAddToCart,
     userAccountType = _ref.userAccountType,
     _ref$showTextInput = _ref.showTextInput,
-    showTextInput = _ref$showTextInput === void 0 ? false : _ref$showTextInput;
+    showTextInput = _ref$showTextInput === void 0 ? false : _ref$showTextInput,
+    _ref$textInputPlaceho = _ref.textInputPlaceholder,
+    textInputPlaceholder = _ref$textInputPlaceho === void 0 ? item.inputPlaceholder : _ref$textInputPlaceho;
   var _useState = React.useState(1),
     quantity = _useState[0],
     setQuantity = _useState[1];
@@ -58135,10 +58141,10 @@ var StoreItemRow = function StoreItemRow(_ref) {
     height: 32,
     imgScale: 2,
     centered: true
-  })), React__default.createElement(ItemDetails$2, null, React__default.createElement(ItemName$2, null, item.name), React__default.createElement(ItemPrice$1, null, "$", item.price)), React__default.createElement(Controls$1, null, showTextInput ? React__default.createElement(TextInput, {
+  })), React__default.createElement(ItemDetails$2, null, React__default.createElement(ItemName$2, null, item.name), React__default.createElement(ItemPrice$1, null, "$", item.price), React__default.createElement(ItemDescription, null, item.description)), React__default.createElement(Controls$1, null, showTextInput ? React__default.createElement(TextInput, {
     type: "text",
     value: textInputValue,
-    placeholder: "Enter value",
+    placeholder: textInputPlaceholder,
     onChange: function onChange(e) {
       return setTextInputValue(e.target.value);
     },
@@ -58186,21 +58192,25 @@ var ItemPrice$1 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "StoreItemRow__ItemPrice",
   componentId: "sc-ptotuo-4"
 })(["font-family:'Press Start 2P',cursive;font-size:0.75rem;color:#fef08a;"]);
+var ItemDescription = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "StoreItemRow__ItemDescription",
+  componentId: "sc-ptotuo-5"
+})(["font-family:'Press Start 2P',cursive;font-size:0.625rem;color:rgba(255,255,255,0.7);line-height:1.4;"]);
 var Controls$1 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "StoreItemRow__Controls",
-  componentId: "sc-ptotuo-5"
+  componentId: "sc-ptotuo-6"
 })(["display:flex;align-items:center;gap:1rem;min-width:fit-content;"]);
 var ArrowsContainer = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "StoreItemRow__ArrowsContainer",
-  componentId: "sc-ptotuo-6"
+  componentId: "sc-ptotuo-7"
 })(["position:relative;display:flex;align-items:center;width:120px;height:42px;justify-content:space-between;"]);
 var QuantityInput = /*#__PURE__*/styled__default.input.withConfig({
   displayName: "StoreItemRow__QuantityInput",
-  componentId: "sc-ptotuo-7"
+  componentId: "sc-ptotuo-8"
 })(["width:40px;text-align:center;margin:0 auto;font-size:0.875rem;background:rgba(0,0,0,0.2);color:#ffffff;border:none;padding:0.25rem;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}"]);
 var TextInput = /*#__PURE__*/styled__default.input.withConfig({
   displayName: "StoreItemRow__TextInput",
-  componentId: "sc-ptotuo-8"
+  componentId: "sc-ptotuo-9"
 })(["width:120px;text-align:center;margin:0 auto;font-size:0.875rem;background:rgba(0,0,0,0.2);color:#ffffff;border:none;padding:0.25rem;"]);
 
 var StoreItemsSection = function StoreItemsSection(_ref) {
@@ -58221,7 +58231,7 @@ var StoreItemsSection = function StoreItemsSection(_ref) {
     // Prefer a specialized character skin row when needed
     if (item.metadataType === shared.MetadataType.CharacterSkin) {
       return React__default.createElement(StoreCharacterSkinRow, {
-        key: item._id,
+        key: item.key,
         item: item,
         atlasJSON: atlasJSON,
         atlasIMG: atlasIMG,
@@ -58230,9 +58240,9 @@ var StoreItemsSection = function StoreItemsSection(_ref) {
       });
     }
     // Render text input row when configured for this item key
-    if (textInputItemKeys.includes(item.key) || textInputItemKeys.includes(item._id)) {
+    if (textInputItemKeys.includes(item.key)) {
       return React__default.createElement(StoreItemRow, {
-        key: item._id,
+        key: item.key,
         item: item,
         atlasJSON: atlasJSON,
         atlasIMG: atlasIMG,
@@ -58243,7 +58253,7 @@ var StoreItemsSection = function StoreItemsSection(_ref) {
     }
     // Fallback to standard arrow-based row
     return React__default.createElement(StoreItemRow, {
-      key: item._id,
+      key: item.key,
       item: item,
       atlasJSON: atlasJSON,
       atlasIMG: atlasIMG,
@@ -58460,7 +58470,7 @@ var Store = function Store(_ref) {
     packs = _ref$packs === void 0 ? [] : _ref$packs,
     atlasJSON = _ref.atlasJSON,
     atlasIMG = _ref.atlasIMG,
-    _onPurchase = _ref.onPurchase,
+    _onPurchase2 = _ref.onPurchase,
     onShowHistory = _ref.onShowHistory,
     userAccountType = _ref.userAccountType,
     _ref$loading = _ref.loading,
@@ -58505,29 +58515,35 @@ var Store = function Store(_ref) {
     setCurrentMetadataItem = _useState4[1];
   var handleAddPackToCart = function handleAddPackToCart(pack) {
     var packItem = {
-      _id: pack.key,
       key: pack.key,
       name: pack.title,
+      description: pack.description || '',
       price: pack.priceUSD,
+      currency: shared.PaymentCurrency.USD,
       texturePath: pack.image["default"] || pack.image.src,
-      textureKey: pack.image["default"] || pack.image.src,
-      type: shared.ItemType.Consumable,
-      subType: shared.ItemSubType.Other,
-      description: pack.description || '',
-      fullDescription: pack.description || '',
-      textureAtlas: 'items',
-      weight: 0,
+      type: shared.PurchaseType.Pack,
+      onPurchase: function () {
+        var _onPurchase = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+          return _regeneratorRuntime().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        function onPurchase() {
+          return _onPurchase.apply(this, arguments);
+        }
+        return onPurchase;
+      }(),
+      itemType: shared.ItemType.Consumable,
+      itemSubType: shared.ItemSubType.Other,
       rarity: shared.ItemRarities.Common,
-      allowedEquipSlotType: [],
-      isEquipable: false,
+      weight: 0,
       isStackable: false,
-      isTwoHanded: false,
-      hasUseWith: false,
       maxStackSize: 1,
-      isUsable: false,
-      isStorable: true,
-      isSolid: false,
-      isItemContainer: false
+      isUsable: false
     };
     handleAddToCart(packItem, 1);
   };
@@ -58633,22 +58649,22 @@ var Store = function Store(_ref) {
     onRemoveFromCart: handleRemoveFromCart,
     onClose: closeCart,
     onPurchase: function () {
-      var _onPurchase2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
+      var _onPurchase3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              _context.next = 2;
-              return handleCartPurchase(_onPurchase);
+              _context2.next = 2;
+              return handleCartPurchase(_onPurchase2);
             case 2:
-              return _context.abrupt("return", true);
+              return _context2.abrupt("return", true);
             case 3:
             case "end":
-              return _context.stop();
+              return _context2.stop();
           }
-        }, _callee);
+        }, _callee2);
       }));
       function onPurchase() {
-        return _onPurchase2.apply(this, arguments);
+        return _onPurchase3.apply(this, arguments);
       }
       return onPurchase;
     }(),