@rpg-engine/long-bow 0.2.14 → 0.2.16

package/dist/components/HistoryDialog.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { NPCMultiDialogType } from './NPCDialog/NPCMultiDialog';
+import { IQuestionDialog, IQuestionDialogAnswer } from './NPCDialog/QuestionDialog/QuestionDialog';
+export interface IHistoryDialogProps {
+    backgroundImgPath: string;
+    fullCoverBackground: boolean;
+    questions?: IQuestionDialog[];
+    answers?: IQuestionDialogAnswer[];
+    text?: string;
+    imagePath?: string;
+    textAndTypeArray?: NPCMultiDialogType[];
+    onClose: () => void;
+}
+export declare const HistoryDialog: React.FC<IHistoryDialogProps>;

package/dist/components/NPCDialog/NPCMultiDialog.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export declare enum ImgSide {
+    right = "right",
+    left = "left"
+}
+export interface NPCMultiDialogType {
+    text: string;
+    imagePath?: string;
+    imageSide: ImgSide;
+}
+export interface INPCMultiDialogProps {
+    onClose: () => void;
+    textAndTypeArray: NPCMultiDialogType[];
+}
+export declare const NPCMultiDialog: React.FC<INPCMultiDialogProps>;

package/dist/components/QuestList.d.ts

@@ -1,11 +1,7 @@
+import { IQuest } from '@rpg-engine/shared';
 import React from 'react';
 export interface IQuestListProps {
-    title: string;
-    description: string;
-    quests: {
-        title: string;
-        description: string;
-        completed: boolean;
-    }[];
+    quests: IQuest[];
+    onClose: () => void;
 }
 export declare const QuestList: React.FC<IQuestListProps>;

package/dist/index.d.ts

@@ -24,4 +24,6 @@ export * from './components/SkillsContainer';
 export * from './components/TextArea';
 export * from './components/Truncate';
 export * from './components/typography/DynamicText';
+export * from './components/NPCDialog/NPCMultiDialog';
+export * from './components/HistoryDialog';
 export { useEventListener } from './hooks/useEventListener';

package/dist/long-bow.cjs.development.js

@@ -28571,7 +28571,7 @@ var skillProps = {
       club: 'maces/club.png',
       sword: 'swords/double-edged-sword.png',
       axe: 'axes/double-axe.png',
-      distance: 'bows/horse-bow.png',
+      distance: 'ranged-weapons/horse-bow.png',
       shielding: 'shields/studded-shield.png',
       dagger: 'daggers/dagger.png'
     }
@@ -28673,6 +28673,160 @@ var Container$f = /*#__PURE__*/styled.div.withConfig({
   return props.maxLines;
 });
 
+(function (ImgSide) {
+  ImgSide["right"] = "right";
+  ImgSide["left"] = "left";
+})(exports.ImgSide || (exports.ImgSide = {}));
+
+var NPCMultiDialog = function NPCMultiDialog(_ref) {
+  var _textAndTypeArray$sli;
+
+  var _onClose = _ref.onClose,
+      textAndTypeArray = _ref.textAndTypeArray;
+
+  var _useState = React.useState(false),
+      showGoNextIndicator = _useState[0],
+      setShowGoNextIndicator = _useState[1];
+
+  var _useState2 = React.useState(0),
+      slide = _useState2[0],
+      setSlide = _useState2[1];
+
+  var onHandleSpacePress = function onHandleSpacePress(event) {
+    if (event.code === 'Space') {
+      if (slide < (textAndTypeArray == null ? void 0 : textAndTypeArray.length) - 1) {
+        setSlide(function (prev) {
+          return prev + 1;
+        });
+      } else {
+        // if there's no more text chunks, close the dialog
+        _onClose();
+      }
+    }
+  };
+
+  React.useEffect(function () {
+    document.addEventListener('keydown', onHandleSpacePress);
+    return function () {
+      return document.removeEventListener('keydown', onHandleSpacePress);
+    };
+  }, [slide]);
+  return React__default.createElement(RPGUIContainer, {
+    type: exports.RPGUIContainerTypes.FramedGold,
+    width: '50%',
+    height: '180px'
+  }, React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$g, null, ((_textAndTypeArray$sli = textAndTypeArray[slide]) == null ? void 0 : _textAndTypeArray$sli.imageSide) === 'right' && React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer$2, {
+    flex: '70%'
+  }, React__default.createElement(NPCDialogText, {
+    onStartStep: function onStartStep() {
+      return setShowGoNextIndicator(false);
+    },
+    onEndStep: function onEndStep() {
+      return setShowGoNextIndicator(true);
+    },
+    text: textAndTypeArray[slide].text || 'No text provided.',
+    onClose: function onClose() {
+      if (_onClose) {
+        _onClose();
+      }
+    }
+  })), React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
+    src: textAndTypeArray[slide].imagePath || img$6
+  })), showGoNextIndicator && React__default.createElement(PressSpaceIndicator$1, {
+    right: '10.5rem',
+    src: img$7
+  })), textAndTypeArray[slide].imageSide === 'left' && React__default.createElement(React__default.Fragment, null, React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
+    src: textAndTypeArray[slide].imagePath || img$6
+  })), React__default.createElement(TextContainer$2, {
+    flex: '70%'
+  }, React__default.createElement(NPCDialogText, {
+    onStartStep: function onStartStep() {
+      return setShowGoNextIndicator(false);
+    },
+    onEndStep: function onEndStep() {
+      return setShowGoNextIndicator(true);
+    },
+    text: textAndTypeArray[slide].text || 'No text provided.',
+    onClose: function onClose() {
+      if (_onClose) {
+        _onClose();
+      }
+    }
+  })), showGoNextIndicator && React__default.createElement(PressSpaceIndicator$1, {
+    right: '1rem',
+    src: img$7
+  }))), ")"));
+};
+var Container$g = /*#__PURE__*/styled.div.withConfig({
+  displayName: "NPCMultiDialog__Container",
+  componentId: "sc-rvu5wg-0"
+})(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
+var TextContainer$2 = /*#__PURE__*/styled.div.withConfig({
+  displayName: "NPCMultiDialog__TextContainer",
+  componentId: "sc-rvu5wg-1"
+})(["flex:", " 0 0;width:355px;"], function (_ref2) {
+  var flex = _ref2.flex;
+  return flex;
+});
+var ThumbnailContainer$1 = /*#__PURE__*/styled.div.withConfig({
+  displayName: "NPCMultiDialog__ThumbnailContainer",
+  componentId: "sc-rvu5wg-2"
+})(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
+var NPCThumbnail$1 = /*#__PURE__*/styled.img.withConfig({
+  displayName: "NPCMultiDialog__NPCThumbnail",
+  componentId: "sc-rvu5wg-3"
+})(["image-rendering:pixelated;height:128px;width:128px;"]);
+var PressSpaceIndicator$1 = /*#__PURE__*/styled.img.withConfig({
+  displayName: "NPCMultiDialog__PressSpaceIndicator",
+  componentId: "sc-rvu5wg-4"
+})(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref3) {
+  var right = _ref3.right;
+  return right;
+});
+
+var HistoryDialog = function HistoryDialog(_ref) {
+  var backgroundImgPath = _ref.backgroundImgPath,
+      fullCoverBackground = _ref.fullCoverBackground,
+      questions = _ref.questions,
+      answers = _ref.answers,
+      text = _ref.text,
+      imagePath = _ref.imagePath,
+      textAndTypeArray = _ref.textAndTypeArray,
+      onClose = _ref.onClose;
+  return React__default.createElement(BackgroundContainer, {
+    imgPath: backgroundImgPath,
+    fullImg: fullCoverBackground
+  }, React__default.createElement(DialogContainer, null, textAndTypeArray ? React__default.createElement(NPCMultiDialog, {
+    textAndTypeArray: textAndTypeArray,
+    onClose: onClose
+  }) : questions && answers ? React__default.createElement(QuestionDialog, {
+    questions: questions,
+    answers: answers,
+    onClose: onClose
+  }) : text && imagePath ? React__default.createElement(NPCDialog, {
+    text: text,
+    imagePath: imagePath,
+    onClose: onClose,
+    type: exports.NPCDialogType.TextAndThumbnail
+  }) : React__default.createElement(NPCDialog, {
+    text: text,
+    onClose: onClose,
+    type: exports.NPCDialogType.TextOnly
+  })));
+};
+var BackgroundContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "HistoryDialog__BackgroundContainer",
+  componentId: "sc-u6oe75-0"
+})(["width:100%;height:100%;background-image:url(", ");background-size:", ";display:flex;justify-content:space-evenly;align-items:center;"], function (props) {
+  return props.imgPath;
+}, function (props) {
+  return props.imgPath ? 'cover' : 'auto';
+});
+var DialogContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "HistoryDialog__DialogContainer",
+  componentId: "sc-u6oe75-1"
+})(["display:flex;justify-content:center;padding-top:200px;"]);
+
 exports.Button = Button;
 exports.CharacterSelection = CharacterSelection;
 exports.Chat = Chat;
@@ -28681,12 +28835,14 @@ exports.DraggableContainer = DraggableContainer;
 exports.Dropdown = Dropdown;
 exports.DynamicText = DynamicText;
 exports.EquipmentSet = EquipmentSet;
+exports.HistoryDialog = HistoryDialog;
 exports.Input = Input;
 exports.InputRadio = InputRadio;
 exports.ItemContainer = ItemContainer;
 exports.ItemSlot = ItemSlot;
 exports.ListMenu = ListMenu;
 exports.NPCDialog = NPCDialog;
+exports.NPCMultiDialog = NPCMultiDialog;
 exports.ProgressBar = ProgressBar;
 exports.PropertySelect = PropertySelect;
 exports.QuestInfo = QuestInfo;