@rpg-engine/long-bow 0.2.21 → 0.2.23

package/dist/long-bow.esm.js

@@ -28394,7 +28394,7 @@ var QuestList = function QuestList(_ref) {
     }
   }, React.createElement(Title$2, null, "Quests"), React.createElement("hr", {
     className: "golden"
-  }), React.createElement(QuestListContainer, null, quests.map(function (quest, i) {
+  }), React.createElement(QuestListContainer, null, quests ? quests.map(function (quest, i) {
     return React.createElement("div", {
       className: "quest-item",
       key: i
@@ -28407,7 +28407,7 @@ var QuestList = function QuestList(_ref) {
     }, quest.title), React.createElement("p", {
       className: "quest-detail__description"
     }, quest.description)));
-  }))));
+  }) : React.createElement(NoQuestContainer, null, React.createElement("p", null, "There are no ongoing quests")))));
 };
 var QuestDraggableContainer$1 = /*#__PURE__*/styled(DraggableContainer).withConfig({
   displayName: "QuestList__QuestDraggableContainer",
@@ -28420,7 +28420,11 @@ var Title$2 = /*#__PURE__*/styled.h1.withConfig({
 var QuestListContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "QuestList__QuestListContainer",
   componentId: "sc-1a2vx6q-2"
-})(["margin-top:20px;margin-bottom:40px;overflow-y:auto;max-height:400px;.quest-item{display:flex;align-items:flex-start;margin-bottom:12px;}.quest-number{border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin-right:16px;background-color:brown;flex-shrink:0;}.quest-number.completed{background-color:yellow;}p{margin:0;}.quest-detail__title{color:yellow;}.quest-detail__description{margin-top:5px;}"]);
+})(["margin-top:20px;margin-bottom:40px;overflow-y:auto;max-height:400px;.quest-item{display:flex;align-items:flex-start;margin-bottom:12px;}.quest-number{border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin-right:16px;background-color:brown;flex-shrink:0;}.quest-number.completed{background-color:yellow;}p{margin:0;}.quest-detail__title{color:yellow;}.quest-detail__description{margin-top:5px;}.Noquest-detail__description{margin-top:5px;margin:auto;}"]);
+var NoQuestContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "QuestList__NoQuestContainer",
+  componentId: "sc-1a2vx6q-3"
+})(["text-align:center;p{margin-top:5px;}"]);
 
 var InputRadio = function InputRadio(_ref) {
   var name = _ref.name,
@@ -28838,8 +28842,32 @@ var HistoryDialog = function HistoryDialog(_ref) {
       imagePath = _ref.imagePath,
       textAndTypeArray = _ref.textAndTypeArray,
       onClose = _ref.onClose;
+
+  var _useState = useState(0),
+      img = _useState[0],
+      setImage = _useState[1];
+
+  var onHandleSpacePress = function onHandleSpacePress(event) {
+    if (event.code === 'Space') {
+      if (img < (backgroundImgPath == null ? void 0 : backgroundImgPath.length) - 1) {
+        setImage(function (prev) {
+          return prev + 1;
+        });
+      } else {
+        // if there's no more text chunks, close the dialog
+        onClose();
+      }
+    }
+  };
+
+  useEffect(function () {
+    document.addEventListener('keydown', onHandleSpacePress);
+    return function () {
+      return document.removeEventListener('keydown', onHandleSpacePress);
+    };
+  }, [backgroundImgPath]);
   return React.createElement(BackgroundContainer, {
-    imgPath: backgroundImgPath,
+    imgPath: backgroundImgPath[img],
     fullImg: fullCoverBackground
   }, React.createElement(DialogContainer, null, textAndTypeArray ? React.createElement(NPCMultiDialog, {
     textAndTypeArray: textAndTypeArray,