@rpg-engine/long-bow 0.8.92 → 0.8.94

package/dist/long-bow.esm.js

@@ -2,7 +2,7 @@ import React, { useState, useEffect, Component, useRef, useCallback, useContext,
 import styled, { css, keyframes, createGlobalStyle } from 'styled-components';
 import { BeatLoader } from 'react-spinners';
 import { v4 } from 'uuid';
-import { GRID_WIDTH, GRID_HEIGHT, ShortcutType, getItemTextureKeyPath, ItemContainerType, ItemType, DepotSocketEvents, ItemSocketEvents, ItemSocketEventsDisplayLabels, ActionsForInventory, ActionsForEquipmentSet, ActionsForLoot, ActionsForMapContainer, ItemQualityLevel, ItemRarities, ItemSubType, isMobile, TaskType, TaskStatus, isMobileOrTablet, RewardType, ItemSlotType, NPCSubtype, EntityAttackType, NPCAlignment, VideoGuideCategory, VideoGuideLanguage, CharacterClass, QuestStatus, getSkillConstants, getLevelFromSP, getSPForLevelExponential, getXPForLevel, getSPForLevel, MetadataType, PurchaseType, UserAccountTypes, PaymentCurrency, PeriodOfDay } from '@rpg-engine/shared';
+import { GRID_WIDTH, GRID_HEIGHT, ShortcutType, getItemTextureKeyPath, ItemContainerType, ItemType, DepotSocketEvents, ItemSocketEvents, ItemSocketEventsDisplayLabels, ActionsForInventory, ActionsForEquipmentSet, ActionsForLoot, ActionsForMapContainer, ItemQualityLevel, ItemRarities, ItemSubType, isMobile, TaskType, TaskStatus, isMobileOrTablet, RewardType, ItemSlotType, NPCSubtype, EntityAttackType, NPCAlignment, VideoGuideCategory, VideoGuideLanguage, CharacterClass, QuestStatus, getSkillConstants, getLevelFromSP, getSPForLevelExponential, getXPForLevel, MetadataType, PurchaseType, UserAccountTypes, PaymentCurrency, PeriodOfDay } from '@rpg-engine/shared';
 import dayjs from 'dayjs';
 import { ErrorBoundary as ErrorBoundary$1 } from 'react-error-boundary';
 import { FaTimes, FaDiscord, FaWhatsapp, FaSearch, FaThumbtack, FaBoxOpen, FaChevronLeft, FaChevronRight, FaClipboardList, FaChevronUp, FaChevronDown, FaReddit, FaTrash, FaShoppingBag, FaInfoCircle, FaCartPlus, FaArrowLeft, FaHistory, FaShoppingCart } from 'react-icons/fa';
@@ -36732,16 +36732,14 @@ var SkillsContainer = function SkillsContainer(_ref) {
         if (!skillDetails) {
           return 0; // continue
         }
-        // Calculate skillPointsToNextLevel using exponential formula if characterClass available
+        // Calculate skillPointsToNextLevel using exponential formula with character class
         var calcSkillPointsToNextLevel = function calcSkillPointsToNextLevel() {
-          if (characterClass) {
-            var _getSkillConstants = getSkillConstants(key, characterClass),
-              A = _getSkillConstants.A,
-              b = _getSkillConstants.b,
-              c = _getSkillConstants.c;
-            return Math.round(getSPForLevelExponential(skillDetails.level + 1, A, b, c));
-          }
-          return Math.round(getSPForLevel(skillDetails.level + 1));
+          var effectiveClass = characterClass != null ? characterClass : CharacterClass.None;
+          var _getSkillConstants = getSkillConstants(key, effectiveClass),
+            A = _getSkillConstants.A,
+            b = _getSkillConstants.b,
+            c = _getSkillConstants.c;
+          return Math.round(getSPForLevelExponential(skillDetails.level + 1, A, b, c));
         };
         output.push(React.createElement(SkillProgressBar, {
           key: key,
@@ -37142,6 +37140,20 @@ var SpellInfoWrapper = function SpellInfoWrapper(_ref) {
   }));
 };
 
+var SKILL_NAMES = {
+  magicLevel: 'magic level',
+  distanceFighting: 'distance fighting',
+  swordFighting: 'sword fighting',
+  axeFighting: 'axe fighting',
+  clubFighting: 'club fighting',
+  shielding: 'shielding',
+  fishing: 'fishing',
+  cooking: 'cooking',
+  fistFighting: 'fist fighting'
+};
+var getSkillName = function getSkillName(attribute) {
+  return SKILL_NAMES[attribute] || attribute;
+};
 var Spell = function Spell(_ref) {
   var _spell$texturePath;
   var atlasIMG = _ref.atlasIMG,
@@ -37149,16 +37161,31 @@ var Spell = function Spell(_ref) {
     spellKey = _ref.spellKey,
     charMana = _ref.charMana,
     charMagicLevel = _ref.charMagicLevel,
+    charSkillLevels = _ref.charSkillLevels,
     onPointerUp = _ref.onPointerUp,
     isSettingShortcut = _ref.isSettingShortcut,
     spell = _ref.spell,
     activeCooldown = _ref.activeCooldown;
   var manaCost = spell.manaCost,
     minMagicLevelRequired = spell.minMagicLevelRequired,
+    minSkillLevelRequired = spell.minSkillLevelRequired,
+    attribute = spell.attribute,
     magicWords = spell.magicWords,
     name = spell.name,
     description = spell.description;
-  var disabled = isSettingShortcut ? charMagicLevel < minMagicLevelRequired : manaCost > charMana || charMagicLevel < minMagicLevelRequired;
+  var getRequiredLevel = function getRequiredLevel() {
+    return minSkillLevelRequired != null ? minSkillLevelRequired : minMagicLevelRequired;
+  };
+  var getCharacterSkillLevel = function getCharacterSkillLevel() {
+    if (attribute && charSkillLevels) {
+      var _charSkillLevels$attr;
+      return (_charSkillLevels$attr = charSkillLevels[attribute]) != null ? _charSkillLevels$attr : 0;
+    }
+    return charMagicLevel;
+  };
+  var requiredLevel = getRequiredLevel();
+  var characterSkillLevel = getCharacterSkillLevel();
+  var disabled = isSettingShortcut ? characterSkillLevel < requiredLevel : manaCost > charMana || characterSkillLevel < requiredLevel;
   var CONTAINER_STYLE = {
     width: '32px',
     height: '32px'
@@ -37170,7 +37197,7 @@ var Spell = function Spell(_ref) {
     onPointerUp: onPointerUp == null ? void 0 : onPointerUp.bind(null, spellKey),
     isSettingShortcut: isSettingShortcut && !disabled,
     className: "spell"
-  }, disabled && React.createElement(Overlay$3, null, charMagicLevel < minMagicLevelRequired ? 'Low magic level' : manaCost > charMana && 'No mana'), React.createElement(SpellImage, null, activeCooldown && activeCooldown > 0 ? React.createElement("span", {
+  }, disabled && React.createElement(Overlay$3, null, characterSkillLevel < requiredLevel ? "Low " + getSkillName(attribute || 'magic level') + " level" : manaCost > charMana && 'No mana'), React.createElement(SpellImage, null, activeCooldown && activeCooldown > 0 ? React.createElement("span", {
     className: "cooldown"
   }, activeCooldown.toFixed(activeCooldown > 10 ? 0 : 1)) : null, React.createElement(SpriteFromAtlas, {
     atlasIMG: atlasIMG,
@@ -37228,6 +37255,7 @@ var Spellbook = function Spellbook(_ref) {
     spells = _ref.spells,
     magicLevel = _ref.magicLevel,
     mana = _ref.mana,
+    charSkillLevels = _ref.charSkillLevels,
     onSpellClick = _ref.onSpellClick,
     setSpellShortcut = _ref.setSpellShortcut,
     shortcuts = _ref.shortcuts,
@@ -37288,6 +37316,7 @@ var Spellbook = function Spellbook(_ref) {
       atlasJSON: iconAtlasJSON,
       charMana: mana,
       charMagicLevel: magicLevel,
+      charSkillLevels: charSkillLevels,
       onPointerUp: settingShortcutIndex !== -1 ? setShortcut : onSpellClick,
       spellKey: spell.key,
       isSettingShortcut: settingShortcutIndex !== -1,