@rpg-engine/long-bow 0.8.74 → 0.8.76

package/dist/long-bow.esm.js

@@ -29680,7 +29680,7 @@ var CheckItemWrapper = /*#__PURE__*/styled.div.withConfig({
 })(["display:flex;justify-content:center;width:100%;height:20px;input.rpgui-checkbox + label{margin:0 !important;padding-left:23px !important;}"]);
 
 var DailyTaskItem = function DailyTaskItem(_ref) {
-  var _task$name;
+  var _task$difficulty, _task$name;
   var task = _ref.task,
     spriteKey = _ref.spriteKey,
     onClaimReward = _ref.onClaimReward,
@@ -29688,12 +29688,14 @@ var DailyTaskItem = function DailyTaskItem(_ref) {
     itemsAtlasIMG = _ref.itemsAtlasIMG,
     iconAtlasJSON = _ref.iconAtlasJSON,
     iconAtlasIMG = _ref.iconAtlasIMG,
-    isRewardClaimed = _ref.isRewardClaimed;
+    isRewardClaimed = _ref.isRewardClaimed,
+    isPinned = _ref.isPinned;
   var isMobile = isMobileOrTablet();
   var isCompleted = task.status === TaskStatus.Completed;
   var isInProgress = task.status === TaskStatus.InProgress;
   var isNotStarted = task.status === TaskStatus.NotStarted;
   var isClaimed = task.claimed || isRewardClaimed;
+  var isChallenge = ((_task$difficulty = task.difficulty) == null ? void 0 : _task$difficulty.toLowerCase()) === 'challenge';
   var handleClaimReward = function handleClaimReward() {
     onClaimReward(task.key, task.type);
   };
@@ -29701,8 +29703,12 @@ var DailyTaskItem = function DailyTaskItem(_ref) {
     isMobile: isMobile,
     isCompleted: isCompleted,
     isInProgress: isInProgress,
-    isNotStarted: isNotStarted
-  }, React.createElement(TaskHeader, null, React.createElement(TaskHeaderLeft, null, iconAtlasJSON && iconAtlasIMG && React.createElement(IconWrapper, null, React.createElement(SpriteFromAtlas, {
+    isNotStarted: isNotStarted,
+    isPinned: isPinned,
+    isChallenge: isChallenge
+  }, React.createElement(TaskHeader, {
+    isMobile: isMobile
+  }, React.createElement(TaskHeaderLeft, null, iconAtlasJSON && iconAtlasIMG && React.createElement(IconWrapper, null, React.createElement(SpriteFromAtlas, {
     atlasJSON: iconAtlasJSON,
     atlasIMG: iconAtlasIMG,
     spriteKey: spriteKey,
@@ -29722,7 +29728,9 @@ var DailyTaskItem = function DailyTaskItem(_ref) {
     color: getStatusInfo(task).color
   }, getStatusInfo(task).text))))), React.createElement(TaskHeaderRight, null, isClaimed && React.createElement(ClaimedBadge, {
     isMobile: isMobile
-  }, "\u2713"))), React.createElement(TaskBody, null, React.createElement(TaskDescription, {
+  }, "\u2713"))), React.createElement(TaskBody, {
+    isMobile: isMobile
+  }, React.createElement(TaskDescription, {
     isMobile: isMobile
   }, React.createElement(Ellipsis, {
     maxWidth: "100%",
@@ -29735,7 +29743,9 @@ var DailyTaskItem = function DailyTaskItem(_ref) {
     itemsAtlasIMG: itemsAtlasIMG,
     iconAtlasJSON: iconAtlasJSON,
     iconAtlasIMG: iconAtlasIMG
-  }))), isCompleted && !isClaimed && React.createElement(TaskFooter, null, React.createElement(Button, {
+  }))), isCompleted && !isClaimed && React.createElement(TaskFooter, {
+    isMobile: isMobile
+  }, React.createElement(Button, {
     buttonType: ButtonTypes.RPGUIButton,
     onPointerDown: handleClaimReward
   }, isMobile ? 'Collect Reward' : 'Collect Reward')));
@@ -29744,31 +29754,27 @@ var pulseAnimation = /*#__PURE__*/keyframes(["0%{box-shadow:0 1px 2px rgba(0,0,0
 var TaskContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "DailyTaskItem__TaskContainer",
   componentId: "sc-45bxmt-0"
-})(["background:rgba(0,0,0,0.6) !important;border:1px solid ", " !important;border-radius:", ";padding:", ";display:flex;flex-direction:column;gap:", ";box-shadow:0 1px 2px rgba(0,0,0,0.4);transition:all 0.2s ease;font-style:normal;width:100%;max-width:100%;box-sizing:border-box;opacity:", ";", " ", " *{font-style:normal !important;}&:hover{background:", " !important;border-color:", ";opacity:", ";}"], function (props) {
-  return props.isCompleted ? uiColors.green : props.isInProgress ? uiColors.yellow : uiColors.darkGray;
-}, function (props) {
+})(["background:", " !important;border:1px solid ", " !important;border-radius:", ";padding:", ";display:flex;flex-direction:column;gap:", ";box-shadow:0 1px 2px rgba(0,0,0,0.4);transition:all 0.2s ease;font-style:normal;width:100%;max-width:100%;box-sizing:border-box;opacity:1;", " ", " *{font-style:normal !important;}&:hover{background:", " !important;border-color:", ";opacity:1;}"], function (props) {
+  return props.isChallenge ? 'rgb(209, 39, 42)' : props.isPinned ? 'rgba(255, 215, 0, 0.1)' : 'rgba(0, 0, 0, 0.6)';
+}, uiColors.darkGray, function (props) {
   return props.isMobile ? '4px' : '6px';
 }, function (props) {
-  return props.isMobile ? '6px' : '8px';
-}, function (props) {
-  return props.isMobile ? '4px' : '6px';
+  return props.isMobile ? '10px' : '14px';
 }, function (props) {
-  return props.isCompleted ? 1 : props.isInProgress ? 1 : 0.6;
+  return props.isMobile ? '8px' : '12px';
 }, function (props) {
   return props.isNotStarted && "\n    filter: grayscale(0.7);\n  ";
 }, function (props) {
   return props.isInProgress && css(["animation:", " 2s ease-in-out infinite;"], pulseAnimation);
 }, function (props) {
   return props.isPinned ? 'rgba(255, 215, 0, 0.25)' : 'rgba(0, 0, 0, 0.7)';
-}, function (props) {
-  return props.isPinned ? uiColors.yellow : props.isCompleted ? uiColors.green : props.isInProgress ? uiColors.yellow : uiColors.yellow;
-}, function (props) {
-  return props.isNotStarted ? 0.8 : 1;
-});
+}, uiColors.yellow);
 var TaskHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "DailyTaskItem__TaskHeader",
   componentId: "sc-45bxmt-1"
-})(["display:flex;width:100%;justify-content:space-between;align-items:flex-start;border-bottom:1px solid ", ";padding-bottom:6px;min-height:36px;"], uiColors.darkGray);
+})(["display:flex;width:100%;justify-content:space-between;align-items:flex-start;border-bottom:1px solid ", ";padding-bottom:", ";min-height:36px;"], uiColors.darkGray, function (props) {
+  return props.isMobile ? '8px' : '10px';
+});
 var TaskHeaderLeft = /*#__PURE__*/styled.div.withConfig({
   displayName: "DailyTaskItem__TaskHeaderLeft",
   componentId: "sc-45bxmt-2"
@@ -29808,13 +29814,13 @@ var TaskDifficulty = /*#__PURE__*/styled.span.withConfig({
 var StatusText = /*#__PURE__*/styled.span.withConfig({
   displayName: "DailyTaskItem__StatusText",
   componentId: "sc-45bxmt-10"
-})(["color:", ";font-size:0.65rem;font-weight:500;"], function (props) {
+})(["color:", " !important;font-size:0.65rem;font-weight:500;"], function (props) {
   return props.color;
 });
 var ClaimedBadge = /*#__PURE__*/styled.div.withConfig({
   displayName: "DailyTaskItem__ClaimedBadge",
   componentId: "sc-45bxmt-11"
-})(["background:", ";color:white;border-radius:50%;width:", ";height:", ";display:flex;align-items:center;justify-content:center;font-size:", ";font-weight:bold;"], uiColors.green, function (props) {
+})(["background:", ";color:white;border-radius:50%;width:", ";height:", ";display:flex;align-items:center;justify-content:center;font-size:", ";font-weight:bold;margin-left:8px;"], uiColors.green, function (props) {
   return props.isMobile ? '18px' : '20px';
 }, function (props) {
   return props.isMobile ? '18px' : '20px';
@@ -29824,7 +29830,9 @@ var ClaimedBadge = /*#__PURE__*/styled.div.withConfig({
 var TaskBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "DailyTaskItem__TaskBody",
   componentId: "sc-45bxmt-12"
-})(["display:flex;flex-direction:column;gap:8px;padding:6px 0;"]);
+})(["display:flex;flex-direction:column;gap:8px;padding:", ";"], function (props) {
+  return props.isMobile ? '4px 0' : '6px 0';
+});
 var RewardsSection = /*#__PURE__*/styled.div.withConfig({
   displayName: "DailyTaskItem__RewardsSection",
   componentId: "sc-45bxmt-13"
@@ -29832,7 +29840,9 @@ var RewardsSection = /*#__PURE__*/styled.div.withConfig({
 var TaskFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "DailyTaskItem__TaskFooter",
   componentId: "sc-45bxmt-14"
-})(["display:flex;justify-content:center;padding-top:6px;border-top:1px solid ", ";"], uiColors.darkGray);
+})(["display:flex;justify-content:center;padding-top:", ";border-top:1px solid ", ";"], function (props) {
+  return props.isMobile ? '8px' : '10px';
+}, uiColors.darkGray);
 var IconWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "DailyTaskItem__IconWrapper",
   componentId: "sc-45bxmt-15"
@@ -30023,13 +30033,19 @@ var DailyTasks = function DailyTasks(_ref) {
       var matchesStatus = selectedStatus === 'all' || selectedStatus === 'pinned' && pinnedTasks.includes(task.key) || selectedStatus === 'completed' && task.status === TaskStatus.Completed || selectedStatus === 'inprogress' && task.status === TaskStatus.InProgress || selectedStatus === 'notstarted' && task.status === TaskStatus.NotStarted;
       return matchesSearch && matchesStatus;
     });
-    // Sort with pinned tasks first
+    // Sort by relevance: pinned first, then by status (in progress, completed, not started)
     return filtered.sort(function (a, b) {
+      var _statusPriority;
       var aIsPinned = pinnedTasks.includes(a.key);
       var bIsPinned = pinnedTasks.includes(b.key);
+      // Pinned tasks always come first
       if (aIsPinned && !bIsPinned) return -1;
       if (!aIsPinned && bIsPinned) return 1;
-      return 0;
+      // If both are pinned or both are not pinned, sort by status priority
+      var statusPriority = (_statusPriority = {}, _statusPriority[TaskStatus.InProgress] = 1, _statusPriority[TaskStatus.Completed] = 2, _statusPriority[TaskStatus.NotStarted] = 3, _statusPriority);
+      var aPriority = statusPriority[a.status] || 4;
+      var bPriority = statusPriority[b.status] || 4;
+      return aPriority - bPriority;
     });
   }, [localTasks, searchQuery, selectedStatus, pinnedTasks]);
   return React.createElement(TasksContainer, {
@@ -30104,18 +30120,18 @@ var TasksList = /*#__PURE__*/styled.div.withConfig({
 })(["display:flex;flex-direction:column;gap:", ";padding:", ";overflow-y:auto;flex:1;background-color:transparent;", ""], function (props) {
   return props.isMobile ? '8px' : '12px';
 }, function (props) {
-  return props.isMobile ? '8px' : '12px';
+  return props.isMobile ? '8px 8px 40px 8px' : '12px 12px 40px 12px';
 }, function (props) {
   return props.isMobile ? "\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: thin;\n  " : '';
 });
 var GlobalProgressFixed = /*#__PURE__*/styled.div.withConfig({
   displayName: "DailyTasks__GlobalProgressFixed",
   componentId: "sc-ittn77-3"
-})(["flex-shrink:0;padding:8px 12px;background-color:transparent;"]);
+})(["flex-shrink:0;padding:12px;background-color:transparent;"]);
 var SearchHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "DailyTasks__SearchHeader",
   componentId: "sc-ittn77-4"
-})(["display:flex;gap:12px;padding:12px 12px 8px 12px;border-bottom:1px solid ", ";background:rgba(0,0,0,0.3);"], uiColors.darkGray);
+})(["display:flex;gap:12px;justify-content:center;align-items:center;margin-left:12px;margin-right:12px;padding:0.25rem;border-bottom:1px solid ", ";background:rgba(0,0,0,0.3);"], uiColors.darkGray);
 var SearchBarContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "DailyTasks__SearchBarContainer",
   componentId: "sc-ittn77-5"
@@ -30131,7 +30147,7 @@ var TaskWrapper = /*#__PURE__*/styled.div.withConfig({
 var PinButton$1 = /*#__PURE__*/styled.button.withConfig({
   displayName: "DailyTasks__PinButton",
   componentId: "sc-ittn77-8"
-})(["position:absolute;top:8px;right:8px;background:rgba(0,0,0,0.7);color:", ";border:1px solid ", ";cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all 0.2s ease;z-index:10;width:20px;height:20px;&:hover{color:", ";background:rgba(0,0,0,0.9);border-color:", ";}", ""], function (props) {
+})(["position:absolute;top:8px;right:32px;background:rgba(0,0,0,0.7);color:", ";border:1px solid ", ";cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all 0.2s ease;z-index:10;width:20px;height:20px;&:hover{color:", ";background:rgba(0,0,0,0.9);border-color:", ";}", ""], function (props) {
   return props.isPinned ? uiColors.yellow : uiColors.lightGray;
 }, function (props) {
   return props.isPinned ? uiColors.yellow : 'transparent';