@rpg-engine/long-bow 0.8.70 → 0.8.71

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

@@ -15,6 +15,7 @@ export interface IStoreProps {
     hidePremiumTab?: boolean;
     tabOrder?: TabId[];
     defaultActiveTab?: TabId;
+    textInputItemKeys?: string[];
 }
 export declare const Store: React.FC<IStoreProps>;
 export {};

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

@@ -6,6 +6,7 @@ interface IStoreItemRowProps {
     atlasIMG: string;
     onAddToCart: (item: IStoreItem, quantity: number, metadata?: Record<string, any>) => void;
     userAccountType: UserAccountTypes;
+    showTextInput?: boolean;
 }
 export declare const StoreItemRow: React.FC<IStoreItemRowProps>;
 export {};

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

@@ -6,6 +6,7 @@ interface IStoreItemsSectionProps {
     atlasJSON: Record<string, any>;
     atlasIMG: string;
     userAccountType?: UserAccountTypes;
+    textInputItemKeys?: string[];
 }
 export declare const StoreItemsSection: React.FC<IStoreItemsSectionProps>;
 export {};

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

@@ -57515,7 +57515,7 @@ var CartView = function CartView(_ref2) {
   return React__default.createElement(Container$K, null, React__default.createElement(Header$7, null, React__default.createElement(Title$e, null, "Shopping Cart"), React__default.createElement(CloseButton$9, {
     onPointerDown: onClose
   }, React__default.createElement(fa.FaTimes, null))), React__default.createElement(CartItems, null, cartItems.length === 0 ? React__default.createElement(EmptyCart, null, "Your cart is empty") : cartItems.map(function (cartItem) {
-    var _cartItem$metadata;
+    var _cartItem$metadata, _cartItem$metadata2;
     console.log('Item metadataType: , texturePath:', cartItem.item.metadataType, cartItem.item.texturePath);
     var getSpriteKey = function getSpriteKey(textureKey) {
       return textureKey + '/down/standing/0.png';
@@ -57530,7 +57530,7 @@ var CartView = function CartView(_ref2) {
       height: 32,
       imgScale: 2,
       centered: true
-    })), React__default.createElement(ItemDetails, null, React__default.createElement(ItemName, null, cartItem.item.name), React__default.createElement(ItemInfo$1, null, React__default.createElement("span", null, "$", formatPrice(cartItem.item.price)), React__default.createElement("span", null, "\xD7"), React__default.createElement("span", null, cartItem.quantity), React__default.createElement("span", null, "="), React__default.createElement("span", null, "$", formatPrice(cartItem.item.price * cartItem.quantity))), cartItem.metadata && cartItem.item.metadataType && React__default.createElement(MetadataDisplay, {
+    })), React__default.createElement(ItemDetails, null, React__default.createElement(ItemName, null, cartItem.item.name), ((_cartItem$metadata2 = cartItem.metadata) == null ? void 0 : _cartItem$metadata2.inputValue) && React__default.createElement(CartMeta, null, cartItem.metadata.inputValue), React__default.createElement(ItemInfo$1, null, React__default.createElement("span", null, "$", formatPrice(cartItem.item.price)), React__default.createElement("span", null, "\xD7"), React__default.createElement("span", null, cartItem.quantity), React__default.createElement("span", null, "="), React__default.createElement("span", null, "$", formatPrice(cartItem.item.price * cartItem.quantity))), cartItem.metadata && cartItem.item.metadataType && React__default.createElement(MetadataDisplay, {
       type: cartItem.item.metadataType,
       metadata: cartItem.metadata
     })), React__default.createElement(CTAButton, {
@@ -57620,6 +57620,10 @@ var MetadataValue = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CartView__MetadataValue",
   componentId: "sc-ydtyl1-17"
 })(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]);
+var CartMeta = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CartView__CartMeta",
+  componentId: "sc-ydtyl1-18"
+})(["font-family:'Press Start 2P',cursive;font-size:0.75rem;color:#ffffff;opacity:0.8;margin-top:0.25rem;"]);
 
 var useStoreMetadata = function useStoreMetadata() {
   var _useState = React.useState(false),
@@ -58083,10 +58087,15 @@ var StoreItemRow = function StoreItemRow(_ref) {
     atlasJSON = _ref.atlasJSON,
     atlasIMG = _ref.atlasIMG,
     onAddToCart = _ref.onAddToCart,
-    userAccountType = _ref.userAccountType;
+    userAccountType = _ref.userAccountType,
+    _ref$showTextInput = _ref.showTextInput,
+    showTextInput = _ref$showTextInput === void 0 ? false : _ref$showTextInput;
   var _useState = React.useState(1),
     quantity = _useState[0],
     setQuantity = _useState[1];
+  var _useState2 = React.useState(''),
+    textInputValue = _useState2[0],
+    setTextInputValue = _useState2[1];
   var handleQuantityChange = function handleQuantityChange(e) {
     var value = parseInt(e.target.value) || 1;
     setQuantity(Math.min(Math.max(1, value), 99));
@@ -58106,10 +58115,17 @@ var StoreItemRow = function StoreItemRow(_ref) {
     });
   };
   var hasRequiredAccount = !((_item$requiredAccount = item.requiredAccountType) != null && _item$requiredAccount.length) || item.requiredAccountType.includes(userAccountType);
-  var handleAddToCart = function handleAddToCart() {
+  var handleAddToCartInternal = function handleAddToCartInternal() {
     if (!hasRequiredAccount) return;
-    onAddToCart(item, quantity);
-    setQuantity(1); // Reset quantity after adding to cart
+    if (showTextInput) {
+      onAddToCart(item, 1, {
+        inputValue: textInputValue
+      });
+      setTextInputValue('');
+    } else {
+      onAddToCart(item, quantity);
+      setQuantity(1);
+    }
   };
   return React__default.createElement(ItemWrapper$1, null, React__default.createElement(ItemIconContainer$3, null, React__default.createElement(SpriteFromAtlas, {
     atlasJSON: atlasJSON,
@@ -58119,7 +58135,15 @@ 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, React__default.createElement(ArrowsContainer, null, React__default.createElement(SelectArrow, {
+  })), 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, {
+    type: "text",
+    value: textInputValue,
+    placeholder: "Enter value",
+    onChange: function onChange(e) {
+      return setTextInputValue(e.target.value);
+    },
+    className: "rpgui-input"
+  }) : item.isStackable ? React__default.createElement(ArrowsContainer, null, React__default.createElement(SelectArrow, {
     direction: "left",
     onPointerDown: decrementQuantity,
     size: 24
@@ -58135,10 +58159,10 @@ var StoreItemRow = function StoreItemRow(_ref) {
     direction: "right",
     onPointerDown: incrementQuantity,
     size: 24
-  })), React__default.createElement(CTAButton, {
+  })) : null, React__default.createElement(CTAButton, {
     icon: React__default.createElement(fa.FaCartPlus, null),
     label: "Add",
-    onClick: handleAddToCart,
+    onClick: handleAddToCartInternal,
     disabled: !hasRequiredAccount
   })));
 };
@@ -58174,13 +58198,19 @@ var QuantityInput = /*#__PURE__*/styled__default.input.withConfig({
   displayName: "StoreItemRow__QuantityInput",
   componentId: "sc-ptotuo-7"
 })(["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"
+})(["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) {
   var items = _ref.items,
     onAddToCart = _ref.onAddToCart,
     atlasJSON = _ref.atlasJSON,
     atlasIMG = _ref.atlasIMG,
-    userAccountType = _ref.userAccountType;
+    userAccountType = _ref.userAccountType,
+    _ref$textInputItemKey = _ref.textInputItemKeys,
+    textInputItemKeys = _ref$textInputItemKey === void 0 ? [] : _ref$textInputItemKey;
   var _useState = React.useState(''),
     searchQuery = _useState[0],
     setSearchQuery = _useState[1];
@@ -58188,7 +58218,7 @@ var StoreItemsSection = function StoreItemsSection(_ref) {
     return item.name.toLowerCase().includes(searchQuery.toLowerCase());
   });
   var renderStoreItem = function renderStoreItem(item) {
-    // Use the specialized character skin row for items with character skin metadata
+    // Prefer a specialized character skin row when needed
     if (item.metadataType === shared.MetadataType.CharacterSkin) {
       return React__default.createElement(StoreCharacterSkinRow, {
         key: item._id,
@@ -58199,7 +58229,19 @@ var StoreItemsSection = function StoreItemsSection(_ref) {
         userAccountType: userAccountType || shared.UserAccountTypes.Free
       });
     }
-    // Use the standard item row for all other items
+    // Render text input row when configured for this item key
+    if (textInputItemKeys.includes(item.key) || textInputItemKeys.includes(item._id)) {
+      return React__default.createElement(StoreItemRow, {
+        key: item._id,
+        item: item,
+        atlasJSON: atlasJSON,
+        atlasIMG: atlasIMG,
+        onAddToCart: onAddToCart,
+        userAccountType: userAccountType || shared.UserAccountTypes.Free,
+        showTextInput: true
+      });
+    }
+    // Fallback to standard arrow-based row
     return React__default.createElement(StoreItemRow, {
       key: item._id,
       item: item,
@@ -58428,7 +58470,9 @@ var Store = function Store(_ref) {
     _ref$hidePremiumTab = _ref.hidePremiumTab,
     hidePremiumTab = _ref$hidePremiumTab === void 0 ? false : _ref$hidePremiumTab,
     tabOrder = _ref.tabOrder,
-    defaultActiveTab = _ref.defaultActiveTab;
+    defaultActiveTab = _ref.defaultActiveTab,
+    _ref$textInputItemKey = _ref.textInputItemKeys,
+    textInputItemKeys = _ref$textInputItemKey === void 0 ? [] : _ref$textInputItemKey;
   var _useState = React.useState(null),
     selectedPack = _useState[0],
     setSelectedPack = _useState[1];
@@ -58563,7 +58607,8 @@ var Store = function Store(_ref) {
         onAddToCart: handleAddToCart,
         atlasJSON: atlasJSON,
         atlasIMG: atlasIMG,
-        userAccountType: userAccountType
+        userAccountType: userAccountType,
+        textInputItemKeys: textInputItemKeys
       })
     }
   };