@rpg-engine/long-bow 0.8.47 → 0.8.49

package/dist/long-bow.esm.js

@@ -2,7 +2,7 @@ import React, { useState, useEffect, Component, useRef, useCallback, useContext,
 import styled, { css, 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, ItemSlotType, isMobileOrTablet, NPCSubtype, EntityAttackType, NPCAlignment, VideoGuideCategory, VideoGuideLanguage, CharacterClass, QuestStatus, getSPForLevel, getXPForLevel, PeriodOfDay, UserAccountTypes } 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, RewardType, isMobileOrTablet, ItemSlotType, NPCSubtype, EntityAttackType, NPCAlignment, VideoGuideCategory, VideoGuideLanguage, CharacterClass, QuestStatus, getSPForLevel, getXPForLevel, PeriodOfDay, UserAccountTypes } 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, FaChevronUp, FaChevronDown, FaReddit } from 'react-icons/fa';
@@ -29209,6 +29209,532 @@ var EmptyState = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-19q95ue-15"
 })(["position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:", ";width:100%;padding:2rem;svg{font-size:3rem;margin-bottom:1rem;opacity:0.7;}p{font-family:'Press Start 2P',cursive;font-size:0.9rem;margin:0;}"], uiColors.lightGray);
 
+var formatTaskKey = function formatTaskKey(key) {
+  var formatted = key.replace(/[-_]/g, ' ');
+  formatted = formatted.replace(/([A-Z])/g, ' $1');
+  formatted = formatted.trim();
+  return formatted.split(' ').map(function (word) {
+    return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();
+  }).join(' ');
+};
+var getTaskIcon = function getTaskIcon(taskType, difficulty) {
+  var MapIcon = 'map-2.png';
+  var KillMobsIconRegular = 'white-skull.png';
+  var KillMobsIconChallenge = 'red-skull.png';
+  var CollectItemIcon = 'inventory-2.png';
+  var CraftItemIcon = 'crafting.png';
+  switch (taskType) {
+    case TaskType.KillMobs:
+      return difficulty === 'Challenge' ? KillMobsIconChallenge : KillMobsIconRegular;
+    case TaskType.CollectItems:
+      return CollectItemIcon;
+    case TaskType.MapVisit:
+      return MapIcon;
+    case TaskType.CraftItems:
+      return CraftItemIcon;
+    default:
+      return 'check.png';
+  }
+};
+var getStatusInfo = function getStatusInfo(task) {
+  if (task.status === TaskStatus.Completed) {
+    return {
+      text: 'Completed',
+      color: uiColors.lightGreen
+    };
+  }
+  if (task.claimed) {
+    return {
+      text: 'Claimed',
+      color: uiColors.yellow
+    };
+  }
+  var isTaskNotStarted = function () {
+    switch (task.type) {
+      case TaskType.KillMobs:
+        return task.type === TaskType.KillMobs && Object.values(task.progress.kills || {}).every(function (kill) {
+          return kill === 0;
+        });
+      case TaskType.CollectItems:
+        return task.type === TaskType.CollectItems && Object.values(task.progress.collected || {}).every(function (quantity) {
+          return quantity === 0;
+        });
+      case TaskType.CraftItems:
+        return task.type === TaskType.CraftItems && Object.values(task.progress.crafted || {}).every(function (quantity) {
+          return quantity === 0;
+        });
+      case TaskType.MapVisit:
+        return task.type === TaskType.MapVisit && Object.values(task.progress.visitedMaps || {}).every(function (visited) {
+          return !visited;
+        });
+      default:
+        return false;
+    }
+  }();
+  if (isTaskNotStarted) {
+    return {
+      text: 'Not Started',
+      color: uiColors.lightGray
+    };
+  }
+  return {
+    text: 'In Progress',
+    color: uiColors.blue
+  };
+};
+var formatDifficulty = function formatDifficulty(difficulty) {
+  return difficulty.charAt(0).toUpperCase() + difficulty.slice(1).toLowerCase();
+};
+
+var DailyRewardsTooltip = function DailyRewardsTooltip(_ref) {
+  var rewards = _ref.rewards,
+    itemsAtlasJSON = _ref.itemsAtlasJSON,
+    itemsAtlasIMG = _ref.itemsAtlasIMG;
+  var _React$useState = React.useState(true),
+    isExpanded = _React$useState[0],
+    setIsExpanded = _React$useState[1];
+  var sortedRewards = React.useMemo(function () {
+    var _REWARD_PRIORITY;
+    if (!rewards) return [];
+    var REWARD_PRIORITY = (_REWARD_PRIORITY = {}, _REWARD_PRIORITY[RewardType.Item] = 1, _REWARD_PRIORITY[RewardType.Gold] = 2, _REWARD_PRIORITY[RewardType.Experience] = 3, _REWARD_PRIORITY);
+    var getPriority = function getPriority(type) {
+      var _REWARD_PRIORITY$type;
+      return (_REWARD_PRIORITY$type = REWARD_PRIORITY[type]) != null ? _REWARD_PRIORITY$type : Number.MAX_SAFE_INTEGER;
+    };
+    return [].concat(rewards).sort(function (a, b) {
+      return getPriority(a.type) - getPriority(b.type);
+    });
+  }, [rewards]);
+  var toggleExpand = function toggleExpand() {
+    setIsExpanded(!isExpanded);
+  };
+  return React.createElement(TooltipContainer$1, null, React.createElement(CollapsibleHeader, {
+    onClick: toggleExpand
+  }, React.createElement(HeaderText, null, "Rewards?"), React.createElement(ExpandIcon, null, isExpanded ? '▼' : '▶')), isExpanded && React.createElement(CollapsibleContent, null, React.createElement(RewardsList, null, sortedRewards.map(function (reward, index) {
+    var _reward$key;
+    return React.createElement(RewardItem, {
+      key: index
+    }, React.createElement(SpriteFromAtlas, {
+      atlasJSON: itemsAtlasJSON,
+      atlasIMG: itemsAtlasIMG,
+      spriteKey: reward.type === RewardType.Gold ? 'others/gold-coin-qty-6.png' : reward.type === RewardType.Experience ? 'others/royal-chalice.png' : reward.texturePath || 'others/no-image.png',
+      width: 24,
+      height: 24,
+      imgScale: 1.75
+    }), React.createElement(ItemContent, null, React.createElement(RewardLabel, null, React.createElement(Ellipsis, {
+      maxWidth: "100%",
+      maxLines: 2
+    }, formatTaskKey((_reward$key = reward.key) != null ? _reward$key : ''), ":"))), React.createElement(RewardValue, null, "x", reward.quantity));
+  }))));
+};
+var TooltipContainer$1 = /*#__PURE__*/styled.div.withConfig({
+  displayName: "DailyRewardsTooltip__TooltipContainer",
+  componentId: "sc-wxzcu4-0"
+})(["position:relative;display:flex;flex-direction:column;width:100%;"]);
+var RewardsList = /*#__PURE__*/styled.div.withConfig({
+  displayName: "DailyRewardsTooltip__RewardsList",
+  componentId: "sc-wxzcu4-1"
+})(["display:flex;flex-direction:column;gap:8px;width:100%;"]);
+var CollapsibleHeader = /*#__PURE__*/styled.div.withConfig({
+  displayName: "DailyRewardsTooltip__CollapsibleHeader",
+  componentId: "sc-wxzcu4-2"
+})(["display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-bottom:1px solid ", ";width:100%;"], uiColors.darkGray);
+var HeaderText = /*#__PURE__*/styled.span.withConfig({
+  displayName: "DailyRewardsTooltip__HeaderText",
+  componentId: "sc-wxzcu4-3"
+})(["color:", " !important;"], uiColors.yellow);
+var ExpandIcon = /*#__PURE__*/styled.span.withConfig({
+  displayName: "DailyRewardsTooltip__ExpandIcon",
+  componentId: "sc-wxzcu4-4"
+})(["color:", ";font-size:0.8rem;margin-left:8px;"], uiColors.yellow);
+var CollapsibleContent = /*#__PURE__*/styled.div.withConfig({
+  displayName: "DailyRewardsTooltip__CollapsibleContent",
+  componentId: "sc-wxzcu4-5"
+})(["display:block;padding-top:8px;width:100%;"]);
+var RewardItem = /*#__PURE__*/styled.div.withConfig({
+  displayName: "DailyRewardsTooltip__RewardItem",
+  componentId: "sc-wxzcu4-6"
+})(["display:flex;align-items:center;gap:12px;width:100%;min-width:200px;"]);
+var ItemContent = /*#__PURE__*/styled.div.withConfig({
+  displayName: "DailyRewardsTooltip__ItemContent",
+  componentId: "sc-wxzcu4-7"
+})(["display:flex;flex-direction:column;justify-content:center;"]);
+var RewardLabel = /*#__PURE__*/styled.span.withConfig({
+  displayName: "DailyRewardsTooltip__RewardLabel",
+  componentId: "sc-wxzcu4-8"
+})(["color:", ";font-size:0.9rem;line-height:1.2;display:inline-flex;align-items:center;"], uiColors.yellow);
+var RewardValue = /*#__PURE__*/styled.span.withConfig({
+  displayName: "DailyRewardsTooltip__RewardValue",
+  componentId: "sc-wxzcu4-9"
+})(["color:", ";font-size:0.9rem;margin-left:auto;line-height:1.2;display:inline-flex;align-items:center;min-width:50px;text-align:right;"], uiColors.yellow);
+
+var ReadOnlyCheckItem = function ReadOnlyCheckItem(_ref) {
+  var labelLeft = _ref.labelLeft,
+    labelRight = _ref.labelRight,
+    checked = _ref.checked;
+  return React.createElement(Container$e, null, labelLeft && React.createElement(Label, null, labelLeft), React.createElement("div", {
+    className: "rpgui-checkbox-container"
+  }, React.createElement(CheckBox, {
+    className: "rpgui-checkbox",
+    type: "checkbox",
+    checked: checked,
+    readOnly: true
+  }), React.createElement("label", null)), labelRight && React.createElement(Label, {
+    isRight: true
+  }, labelRight));
+};
+var Container$e = /*#__PURE__*/styled.div.withConfig({
+  displayName: "ReadOnlyCheckItem__Container",
+  componentId: "sc-1peplf9-0"
+})(["display:flex;align-items:center;width:100%;height:20px;"]);
+var Label = /*#__PURE__*/styled.span.withConfig({
+  displayName: "ReadOnlyCheckItem__Label",
+  componentId: "sc-1peplf9-1"
+})(["", ""], function (_ref2) {
+  var isRight = _ref2.isRight;
+  return isRight ? 'margin-left: auto;' : 'margin-right: auto;';
+});
+var CheckBox = /*#__PURE__*/styled.input.attrs({
+  type: 'checkbox'
+}).withConfig({
+  displayName: "ReadOnlyCheckItem__CheckBox",
+  componentId: "sc-1peplf9-2"
+})([""]);
+
+var TaskProgressDetails = function TaskProgressDetails(_ref) {
+  var _progressRenderers;
+  var task = _ref.task;
+  var progress = task.progress,
+    type = task.type;
+  var progressRenderers = (_progressRenderers = {}, _progressRenderers[TaskType.KillMobs] = function () {
+    return progress.kills && Object.entries(progress.kills).map(function (_ref2, index) {
+      var _task$requirements$ta;
+      var key = _ref2[0],
+        value = _ref2[1];
+      return React.createElement(ProgressItem, {
+        key: index
+      }, React.createElement("span", null, formatTaskKey(key), ":"), React.createElement(ProgressCount, null, value, "/", ((_task$requirements$ta = task.requirements.targets.find(function (t) {
+        return t.key === key;
+      })) == null ? void 0 : _task$requirements$ta.quantity) || 0));
+    });
+  }, _progressRenderers[TaskType.CollectItems] = function () {
+    return Object.entries(progress.collected || {}).map(function (_ref3, index) {
+      var _task$requirements$ta2;
+      var key = _ref3[0],
+        value = _ref3[1];
+      return React.createElement(ProgressItem, {
+        key: index
+      }, React.createElement("span", null, key, ":"), React.createElement(ProgressCount, null, value, "/", ((_task$requirements$ta2 = task.requirements.targets.find(function (t) {
+        return t.key === key;
+      })) == null ? void 0 : _task$requirements$ta2.quantity) || 0));
+    });
+  }, _progressRenderers[TaskType.CraftItems] = function () {
+    return Object.entries(progress.crafted || {}).map(function (_ref4, index) {
+      var _task$requirements$ta3;
+      var key = _ref4[0],
+        value = _ref4[1];
+      return React.createElement(ProgressItem, {
+        key: index
+      }, React.createElement("span", null, formatTaskKey(key), ":"), React.createElement(ProgressCount, null, value, "/", ((_task$requirements$ta3 = task.requirements.targets.find(function (t) {
+        return t.key === key;
+      })) == null ? void 0 : _task$requirements$ta3.quantity) || 0));
+    });
+  }, _progressRenderers[TaskType.MapVisit] = function () {
+    return Object.entries(progress.visitedMaps || {}).map(function (_ref5, index) {
+      var mapName = _ref5[0],
+        visited = _ref5[1];
+      return React.createElement(ProgressItem, {
+        key: index
+      }, React.createElement(CheckItemWrapper, null, React.createElement(ReadOnlyCheckItem, {
+        labelLeft: formatTaskKey(mapName),
+        checked: visited
+      })));
+    });
+  }, _progressRenderers);
+  return React.createElement(ProgressList, null, progressRenderers[type] ? progressRenderers[type]() : null);
+};
+var ProgressList = /*#__PURE__*/styled.div.withConfig({
+  displayName: "TaskProgressDetails__ProgressList",
+  componentId: "sc-hm6sp1-0"
+})(["display:flex;flex-direction:column;gap:8px;"]);
+var ProgressItem = /*#__PURE__*/styled.div.withConfig({
+  displayName: "TaskProgressDetails__ProgressItem",
+  componentId: "sc-hm6sp1-1"
+})(["display:flex;justify-content:space-between;align-items:center;"]);
+var ProgressCount = /*#__PURE__*/styled.span.withConfig({
+  displayName: "TaskProgressDetails__ProgressCount",
+  componentId: "sc-hm6sp1-2"
+})(["color:", " !important;"], uiColors.white);
+var CheckItemWrapper = /*#__PURE__*/styled.div.withConfig({
+  displayName: "TaskProgressDetails__CheckItemWrapper",
+  componentId: "sc-hm6sp1-3"
+})(["display:flex;justify-content:center;width:100%;height:20px;input.rpgui-checkbox + label{margin:0 !important;padding-left:23px !important;}"]);
+
+var TaskProgress = function TaskProgress(_ref) {
+  var task = _ref.task,
+    itemsAtlasJSON = _ref.itemsAtlasJSON,
+    itemsAtlasIMG = _ref.itemsAtlasIMG,
+    iconAtlasJSON = _ref.iconAtlasJSON,
+    iconAtlasIMG = _ref.iconAtlasIMG;
+  var difficulty = task.difficulty;
+  return React.createElement(ProgressContainer, null, React.createElement(ProgressList$1, null, React.createElement(ProgressItem$1, null, React.createElement(ProgressLabel, null, "Difficulty:"), React.createElement(TaskDifficulty, {
+    difficulty: difficulty
+  }, formatDifficulty(difficulty))), React.createElement(ProgressItem$1, null, React.createElement(ProgressLabel, null, "Status:"), React.createElement(StatusText, {
+    color: getStatusInfo(task).color
+  }, getStatusInfo(task).text)), React.createElement(TaskProgressDetails, {
+    task: task
+  }), task.rewards && task.rewards.length > 0 && React.createElement(ProgressItem$1, null, React.createElement(DailyRewardsTooltip, {
+    rewards: task.rewards,
+    itemsAtlasJSON: itemsAtlasJSON,
+    itemsAtlasIMG: itemsAtlasIMG,
+    iconAtlasJSON: iconAtlasJSON,
+    iconAtlasIMG: iconAtlasIMG
+  }))));
+};
+var ProgressContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "TaskProgress__ProgressContainer",
+  componentId: "sc-1ejoyu-0"
+})(["width:100%;position:relative;"]);
+var ProgressList$1 = /*#__PURE__*/styled.div.withConfig({
+  displayName: "TaskProgress__ProgressList",
+  componentId: "sc-1ejoyu-1"
+})(["display:flex;flex-direction:column;gap:6px;"]);
+var ProgressItem$1 = /*#__PURE__*/styled.div.withConfig({
+  displayName: "TaskProgress__ProgressItem",
+  componentId: "sc-1ejoyu-2"
+})(["display:flex;justify-content:space-between;align-items:center;"]);
+var ProgressLabel = /*#__PURE__*/styled.span.withConfig({
+  displayName: "TaskProgress__ProgressLabel",
+  componentId: "sc-1ejoyu-3"
+})(["color:", " !important;"], uiColors.white);
+var TaskDifficulty = /*#__PURE__*/styled.span.withConfig({
+  displayName: "TaskProgress__TaskDifficulty",
+  componentId: "sc-1ejoyu-4"
+})(["color:", " !important;"], function (props) {
+  return props.difficulty.toLowerCase() === 'challenge' ? uiColors.red : uiColors.lightGray;
+});
+var StatusText = /*#__PURE__*/styled.span.withConfig({
+  displayName: "TaskProgress__StatusText",
+  componentId: "sc-1ejoyu-5"
+})(["color:", " !important;font-weight:bold;"], function (props) {
+  return props.color;
+});
+
+var DailyTaskItem = function DailyTaskItem(_ref) {
+  var _task$name;
+  var task = _ref.task,
+    spriteKey = _ref.spriteKey,
+    onClaimReward = _ref.onClaimReward,
+    itemsAtlasJSON = _ref.itemsAtlasJSON,
+    itemsAtlasIMG = _ref.itemsAtlasIMG,
+    iconAtlasJSON = _ref.iconAtlasJSON,
+    iconAtlasIMG = _ref.iconAtlasIMG;
+  var isMobile = isMobileOrTablet();
+  var isCompleted = task.status === TaskStatus.Completed;
+  var isClaimed = task.claimed;
+  var handleClaimReward = function handleClaimReward() {
+    onClaimReward(task.key, task.type);
+  };
+  return React.createElement(TaskContainer, null, React.createElement(TaskHeader, null, iconAtlasJSON && iconAtlasIMG && React.createElement(NonInteractiveWrapper, null, React.createElement(SpriteFromAtlas, {
+    atlasJSON: iconAtlasJSON,
+    atlasIMG: iconAtlasIMG,
+    spriteKey: spriteKey,
+    width: 12,
+    height: 12,
+    imgScale: 2.75
+  })), React.createElement(TaskContent, null, React.createElement(TaskTitle, null, React.createElement(Ellipsis, {
+    maxWidth: "100%",
+    maxLines: isMobile ? 3 : 2
+  }, (_task$name = task.name) != null ? _task$name : formatTaskKey(task.key))), React.createElement(TaskDescription, null, React.createElement(Ellipsis, {
+    maxWidth: "100%",
+    maxLines: isMobile ? 5 : 3
+  }, task.description)))), React.createElement(TaskProgress, {
+    task: task,
+    itemsAtlasJSON: itemsAtlasJSON,
+    itemsAtlasIMG: itemsAtlasIMG
+  }), isCompleted && !isClaimed && React.createElement(CollectWrapper, null, React.createElement(Button, {
+    buttonType: ButtonTypes.RPGUIButton,
+    onPointerDown: handleClaimReward
+  }, "Collect Reward")), isClaimed && React.createElement(ClaimedText, null, "Reward Claimed"));
+};
+var TaskContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "DailyTaskItem__TaskContainer",
+  componentId: "sc-45bxmt-0"
+})(["background:rgba(0,0,0,0.5) !important;border:2px solid ", " !important;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 4px rgba(0,0,0,0.3);"], uiColors.darkGray);
+var TaskHeader = /*#__PURE__*/styled.div.withConfig({
+  displayName: "DailyTaskItem__TaskHeader",
+  componentId: "sc-45bxmt-1"
+})(["display:flex;width:100%;justify-content:center;border-bottom:1.3px solid ", ";"], uiColors.darkGray);
+var NonInteractiveWrapper = /*#__PURE__*/styled.div.withConfig({
+  displayName: "DailyTaskItem__NonInteractiveWrapper",
+  componentId: "sc-45bxmt-2"
+})(["pointer-events:none;user-select:none;margin-top:5px;"]);
+var TaskContent = /*#__PURE__*/styled.div.withConfig({
+  displayName: "DailyTaskItem__TaskContent",
+  componentId: "sc-45bxmt-3"
+})(["display:flex;flex-direction:column;flex:1;"]);
+var TaskTitle = /*#__PURE__*/styled.h3.withConfig({
+  displayName: "DailyTaskItem__TaskTitle",
+  componentId: "sc-45bxmt-4"
+})(["&&{color:", ";padding-left:10px;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,0.7);flex:1;display:block;span{color:inherit;}}"], uiColors.yellow);
+var TaskDescription = /*#__PURE__*/styled.h3.withConfig({
+  displayName: "DailyTaskItem__TaskDescription",
+  componentId: "sc-45bxmt-5"
+})(["font-size:0.6rem !important;text-decoration:none !important;a"]);
+var ClaimedText = /*#__PURE__*/styled.span.withConfig({
+  displayName: "DailyTaskItem__ClaimedText",
+  componentId: "sc-45bxmt-6"
+})(["color:", ";font-size:0.9rem;text-align:center;font-weight:bold;"], uiColors.green);
+var CollectWrapper = /*#__PURE__*/styled.div.withConfig({
+  displayName: "DailyTaskItem__CollectWrapper",
+  componentId: "sc-45bxmt-7"
+})(["&&{width:100% !important;display:flex !important;justify-content:center !important;align-items:center !important;margin:5px 0 !important;}"]);
+
+var GlobalDailyProgress = function GlobalDailyProgress(_ref) {
+  var tasks = _ref.tasks,
+    onClaimAllRewards = _ref.onClaimAllRewards;
+  var totalTasks = tasks.length;
+  var completedTasks = tasks.filter(function (task) {
+    return task.status === TaskStatus.Completed;
+  }).length;
+  var claimedTasks = tasks.filter(function (task) {
+    return task.claimed === true;
+  }).length;
+  var allCompleted = completedTasks === totalTasks;
+  var allClaimed = claimedTasks === totalTasks;
+  var _React$useState = React.useState(false),
+    isClaimed = _React$useState[0],
+    setIsClaimed = _React$useState[1];
+  var handleClaimAll = function handleClaimAll(tasks) {
+    onClaimAllRewards(tasks);
+    setIsClaimed(true);
+  };
+  return React.createElement(GlobalProgressContainer, null, React.createElement(HeaderContainer$1, null, React.createElement(GlobeIcon, null, "\uD83C\uDF0D"), React.createElement(ProgressText, null, "Global Tasks Completed: ", completedTasks, "/", totalTasks)), React.createElement(ProgressBar, null, React.createElement(ProgressFill, {
+    percentage: completedTasks / totalTasks * 100
+  })), totalTasks > 0 && allCompleted && allClaimed && React.createElement(React.Fragment, null, isClaimed ? React.createElement(ClaimedText$1, null, "Global Rewards Claimed") : React.createElement(CollectWrapper$1, null, React.createElement(Button, {
+    buttonType: ButtonTypes.RPGUIButton,
+    onPointerDown: handleClaimAll
+  }, "Collect Global Rewards"))));
+};
+var GlobalProgressContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "GlobalDailyProgress__GlobalProgressContainer",
+  componentId: "sc-d7q4xm-0"
+})(["background:rgba(0,0,0,0.5) !important;border:2px solid ", " !important;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 4px rgba(0,0,0,0.3);"], uiColors.darkGray);
+var HeaderContainer$1 = /*#__PURE__*/styled.div.withConfig({
+  displayName: "GlobalDailyProgress__HeaderContainer",
+  componentId: "sc-d7q4xm-1"
+})(["display:flex;align-items:center;gap:8px;margin-bottom:8px;"]);
+var GlobeIcon = /*#__PURE__*/styled.span.withConfig({
+  displayName: "GlobalDailyProgress__GlobeIcon",
+  componentId: "sc-d7q4xm-2"
+})(["font-size:1.5rem !important;line-height:1;color:", ";display:flex;align-items:center;justify-content:center;"], uiColors.blue);
+var ProgressText = /*#__PURE__*/styled.div.withConfig({
+  displayName: "GlobalDailyProgress__ProgressText",
+  componentId: "sc-d7q4xm-3"
+})(["color:", ";text-align:center !important;margin-top:8px;line-height:1.2;"], uiColors.white);
+var ProgressBar = /*#__PURE__*/styled.div.withConfig({
+  displayName: "GlobalDailyProgress__ProgressBar",
+  componentId: "sc-d7q4xm-4"
+})(["width:100%;height:8px;background:", ";border-radius:4px;overflow:hidden;"], uiColors.darkGray);
+var ProgressFill = /*#__PURE__*/styled.div.withConfig({
+  displayName: "GlobalDailyProgress__ProgressFill",
+  componentId: "sc-d7q4xm-5"
+})(["width:", "%;height:100%;background:", ";transition:width 0.3s ease;"], function (props) {
+  return props.percentage;
+}, uiColors.green);
+var ClaimedText$1 = /*#__PURE__*/styled.span.withConfig({
+  displayName: "GlobalDailyProgress__ClaimedText",
+  componentId: "sc-d7q4xm-6"
+})(["color:", ";font-size:0.9rem;text-align:center;margin-top:8px;font-weight:bold;"], uiColors.green);
+var CollectWrapper$1 = /*#__PURE__*/styled.div.withConfig({
+  displayName: "GlobalDailyProgress__CollectWrapper",
+  componentId: "sc-d7q4xm-7"
+})(["&&{width:100% !important;display:flex !important;justify-content:center !important;align-items:center !important;margin:5px 0 !important;}"]);
+
+var DailyTasks = function DailyTasks(_ref) {
+  var tasks = _ref.tasks,
+    onClaimReward = _ref.onClaimReward,
+    onClaimGlobalReward = _ref.onClaimGlobalReward,
+    onClose = _ref.onClose,
+    _ref$scale = _ref.scale,
+    scale = _ref$scale === void 0 ? 1 : _ref$scale,
+    itemsAtlasJSON = _ref.itemsAtlasJSON,
+    itemsAtlasIMG = _ref.itemsAtlasIMG,
+    iconAtlasJSON = _ref.iconAtlasJSON,
+    iconAtlasIMG = _ref.iconAtlasIMG;
+  var _React$useState = React.useState(tasks),
+    localTasks = _React$useState[0],
+    setLocalTasks = _React$useState[1];
+  var size = useResponsiveSize(scale);
+  var handleClaimReward = function handleClaimReward(taskKey, type) {
+    setLocalTasks(function (prevTasks) {
+      return prevTasks.map(function (task) {
+        return task.key === taskKey ? _extends({}, task, {
+          claimed: true
+        }) : task;
+      });
+    });
+    onClaimReward({
+      type: type,
+      taskKey: taskKey
+    });
+  };
+  var handleClaimAllRewards = function handleClaimAllRewards() {
+    var tasksToReward = localTasks.filter(function (task) {
+      return task.status === TaskStatus.Completed && !task.claimed;
+    }).map(function (task) {
+      return {
+        type: task.type,
+        taskKey: task.key
+      };
+    });
+    onClaimGlobalReward({
+      tasks: tasksToReward
+    });
+  };
+  if (!size) return null;
+  return React.createElement(TasksContainer, {
+    type: RPGUIContainerTypes.Framed,
+    onCloseButton: onClose,
+    cancelDrag: ".tasks-container",
+    scale: scale,
+    width: size.width,
+    height: size.height
+  }, React.createElement(TaskTitle$1, null, "Daily Tasks"), React.createElement(Container$f, null, React.createElement(TasksList, {
+    className: "tasks-container"
+  }, React.createElement(GlobalDailyProgress, {
+    tasks: localTasks,
+    onClaimAllRewards: handleClaimAllRewards
+  }), localTasks.map(function (task) {
+    return React.createElement(DailyTaskItem, {
+      key: task.key,
+      task: task,
+      spriteKey: getTaskIcon(task.type, task.difficulty),
+      onClaimReward: handleClaimReward,
+      itemsAtlasJSON: itemsAtlasJSON,
+      itemsAtlasIMG: itemsAtlasIMG,
+      iconAtlasJSON: iconAtlasJSON,
+      iconAtlasIMG: iconAtlasIMG
+    });
+  }))));
+};
+var TasksContainer = /*#__PURE__*/styled(DraggableContainer).withConfig({
+  displayName: "DailyTasks__TasksContainer",
+  componentId: "sc-ittn77-0"
+})(["min-width:450px;max-width:550px;margin:0 auto;.rpgui-container-title{width:100%;display:flex;justify-content:center;align-items:center;text-align:center;}.rpgui-container{padding:0 !important;overflow:hidden !important;background-color:rgba(30,30,30,0.9) !important;}"]);
+var Container$f = /*#__PURE__*/styled.div.withConfig({
+  displayName: "DailyTasks__Container",
+  componentId: "sc-ittn77-1"
+})(["width:100%;max-width:100%;margin:0 auto;padding:0.125rem;overflow-y:auto;box-sizing:border-box;@media (min-width:320px){padding:0.25rem;}@media (min-width:360px){padding:0.5rem;}@media (min-width:480px){padding:0.75rem;}"]);
+var TasksList = /*#__PURE__*/styled.div.withConfig({
+  displayName: "DailyTasks__TasksList",
+  componentId: "sc-ittn77-2"
+})(["display:flex;flex-direction:column;gap:12px;padding:15px;max-height:70vh;"]);
+var TaskTitle$1 = /*#__PURE__*/styled.h2.withConfig({
+  displayName: "DailyTasks__TaskTitle",
+  componentId: "sc-ittn77-3"
+})(["color:", " !important;text-align:center;padding-right:30px !important;font-size:1.4rem !important;width:100%;"], uiColors.yellow);
+
 // Memoize the styled components since they don't depend on props that change frequently
 var DPadButton = /*#__PURE__*/memo( /*#__PURE__*/styled.div.withConfig({
   displayName: "JoystickDPad__DPadButton",
@@ -29568,7 +30094,7 @@ var DraggedItem = function DraggedItem(_ref) {
   var centeredX = x - OFFSET$1;
   var centeredY = y - OFFSET$1;
   var stackInfo = onRenderStackInfo((_item$_id = item == null ? void 0 : item._id) != null ? _item$_id : '', (_item$stackQty = item == null ? void 0 : item.stackQty) != null ? _item$stackQty : 0);
-  return React.createElement(Container$e, null, React.createElement(SpriteContainer, {
+  return React.createElement(Container$g, null, React.createElement(SpriteContainer, {
     x: centeredX,
     y: centeredY
   }, React.createElement(SpriteFromAtlas, {
@@ -29586,7 +30112,7 @@ var DraggedItem = function DraggedItem(_ref) {
   }), stackInfo));
 };
 var pulse = "\n  @keyframes pulse {\n    0%, 100% {\n      transform: scale(1) rotate(-3deg);\n    }\n    50% {\n      transform: scale(0.95) rotate(-3deg);\n    }\n  }\n";
-var Container$e = /*#__PURE__*/styled.div.withConfig({
+var Container$g = /*#__PURE__*/styled.div.withConfig({
   displayName: "DraggedItem__Container",
   componentId: "sc-mlzzcp-0"
 })(["position:relative;"]);
@@ -29624,7 +30150,7 @@ var RelativeListMenu = function RelativeListMenu(_ref) {
       document.removeEventListener('clickOutside', function (_e) {});
     };
   }, []);
-  return React.createElement(ModalPortal, null, React.createElement(Container$f, Object.assign({
+  return React.createElement(ModalPortal, null, React.createElement(Container$h, Object.assign({
     fontSize: fontSize,
     ref: ref
   }, pos), React.createElement("ul", {
@@ -29641,7 +30167,7 @@ var RelativeListMenu = function RelativeListMenu(_ref) {
     }, (params == null ? void 0 : params.text) || 'No text');
   }))));
 };
-var Container$f = /*#__PURE__*/styled.div.withConfig({
+var Container$h = /*#__PURE__*/styled.div.withConfig({
   displayName: "RelativeListMenu__Container",
   componentId: "sc-7hohf-0"
 })(["position:absolute;top:", "px;left:", "px;display:flex;flex-direction:column;width:max-content;justify-content:start;align-items:flex-start;li{font-size:", "em;}"], function (props) {
@@ -29915,7 +30441,7 @@ var SearchFriend = function SearchFriend(_ref) {
     title: "Requests (" + friendRequests.length + ")",
     content: requestsTabContent
   }];
-  return React.createElement(Container$g, null, React.createElement(InternalTabs, {
+  return React.createElement(Container$i, null, React.createElement(InternalTabs, {
     tabs: tabs,
     activeTextColor: "#000",
     inactiveColor: "#777",
@@ -29957,7 +30483,7 @@ var FriendRequestSection = function FriendRequestSection(_ref3) {
     }, "Reject")));
   })));
 };
-var Container$g = /*#__PURE__*/styled.div.withConfig({
+var Container$i = /*#__PURE__*/styled.div.withConfig({
   displayName: "SearchFriend__Container",
   componentId: "sc-1lt1ols-0"
 })(["display:flex;flex-direction:column;gap:1rem;"]);
@@ -30160,7 +30686,7 @@ var NPCDialogText = function NPCDialogText(_ref) {
   var _useState2 = useState(false),
     showGoNextIndicator = _useState2[0],
     setShowGoNextIndicator = _useState2[1];
-  return React.createElement(Container$h, null, React.createElement(DynamicText, {
+  return React.createElement(Container$j, null, React.createElement(DynamicText, {
     text: (textChunks == null ? void 0 : textChunks[chunkIndex]) || '',
     onFinish: function onFinish() {
       setShowGoNextIndicator(true);
@@ -30178,7 +30704,7 @@ var NPCDialogText = function NPCDialogText(_ref) {
     }
   }));
 };
-var Container$h = /*#__PURE__*/styled.div.withConfig({
+var Container$j = /*#__PURE__*/styled.div.withConfig({
   displayName: "NPCDialogText__Container",
   componentId: "sc-1cxkdh9-0"
 })([""]);
@@ -30330,7 +30856,7 @@ var QuestionDialog = function QuestionDialog(_ref) {
       return null;
     });
   };
-  return React.createElement(Container$i, null, React.createElement(QuestionContainer, null, React.createElement(DynamicText, {
+  return React.createElement(Container$k, null, React.createElement(QuestionContainer, null, React.createElement(DynamicText, {
     text: currentQuestion.text,
     onStart: function onStart() {
       return setCanShowAnswers(false);
@@ -30340,7 +30866,7 @@ var QuestionDialog = function QuestionDialog(_ref) {
     }
   })), canShowAnswers && React.createElement(AnswersContainer, null, onRenderCurrentAnswers()));
 };
-var Container$i = /*#__PURE__*/styled.div.withConfig({
+var Container$k = /*#__PURE__*/styled.div.withConfig({
   displayName: "QuestionDialog__Container",
   componentId: "sc-bxc5u0-0"
 })(["display:flex;word-break:break-all;box-sizing:border-box;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;"]);
@@ -30401,7 +30927,7 @@ var NPCDialog = function NPCDialog(_ref) {
     }
   })), type === NPCDialogType.TextAndThumbnail && React.createElement(ThumbnailContainer, null, React.createElement(NPCThumbnail, {
     src: imagePath || img$7
-  }))) : React.createElement(React.Fragment, null, React.createElement(Container$j, null, React.createElement(CloseIcon, {
+  }))) : React.createElement(React.Fragment, null, React.createElement(Container$l, null, React.createElement(CloseIcon, {
     onPointerDown: _onClose
   }, "X"), React.createElement(TextContainer$1, {
     flex: type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'
@@ -30417,7 +30943,7 @@ var NPCDialog = function NPCDialog(_ref) {
     src: imagePath || img$7
   })))));
 };
-var Container$j = /*#__PURE__*/styled.div.withConfig({
+var Container$l = /*#__PURE__*/styled.div.withConfig({
   displayName: "NPCDialog__Container",
   componentId: "sc-1b4aw74-0"
 })(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
@@ -30478,7 +31004,7 @@ var NPCMultiDialog = function NPCMultiDialog(_ref) {
     type: RPGUIContainerTypes.FramedGold,
     width: '50%',
     height: '180px'
-  }, React.createElement(React.Fragment, null, React.createElement(Container$k, null, ((_textAndTypeArray$sli = textAndTypeArray[slide]) == null ? void 0 : _textAndTypeArray$sli.imageSide) === 'right' && React.createElement(React.Fragment, null, React.createElement(TextContainer$2, {
+  }, React.createElement(React.Fragment, null, React.createElement(Container$m, null, ((_textAndTypeArray$sli = textAndTypeArray[slide]) == null ? void 0 : _textAndTypeArray$sli.imageSide) === 'right' && React.createElement(React.Fragment, null, React.createElement(TextContainer$2, {
     flex: '70%'
   }, React.createElement(NPCDialogText, {
     onStartStep: function onStartStep() {
@@ -30520,7 +31046,7 @@ var NPCMultiDialog = function NPCMultiDialog(_ref) {
     src: img$6
   }))), ")"));
 };
-var Container$k = /*#__PURE__*/styled.div.withConfig({
+var Container$m = /*#__PURE__*/styled.div.withConfig({
   displayName: "NPCMultiDialog__Container",
   componentId: "sc-rvu5wg-0"
 })(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
@@ -30952,7 +31478,7 @@ var Pagination = function Pagination(_ref) {
     totalPages = _ref.totalPages,
     onPageChange = _ref.onPageChange,
     className = _ref.className;
-  return React.createElement(Container$l, {
+  return React.createElement(Container$n, {
     className: className
   }, React.createElement(PaginationButton$1, {
     onClick: function onClick() {
@@ -30970,7 +31496,7 @@ var Pagination = function Pagination(_ref) {
     size: 12
   })));
 };
-var Container$l = /*#__PURE__*/styled.div.withConfig({
+var Container$n = /*#__PURE__*/styled.div.withConfig({
   displayName: "Pagination__Container",
   componentId: "sc-3k4m4u-0"
 })(["display:flex;align-items:center;justify-content:center;gap:16px;padding:8px;"]);
@@ -30996,7 +31522,7 @@ var SearchBar = function SearchBar(_ref) {
     className = _ref.className,
     rightElement = _ref.rightElement;
   var hasRightElement = Boolean(rightElement);
-  return React.createElement(Container$m, {
+  return React.createElement(Container$o, {
     className: className
   }, React.createElement(Input$1, {
     type: "text",
@@ -31009,7 +31535,7 @@ var SearchBar = function SearchBar(_ref) {
     "$hasRightElement": hasRightElement
   }), React.createElement(IconContainer, null, React.createElement(SearchIcon, null), rightElement));
 };
-var Container$m = /*#__PURE__*/styled.div.withConfig({
+var Container$o = /*#__PURE__*/styled.div.withConfig({
   displayName: "SearchBar__Container",
   componentId: "sc-13n8z02-0"
 })(["position:relative;width:100%;"]);
@@ -31035,7 +31561,7 @@ var SearchHeader = function SearchHeader(_ref) {
   if (!searchOptions && !filterOptions) return null;
   var isMobile = isMobileOrTablet();
   var isSmallScreen = isMobile && window.innerWidth < 480;
-  return React.createElement(HeaderContainer$1, {
+  return React.createElement(HeaderContainer$2, {
     className: className
   }, React.createElement(HeaderContent, {
     "$isSmallScreen": isSmallScreen
@@ -31052,7 +31578,7 @@ var SearchHeader = function SearchHeader(_ref) {
     width: isSmallScreen ? '100%' : '200px'
   }))));
 };
-var HeaderContainer$1 = /*#__PURE__*/styled.div.withConfig({
+var HeaderContainer$2 = /*#__PURE__*/styled.div.withConfig({
   displayName: "SearchHeader__HeaderContainer",
   componentId: "sc-1xd17jb-0"
 })([""]);
@@ -31117,7 +31643,7 @@ var PaginatedContent = function PaginatedContent(_ref) {
     setCurrentPage = _usePagination.setCurrentPage,
     paginatedItems = _usePagination.paginatedItems,
     totalPages = _usePagination.totalPages;
-  return React.createElement(Container$n, {
+  return React.createElement(Container$p, {
     className: className
   }, (searchOptions || filterOptions) && React.createElement(SearchHeader, {
     searchOptions: searchOptions,
@@ -31139,7 +31665,7 @@ var PaginatedContent = function PaginatedContent(_ref) {
     onPageChange: setCurrentPage
   }))));
 };
-var Container$n = /*#__PURE__*/styled.div.withConfig({
+var Container$p = /*#__PURE__*/styled.div.withConfig({
   displayName: "PaginatedContent__Container",
   componentId: "sc-lzp9hn-0"
 })(["display:flex;flex-direction:column;gap:0.5rem;min-height:400px;width:100%;"]);
@@ -31261,7 +31787,7 @@ var BaseInformationDetails = function BaseInformationDetails(_ref) {
     atlasIMG = _ref.atlasIMG,
     onBack = _ref.onBack,
     children = _ref.children;
-  return React.createElement(Container$o, null, React.createElement(Overlay, {
+  return React.createElement(Container$q, null, React.createElement(Overlay, {
     onClick: onBack
   }), React.createElement(Modal, null, React.createElement(CloseButton$5, {
     onClick: onBack
@@ -31274,7 +31800,7 @@ var BaseInformationDetails = function BaseInformationDetails(_ref) {
     imgScale: 1
   })), React.createElement(Title$3, null, name)), React.createElement(Content$1, null, children)));
 };
-var Container$o = /*#__PURE__*/styled.div.withConfig({
+var Container$q = /*#__PURE__*/styled.div.withConfig({
   displayName: "BaseInformationDetails__Container",
   componentId: "sc-1vguuz8-0"
 })(["position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:9999;"]);
@@ -31316,7 +31842,7 @@ var Collapsible = function Collapsible(_ref) {
   var _useState = useState(defaultOpen),
     isOpen = _useState[0],
     setIsOpen = _useState[1];
-  return React.createElement(Container$p, {
+  return React.createElement(Container$r, {
     className: className
   }, React.createElement(Header$2, {
     onClick: function onClick() {
@@ -31324,7 +31850,7 @@ var Collapsible = function Collapsible(_ref) {
     }
   }, React.createElement(Title$4, null, title), React.createElement(Icon$1, null, isOpen ? React.createElement(FaChevronUp, null) : React.createElement(FaChevronDown, null))), isOpen && React.createElement(Content$2, null, children));
 };
-var Container$p = /*#__PURE__*/styled.div.withConfig({
+var Container$r = /*#__PURE__*/styled.div.withConfig({
   displayName: "Collapsible__Container",
   componentId: "sc-s4h8ey-0"
 })(["background:rgba(0,0,0,0.3);border-radius:4px;overflow:hidden;border:1px solid ", ";"], uiColors.darkGray);
@@ -31355,14 +31881,14 @@ var InformationCenterItemDetails = function InformationCenterItemDetails(_ref) {
   var renderAllowedSlots = function renderAllowedSlots() {
     var _item$allowedEquipSlo;
     if (!((_item$allowedEquipSlo = item.allowedEquipSlotType) != null && _item$allowedEquipSlo.length)) return null;
-    return React.createElement(InfoItem, null, React.createElement(Label, null, "Equip Slots:"), React.createElement(Value, null, item.allowedEquipSlotType.join(', ')));
+    return React.createElement(InfoItem, null, React.createElement(Label$1, null, "Equip Slots:"), React.createElement(Value, null, item.allowedEquipSlotType.join(', ')));
   };
   var renderRequirements = function renderRequirements() {
     if (!item.minRequirements) return null;
     return React.createElement(StyledCollapsible, {
       title: "Requirements",
       defaultOpen: !isMobile
-    }, React.createElement(RequirementsGrid, null, item.minRequirements.level && React.createElement(RequirementItem, null, React.createElement(Label, null, "Level:"), React.createElement(Value, null, item.minRequirements.level)), item.minRequirements.skill && React.createElement(RequirementItem, null, React.createElement(Label, null, item.minRequirements.skill.name, ":"), React.createElement(Value, null, item.minRequirements.skill.level))));
+    }, React.createElement(RequirementsGrid, null, item.minRequirements.level && React.createElement(RequirementItem, null, React.createElement(Label$1, null, "Level:"), React.createElement(Value, null, item.minRequirements.level)), item.minRequirements.skill && React.createElement(RequirementItem, null, React.createElement(Label$1, null, item.minRequirements.skill.name, ":"), React.createElement(Value, null, item.minRequirements.skill.level))));
   };
   return React.createElement(BaseInformationDetails, {
     name: item.name,
@@ -31370,7 +31896,7 @@ var InformationCenterItemDetails = function InformationCenterItemDetails(_ref) {
     atlasJSON: itemsAtlasJSON,
     atlasIMG: itemsAtlasIMG,
     onBack: onBack
-  }, React.createElement(InfoSection, null, React.createElement(InfoItem, null, React.createElement(Label, null, "Type:"), React.createElement(Value, null, item.type)), React.createElement(InfoItem, null, React.createElement(Label, null, "Subtype:"), React.createElement(Value, null, item.subType)), React.createElement(InfoItem, null, React.createElement(Label, null, "Tier:"), React.createElement(Value, null, item.tier)), React.createElement(InfoItem, null, React.createElement(Label, null, "Rarity:"), React.createElement(Value, null, item.rarity)), renderAllowedSlots()), React.createElement(StyledCollapsible, {
+  }, React.createElement(InfoSection, null, React.createElement(InfoItem, null, React.createElement(Label$1, null, "Type:"), React.createElement(Value, null, item.type)), React.createElement(InfoItem, null, React.createElement(Label$1, null, "Subtype:"), React.createElement(Value, null, item.subType)), React.createElement(InfoItem, null, React.createElement(Label$1, null, "Tier:"), React.createElement(Value, null, item.tier)), React.createElement(InfoItem, null, React.createElement(Label$1, null, "Rarity:"), React.createElement(Value, null, item.rarity)), renderAllowedSlots()), React.createElement(StyledCollapsible, {
     title: "Description",
     defaultOpen: !isMobile
   }, React.createElement(Description$2, null, item.description || 'No description available.')), React.createElement(StyledCollapsible, {
@@ -31412,7 +31938,7 @@ var InfoItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "InformationCenterItemDetails__InfoItem",
   componentId: "sc-zwf6pb-1"
 })(["display:flex;align-items:center;gap:8px;"]);
-var Label = /*#__PURE__*/styled.span.withConfig({
+var Label$1 = /*#__PURE__*/styled.span.withConfig({
   displayName: "InformationCenterItemDetails__Label",
   componentId: "sc-zwf6pb-2"
 })(["color:", ";font-size:0.5rem;opacity:0.8;"], uiColors.yellow);
@@ -31497,7 +32023,7 @@ var EffectDescription = /*#__PURE__*/styled.p.withConfig({
   componentId: "sc-zwf6pb-22"
 })(["color:", ";font-size:0.45rem;margin:8px 0 0;padding:0 12px;font-style:italic;"], uiColors.lightGray);
 
-var TooltipContainer$1 = /*#__PURE__*/styled.div.withConfig({
+var TooltipContainer$2 = /*#__PURE__*/styled.div.withConfig({
   displayName: "BaseTooltip__TooltipContainer",
   componentId: "sc-1auz5ec-0"
 })(["background-color:rgba(0,0,0,0.95);border-radius:4px;padding:8px;font-family:'Press Start 2P',cursive;font-size:0.6rem;width:", ";border:1px solid ", ";box-shadow:0 2px 4px rgba(0,0,0,0.2);"], function (props) {
@@ -31526,7 +32052,7 @@ var StatItem$1 = /*#__PURE__*/styled.div.withConfig({
 var BaseTooltip = function BaseTooltip(_ref) {
   var children = _ref.children,
     width = _ref.width;
-  return React.createElement(TooltipContainer$1, {
+  return React.createElement(TooltipContainer$2, {
     width: width
   }, children);
 };
@@ -31574,7 +32100,7 @@ var AdvancedFilters = function AdvancedFilters(_ref) {
         var rangeValue = section.value;
         return React.createElement(FilterSection, {
           key: section.key
-        }, React.createElement(Label$1, null, section.label), React.createElement(RangeInputs, null, React.createElement(Input, {
+        }, React.createElement(Label$2, null, section.label), React.createElement(RangeInputs, null, React.createElement(Input, {
           type: "number",
           min: 0,
           placeholder: "Min",
@@ -31594,7 +32120,7 @@ var AdvancedFilters = function AdvancedFilters(_ref) {
       case 'dropdown':
         return React.createElement(FilterSection, {
           key: section.key
-        }, React.createElement(Label$1, null, section.label), React.createElement(StyledDropdownWrapper, null, React.createElement(Dropdown, {
+        }, React.createElement(Label$2, null, section.label), React.createElement(StyledDropdownWrapper, null, React.createElement(Dropdown, {
           options: section.options || [],
           onChange: section.onChange,
           width: "100%"
@@ -31654,7 +32180,7 @@ var AdvancedFilters = function AdvancedFilters(_ref) {
       onClose();
     }
   };
-  return React.createElement(Container$q, null, React.createElement(FilterButton, {
+  return React.createElement(Container$s, null, React.createElement(FilterButton, {
     onClick: onToggle,
     "$hasActiveFilters": hasActiveFilters,
     ref: buttonRef
@@ -31685,7 +32211,7 @@ var AdvancedFilters = function AdvancedFilters(_ref) {
     onClick: onClearAll
   }, "Clear All Filters"))));
 };
-var Container$q = /*#__PURE__*/styled.div.withConfig({
+var Container$s = /*#__PURE__*/styled.div.withConfig({
   displayName: "AdvancedFilters__Container",
   componentId: "sc-1xj6ldr-0"
 })(["position:relative;margin-left:0.5rem;"]);
@@ -31739,7 +32265,7 @@ var FilterSection = /*#__PURE__*/styled.div.withConfig({
   displayName: "AdvancedFilters__FilterSection",
   componentId: "sc-1xj6ldr-7"
 })(["display:flex;flex-direction:column;gap:0.5rem;"]);
-var Label$1 = /*#__PURE__*/styled.div.withConfig({
+var Label$2 = /*#__PURE__*/styled.div.withConfig({
   displayName: "AdvancedFilters__Label",
   componentId: "sc-1xj6ldr-8"
 })(["color:#999;font-size:0.65rem;text-transform:uppercase;letter-spacing:0.05em;"]);
@@ -32127,7 +32653,7 @@ var InformationCenterNPCDetails = function InformationCenterNPCDetails(_ref) {
     atlasJSON: entitiesAtlasJSON,
     atlasIMG: entitiesAtlasIMG,
     onBack: onBack
-  }, React.createElement(InfoSection$1, null, React.createElement(InfoItem$1, null, React.createElement(Label$2, null, "Type:"), React.createElement(Value$1, null, formatText(npc.subType))), React.createElement(InfoItem$1, null, React.createElement(Label$2, null, "Alignment:"), React.createElement(Value$1, null, formatText(npc.alignment))), React.createElement(InfoItem$1, null, React.createElement(Label$2, null, "Attack Type:"), React.createElement(Value$1, null, formatText(npc.attackType))), React.createElement(InfoItem$1, null, React.createElement(Label$2, null, "Range:"), React.createElement(Value$1, null, formatText(npc.maxRangeAttack))), React.createElement(InfoItem$1, null, React.createElement(Label$2, null, "Speed:"), React.createElement(Value$1, null, formatText(npc.speed)))), React.createElement(StyledCollapsible$1, {
+  }, React.createElement(InfoSection$1, null, React.createElement(InfoItem$1, null, React.createElement(Label$3, null, "Type:"), React.createElement(Value$1, null, formatText(npc.subType))), React.createElement(InfoItem$1, null, React.createElement(Label$3, null, "Alignment:"), React.createElement(Value$1, null, formatText(npc.alignment))), React.createElement(InfoItem$1, null, React.createElement(Label$3, null, "Attack Type:"), React.createElement(Value$1, null, formatText(npc.attackType))), React.createElement(InfoItem$1, null, React.createElement(Label$3, null, "Range:"), React.createElement(Value$1, null, formatText(npc.maxRangeAttack))), React.createElement(InfoItem$1, null, React.createElement(Label$3, null, "Speed:"), React.createElement(Value$1, null, formatText(npc.speed)))), React.createElement(StyledCollapsible$1, {
     title: "Stats",
     defaultOpen: !isMobile
   }, React.createElement(StatGrid$1, null, React.createElement(StatItem$2, null, "HP: ", npc.baseHealth), React.createElement(StatItem$2, null, "Level: ", npc.skills.level), ((_npc$skills$strength = npc.skills.strength) == null ? void 0 : _npc$skills$strength.level) && React.createElement(StatItem$2, null, "Strength: ", npc.skills.strength.level), ((_npc$skills$dexterity = npc.skills.dexterity) == null ? void 0 : _npc$skills$dexterity.level) && React.createElement(StatItem$2, null, "Dexterity: ", npc.skills.dexterity.level), ((_npc$skills$resistanc = npc.skills.resistance) == null ? void 0 : _npc$skills$resistanc.level) && React.createElement(StatItem$2, null, "Resistance: ", npc.skills.resistance.level))), npc.loots && npc.loots.length > 0 && React.createElement(StyledCollapsible$1, {
@@ -32197,7 +32723,7 @@ var InfoItem$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "InformationCenterNPCDetails__InfoItem",
   componentId: "sc-fdu3xl-1"
 })(["display:flex;align-items:center;gap:8px;"]);
-var Label$2 = /*#__PURE__*/styled.span.withConfig({
+var Label$3 = /*#__PURE__*/styled.span.withConfig({
   displayName: "InformationCenterNPCDetails__Label",
   componentId: "sc-fdu3xl-2"
 })(["color:", ";font-size:0.5rem;opacity:0.8;"], uiColors.yellow);
@@ -32779,7 +33305,7 @@ var InformationCenter = function InformationCenter(_ref) {
     minWidth: "300px",
     cancelDrag: ".PaginatedContent-content",
     onCloseButton: onClose
-  }, React.createElement(Container$r, null, React.createElement(InternalTabs, {
+  }, React.createElement(Container$t, null, React.createElement(InternalTabs, {
     tabs: tabs,
     activeTextColor: "#000000",
     activeTab: activeTab,
@@ -32790,7 +33316,7 @@ var InformationCenter = function InformationCenter(_ref) {
     hoverColor: "#fef3c7"
   })));
 };
-var Container$r = /*#__PURE__*/styled.div.withConfig({
+var Container$t = /*#__PURE__*/styled.div.withConfig({
   displayName: "InformationCenter__Container",
   componentId: "sc-1ttl62e-0"
 })(["width:100%;max-width:100%;margin:0 auto;padding:0.125rem;overflow:hidden;box-sizing:border-box;@media (min-width:320px){padding:0.25rem;}@media (min-width:360px){padding:0.5rem;}@media (min-width:480px){padding:0.75rem;}"]);
@@ -32961,7 +33487,7 @@ var ShortcutsSetter = function ShortcutsSetter(_ref) {
     }
     return null;
   };
-  return React.createElement(Container$s, null, React.createElement("p", null, "Shortcuts:"), React.createElement(List, {
+  return React.createElement(Container$u, null, React.createElement("p", null, "Shortcuts:"), React.createElement(List, {
     id: "shortcuts_list"
   }, Array.from({
     length: 12
@@ -32979,7 +33505,7 @@ var ShortcutsSetter = function ShortcutsSetter(_ref) {
     }, getContent(i));
   })));
 };
-var Container$s = /*#__PURE__*/styled.div.withConfig({
+var Container$u = /*#__PURE__*/styled.div.withConfig({
   displayName: "ShortcutsSetter__Container",
   componentId: "sc-xuouuf-0"
 })(["p{margin:0;margin-left:0.5rem;font-size:10px;}width:100%;"]);
@@ -33424,7 +33950,7 @@ var ConfirmModal = function ConfirmModal(_ref) {
     e.stopPropagation();
     onClose();
   };
-  return React.createElement(ModalPortal, null, React.createElement(Background, null), React.createElement(Container$t, {
+  return React.createElement(ModalPortal, null, React.createElement(Background, null), React.createElement(Container$v, {
     onClick: handleClose
   }, React.createElement(DraggableContainer, {
     width: "auto",
@@ -33447,7 +33973,7 @@ var Background = /*#__PURE__*/styled.div.withConfig({
   displayName: "ConfirmModal__Background",
   componentId: "sc-11qkyu1-0"
 })(["position:absolute;width:100%;height:100%;background-color:#000000;opacity:0.5;left:0;top:0;z-index:1000;"]);
-var Container$t = /*#__PURE__*/styled.div.withConfig({
+var Container$v = /*#__PURE__*/styled.div.withConfig({
   displayName: "ConfirmModal__Container",
   componentId: "sc-11qkyu1-1"
 })(["position:absolute;width:100%;height:100%;left:0;top:0;display:flex;justify-content:center;align-items:center;z-index:1001;"]);
@@ -33502,7 +34028,7 @@ var ColorSelector = function ColorSelector(_ref) {
     cancelDrag: ".react-colorful",
     width: "25rem",
     onCloseButton: onClose
-  }, React.createElement(Container$u, null, React.createElement(Header$3, null, "Select Color"), React.createElement(ColorPickerWrapper, null, React.createElement(HexColorPicker, {
+  }, React.createElement(Container$w, null, React.createElement(Header$3, null, "Select Color"), React.createElement(ColorPickerWrapper, null, React.createElement(HexColorPicker, {
     color: currentColor,
     onChange: function onChange(color) {
       setCurrentColor(color);
@@ -33518,7 +34044,7 @@ var ColorSelector = function ColorSelector(_ref) {
     onClose: handleClose
   }));
 };
-var Container$u = /*#__PURE__*/styled.div.withConfig({
+var Container$w = /*#__PURE__*/styled.div.withConfig({
   displayName: "ItemPropertyColorSelector__Container",
   componentId: "sc-me1r4z-0"
 })(["text-align:center;background:inherit;display:flex;flex-direction:column;gap:1.5rem;align-items:center;width:100%;max-width:24rem;margin:0 auto;"]);
@@ -33596,7 +34122,7 @@ var GemSelector = function GemSelector(_ref) {
   }, React.createElement(ContentWrapper$1, null, React.createElement(Header$4, null, React.createElement(Title$5, null, "GEM SELECTION"), React.createElement(Subtitle, null, "Select gems to detach")), React.createElement(GemGrid, null, (_item$attachedGems = item.attachedGems) == null ? void 0 : _item$attachedGems.map(function (gem, index) {
     return React.createElement(GemItem, {
       key: gem.key + "-" + index
-    }, React.createElement(CheckItemWrapper, null, React.createElement(CheckItem, {
+    }, React.createElement(CheckItemWrapper$1, null, React.createElement(CheckItem, {
       defaultValue: selectedGems.some(function (selected) {
         return selected.key === gem.key;
       }),
@@ -33656,7 +34182,7 @@ var ButtonWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "GemSelector__ButtonWrapper",
   componentId: "sc-gbt8g4-7"
 })(["display:flex;justify-content:center;align-self:center;"]);
-var CheckItemWrapper = /*#__PURE__*/styled.div.withConfig({
+var CheckItemWrapper$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "GemSelector__CheckItemWrapper",
   componentId: "sc-gbt8g4-8"
 })(["display:flex;justify-content:center;width:100%;height:20px;input.rpgui-checkbox + label{margin:0 !important;padding-left:23px !important;}"]);
@@ -33874,7 +34400,7 @@ var ListMenu = function ListMenu(_ref) {
     onSelected = _ref.onSelected,
     x = _ref.x,
     y = _ref.y;
-  return React.createElement(Container$v, {
+  return React.createElement(Container$x, {
     x: x,
     y: y
   }, React.createElement("ul", {
@@ -33891,7 +34417,7 @@ var ListMenu = function ListMenu(_ref) {
     }, (params == null ? void 0 : params.text) || 'No text');
   })));
 };
-var Container$v = /*#__PURE__*/styled.div.withConfig({
+var Container$x = /*#__PURE__*/styled.div.withConfig({
   displayName: "ListMenu__Container",
   componentId: "sc-i9097t-0"
 })(["display:flex;flex-direction:column;width:100%;justify-content:start;align-items:flex-start;position:absolute;top:", "px;left:", "px;li{font-size:", ";}"], function (props) {
@@ -33910,7 +34436,7 @@ var Pager = function Pager(_ref) {
     itemsPerPage = _ref.itemsPerPage,
     onPageChange = _ref.onPageChange;
   var totalPages = Math.ceil(totalItems / itemsPerPage);
-  return React.createElement(Container$w, null, React.createElement("p", null, "Total items: ", totalItems), React.createElement(PagerContainer, null, React.createElement("button", {
+  return React.createElement(Container$y, null, React.createElement("p", null, "Total items: ", totalItems), React.createElement(PagerContainer, null, React.createElement("button", {
     disabled: currentPage === 1,
     onPointerDown: function onPointerDown() {
       return onPageChange(Math.max(currentPage - 1, 1));
@@ -33924,7 +34450,7 @@ var Pager = function Pager(_ref) {
     }
   }, '>')));
 };
-var Container$w = /*#__PURE__*/styled.div.withConfig({
+var Container$y = /*#__PURE__*/styled.div.withConfig({
   displayName: "Pager__Container",
   componentId: "sc-1ekmf50-0"
 })(["display:flex;flex-direction:column;align-items:center;p{margin:0;font-size:", ";}"], uiFonts.size.xsmall);
@@ -34445,13 +34971,13 @@ var TabBody = function TabBody(_ref) {
     children = _ref.children,
     styles = _ref.styles,
     centerContent = _ref.centerContent;
-  return React.createElement(Container$x, {
+  return React.createElement(Container$z, {
     styles: styles,
     "data-tab-id": id,
     centerContent: centerContent
   }, children);
 };
-var Container$x = /*#__PURE__*/styled.div.withConfig({
+var Container$z = /*#__PURE__*/styled.div.withConfig({
   displayName: "TabBody__Container",
   componentId: "sc-196oof2-0"
 })(["width:", ";height:", ";overflow-y:auto;display:", ";justify-content:", ";align-items:", ";"], function (props) {
@@ -35084,7 +35610,7 @@ var getMockedPlayersRowsNotLeader = function getMockedPlayersRowsNotLeader(userI
   };
 };
 
-var ProgressBar = function ProgressBar(_ref) {
+var ProgressBar$1 = function ProgressBar(_ref) {
   var max = _ref.max,
     value = _ref.value,
     color = _ref.color,
@@ -35104,7 +35630,7 @@ var ProgressBar = function ProgressBar(_ref) {
     }
     return value * 100 / max;
   };
-  return React.createElement(Container$y, {
+  return React.createElement(Container$A, {
     className: "rpgui-progress",
     "data-value": calculatePercentageValue(max, value) / 100,
     "data-rpguitype": "progress",
@@ -35134,7 +35660,7 @@ var TextOverlay$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "ProgressBar__TextOverlay",
   componentId: "sc-qa6fzh-1"
 })(["width:100%;position:relative;"]);
-var Container$y = /*#__PURE__*/styled.div.withConfig({
+var Container$A = /*#__PURE__*/styled.div.withConfig({
   displayName: "ProgressBar__Container",
   componentId: "sc-qa6fzh-2"
 })(["display:flex;flex-direction:column;min-width:", "px;width:", "%;justify-content:start;align-items:flex-start;", " @media (max-width:950px){transform:scale(", ");}"], function (props) {
@@ -35275,17 +35801,17 @@ var QuestList = function QuestList(_ref) {
     return React.createElement(QuestCard, {
       key: i,
       style: styles == null ? void 0 : styles.card
-    }, React.createElement(QuestItem, null, React.createElement(Label$3, {
+    }, React.createElement(QuestItem, null, React.createElement(Label$4, {
       style: styles == null ? void 0 : styles.label
     }, "Title:"), React.createElement(Value$2, {
       style: styles == null ? void 0 : styles.value
-    }, formatQuestText(quest.title))), React.createElement(QuestItem, null, React.createElement(Label$3, {
+    }, formatQuestText(quest.title))), React.createElement(QuestItem, null, React.createElement(Label$4, {
       style: styles == null ? void 0 : styles.label
     }, "Status:"), React.createElement(Value$2, {
       style: _extends({}, styles == null ? void 0 : styles.value, {
         color: getQuestStatusColor(quest.status)
       })
-    }, (_formatQuestStatus = formatQuestStatus(quest.status)) != null ? _formatQuestStatus : 'Unknown')), React.createElement(QuestItem, null, React.createElement(Label$3, {
+    }, (_formatQuestStatus = formatQuestStatus(quest.status)) != null ? _formatQuestStatus : 'Unknown')), React.createElement(QuestItem, null, React.createElement(Label$4, {
       style: styles == null ? void 0 : styles.label
     }, "Description:"), React.createElement(Value$2, {
       style: styles == null ? void 0 : styles.value
@@ -35304,7 +35830,7 @@ var QuestItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "QuestList__QuestItem",
   componentId: "sc-1c1y8sp-2"
 })(["display:flex;margin-bottom:5px;flex-wrap:wrap;&:last-child{margin-bottom:0;}"]);
-var Label$3 = /*#__PURE__*/styled.span.withConfig({
+var Label$4 = /*#__PURE__*/styled.span.withConfig({
   displayName: "QuestList__Label",
   componentId: "sc-1c1y8sp-3"
 })(["font-weight:bold;color:", " !important;margin-right:10px;"], uiColors.yellow);
@@ -35375,9 +35901,9 @@ var InputRadio = function InputRadio(_ref) {
 
 var RPGUIScrollbar = function RPGUIScrollbar(_ref) {
   var children = _ref.children;
-  return React.createElement(Container$z, null, children);
+  return React.createElement(Container$B, null, children);
 };
-var Container$z = /*#__PURE__*/styled.div.withConfig({
+var Container$B = /*#__PURE__*/styled.div.withConfig({
   displayName: "RPGUIScrollbar__Container",
   componentId: "sc-p3msmb-0"
 })([".rpgui-content ::-webkit-scrollbar,.rpgui-content::-webkit-scrollbar{width:25px !important;}.rpgui-content ::-webkit-scrollbar-track,.rpgui-content::-webkit-scrollbar-track{background-size:25px 60px !important;}"]);
@@ -35533,7 +36059,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
     margin = _ref$margin === void 0 ? 20 : _ref$margin;
   // Ensure the width is at least 1% if value is greater than 0
   var width = value > 0 ? Math.max(1, Math.min(100, value)) : 0;
-  return React.createElement(Container$A, {
+  return React.createElement(Container$C, {
     className: "simple-progress-bar"
   }, React.createElement(ProgressBarContainer, {
     margin: margin
@@ -35542,7 +36068,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
     bgColor: bgColor
   }))));
 };
-var Container$A = /*#__PURE__*/styled.div.withConfig({
+var Container$C = /*#__PURE__*/styled.div.withConfig({
   displayName: "SimpleProgressBar__Container",
   componentId: "sc-mbeil3-0"
 })(["display:flex;justify-content:center;align-items:center;width:100%;"]);
@@ -35875,7 +36401,7 @@ var SocialModal = function SocialModal(_ref) {
     title: "Social Channels",
     width: "500px",
     onCloseButton: onClose
-  }, React.createElement(Container$B, null, React.createElement(HeaderImage, {
+  }, React.createElement(Container$D, null, React.createElement(HeaderImage, {
     src: img$9,
     alt: ""
   }), React.createElement(ButtonsContainer$1, null, React.createElement(MainButtons, null, React.createElement(SocialButton$1, {
@@ -35893,7 +36419,7 @@ var SocialModal = function SocialModal(_ref) {
     onClick: handleWhatsAppClick
   }, React.createElement(FaWhatsapp, null), " Join WhatsApp")))));
 };
-var Container$B = /*#__PURE__*/styled.div.withConfig({
+var Container$D = /*#__PURE__*/styled.div.withConfig({
   displayName: "SocialModal__Container",
   componentId: "sc-tbjhp9-0"
 })(["width:100%;display:flex;flex-direction:column;gap:16px;background-color:#5c4132;position:relative;border-radius:8px;overflow:hidden;&:before,&:after{content:'';position:absolute;left:0;right:0;height:3px;}&:before{bottom:0;background:linear-gradient( to right,#5c4132 0%,#2b1810 2%,#2b1810 98%,#5c4132 100% );}"]);
@@ -35939,7 +36465,7 @@ var SpellInfo$1 = function SpellInfo(_ref) {
     castingType = spell.castingType,
     cooldown = spell.cooldown,
     maxDistanceGrid = spell.maxDistanceGrid;
-  return React.createElement(Container$C, null, React.createElement(Header$5, null, React.createElement("div", null, React.createElement(Title$b, null, name), React.createElement(Type$1, null, magicWords))), React.createElement(Statistic$1, null, React.createElement("div", {
+  return React.createElement(Container$E, null, React.createElement(Header$5, null, React.createElement("div", null, React.createElement(Title$b, null, name), React.createElement(Type$1, null, magicWords))), React.createElement(Statistic$1, null, React.createElement("div", {
     className: "label"
   }, "Casting Type:"), React.createElement("div", {
     className: "value"
@@ -35965,7 +36491,7 @@ var SpellInfo$1 = function SpellInfo(_ref) {
     className: "value"
   }, requiredItem))), React.createElement(Description$4, null, description));
 };
-var Container$C = /*#__PURE__*/styled.div.withConfig({
+var Container$E = /*#__PURE__*/styled.div.withConfig({
   displayName: "SpellInfo__Container",
   componentId: "sc-4hbw3q-0"
 })(["color:white;background-color:#222;border-radius:5px;padding:0.5rem;font-size:", ";border:3px solid ", ";height:max-content;width:30rem;@media (max-width:580px){width:80vw;}"], uiFonts.size.small, uiColors.lightGray);
@@ -36019,7 +36545,7 @@ var MobileSpellTooltip = function MobileSpellTooltip(_ref) {
     var _ref$current;
     (_ref$current = ref.current) == null ? void 0 : _ref$current.classList.add('fadeOut');
   };
-  return React.createElement(ModalPortal, null, React.createElement(Container$D, {
+  return React.createElement(ModalPortal, null, React.createElement(Container$F, {
     ref: ref,
     onTouchEnd: function onTouchEnd() {
       handleFadeOut();
@@ -36044,7 +36570,7 @@ var MobileSpellTooltip = function MobileSpellTooltip(_ref) {
     }, option.text);
   }))));
 };
-var Container$D = /*#__PURE__*/styled.div.withConfig({
+var Container$F = /*#__PURE__*/styled.div.withConfig({
   displayName: "MobileSpellTooltip__Container",
   componentId: "sc-6p7uvr-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;}"]);
@@ -36085,13 +36611,13 @@ var MagicTooltip = function MagicTooltip(_ref) {
     }
     return;
   }, []);
-  return React.createElement(ModalPortal, null, React.createElement(Container$E, {
+  return React.createElement(ModalPortal, null, React.createElement(Container$G, {
     ref: ref
   }, React.createElement(SpellInfoDisplay, {
     spell: spell
   })));
 };
-var Container$E = /*#__PURE__*/styled.div.withConfig({
+var Container$G = /*#__PURE__*/styled.div.withConfig({
   displayName: "SpellTooltip__Container",
   componentId: "sc-1go0gwg-0"
 })(["position:absolute;z-index:100;pointer-events:none;left:0;top:0;opacity:0;transition:opacity 0.08s;"]);
@@ -36164,7 +36690,7 @@ var Spell = function Spell(_ref) {
   var IMAGE_SCALE = 2;
   return React.createElement(SpellInfoWrapper, {
     spell: spell
-  }, React.createElement(Container$F, {
+  }, React.createElement(Container$H, {
     onPointerUp: onPointerUp == null ? void 0 : onPointerUp.bind(null, spellKey),
     isSettingShortcut: isSettingShortcut && !disabled,
     className: "spell"
@@ -36183,7 +36709,7 @@ var Spell = function Spell(_ref) {
     className: "mana"
   }, manaCost))));
 };
-var Container$F = /*#__PURE__*/styled.button.withConfig({
+var Container$H = /*#__PURE__*/styled.button.withConfig({
   displayName: "Spell__Container",
   componentId: "sc-j96fa2-0"
 })(["display:block;background:none;border:2px solid transparent;border-radius:1rem;width:100%;display:flex;gap:1rem;align-items:center;padding:0 1rem;text-align:left;position:relative;animation:", ";@keyframes border-color-change{0%{border-color:", ";}50%{border-color:transparent;}100%{border-color:", ";}}&:hover,&:focus{background-color:", ";}&:active{background:none;}"], function (_ref2) {
@@ -36262,7 +36788,7 @@ var Spellbook = function Spellbook(_ref) {
     height: "inherit",
     cancelDrag: "#spellbook-search, #shortcuts_list, .spell",
     scale: scale
-  }, React.createElement(Container$G, null, React.createElement(Title$d, null, "Learned Spells"), React.createElement(ShortcutsSetter, {
+  }, React.createElement(Container$I, null, React.createElement(Title$d, null, "Learned Spells"), React.createElement(ShortcutsSetter, {
     setSettingShortcutIndex: setSettingShortcutIndex,
     settingShortcutIndex: settingShortcutIndex,
     shortcuts: shortcuts,
@@ -36298,7 +36824,7 @@ var Title$d = /*#__PURE__*/styled.h1.withConfig({
   displayName: "Spellbook__Title",
   componentId: "sc-r02nfq-0"
 })(["font-size:", " !important;margin-bottom:0 !important;"], uiFonts.size.large);
-var Container$G = /*#__PURE__*/styled.div.withConfig({
+var Container$I = /*#__PURE__*/styled.div.withConfig({
   displayName: "Spellbook__Container",
   componentId: "sc-r02nfq-1"
 })(["width:100%;height:100%;color:white;display:flex;flex-direction:column;"]);
@@ -36780,7 +37306,7 @@ var TradingMenu = function TradingMenu(_ref) {
     width: "500px",
     cancelDrag: "#TraderContainer",
     scale: scale
-  }, React.createElement(Container$H, null, React.createElement(Title$e, null, type.charAt(0).toUpperCase() + type.slice(1), " Menu"), React.createElement("hr", {
+  }, React.createElement(Container$J, null, React.createElement(Title$e, null, type.charAt(0).toUpperCase() + type.slice(1), " Menu"), React.createElement("hr", {
     className: "golden"
   }), React.createElement(ScrollWrapper, {
     id: "TraderContainer"
@@ -36808,7 +37334,7 @@ var TradingMenu = function TradingMenu(_ref) {
     onPointerDown: onClose
   }, "Cancel"))));
 };
-var Container$H = /*#__PURE__*/styled.div.withConfig({
+var Container$J = /*#__PURE__*/styled.div.withConfig({
   displayName: "TradingMenu__Container",
   componentId: "sc-1wjsz1l-0"
 })(["width:100%;"]);
@@ -36842,11 +37368,11 @@ var Truncate = function Truncate(_ref) {
   var _ref$maxLines = _ref.maxLines,
     maxLines = _ref$maxLines === void 0 ? 1 : _ref$maxLines,
     children = _ref.children;
-  return React.createElement(Container$I, {
+  return React.createElement(Container$K, {
     maxLines: maxLines
   }, children);
 };
-var Container$I = /*#__PURE__*/styled.div.withConfig({
+var Container$K = /*#__PURE__*/styled.div.withConfig({
   displayName: "Truncate__Container",
   componentId: "sc-6x00qb-0"
 })(["display:-webkit-box;max-width:100%;max-height:100%;-webkit-line-clamp:", ";-webkit-box-orient:vertical;overflow:hidden;"], function (props) {
@@ -36954,7 +37480,7 @@ var TutorialStepper = /*#__PURE__*/React.memo(function (_ref) {
       };
     });
   }, [lessons, imageStyle]);
-  return React.createElement(Container$J, null, React.createElement(Stepper, {
+  return React.createElement(Container$L, null, React.createElement(Stepper, {
     steps: generateLessons,
     finalCTAButton: {
       label: 'Close',
@@ -36971,7 +37497,7 @@ var LessonBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "TutorialStepper__LessonBody",
   componentId: "sc-7tgzv2-1"
 })([""]);
-var Container$J = /*#__PURE__*/styled.div.withConfig({
+var Container$L = /*#__PURE__*/styled.div.withConfig({
   displayName: "TutorialStepper__Container",
   componentId: "sc-7tgzv2-2"
 })(["width:80%;max-width:600px;@media (max-width:600px){width:95%;}"]);
@@ -36992,5 +37518,5 @@ var LessonContainer = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-7tgzv2-6"
 })(["display:flex;flex-direction:column;justify-content:space-between;min-height:200px;p{font-size:0.7rem !important;}"]);
 
-export { ActionButtons, AsyncDropdown, Button, ButtonTypes, CharacterSelection, Chat, ChatDeprecated, ChatRevamp, CheckButton, CheckItem, CircularController, CraftBook, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, FriendList, GemSelector, HistoryDialog, ImageCarousel, ImgSide, InformationCenter, Input, InputRadio, InternalTabs, ItemContainer$1 as ItemContainer, ItemPropertySimpleHandler, ItemQuantitySelectorModal, ItemSelector, ItemSlot, JoystickDPad, Leaderboard, ListMenu, Marketplace, MarketplaceRows, MultitabType, NPCDialog, NPCDialogType, NPCMultiDialog, PartyCreate, PartyDashboard, PartyInvite, PartyManager, PartyManagerRow, PartyRow, PlayersRow, ProgressBar, PropertySelect, QuantitySelectorModal, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, SelectArrow, Shortcuts, SimpleImageCarousel, SkillProgressBar, SkillsContainer, SocialModal, Spellbook, SpriteFromAtlas, Stepper, TabBody, Table, TableCell, TableHeader, TableRow, TabsContainer, TextArea, TimeWidget, Tooltip, TradingMenu, Truncate, TutorialStepper, UserActionLink, _RPGUI, formatQuestStatus, formatQuestText, getMockedPlayersRowsLeader, getMockedPlayersRowsNotLeader, getQuestStatusColor, mockedPartyManager, mockedPartyRows, mockedPlayersRows, mockedPlayersRows2, useEventListener };
+export { ActionButtons, AsyncDropdown, Button, ButtonTypes, CharacterSelection, Chat, ChatDeprecated, ChatRevamp, CheckButton, CheckItem, CircularController, CraftBook, DailyTasks, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, FriendList, GemSelector, HistoryDialog, ImageCarousel, ImgSide, InformationCenter, Input, InputRadio, InternalTabs, ItemContainer$1 as ItemContainer, ItemPropertySimpleHandler, ItemQuantitySelectorModal, ItemSelector, ItemSlot, JoystickDPad, Leaderboard, ListMenu, Marketplace, MarketplaceRows, MultitabType, NPCDialog, NPCDialogType, NPCMultiDialog, PartyCreate, PartyDashboard, PartyInvite, PartyManager, PartyManagerRow, PartyRow, PlayersRow, ProgressBar$1 as ProgressBar, PropertySelect, QuantitySelectorModal, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, SelectArrow, Shortcuts, SimpleImageCarousel, SkillProgressBar, SkillsContainer, SocialModal, Spellbook, SpriteFromAtlas, Stepper, TabBody, Table, TableCell, TableHeader, TableRow, TabsContainer, TextArea, TimeWidget, Tooltip, TradingMenu, Truncate, TutorialStepper, UserActionLink, _RPGUI, formatQuestStatus, formatQuestText, getMockedPlayersRowsLeader, getMockedPlayersRowsNotLeader, getQuestStatusColor, mockedPartyManager, mockedPartyRows, mockedPlayersRows, mockedPlayersRows2, useEventListener };
 //# sourceMappingURL=long-bow.esm.js.map