@rpg-engine/long-bow 0.3.95 → 0.3.96

package/dist/long-bow.esm.js

@@ -12644,7 +12644,7 @@ var uiColors = {
   blue: '#597DCE',
   darkBlue: '#30346D',
   brown: '#854C30',
-  lightGreen: '#88ed1c',
+  lightGreen: '#66cd1c',
   brownGreen: '#346524'
 };
 
@@ -13251,15 +13251,15 @@ var MobileItemTooltip = function MobileItemTooltip(_ref) {
 var Container$9 = /*#__PURE__*/styled.div.withConfig({
   displayName: "MobileItemTooltip__Container",
   componentId: "sc-ku4p1j-0"
-})(["position:absolute;z-index:100;left:0;top:0;width:100vw;height:100vh;background-color:rgba(0 0 0 / 0.5);display:flex;justify-content:center;align-items:center;gap:0.5rem;transition:opacity 0.08s;animation:fadeIn 0.1s forwards;@keyframes fadeIn{0%{opacity:0;}100%{opacity:0.92;}}@keyframes fadeOut{0%{opacity:0.92;}100%{opacity:0;}}&.fadeOut{animation:fadeOut 0.1s forwards;}@media (max-width:580px){flex-direction:column;}"]);
+})(["position:absolute;z-index:100;left:0;top:0;width:100vw;height:100vh;background-color:rgba(0 0 0 / 0.5);display:flex;justify-content:center;align-items:center;gap:0.5rem;transition:opacity 0.08s;animation:fadeIn 0.1s forwards;@keyframes fadeIn{0%{opacity:0;}100%{opacity:0.92;}}@keyframes fadeOut{0%{opacity:0.92;}100%{opacity:0;}}&.fadeOut{animation:fadeOut 0.1s forwards;}@media (max-width:640px){flex-direction:column;}"]);
 var OptionsContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "MobileItemTooltip__OptionsContainer",
   componentId: "sc-ku4p1j-1"
-})(["display:flex;flex-direction:column;gap:0.5rem;flex-wrap:wrap;@media (max-width:580px){flex-direction:row;justify-content:center;}"]);
+})(["display:flex;flex-direction:column;gap:0.5rem;flex-wrap:wrap;@media (max-width:640px){flex-direction:row;justify-content:center;}"]);
 var Option = /*#__PURE__*/styled.button.withConfig({
   displayName: "MobileItemTooltip__Option",
   componentId: "sc-ku4p1j-2"
-})(["padding:1rem;background-color:#333;color:white;border:none;border-radius:3px;width:8rem;transition:background-color 0.1s;&:hover{background-color:#555;}@media (max-width:580px){padding:1rem 0.5rem;}"]);
+})(["padding:1rem;background-color:#333;color:white;border:none;border-radius:3px;width:8rem;transition:background-color 0.1s;&:hover{background-color:#555;}@media (max-width:640px){padding:1rem 0.5rem;}"]);
 
 var generateContextMenuListOptions = function generateContextMenuListOptions(actionsByTypeList) {
   var contextMenu = actionsByTypeList.map(function (action) {
@@ -13833,6 +13833,15 @@ var ItemInfo = function ItemInfo(_ref) {
     }
     return statistics;
   };
+  var renderEntityEffects = function renderEntityEffects() {
+    if (!item.entityEffects || !item.entityEffectChance) return null;
+    return item.entityEffects.map(function (effect, index) {
+      return React.createElement(Statistic, {
+        key: index,
+        "$isSpecial": true
+      }, effect[0].toUpperCase() + effect.slice(1), " (", item.entityEffectChance, "%)");
+    });
+  };
   var renderAvaibleSlots = function renderAvaibleSlots() {
     if (!item.allowedEquipSlotType) return null;
     return item.allowedEquipSlotType.map(function (slotType, index) {
@@ -13856,12 +13865,18 @@ var ItemInfo = function ItemInfo(_ref) {
     item: item
   }, React.createElement(Header, null, React.createElement("div", null, React.createElement(Title$1, null, item.name), item.rarity !== 'Common' && React.createElement(Rarity, {
     item: item
-  }, item.rarity), React.createElement(Type, null, item.subType)), React.createElement(AllowedSlots, null, renderAvaibleSlots())), renderStatistics(), item.isTwoHanded && React.createElement(Statistic, null, "Two handed"), React.createElement(Description, null, item.description), item.maxStackSize && item.maxStackSize !== 1 && React.createElement(StackInfo, null, "x", Math.round(((_item$stackQty = item.stackQty) != null ? _item$stackQty : 1) * 100) / 100, "(", item.maxStackSize, ")"), renderMissingStatistic().length > 0 && React.createElement(MissingStatistics, null, React.createElement(Statistic, null, "Equipped Diff"), itemToCompare && renderMissingStatistic()));
+  }, item.rarity), React.createElement(Type, null, item.subType)), React.createElement(AllowedSlots, null, renderAvaibleSlots())), item.minRequirements && React.createElement(LevelRequirement, null, React.createElement("div", null, "Level: ", item.minRequirements.level), React.createElement("div", null, item.minRequirements.skill.name[0].toUpperCase() + item.minRequirements.skill.name.slice(1), ": ", item.minRequirements.skill.level)), renderStatistics(), renderEntityEffects(), item.usableEffectDescription && React.createElement(Statistic, {
+    "$isSpecial": true
+  }, item.usableEffectDescription), item.equippedBuffDescription && React.createElement(Statistic, {
+    "$isSpecial": true
+  }, item.equippedBuffDescription), item.isTwoHanded && React.createElement(Statistic, {
+    "$isSpecial": true
+  }, "Two handed"), React.createElement(Description, null, item.description), item.maxStackSize && item.maxStackSize !== 1 && React.createElement(StackInfo, null, "x", Math.round(((_item$stackQty = item.stackQty) != null ? _item$stackQty : 1) * 100) / 100, "(", item.maxStackSize, ")"), renderMissingStatistic().length > 0 && React.createElement(MissingStatistics, null, React.createElement(Statistic, null, "Equipped Diff"), itemToCompare && renderMissingStatistic()));
 };
 var Container$b = /*#__PURE__*/styled.div.withConfig({
   displayName: "ItemInfo__Container",
   componentId: "sc-1xm4q8k-0"
-})(["color:white;background-color:#222;border-radius:5px;padding:0.5rem;font-size:", ";border:3px solid ", ";height:max-content;width:15rem;@media (max-width:580px){width:80vw;}"], uiFonts.size.small, function (_ref2) {
+})(["color:white;background-color:#222;border-radius:5px;padding:0.5rem;font-size:", ";border:3px solid ", ";height:max-content;width:18rem;@media (max-width:640px){width:80vw;}"], uiFonts.size.small, function (_ref2) {
   var _rarityColor;
   var item = _ref2.item;
   return (_rarityColor = rarityColor(item)) != null ? _rarityColor : uiColors.lightGray;
@@ -13881,29 +13896,36 @@ var Type = /*#__PURE__*/styled.div.withConfig({
   displayName: "ItemInfo__Type",
   componentId: "sc-1xm4q8k-3"
 })(["font-size:", ";margin-top:0.2rem;color:", ";"], uiFonts.size.small, uiColors.lightGray);
+var LevelRequirement = /*#__PURE__*/styled.div.withConfig({
+  displayName: "ItemInfo__LevelRequirement",
+  componentId: "sc-1xm4q8k-4"
+})(["font-size:", ";margin-top:0.2rem;margin-bottom:1rem;color:", ";"], uiFonts.size.small, uiColors.orange);
 var Statistic = /*#__PURE__*/styled.div.withConfig({
   displayName: "ItemInfo__Statistic",
-  componentId: "sc-1xm4q8k-4"
-})(["margin-bottom:0.4rem;width:max-content;.label{display:inline-block;margin-right:0.5rem;color:inherit;}.value{display:inline-block;color:inherit;}&.better,.better{color:", ";}&.worse,.worse{color:", ";}"], uiColors.lightGreen, uiColors.cardinal);
+  componentId: "sc-1xm4q8k-5"
+})(["margin-bottom:0.4rem;width:100%;color:", ";.label{display:inline-block;margin-right:0.5rem;color:inherit;}.value{display:inline-block;color:inherit;}&.better,.better{color:", ";}&.worse,.worse{color:", ";}"], function (_ref4) {
+  var $isSpecial = _ref4.$isSpecial;
+  return $isSpecial ? uiColors.darkYellow : 'inherit';
+}, uiColors.lightGreen, uiColors.cardinal);
 var Description = /*#__PURE__*/styled.div.withConfig({
   displayName: "ItemInfo__Description",
-  componentId: "sc-1xm4q8k-5"
+  componentId: "sc-1xm4q8k-6"
 })(["margin-top:1.5rem;font-size:", ";color:", ";font-style:italic;"], uiFonts.size.small, uiColors.lightGray);
 var Header = /*#__PURE__*/styled.div.withConfig({
   displayName: "ItemInfo__Header",
-  componentId: "sc-1xm4q8k-6"
+  componentId: "sc-1xm4q8k-7"
 })(["display:flex;align-items:center;justify-content:space-between;margin-bottom:0.5rem;"]);
 var AllowedSlots = /*#__PURE__*/styled.div.withConfig({
   displayName: "ItemInfo__AllowedSlots",
-  componentId: "sc-1xm4q8k-7"
+  componentId: "sc-1xm4q8k-8"
 })(["display:flex;align-items:center;justify-content:center;gap:0.5rem;margin-left:auto;align-self:flex-start;"]);
 var StackInfo = /*#__PURE__*/styled.div.withConfig({
   displayName: "ItemInfo__StackInfo",
-  componentId: "sc-1xm4q8k-8"
+  componentId: "sc-1xm4q8k-9"
 })(["width:100%;text-align:right;font-size:", ";color:", ";margin-top:1rem;"], uiFonts.size.small, uiColors.orange);
 var MissingStatistics = /*#__PURE__*/styled.div.withConfig({
   displayName: "ItemInfo__MissingStatistics",
-  componentId: "sc-1xm4q8k-9"
+  componentId: "sc-1xm4q8k-10"
 })(["margin-top:1rem;color:", ";"], uiColors.cardinal);
 
 var itemSlotTypes = ['head', 'neck', 'leftHand', 'rightHand', 'ring', 'legs', 'boot', 'accessory', 'armor', 'inventory'];
@@ -13925,7 +13947,11 @@ var ItemInfoDisplay = function ItemInfoDisplay(_ref) {
       var allowedSlotTypeCamelCase = camelCase(item.allowedEquipSlotType[0]);
       var itemSubTypeCamelCase = camelCase(item.subType);
       var slotType = getSlotType(itemSlotTypes, allowedSlotTypeCamelCase, itemSubTypeCamelCase);
-      var itemFromEquipment = equipmentSet[slotType];
+      var itemSubTypeFromEquipment = Object.values(equipmentSet).find(function (item) {
+        var _item$subType;
+        return camelCase((_item$subType = item == null ? void 0 : item.subType) != null ? _item$subType : '') === itemSubTypeCamelCase;
+      });
+      var itemFromEquipment = itemSubTypeFromEquipment ? itemSubTypeFromEquipment : equipmentSet[slotType];
       if (itemFromEquipment && (!item._id || itemFromEquipment._id !== item._id)) {
         return itemFromEquipment;
       }
@@ -13949,7 +13975,7 @@ var ItemInfoDisplay = function ItemInfoDisplay(_ref) {
 var Flex = /*#__PURE__*/styled.div.withConfig({
   displayName: "ItemInfoDisplay__Flex",
   componentId: "sc-1lftdo8-0"
-})(["display:flex;gap:0.5rem;flex-direction:", ";@media (max-width:580px){flex-direction:column-reverse;align-items:center;}"], function (_ref2) {
+})(["display:flex;gap:0.5rem;flex-direction:", ";align-items:center;@media (max-width:640px){flex-direction:column-reverse;align-items:center;}"], function (_ref2) {
   var $isMobile = _ref2.$isMobile;
   return $isMobile ? 'row-reverse' : 'row';
 });