@rpg-engine/long-bow 0.8.52 → 0.8.53
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/DailyTasks/DailyTasks.d.ts +3 -2
- package/dist/long-bow.cjs.development.js +30 -47
- package/dist/long-bow.cjs.development.js.map +1 -1
- package/dist/long-bow.cjs.production.min.js +1 -1
- package/dist/long-bow.cjs.production.min.js.map +1 -1
- package/dist/long-bow.esm.js +30 -47
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/DailyTasks/DailyTasks.tsx +32 -15
- package/src/components/DailyTasks/GlobalDailyProgress.tsx +5 -2
- package/dist/hooks/useDailyTasksState.d.ts +0 -13
- package/src/hooks/useDailyTasksState.ts +0 -40
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { ICharacterDailyTask, ICollectGlobalRewardRequest,
|
|
1
|
+
import { ICharacterDailyTask, ICollectGlobalRewardRequest, ICollectRewardRequest } from '@rpg-engine/shared';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
export interface IDailyTasksProps {
|
|
4
4
|
tasks: ICharacterDailyTask[];
|
|
5
|
-
onClaimReward: (task:
|
|
5
|
+
onClaimReward: (task: ICollectRewardRequest) => void;
|
|
6
6
|
onClaimGlobalReward: (tasks: ICollectGlobalRewardRequest) => void;
|
|
7
7
|
onClose: () => void;
|
|
8
8
|
scale?: number;
|
|
@@ -10,5 +10,6 @@ export interface IDailyTasksProps {
|
|
|
10
10
|
itemsAtlasIMG: string;
|
|
11
11
|
iconAtlasJSON?: Record<string, any>;
|
|
12
12
|
iconAtlasIMG?: string;
|
|
13
|
+
globalRewardClaimed?: boolean;
|
|
13
14
|
}
|
|
14
15
|
export declare const DailyTasks: React.FC<IDailyTasksProps>;
|
|
@@ -29313,40 +29313,6 @@ var EmptyState = /*#__PURE__*/styled__default.div.withConfig({
|
|
|
29313
29313
|
componentId: "sc-19q95ue-15"
|
|
29314
29314
|
})(["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);
|
|
29315
29315
|
|
|
29316
|
-
function useDailyTasksState(_ref) {
|
|
29317
|
-
var onClaimReward = _ref.onClaimReward,
|
|
29318
|
-
onClaimGlobalReward = _ref.onClaimGlobalReward;
|
|
29319
|
-
var _useState = React.useState(false),
|
|
29320
|
-
globalRewardClaimed = _useState[0],
|
|
29321
|
-
setGlobalRewardClaimed = _useState[1];
|
|
29322
|
-
var _useState2 = React.useState([]),
|
|
29323
|
-
claimedTaskKeys = _useState2[0],
|
|
29324
|
-
setClaimedTaskKeys = _useState2[1];
|
|
29325
|
-
var handleClaimReward = function handleClaimReward(taskKey, type) {
|
|
29326
|
-
onClaimReward({
|
|
29327
|
-
type: type,
|
|
29328
|
-
taskKey: taskKey
|
|
29329
|
-
});
|
|
29330
|
-
setClaimedTaskKeys(function (prev) {
|
|
29331
|
-
return [].concat(prev, [taskKey]);
|
|
29332
|
-
});
|
|
29333
|
-
};
|
|
29334
|
-
var handleClaimGlobalRewards = function handleClaimGlobalRewards(tasks) {
|
|
29335
|
-
onClaimGlobalReward(tasks);
|
|
29336
|
-
setGlobalRewardClaimed(true);
|
|
29337
|
-
};
|
|
29338
|
-
var isTaskRewardClaimed = function isTaskRewardClaimed(taskKey) {
|
|
29339
|
-
return claimedTaskKeys.includes(taskKey);
|
|
29340
|
-
};
|
|
29341
|
-
return {
|
|
29342
|
-
globalRewardClaimed: globalRewardClaimed,
|
|
29343
|
-
claimedTaskKeys: claimedTaskKeys,
|
|
29344
|
-
isTaskRewardClaimed: isTaskRewardClaimed,
|
|
29345
|
-
handleClaimReward: handleClaimReward,
|
|
29346
|
-
handleClaimGlobalRewards: handleClaimGlobalRewards
|
|
29347
|
-
};
|
|
29348
|
-
}
|
|
29349
|
-
|
|
29350
29316
|
var formatTaskKey = function formatTaskKey(key) {
|
|
29351
29317
|
var formatted = key.replace(/[-_]/g, ' ');
|
|
29352
29318
|
formatted = formatted.replace(/([A-Z])/g, ' $1');
|
|
@@ -29744,6 +29710,7 @@ var GlobalDailyProgress = function GlobalDailyProgress(_ref) {
|
|
|
29744
29710
|
return task.claimed === true;
|
|
29745
29711
|
});
|
|
29746
29712
|
var shouldShowGlobalButton = allCompleted && allClaimed && !globalRewardClaimed;
|
|
29713
|
+
var shouldShowClaimedMessage = globalRewardClaimed;
|
|
29747
29714
|
var handleClaimAll = function handleClaimAll() {
|
|
29748
29715
|
var taskIdentifiers = tasks.map(function (task) {
|
|
29749
29716
|
return {
|
|
@@ -29757,10 +29724,10 @@ var GlobalDailyProgress = function GlobalDailyProgress(_ref) {
|
|
|
29757
29724
|
};
|
|
29758
29725
|
return React__default.createElement(GlobalProgressContainer, null, React__default.createElement(HeaderContainer$1, null, React__default.createElement(GlobeIcon, null, "\uD83C\uDF0D"), React__default.createElement(ProgressText, null, "Global Tasks Completed: ", completedTasks, "/", totalTasks)), React__default.createElement(ProgressBar, null, React__default.createElement(ProgressFill, {
|
|
29759
29726
|
percentage: completedTasks / totalTasks * 100
|
|
29760
|
-
})), allCompleted && React__default.createElement(React__default.Fragment, null, shouldShowGlobalButton
|
|
29727
|
+
})), allCompleted && React__default.createElement(React__default.Fragment, null, shouldShowGlobalButton && React__default.createElement(CollectWrapper$1, null, React__default.createElement(Button, {
|
|
29761
29728
|
buttonType: exports.ButtonTypes.RPGUIButton,
|
|
29762
29729
|
onPointerDown: handleClaimAll
|
|
29763
|
-
}, "Collect Global Rewards"))
|
|
29730
|
+
}, "Collect Global Rewards")), shouldShowClaimedMessage && React__default.createElement(ClaimedText$1, null, "Global Rewards Claimed")));
|
|
29764
29731
|
};
|
|
29765
29732
|
var GlobalProgressContainer = /*#__PURE__*/styled__default.div.withConfig({
|
|
29766
29733
|
displayName: "GlobalDailyProgress__GlobalProgressContainer",
|
|
@@ -29807,18 +29774,34 @@ var DailyTasks = function DailyTasks(_ref) {
|
|
|
29807
29774
|
itemsAtlasJSON = _ref.itemsAtlasJSON,
|
|
29808
29775
|
itemsAtlasIMG = _ref.itemsAtlasIMG,
|
|
29809
29776
|
iconAtlasJSON = _ref.iconAtlasJSON,
|
|
29810
|
-
iconAtlasIMG = _ref.iconAtlasIMG
|
|
29777
|
+
iconAtlasIMG = _ref.iconAtlasIMG,
|
|
29778
|
+
_ref$globalRewardClai = _ref.globalRewardClaimed,
|
|
29779
|
+
globalRewardClaimed = _ref$globalRewardClai === void 0 ? false : _ref$globalRewardClai;
|
|
29811
29780
|
var _React$useState = React__default.useState(tasks),
|
|
29812
29781
|
localTasks = _React$useState[0];
|
|
29813
29782
|
var size = useResponsiveSize(scale);
|
|
29814
|
-
var
|
|
29815
|
-
|
|
29816
|
-
|
|
29817
|
-
|
|
29818
|
-
|
|
29819
|
-
|
|
29820
|
-
|
|
29821
|
-
|
|
29783
|
+
var _useState = React.useState([]),
|
|
29784
|
+
claimedTasks = _useState[0],
|
|
29785
|
+
setClaimedTasks = _useState[1];
|
|
29786
|
+
var _useState2 = React.useState(false),
|
|
29787
|
+
globalRewardClaimedLocal = _useState2[0],
|
|
29788
|
+
setGlobalRewardClaimedLocal = _useState2[1];
|
|
29789
|
+
var handleClaimReward = function handleClaimReward(taskKey, taskType) {
|
|
29790
|
+
onClaimReward({
|
|
29791
|
+
taskKey: taskKey,
|
|
29792
|
+
type: taskType
|
|
29793
|
+
});
|
|
29794
|
+
setClaimedTasks(function (prev) {
|
|
29795
|
+
return [].concat(prev, [taskKey]);
|
|
29796
|
+
});
|
|
29797
|
+
};
|
|
29798
|
+
var handleClaimGlobalRewards = function handleClaimGlobalRewards(tasks) {
|
|
29799
|
+
onClaimGlobalReward(tasks);
|
|
29800
|
+
setGlobalRewardClaimedLocal(true);
|
|
29801
|
+
};
|
|
29802
|
+
var isTaskRewardClaimed = function isTaskRewardClaimed(taskKey) {
|
|
29803
|
+
return claimedTasks.includes(taskKey);
|
|
29804
|
+
};
|
|
29822
29805
|
if (!size) return null;
|
|
29823
29806
|
return React__default.createElement(TasksContainer, {
|
|
29824
29807
|
type: exports.RPGUIContainerTypes.Framed,
|
|
@@ -29832,7 +29815,7 @@ var DailyTasks = function DailyTasks(_ref) {
|
|
|
29832
29815
|
}, React__default.createElement(GlobalDailyProgress, {
|
|
29833
29816
|
tasks: localTasks,
|
|
29834
29817
|
onClaimAllRewards: handleClaimGlobalRewards,
|
|
29835
|
-
globalRewardClaimed: globalRewardClaimed
|
|
29818
|
+
globalRewardClaimed: globalRewardClaimed || globalRewardClaimedLocal
|
|
29836
29819
|
}), localTasks.map(function (task) {
|
|
29837
29820
|
return React__default.createElement(DailyTaskItem, {
|
|
29838
29821
|
key: task.key,
|
|
@@ -29843,7 +29826,7 @@ var DailyTasks = function DailyTasks(_ref) {
|
|
|
29843
29826
|
itemsAtlasIMG: itemsAtlasIMG,
|
|
29844
29827
|
iconAtlasJSON: iconAtlasJSON,
|
|
29845
29828
|
iconAtlasIMG: iconAtlasIMG,
|
|
29846
|
-
isRewardClaimed: isTaskRewardClaimed(task.key)
|
|
29829
|
+
isRewardClaimed: task.claimed || isTaskRewardClaimed(task.key)
|
|
29847
29830
|
});
|
|
29848
29831
|
}))));
|
|
29849
29832
|
};
|