@rpg-engine/long-bow 0.8.82 → 0.8.84

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, getSPForLevelExponential, getSPForLevel, getXPForLevel, 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, getSPForLevel, 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';
@@ -36513,29 +36513,51 @@ var SkillProgressBar = function SkillProgressBar(_ref) {
     characterClass = _ref.characterClass,
     level = _ref.level,
     currentSkillPoints = _ref.skillPoints,
-    skillPointsToNextLevel = _ref.skillPointsToNextLevel,
     texturePath = _ref.texturePath,
     _ref$showSkillPoints = _ref.showSkillPoints,
     showSkillPoints = _ref$showSkillPoints === void 0 ? true : _ref$showSkillPoints,
     atlasIMG = _ref.atlasIMG,
     atlasJSON = _ref.atlasJSON,
     buffAndDebuff = _ref.buffAndDebuff;
-  // Skill points needed to start the current level
-  var baseSkillPoints = useMemo(function () {
-    if (skillKey && characterClass) {
-      var _getSkillConstants = getSkillConstants(skillKey, characterClass),
-        A = _getSkillConstants.A,
-        b = _getSkillConstants.b,
-        c = _getSkillConstants.c;
-      return getSPForLevelExponential(level, A, b, c);
+  // Use CharacterClass.None as default if skillKey is provided but characterClass is not
+  var effectiveClass = characterClass != null ? characterClass : CharacterClass.None;
+  // Calculate the effective level based on actual SP (handles data inconsistencies)
+  var calculateEffectiveLevel = function calculateEffectiveLevel() {
+    if (!skillKey) {
+      return level; // Fallback to stored level for general "Level" display
     }
-    // Fallback to old formula for backwards compatibility
-    return getSPForLevel(level);
-  }, [level, skillKey, characterClass]);
+    var _getSkillConstants = getSkillConstants(skillKey, effectiveClass),
+      A = _getSkillConstants.A,
+      b = _getSkillConstants.b,
+      c = _getSkillConstants.c;
+    var actualLevel = Math.floor(getLevelFromSP(currentSkillPoints, A, b, c));
+    return Math.max(1, actualLevel); // Minimum level is always 1 in our system
+  };
+  var effectiveLevel = calculateEffectiveLevel();
+  // Calculate progress based on actual SP position
   var calculateProgress = function calculateProgress() {
-    var totalPointsForLevelUp = Math.max(1, skillPointsToNextLevel - baseSkillPoints);
-    var excessSkillPoints = Math.max(0, currentSkillPoints - baseSkillPoints);
-    return Math.min(100, Math.max(0, excessSkillPoints / totalPointsForLevelUp * 100));
+    if (!skillKey) {
+      // Fallback for general "Level" display: simple ratio of current SP to next level
+      var spForCurrentLevel = getSPForLevel(level);
+      var _spForNextLevel = getSPForLevel(level + 1);
+      var _range = _spForNextLevel - spForCurrentLevel;
+      var _progress = currentSkillPoints - spForCurrentLevel;
+      return Math.min(100, Math.max(0, _progress / _range * 100));
+    }
+    var _getSkillConstants2 = getSkillConstants(skillKey, effectiveClass),
+      A = _getSkillConstants2.A,
+      b = _getSkillConstants2.b,
+      c = _getSkillConstants2.c;
+    // Get the actual calculated level (might be 0 for magic)
+    var actualLevel = Math.floor(getLevelFromSP(currentSkillPoints, A, b, c));
+    var calcLevel = Math.max(c, actualLevel); // Use c as minimum for calculation
+    // Calculate SP thresholds based on actual position
+    var spForCalcLevel = getSPForLevelExponential(calcLevel, A, b, c);
+    var spForNextLevel = getSPForLevelExponential(calcLevel + 1, A, b, c);
+    // Progress within current level range
+    var range = spForNextLevel - spForCalcLevel;
+    var progressInLevel = currentSkillPoints - spForCalcLevel;
+    return Math.min(100, Math.max(0, progressInLevel / Math.max(1, range) * 100));
   };
   var progress = calculateProgress();
   var formatBuffAndDebuff = function formatBuffAndDebuff(value) {
@@ -36546,7 +36568,7 @@ var SkillProgressBar = function SkillProgressBar(_ref) {
     var result = level * (buffAndDebuff / 100);
     return result > 0 ? "+" + result.toFixed(2) : "" + result.toFixed(2);
   };
-  return React.createElement(React.Fragment, null, React.createElement(ProgressTitle, null, buffAndDebuff !== undefined && React.createElement(React.Fragment, null, buffAndDebuff > 0 ? React.createElement(BuffAndDebuffContainer, null, React.createElement(TitleNameContainer, null, React.createElement(TitleNameBuff, null, skillName), React.createElement(TitleNameBuff, null, "lv ", level, " (", skillsBuffsCalc(level, buffAndDebuff), ")")), React.createElement(TitleNameBuffContainer, null, React.createElement(TitleNameBuff, null, "(+", formatBuffAndDebuff(buffAndDebuff), "%)"))) : buffAndDebuff < 0 ? React.createElement(React.Fragment, null, React.createElement(TitleNameContainer, null, React.createElement(TitleNameDebuff, null, skillName), React.createElement(TitleNameDebuff, null, "lv ", level, " (", skillsBuffsCalc(level, buffAndDebuff), ")")), React.createElement("div", null, React.createElement(TitleNameDebuff, null, "(", formatBuffAndDebuff(buffAndDebuff), "%)"))) : React.createElement(TitleName, null, skillName)), !buffAndDebuff && React.createElement(TitleNameContainer, null, React.createElement(TitleName, null, skillName), React.createElement(ValueDisplay, null, "lv ", level))), React.createElement(ProgressBody, null, React.createElement(ProgressIconContainer, null, atlasIMG && atlasJSON ? React.createElement(SpriteContainer$4, null, React.createElement(ErrorBoundary, null, React.createElement(SpriteFromAtlas, {
+  return React.createElement(React.Fragment, null, React.createElement(ProgressTitle, null, buffAndDebuff !== undefined && React.createElement(React.Fragment, null, buffAndDebuff > 0 ? React.createElement(BuffAndDebuffContainer, null, React.createElement(TitleNameContainer, null, React.createElement(TitleNameBuff, null, skillName), React.createElement(TitleNameBuff, null, "lv ", effectiveLevel, " (", skillsBuffsCalc(effectiveLevel, buffAndDebuff), ")")), React.createElement(TitleNameBuffContainer, null, React.createElement(TitleNameBuff, null, "(+", formatBuffAndDebuff(buffAndDebuff), "%)"))) : buffAndDebuff < 0 ? React.createElement(React.Fragment, null, React.createElement(TitleNameContainer, null, React.createElement(TitleNameDebuff, null, skillName), React.createElement(TitleNameDebuff, null, "lv ", effectiveLevel, " (", skillsBuffsCalc(effectiveLevel, buffAndDebuff), ")")), React.createElement("div", null, React.createElement(TitleNameDebuff, null, "(", formatBuffAndDebuff(buffAndDebuff), "%)"))) : React.createElement(TitleName, null, skillName)), !buffAndDebuff && React.createElement(TitleNameContainer, null, React.createElement(TitleName, null, skillName), React.createElement(ValueDisplay, null, "lv ", effectiveLevel))), React.createElement(ProgressBody, null, React.createElement(ProgressIconContainer, null, atlasIMG && atlasJSON ? React.createElement(SpriteContainer$4, null, React.createElement(ErrorBoundary, null, React.createElement(SpriteFromAtlas, {
     atlasIMG: atlasIMG,
     atlasJSON: atlasJSON,
     spriteKey: texturePath,