@rpg-engine/long-bow 0.8.51 → 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');
@@ -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 && React.createElement(React.Fragment, null, allClaimed || 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",
@@ -29762,15 +29804,14 @@ var DailyTasks = function DailyTasks(_ref) {
   var _React$useState = React.useState(tasks),
     localTasks = _React$useState[0];
   var size = useResponsiveSize(scale);
-  var handleClaimReward = function handleClaimReward(taskKey, type) {
-    onClaimReward({
-      type: type,
-      taskKey: taskKey
-    });
-  };
-  var handleClaimGlobalRewards = function handleClaimGlobalRewards(tasks) {
-    onClaimGlobalReward(tasks);
-  };
+  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,
@@ -29783,7 +29824,8 @@ var DailyTasks = function DailyTasks(_ref) {
     className: "tasks-container"
   }, React.createElement(GlobalDailyProgress, {
     tasks: localTasks,
-    onClaimAllRewards: handleClaimGlobalRewards
+    onClaimAllRewards: handleClaimGlobalRewards,
+    globalRewardClaimed: globalRewardClaimed
   }), localTasks.map(function (task) {
     return React.createElement(DailyTaskItem, {
       key: task.key,
@@ -29793,7 +29835,8 @@ var DailyTasks = function DailyTasks(_ref) {
       itemsAtlasJSON: itemsAtlasJSON,
       itemsAtlasIMG: itemsAtlasIMG,
       iconAtlasJSON: iconAtlasJSON,
-      iconAtlasIMG: iconAtlasIMG
+      iconAtlasIMG: iconAtlasIMG,
+      isRewardClaimed: isTaskRewardClaimed(task.key)
     });
   }))));
 };