@rpg-engine/long-bow 0.2.43 → 0.2.45

package/dist/long-bow.esm.js

@@ -27920,10 +27920,10 @@ var generateContextMenuListOptions = function generateContextMenuListOptions(act
   });
   return contextMenu;
 };
-var generateContextMenu = function generateContextMenu(itemType, itemContainerType) {
+var generateContextMenu = function generateContextMenu(item, itemContainerType) {
   var contextActionMenu = [];
   if (itemContainerType === ItemContainerType.Inventory) {
-    switch (itemType) {
+    switch (item.type) {
       case ItemType.Weapon:
       case ItemType.Armor:
       case ItemType.Accessory:
@@ -27948,7 +27948,7 @@ var generateContextMenu = function generateContextMenu(itemType, itemContainerTy
     }
   }
   if (itemContainerType === ItemContainerType.Equipment) {
-    switch (itemType) {
+    switch (item.type) {
       case ItemType.Container:
         contextActionMenu = generateContextMenuListOptions(ActionsForEquipmentSet.Container);
         break;
@@ -27957,7 +27957,7 @@ var generateContextMenu = function generateContextMenu(itemType, itemContainerTy
     }
   }
   if (itemContainerType === ItemContainerType.Loot) {
-    switch (itemType) {
+    switch (item.type) {
       case ItemType.Weapon:
       case ItemType.Armor:
       case ItemType.Accessory:
@@ -27979,7 +27979,7 @@ var generateContextMenu = function generateContextMenu(itemType, itemContainerTy
     }
   }
   if (itemContainerType === ItemContainerType.MapContainer) {
-    switch (itemType) {
+    switch (item.type) {
       case ItemType.Weapon:
       case ItemType.Armor:
       case ItemType.Accessory:
@@ -28000,6 +28000,12 @@ var generateContextMenu = function generateContextMenu(itemType, itemContainerTy
         break;
     }
   }
+  if (item.hasUseWith) {
+    contextActionMenu.push({
+      id: 'use-with',
+      text: 'Use With...'
+    });
+  }
   return contextActionMenu;
 };
 
@@ -28037,7 +28043,7 @@ var ItemSlot = /*#__PURE__*/observer(function (_ref) {
     setContextActions = _useState3[1];
   useEffect(function () {
     if (item) {
-      setContextActions(generateContextMenu(item.type, containerType));
+      setContextActions(generateContextMenu(item, containerType));
     }
   }, [item]);
   var getLeftPositionValue = function getLeftPositionValue(quantity) {
@@ -29355,35 +29361,20 @@ var TextArea = function TextArea(_ref) {
 var TradingItemRow = function TradingItemRow(_ref) {
   var atlasIMG = _ref.atlasIMG,
     atlasJSON = _ref.atlasJSON,
-    updateChartTotals = _ref.updateChartTotals,
-    traderItem = _ref.traderItem;
-  var _useState = useState(0),
-    itemQuantity = _useState[0],
-    setItemQuantity = _useState[1];
+    onQuantityChange = _ref.onQuantityChange,
+    traderItem = _ref.traderItem,
+    selectedQty = _ref.selectedQty;
   var onLeftClick = function onLeftClick() {
-    if (itemQuantity > 0) {
-      var newQuantity = itemQuantity - 1;
-      setItemQuantity(newQuantity);
-      updateChartTotals({
-        key: traderItem.key,
-        qty: newQuantity,
-        price: traderItem.price,
-        texturePath: traderItem.texturePath,
-        name: traderItem.name
-      });
+    if (selectedQty > 0) {
+      var newQuantity = selectedQty - 1;
+      onQuantityChange(traderItem, newQuantity);
     }
   };
   var onRightClick = function onRightClick() {
-    if (itemQuantity < 999) {
-      var newQuantity = itemQuantity + 1;
-      setItemQuantity(newQuantity);
-      updateChartTotals({
-        key: traderItem.key,
-        qty: newQuantity,
-        price: traderItem.price,
-        texturePath: traderItem.texturePath,
-        name: traderItem.name
-      });
+    var _traderItem$qty;
+    if (selectedQty < ((_traderItem$qty = traderItem.qty) != null ? _traderItem$qty : 999)) {
+      var newQuantity = selectedQty + 1;
+      onQuantityChange(traderItem, newQuantity);
     }
   };
   return React.createElement(ItemWrapper, null, React.createElement(ItemIconContainer, null, React.createElement(SpriteContainer$1, null, React.createElement(SpriteFromAtlas, {
@@ -29400,7 +29391,7 @@ var TradingItemRow = function TradingItemRow(_ref) {
     direction: "left",
     onClick: onLeftClick,
     onTouchStart: onLeftClick
-  }), React.createElement(QuantityDisplay, null, React.createElement(TextOverlay$2, null, React.createElement(Item$1, null, itemQuantity))), React.createElement(SelectArrow, {
+  }), React.createElement(QuantityDisplay, null, React.createElement(TextOverlay$2, null, React.createElement(Item$1, null, selectedQty))), React.createElement(SelectArrow, {
     size: 32,
     className: "arrow-selector",
     direction: "right",
@@ -29456,20 +29447,49 @@ var TradingMenu = function TradingMenu(_ref) {
   var _useState = useState(0),
     sum = _useState[0],
     setSum = _useState[1];
-  var newSumArray = 0;
-  var updateChartTotals = function updateChartTotals(item) {
-    var itemIndex = traderItems.findIndex(function (itemArray) {
-      return itemArray.key === item.key;
-    });
-    traderItems[itemIndex] = item;
+  var _useState2 = useState(new Map()),
+    qtyMap = _useState2[0],
+    setQtyMap = _useState2[1];
+  var onQuantityChange = function onQuantityChange(item, selectedQty) {
+    setQtyMap(new Map(qtyMap.set(item.key, selectedQty)));
+    var newSum = 0;
     traderItems.forEach(function (item) {
-      if (item.qty) newSumArray += item.qty * item.price;
-      setSum(newSumArray);
+      var qty = qtyMap.get(item.key);
+      if (qty) newSum += qty * item.price;
+      setSum(newSum);
     });
   };
+  var isBuy = function isBuy() {
+    return type == 'buy';
+  };
+  var hasGoldForSale = function hasGoldForSale() {
+    if (isBuy()) {
+      return !(sum > characterAvailableGold);
+    }
+    return true;
+  };
+  var getFinalGold = function getFinalGold() {
+    if (isBuy()) {
+      return characterAvailableGold - sum;
+    } else {
+      return characterAvailableGold + sum;
+    }
+  };
   var Capitalize = function Capitalize(word) {
     return word[0].toUpperCase() + word.substring(1);
   };
+  var onConfirmClick = function onConfirmClick() {
+    var items = [];
+    traderItems.forEach(function (item) {
+      var qty = qtyMap.get(item.key);
+      if (qty) {
+        items.push(Object.assign({}, item, {
+          qty: qty
+        }));
+      }
+    });
+    onConfirm(items);
+  };
   return React.createElement(DraggableContainer, {
     type: RPGUIContainerTypes.Framed,
     onCloseButton: function onCloseButton() {
@@ -29484,19 +29504,21 @@ var TradingMenu = function TradingMenu(_ref) {
   }, React.createElement(Title$3, null, Capitalize(type), " Menu"), React.createElement("hr", {
     className: "golden"
   })), React.createElement(TradingComponentScrollWrapper, null, traderItems.map(function (tradeItem, index) {
+    var _qtyMap$get;
     return React.createElement(ItemWrapper$1, {
       key: tradeItem.key + "_" + index
     }, React.createElement(TradingItemRow, {
       atlasIMG: atlasIMG,
       atlasJSON: atlasJSON,
-      updateChartTotals: updateChartTotals,
-      traderItem: tradeItem
+      onQuantityChange: onQuantityChange,
+      traderItem: tradeItem,
+      selectedQty: (_qtyMap$get = qtyMap.get(tradeItem.key)) != null ? _qtyMap$get : 0
     }));
-  })), React.createElement(GoldWrapper, null, React.createElement("p", null, "Available Gold:"), React.createElement("p", null, "$", characterAvailableGold)), React.createElement(TotalWrapper, null, React.createElement("p", null, "Total:"), React.createElement("p", null, "$", sum)), sum > characterAvailableGold ? React.createElement(AlertWrapper, null, React.createElement("p", null, " Sorry, not enough money.")) : React.createElement(GoldWrapper, null, React.createElement("p", null, "Final Gold:"), React.createElement("p", null, "$", characterAvailableGold - sum)), React.createElement(ButtonWrapper, null, React.createElement(Button, {
+  })), React.createElement(GoldWrapper, null, React.createElement("p", null, "Available Gold:"), React.createElement("p", null, "$", characterAvailableGold)), React.createElement(TotalWrapper, null, React.createElement("p", null, "Total:"), React.createElement("p", null, "$", sum)), !hasGoldForSale() ? React.createElement(AlertWrapper, null, React.createElement("p", null, " Sorry, not enough money.")) : React.createElement(GoldWrapper, null, React.createElement("p", null, "Final Gold:"), React.createElement("p", null, "$", getFinalGold())), React.createElement(ButtonWrapper, null, React.createElement(Button, {
     buttonType: ButtonTypes.RPGUIButton,
-    disabled: sum > characterAvailableGold,
+    disabled: !hasGoldForSale(),
     onClick: function onClick() {
-      return onConfirm();
+      return onConfirmClick();
     }
   }, "Confirm"), React.createElement(Button, {
     buttonType: ButtonTypes.RPGUIButton,