@rpg-engine/long-bow 0.8.200 → 0.8.202

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

@@ -8,6 +8,7 @@ export interface INPCDialogProps {
     text?: string;
     type: NPCDialogType;
     imagePath?: string;
+    isTranslated?: boolean;
     onClose?: () => void;
     isQuestionDialog?: boolean;
     answers?: IQuestionDialogAnswer[];

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

@@ -1,11 +1,12 @@
 import React from 'react';
-import { NPCDialogType } from '../..';
+import type { NPCDialogType } from './NPCDialog';
 interface IProps {
     text: string;
     onClose: () => void;
     onEndStep?: () => void;
     onStartStep?: () => void;
     type?: NPCDialogType;
+    isTranslated?: boolean;
 }
 export declare const NPCDialogText: React.FC<IProps>;
 export {};

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

@@ -40972,7 +40972,9 @@ var NPCDialogText = function NPCDialogText(_ref) {
     onClose = _ref.onClose,
     onEndStep = _ref.onEndStep,
     onStartStep = _ref.onStartStep,
-    type = _ref.type;
+    type = _ref.type,
+    _ref$isTranslated = _ref.isTranslated,
+    isTranslated = _ref$isTranslated === void 0 ? false : _ref$isTranslated;
   var windowSize = React.useRef([window.innerWidth, window.innerHeight]);
   function maxCharacters(width) {
     // Set the font size to 16 pixels
@@ -40990,6 +40992,9 @@ var NPCDialogText = function NPCDialogText(_ref) {
   var _useState = React.useState(0),
     chunkIndex = _useState[0],
     setChunkIndex = _useState[1];
+  React.useEffect(function () {
+    setChunkIndex(0);
+  }, [text]);
   var onHandleSpacePress = function onHandleSpacePress(event) {
     if (event.code === 'Space') {
       goToNextStep();
@@ -41015,7 +41020,14 @@ var NPCDialogText = function NPCDialogText(_ref) {
   var _useState2 = React.useState(false),
     showGoNextIndicator = _useState2[0],
     setShowGoNextIndicator = _useState2[1];
-  return React__default.createElement(Container$o, null, React__default.createElement(DynamicText, {
+  React.useEffect(function () {
+    setShowGoNextIndicator(isTranslated);
+    if (isTranslated) {
+      onStartStep && onStartStep();
+      onEndStep && onEndStep();
+    }
+  }, [chunkIndex, isTranslated, onEndStep, onStartStep, text]);
+  return React__default.createElement(Container$o, null, isTranslated ? React__default.createElement(TextContainer$1, null, (textChunks == null ? void 0 : textChunks[chunkIndex]) || '') : React__default.createElement(DynamicText, {
     text: (textChunks == null ? void 0 : textChunks[chunkIndex]) || '',
     onFinish: function onFinish() {
       setShowGoNextIndicator(true);
@@ -41026,7 +41038,7 @@ var NPCDialogText = function NPCDialogText(_ref) {
       onStartStep && onStartStep();
     }
   }), showGoNextIndicator && React__default.createElement(PressSpaceIndicator, {
-    right: type === exports.NPCDialogType.TextOnly ? '1rem' : '10.5rem',
+    right: type === 'TextOnly' ? '1rem' : '10.5rem',
     src: IS_MOBILE_OR_TABLET ? img$5 : img$6,
     onPointerDown: function onPointerDown() {
       goToNextStep();
@@ -41037,9 +41049,13 @@ var Container$o = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "NPCDialogText__Container",
   componentId: "sc-1cxkdh9-0"
 })([""]);
+var TextContainer$1 = /*#__PURE__*/styled__default.p.withConfig({
+  displayName: "NPCDialogText__TextContainer",
+  componentId: "sc-1cxkdh9-1"
+})(["font-size:0.7rem !important;color:white;text-shadow:1px 1px 0px #000000;letter-spacing:1.2px;word-break:normal;"]);
 var PressSpaceIndicator = /*#__PURE__*/styled__default.img.withConfig({
   displayName: "NPCDialogText__PressSpaceIndicator",
-  componentId: "sc-1cxkdh9-1"
+  componentId: "sc-1cxkdh9-2"
 })(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref2) {
   var right = _ref2.right;
   return right;
@@ -41235,6 +41251,8 @@ var NPCDialog = function NPCDialog(_ref) {
     type = _ref.type,
     _onClose = _ref.onClose,
     imagePath = _ref.imagePath,
+    _ref$isTranslated = _ref.isTranslated,
+    isTranslated = _ref$isTranslated === void 0 ? false : _ref$isTranslated,
     _ref$isQuestionDialog = _ref.isQuestionDialog,
     isQuestionDialog = _ref$isQuestionDialog === void 0 ? false : _ref$isQuestionDialog,
     questions = _ref.questions,
@@ -41243,7 +41261,7 @@ var NPCDialog = function NPCDialog(_ref) {
     type: exports.RPGUIContainerTypes.FramedGold,
     width: isQuestionDialog ? '600px' : '80%',
     height: '180px'
-  }, isQuestionDialog && questions && answers ? React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer$1, {
+  }, isQuestionDialog && questions && answers ? React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer$2, {
     flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
   }, React__default.createElement(QuestionDialog, {
     questions: questions,
@@ -41257,11 +41275,12 @@ var NPCDialog = function NPCDialog(_ref) {
     src: imagePath || img$7
   }))) : React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$q, null, React__default.createElement(CloseIcon, {
     onPointerDown: _onClose
-  }, "X"), React__default.createElement(TextContainer$1, {
+  }, "X"), React__default.createElement(TextContainer$2, {
     flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
   }, React__default.createElement(NPCDialogText, {
     type: type,
     text: text || 'No text provided.',
+    isTranslated: isTranslated,
     onClose: function onClose() {
       if (_onClose) {
         _onClose();
@@ -41279,7 +41298,7 @@ var CloseIcon = /*#__PURE__*/styled__default.p.withConfig({
   displayName: "NPCDialog__CloseIcon",
   componentId: "sc-1b4aw74-1"
 })(["position:absolute;top:-1.5rem;right:-0.4rem;cursor:pointer;color:white;font-size:1.1rem !important;"]);
-var TextContainer$1 = /*#__PURE__*/styled__default.div.withConfig({
+var TextContainer$2 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "NPCDialog__TextContainer",
   componentId: "sc-1b4aw74-2"
 })(["flex:", " 0 0;width:355px;"], function (_ref2) {
@@ -41331,7 +41350,7 @@ var NPCMultiDialog = function NPCMultiDialog(_ref) {
     type: exports.RPGUIContainerTypes.FramedGold,
     width: '50%',
     height: '180px'
-  }, React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$r, null, ((_textAndTypeArray$sli = textAndTypeArray[slide]) == null ? void 0 : _textAndTypeArray$sli.imageSide) === 'right' && React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer$2, {
+  }, React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$r, null, ((_textAndTypeArray$sli = textAndTypeArray[slide]) == null ? void 0 : _textAndTypeArray$sli.imageSide) === 'right' && React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer$3, {
     flex: '70%'
   }, React__default.createElement(NPCDialogText, {
     onStartStep: function onStartStep() {
@@ -41353,7 +41372,7 @@ var NPCMultiDialog = function NPCMultiDialog(_ref) {
     src: img$6
   })), 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$7
-  })), React__default.createElement(TextContainer$2, {
+  })), React__default.createElement(TextContainer$3, {
     flex: '70%'
   }, React__default.createElement(NPCDialogText, {
     onStartStep: function onStartStep() {
@@ -41377,7 +41396,7 @@ var Container$r = /*#__PURE__*/styled__default.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__default.div.withConfig({
+var TextContainer$3 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "NPCMultiDialog__TextContainer",
   componentId: "sc-rvu5wg-1"
 })(["flex:", " 0 0;width:355px;"], function (_ref2) {
@@ -48786,7 +48805,7 @@ var PartyRow = function PartyRow(_ref) {
     playerQty = _ref.playerQty,
     isInvited = _ref.isInvited,
     partyName = _ref.partyName;
-  return React__default.createElement(PartyWrapper, null, React__default.createElement(TextContainer$3, null, partyName), React__default.createElement(TextContainer$3, null, charName), React__default.createElement(TextContainer$3, null, charClass), React__default.createElement(TextContainer$3, null, charLevel), React__default.createElement(TextContainer$3, null, playerQty, "/5"), isInvited ? React__default.createElement(React__default.Fragment, null, React__default.createElement(Button, {
+  return React__default.createElement(PartyWrapper, null, React__default.createElement(TextContainer$4, null, partyName), React__default.createElement(TextContainer$4, null, charName), React__default.createElement(TextContainer$4, null, charClass), React__default.createElement(TextContainer$4, null, charLevel), React__default.createElement(TextContainer$4, null, playerQty, "/5"), isInvited ? React__default.createElement(React__default.Fragment, null, React__default.createElement(Button, {
     buttonType: exports.ButtonTypes.RPGUIButton
   }, "Accept"), React__default.createElement("div", {
     className: "cancel-button"
@@ -48800,7 +48819,7 @@ var PartyWrapper = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "PartyRows__PartyWrapper",
   componentId: "sc-xzuhrw-0"
 })(["width:100%;display:flex;align-items:center;justify-content:space-around;.cancel-button{filter:grayscale(0.7);}"]);
-var TextContainer$3 = /*#__PURE__*/styled__default.div.withConfig({
+var TextContainer$4 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "PartyRows__TextContainer",
   componentId: "sc-xzuhrw-1"
 })(["color:", ";"], uiColors.white);
@@ -48856,15 +48875,15 @@ var PlayersRow = function PlayersRow(_ref) {
     charClass = _ref.charClass,
     charLevel = _ref.charLevel,
     isNotInvited = _ref.isNotInvited;
-  return React__default.createElement(PartyWrapper$1, null, React__default.createElement(TextContainer$4, null, charName), React__default.createElement(TextContainer$4, null, charClass), React__default.createElement(TextContainer$4, null, charLevel), isNotInvited ? React__default.createElement(React__default.Fragment, null, React__default.createElement(Button, {
+  return React__default.createElement(PartyWrapper$1, null, React__default.createElement(TextContainer$5, null, charName), React__default.createElement(TextContainer$5, null, charClass), React__default.createElement(TextContainer$5, null, charLevel), isNotInvited ? React__default.createElement(React__default.Fragment, null, React__default.createElement(Button, {
     buttonType: exports.ButtonTypes.RPGUIButton
-  }, "Invite")) : React__default.createElement(TextContainer$4, null, "Invited"));
+  }, "Invite")) : React__default.createElement(TextContainer$5, null, "Invited"));
 };
 var PartyWrapper$1 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "PlayersRows__PartyWrapper",
   componentId: "sc-1ji7yc1-0"
 })(["width:100%;display:flex;align-items:center;justify-content:space-around;flex-direction:row;flex:auto;"]);
-var TextContainer$4 = /*#__PURE__*/styled__default.div.withConfig({
+var TextContainer$5 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "PlayersRows__TextContainer",
   componentId: "sc-1ji7yc1-1"
 })(["color:", ";flex:auto;margin:auto;"], uiColors.white);
@@ -48933,10 +48952,10 @@ var PartyManagerRow = function PartyManagerRow(_ref) {
     onChangeLeader = _ref.onChangeLeader;
   var isCurrentUser = id === userId;
   var canRemove = leaderId === userId || isCurrentUser;
-  return React__default.createElement(PartyWrapper$2, null, React__default.createElement(TextContainer$5, null, React__default.createElement(Ellipsis, {
+  return React__default.createElement(PartyWrapper$2, null, React__default.createElement(TextContainer$6, null, React__default.createElement(Ellipsis, {
     maxLines: 1,
     maxWidth: "300px"
-  }, charName, " ", isCurrentUser ? '(You)' : '', " ", isLeader ? '(Leader)' : '')), React__default.createElement(TextContainer$5, null, React__default.createElement(Ellipsis, {
+  }, charName, " ", isCurrentUser ? '(You)' : '', " ", isLeader ? '(Leader)' : '')), React__default.createElement(TextContainer$6, null, React__default.createElement(Ellipsis, {
     maxLines: 1,
     maxWidth: "300px"
   }, charClass)), React__default.createElement(ButtonContainer$3, null, canRemove && React__default.createElement(HighlightedText, {
@@ -48953,7 +48972,7 @@ var PartyWrapper$2 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "PartyManagerRows__PartyWrapper",
   componentId: "sc-uqajew-0"
 })(["display:grid;grid-template-columns:2fr 1fr 1fr;align-items:center;padding:0.5rem;min-height:50px;box-sizing:border-box;width:100%;border-bottom:1px solid ", ";&:hover{background-color:", ";cursor:pointer;}"], uiColors.darkGray, uiColors.darkGray);
-var TextContainer$5 = /*#__PURE__*/styled__default.div.withConfig({
+var TextContainer$6 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "PartyManagerRows__TextContainer",
   componentId: "sc-uqajew-1"
 })(["color:", ";overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"], uiColors.white);