@rpg-engine/long-bow 0.8.50 → 0.8.52

package/dist/long-bow.esm.js

@@ -29306,6 +29306,40 @@ 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);
 
+function useDailyTasksState(_ref) {
+  var onClaimReward = _ref.onClaimReward,
+    onClaimGlobalReward = _ref.onClaimGlobalReward;
+  var _useState = useState(false),
+    globalRewardClaimed = _useState[0],
+    setGlobalRewardClaimed = _useState[1];
+  var _useState2 = useState([]),
+    claimedTaskKeys = _useState2[0],
+    setClaimedTaskKeys = _useState2[1];
+  var handleClaimReward = function handleClaimReward(taskKey, type) {
+    onClaimReward({
+      type: type,
+      taskKey: taskKey
+    });
+    setClaimedTaskKeys(function (prev) {
+      return [].concat(prev, [taskKey]);
+    });
+  };
+  var handleClaimGlobalRewards = function handleClaimGlobalRewards(tasks) {
+    onClaimGlobalReward(tasks);
+    setGlobalRewardClaimed(true);
+  };
+  var isTaskRewardClaimed = function isTaskRewardClaimed(taskKey) {
+    return claimedTaskKeys.includes(taskKey);
+  };
+  return {
+    globalRewardClaimed: globalRewardClaimed,
+    claimedTaskKeys: claimedTaskKeys,
+    isTaskRewardClaimed: isTaskRewardClaimed,
+    handleClaimReward: handleClaimReward,
+    handleClaimGlobalRewards: handleClaimGlobalRewards
+  };
+}
+
 var formatTaskKey = function formatTaskKey(key) {
   var formatted = key.replace(/[-_]/g, ' ');
   formatted = formatted.replace(/([A-Z])/g, ' $1');
@@ -29408,13 +29442,13 @@ var DailyRewardsTooltip = function DailyRewardsTooltip(_ref) {
   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;
+    var _reward$texturePath, _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',
+      spriteKey: (_reward$texturePath = reward.texturePath) != null ? _reward$texturePath : 'check.png',
       width: 24,
       height: 24,
       imgScale: 1.75
@@ -29459,7 +29493,7 @@ var ItemContent = /*#__PURE__*/styled.div.withConfig({
 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);
+})(["color:", ";font-size:0.9rem;line-height:1.2;padding-top:15px;display:inline-flex;align-items:center;"], uiColors.yellow);
 var RewardValue = /*#__PURE__*/styled.span.withConfig({
   displayName: "DailyRewardsTooltip__RewardValue",
   componentId: "sc-wxzcu4-9"
@@ -29625,10 +29659,11 @@ var DailyTaskItem = function DailyTaskItem(_ref) {
     itemsAtlasJSON = _ref.itemsAtlasJSON,
     itemsAtlasIMG = _ref.itemsAtlasIMG,
     iconAtlasJSON = _ref.iconAtlasJSON,
-    iconAtlasIMG = _ref.iconAtlasIMG;
+    iconAtlasIMG = _ref.iconAtlasIMG,
+    isRewardClaimed = _ref.isRewardClaimed;
   var isMobile = isMobileOrTablet();
   var isCompleted = task.status === TaskStatus.Completed;
-  var isClaimed = task.claimed;
+  var isClaimed = task.claimed || isRewardClaimed;
   var handleClaimReward = function handleClaimReward() {
     onClaimReward(task.key, task.type);
   };
@@ -29689,29 +29724,36 @@ var CollectWrapper = /*#__PURE__*/styled.div.withConfig({
 
 var GlobalDailyProgress = function GlobalDailyProgress(_ref) {
   var tasks = _ref.tasks,
-    onClaimAllRewards = _ref.onClaimAllRewards;
+    onClaimAllRewards = _ref.onClaimAllRewards,
+    globalRewardClaimed = _ref.globalRewardClaimed;
   var totalTasks = tasks.length;
   var completedTasks = tasks.filter(function (task) {
     return task.status === TaskStatus.Completed;
   }).length;
-  var claimedTasks = tasks.filter(function (task) {
+  var allCompleted = tasks.length > 0 && tasks.every(function (task) {
+    return task.status === TaskStatus.Completed;
+  });
+  var allClaimed = tasks.length > 0 && tasks.every(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);
+  });
+  var shouldShowGlobalButton = allCompleted && allClaimed && !globalRewardClaimed;
+  var handleClaimAll = function handleClaimAll() {
+    var taskIdentifiers = tasks.map(function (task) {
+      return {
+        taskKey: task.key,
+        type: task.type
+      };
+    });
+    onClaimAllRewards({
+      tasks: taskIdentifiers
+    });
   };
   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, {
+  })), allCompleted && React.createElement(React.Fragment, null, shouldShowGlobalButton ? React.createElement(CollectWrapper$1, null, React.createElement(Button, {
     buttonType: ButtonTypes.RPGUIButton,
     onPointerDown: handleClaimAll
-  }, "Collect Global Rewards"))));
+  }, "Collect Global Rewards")) : React.createElement(ClaimedText$1, null, "Global Rewards Claimed")));
 };
 var GlobalProgressContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "GlobalDailyProgress__GlobalProgressContainer",
@@ -29760,35 +29802,16 @@ var DailyTasks = function DailyTasks(_ref) {
     iconAtlasJSON = _ref.iconAtlasJSON,
     iconAtlasIMG = _ref.iconAtlasIMG;
   var _React$useState = React.useState(tasks),
-    localTasks = _React$useState[0],
-    setLocalTasks = _React$useState[1];
+    localTasks = _React$useState[0];
   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
-    });
-  };
+  var _useDailyTasksState = useDailyTasksState({
+      onClaimReward: onClaimReward,
+      onClaimGlobalReward: onClaimGlobalReward
+    }),
+    globalRewardClaimed = _useDailyTasksState.globalRewardClaimed,
+    handleClaimReward = _useDailyTasksState.handleClaimReward,
+    handleClaimGlobalRewards = _useDailyTasksState.handleClaimGlobalRewards,
+    isTaskRewardClaimed = _useDailyTasksState.isTaskRewardClaimed;
   if (!size) return null;
   return React.createElement(TasksContainer, {
     type: RPGUIContainerTypes.Framed,
@@ -29801,7 +29824,8 @@ var DailyTasks = function DailyTasks(_ref) {
     className: "tasks-container"
   }, React.createElement(GlobalDailyProgress, {
     tasks: localTasks,
-    onClaimAllRewards: handleClaimAllRewards
+    onClaimAllRewards: handleClaimGlobalRewards,
+    globalRewardClaimed: globalRewardClaimed
   }), localTasks.map(function (task) {
     return React.createElement(DailyTaskItem, {
       key: task.key,
@@ -29811,7 +29835,8 @@ var DailyTasks = function DailyTasks(_ref) {
       itemsAtlasJSON: itemsAtlasJSON,
       itemsAtlasIMG: itemsAtlasIMG,
       iconAtlasJSON: iconAtlasJSON,
-      iconAtlasIMG: iconAtlasIMG
+      iconAtlasIMG: iconAtlasIMG,
+      isRewardClaimed: isTaskRewardClaimed(task.key)
     });
   }))));
 };