@rpg-engine/long-bow 0.8.237 → 0.8.240

package/dist/long-bow.esm.js

@@ -2,7 +2,7 @@ import React, { useState, useEffect, Component, useRef, useCallback, useMemo, me
 import styled, { css, createGlobalStyle, keyframes } 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, DC_TO_GOLD_SWAP_RATE, ItemSlotType, NPCSubtype, EntityAttackType, NPCAlignment, VideoGuideCategory, VideoGuideLanguage, MarketplaceBuyOrderStatus, MarketplaceAcceptedCurrency, formatDCAmount, goldToDC, MarketplaceTransactionType, CharacterClass as CharacterClass$2, QuestType, QuestStatus, getLevelFromXP, getSkillConstants, getLevelFromSPTiered, getXPForLevel, getSPForLevelTiered, MetadataType, PurchaseType, PaymentCurrency, UserAccountTypes, PeriodOfDay } from '@rpg-engine/shared';
+import { GRID_WIDTH, GRID_HEIGHT, ShortcutType, getItemTextureKeyPath, ItemContainerType, ItemType, DepotSocketEvents, ItemSocketEvents, ItemSocketEventsDisplayLabels, ItemSubType, ActionsForInventory, ActionsForEquipmentSet, ActionsForLoot, ActionsForMapContainer, ItemQualityLevel, ItemRarities, isMobile, TaskType, TaskStatus, isMobileOrTablet, RewardType, DC_TO_GOLD_SWAP_RATE, ItemSlotType, NPCSubtype, EntityAttackType, NPCAlignment, VideoGuideCategory, VideoGuideLanguage, MarketplaceBuyOrderStatus, MarketplaceAcceptedCurrency, formatDCAmount, goldToDC, MarketplaceTransactionType, CharacterClass as CharacterClass$2, QuestType, QuestStatus, getLevelFromXP, getSkillConstants, getLevelFromSPTiered, getXPForLevel, getSPForLevelTiered, MetadataType, PurchaseType, PaymentCurrency, UserAccountTypes, PeriodOfDay } from '@rpg-engine/shared';
 export { MarketplaceAcceptedCurrency } from '@rpg-engine/shared';
 import dayjs from 'dayjs';
 import { ErrorBoundary as ErrorBoundary$1 } from 'react-error-boundary';
@@ -2859,6 +2859,12 @@ var generateContextMenu = function generateContextMenu(item, itemContainerType,
       text: "Detach Gems"
     });
   }
+  if (itemContainerType === ItemContainerType.Inventory && item.subType === ItemSubType.SoulGem && item.soulGem) {
+    contextActionMenu.push({
+      id: 'attach-soul-gem',
+      text: 'Attach gem'
+    });
+  }
   return contextActionMenu;
 };
 
@@ -6275,7 +6281,9 @@ var LoginStreakPanel = function LoginStreakPanel(_ref) {
     return React.createElement(MilestoneCard, {
       key: milestone.day,
       "$reached": milestone.reached
-    }, React.createElement(MilestoneDayLabel, null, "Day ", milestone.day), React.createElement(MilestoneRewardName, null, milestone.quantity, "x ", milestone.itemName), React.createElement(MilestoneBadge, {
+    }, React.createElement(MilestoneDayLabel, null, "Day ", milestone.day), React.createElement(MilestoneRewardName, null, milestone.rewards.map(function (reward) {
+      return reward.quantity + "x " + reward.itemName;
+    }).join(', ')), React.createElement(MilestoneBadge, {
       "$reached": milestone.reached
     }, milestone.reached ? '✓' : '○'));
   })), React.createElement(MotivationalText, null, getMotivationalText(streak, isConsecutive, milestones))));
@@ -17412,7 +17420,10 @@ var SpellInfoWrapper = function SpellInfoWrapper(_ref) {
       if (!isTooltipMobileVisible) setIsTooltipVisible(true);
     },
     onMouseLeave: function onMouseLeave(event) {
-      if (!event.currentTarget.contains(document.activeElement)) setIsTooltipVisible(false);
+      var _document$activeEleme;
+      if (!event.currentTarget.contains(document.activeElement) || !((_document$activeEleme = document.activeElement) != null && _document$activeEleme.matches(':focus-visible'))) {
+        setIsTooltipVisible(false);
+      }
     },
     onTouchStart: handleTouchStart,
     onTouchEnd: clearHold,
@@ -17525,15 +17536,19 @@ var Spell = function Spell(_ref) {
     "$unavailable": unavailable
   }, note)));
 };
+var assignmentPulse = /*#__PURE__*/keyframes(["0%,100%{background-color:rgba(255,247,215,.5);}50%{background-color:rgba(255,252,235,.9);}"]);
 var Card$1 = /*#__PURE__*/styled.button.withConfig({
   displayName: "Spell__Card",
   componentId: "sc-j96fa2-0"
-})(["box-sizing:border-box;display:flex;flex-direction:column;flex:1 1 auto;width:100%;min-width:0;padding:7px 8px 8px;text-align:left;color:#392718;background:rgba(255,247,215,0.5);border:1px solid ", ";box-shadow:", ";border-radius:3px;font:inherit;cursor:pointer;transition:background .12s,border-color .12s;&:hover:not(:disabled){background:rgba(255,252,235,.9);border-color:#8a5a14;box-shadow:inset 0 0 0 1px #8a5a14;}&:focus-visible{outline:3px solid #3a2110;outline-offset:2px;}&&:disabled{cursor:default;background:rgba(113,81,49,.1);border-style:dashed;color:#392718;filter:none;}&:disabled img,&:disabled canvas{opacity:.55;}"], function (_ref2) {
+})(["box-sizing:border-box;display:flex;flex-direction:column;flex:1 1 auto;width:100%;min-width:0;padding:7px 8px 8px;text-align:left;color:#392718;background:rgba(255,247,215,0.5);border:1px solid ", ";box-shadow:", ";border-radius:3px;font:inherit;cursor:pointer;transition:background .12s,border-color .12s;animation-name:", ";animation-duration:1.4s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;&:disabled{animation-name:none;}@media (prefers-reduced-motion:reduce){animation-name:none;}&:hover:not(:disabled){background:rgba(255,252,235,.9);border-color:#8a5a14;box-shadow:inset 0 0 0 1px #8a5a14;}&:focus-visible{outline:3px solid #3a2110;outline-offset:2px;}&&:disabled{cursor:default;background:rgba(113,81,49,.1);border-style:dashed;color:#392718;filter:none;}&:disabled img,&:disabled canvas{opacity:.55;}"], function (_ref2) {
   var $assigning = _ref2.$assigning;
   return $assigning ? '#8a5a14' : 'rgba(89, 56, 28, .4)';
 }, function (_ref3) {
   var $assigning = _ref3.$assigning;
   return $assigning ? 'inset 0 0 0 1px #8a5a14' : 'none';
+}, function (_ref4) {
+  var $assigning = _ref4.$assigning;
+  return $assigning ? assignmentPulse : 'none';
 });
 var Heading = /*#__PURE__*/styled.span.withConfig({
   displayName: "Spell__Heading",
@@ -17566,12 +17581,12 @@ var RARITY_INK = (_RARITY_INK = {}, _RARITY_INK[ItemRarities.Common] = '#5a3f27'
 var Rarity$1 = /*#__PURE__*/styled.span.withConfig({
   displayName: "Spell__Rarity",
   componentId: "sc-j96fa2-6"
-})(["display:inline-block;flex:none;padding:1px 5px;border:1px solid ", ";border-radius:2px;background:rgba(255,250,229,.7);&&{font-size:9px;line-height:1.3;color:", ";text-shadow:none;}"], function (_ref4) {
-  var $rarity = _ref4.$rarity;
-  return RARITY_INK[$rarity];
-}, function (_ref5) {
+})(["display:inline-block;flex:none;padding:1px 5px;border:1px solid ", ";border-radius:2px;background:rgba(255,250,229,.7);&&{font-size:9px;line-height:1.3;color:", ";text-shadow:none;}"], function (_ref5) {
   var $rarity = _ref5.$rarity;
   return RARITY_INK[$rarity];
+}, function (_ref6) {
+  var $rarity = _ref6.$rarity;
+  return RARITY_INK[$rarity];
 });
 var Description$8 = /*#__PURE__*/styled.span.withConfig({
   displayName: "Spell__Description",
@@ -17587,8 +17602,8 @@ var Facts = /*#__PURE__*/styled.span.withConfig({
 var Requirement = /*#__PURE__*/styled.span.withConfig({
   displayName: "Spell__Requirement",
   componentId: "sc-j96fa2-9"
-})(["display:block;&&{font-size:9px;line-height:1.5;color:#392718;text-shadow:none;}", ""], function (_ref6) {
-  var $unmet = _ref6.$unmet;
+})(["display:block;&&{font-size:9px;line-height:1.5;color:#392718;text-shadow:none;}", ""], function (_ref7) {
+  var $unmet = _ref7.$unmet;
   return $unmet && css(["padding:3px 6px;background:rgba(138,42,34,.12);border-left:3px solid #8a2a22;border-radius:2px;&&{color:#8a2a22;}"]);
 });
 var Stats = /*#__PURE__*/styled.span.withConfig({
@@ -17610,18 +17625,18 @@ var STAT_TONES = {
 var Value$2 = /*#__PURE__*/styled.span.withConfig({
   displayName: "Spell__Value",
   componentId: "sc-j96fa2-13"
-})(["&&{font-size:10px;line-height:1.4;color:", ";text-shadow:none;}"], function (_ref7) {
-  var $tone = _ref7.$tone;
+})(["&&{font-size:10px;line-height:1.4;color:", ";text-shadow:none;}"], function (_ref8) {
+  var $tone = _ref8.$tone;
   return $tone ? STAT_TONES[$tone] : '#2a1708';
 });
 var Status$1 = /*#__PURE__*/styled.span.withConfig({
   displayName: "Spell__Status",
   componentId: "sc-j96fa2-14"
-})(["display:flex;align-items:center;gap:6px;margin-top:4px;&&{font-size:9px;line-height:1.5;color:", ";text-shadow:none;}&::before{content:'';flex:none;width:6px;height:6px;background:currentColor;clip-path:", ";}"], function (_ref8) {
-  var $unavailable = _ref8.$unavailable;
-  return $unavailable ? '#8a2a22' : '#4b4420';
-}, function (_ref9) {
+})(["display:flex;align-items:center;gap:6px;margin-top:4px;&&{font-size:9px;line-height:1.5;color:", ";text-shadow:none;}&::before{content:'';flex:none;width:6px;height:6px;background:currentColor;clip-path:", ";}"], function (_ref9) {
   var $unavailable = _ref9.$unavailable;
+  return $unavailable ? '#8a2a22' : '#4b4420';
+}, function (_ref10) {
+  var $unavailable = _ref10.$unavailable;
   return $unavailable ? 'none' : 'polygon(0 0, 100% 50%, 0 100%)';
 });