@rpg-engine/long-bow 0.1.48 → 0.1.51

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

@@ -8,6 +8,7 @@ var React = require('react');
 var React__default = _interopDefault(React);
 var styled = _interopDefault(require('styled-components'));
 var dayjs = _interopDefault(require('dayjs'));
+var reactErrorBoundary = require('react-error-boundary');
 var uuid = require('uuid');
 require('rpgui/rpgui.min.css');
 require('rpgui/rpgui.min.js');
@@ -204,12 +205,30 @@ var Chat = function Chat(_ref) {
     setMessage(value);
   };
 
+  var onRenderMessageLines = function onRenderMessageLines(emitter, createdAt, message) {
+    return dayjs(createdAt || new Date()).format('HH:mm') + " " + (emitter != null && emitter.name ? emitter.name + ": " : 'Unknown: ') + " " + message;
+  };
+
+  var onRenderChatMessages = function onRenderChatMessages(chatMessages) {
+    return chatMessages != null && chatMessages.length ? chatMessages == null ? void 0 : chatMessages.map(function (_ref2, index) {
+      var _id = _ref2._id,
+          createdAt = _ref2.createdAt,
+          emitter = _ref2.emitter,
+          message = _ref2.message;
+      return React__default.createElement(MessageText, {
+        key: _id + "_" + index
+      }, onRenderMessageLines(emitter, createdAt, message));
+    }) : React__default.createElement(MessageText, null, "No messages available.");
+  };
+
   return React__default.createElement(Container$1, null, React__default.createElement(CustomContainer, {
     type: exports.RPGUIContainerTypes.FramedGrey,
     width: width,
     height: height,
     className: "chat-container",
     opacity: opacity
+  }, React__default.createElement(reactErrorBoundary.ErrorBoundary, {
+    fallback: React__default.createElement("p", null, "Oops! Your chat has crashed.")
   }, onCloseButton && React__default.createElement(CloseButton, {
     onClick: onCloseButton,
     onTouchStart: onCloseButton
@@ -218,15 +237,7 @@ var Chat = function Chat(_ref) {
     width: '100%',
     height: '80%',
     className: "chat-body dark-background"
-  }, chatMessages.length ? chatMessages.map(function (_ref2, index) {
-    var _id = _ref2._id,
-        createdAt = _ref2.createdAt,
-        emitter = _ref2.emitter,
-        message = _ref2.message;
-    return React__default.createElement(MessageText, {
-      key: _id + "_" + index
-    }, dayjs(createdAt).format('HH:mm') + " " + emitter.name + ": " + message);
-  }) : React__default.createElement(MessageText, null, "No messages available.")), React__default.createElement(Form, {
+  }, onRenderChatMessages(chatMessages)), React__default.createElement(Form, {
     onSubmit: handleSubmit
   }, React__default.createElement(Column, {
     flex: 70
@@ -237,14 +248,15 @@ var Chat = function Chat(_ref) {
       return getInputValue(e.target.value);
     },
     height: 20,
-    className: "dark-background",
+    className: "chat-input dark-background",
     type: "text",
     autoComplete: "off"
   })), React__default.createElement(Column, {
     justifyContent: "flex-end"
   }, React__default.createElement(Button, {
-    buttonType: exports.ButtonTypes.RPGUIButton
-  }, "Send")))));
+    buttonType: exports.ButtonTypes.RPGUIButton,
+    id: "chat-send-button"
+  }, "Send"))))));
 };
 var Container$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "Chat__Container",

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

@@ -1 +1 @@
-{"version":3,"file":"long-bow.cjs.development.js","sources":["../src/components/Button.tsx","../src/components/CheckButton.tsx","../src/constants/uiColors.ts","../src/components/Input.tsx","../src/components/RPGUIContainer.tsx","../src/components/shared/Column.tsx","../src/components/Chat/Chat.tsx","../src/components/RPGUIRoot.tsx","../src/components/Dropdown.tsx","../src/components/ListMenu.tsx","../src/components/NPCDialog/img/npcDialog/npcThumbnails/alice.png","../src/components/NPCDialog/img/space.gif","../src/libs/StringHelpers.ts","../src/components/typography/DynamicText.tsx","../src/components/NPCDialog/NPCDialogText.tsx","../src/hooks/useEventListener.ts","../src/components/NPCDialog/QuestionDialog/QuestionDialog.tsx","../src/components/NPCDialog/NPCDialog.tsx","../src/components/ProgressBar.tsx","../src/components/RadioButton.tsx","../src/components/RangeSlider.tsx","../src/components/TextArea.tsx","../src/components/Truncate.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\n\nexport enum ButtonTypes {\n  RPGUIButton = 'rpgui-button',\n  RPGUIGoldButton = 'rpgui-button golden',\n}\n\nexport interface IButtonProps {\n  children: React.ReactNode;\n  buttonType: ButtonTypes;\n}\n\nexport const Button: React.FC<\n  IButtonProps &\n    React.DetailedHTMLProps<\n      React.ButtonHTMLAttributes<HTMLButtonElement>,\n      HTMLButtonElement\n    >\n> = ({ children, buttonType, ...props }) => {\n  return (\n    <ButtonContainer className={`${buttonType}`} {...props}>\n      <p>{children}</p>\n    </ButtonContainer>\n  );\n};\n\nconst ButtonContainer = styled.button<any>`\n  height: 45px;\n  font-size: 11.5px;\n`;\n","import React, { useEffect, useState } from 'react';\n\nexport interface ICheckItems {\n  label: string;\n  value: string;\n}\n\nexport interface ICheckProps {\n  items: ICheckItems[];\n  onChange: (selectedValues: IChecklistSelectedValues) => void;\n}\n\ninterface IChecklistSelectedValues {\n  [label: string]: boolean;\n}\n\nexport const CheckButton: React.FC<ICheckProps> = ({ items, onChange }) => {\n  const generateSelectedValuesList = () => {\n    const selectedValues: IChecklistSelectedValues = {};\n\n    items.forEach((item) => {\n      selectedValues[item.label] = false;\n    });\n\n    return selectedValues;\n  };\n\n  const [selectedValues, setSelectedValues] =\n    useState<IChecklistSelectedValues>(generateSelectedValuesList());\n\n  const handleClick = (label: string) => {\n    setSelectedValues({\n      ...selectedValues,\n      [label]: !selectedValues[label],\n    });\n  };\n\n  useEffect(() => {\n    if (selectedValues) {\n      onChange(selectedValues);\n    }\n  }, [selectedValues]);\n\n  return (\n    <div id=\"elemento-checkbox\">\n      {items?.map((element, index) => {\n        return (\n          <div key={`${element.label}_${index}`}>\n            <input\n              className=\"rpgui-checkbox\"\n              type=\"checkbox\"\n              checked={selectedValues[element.label]}\n              onChange={() => {}}\n            />\n            <label onClick={() => handleClick(element.label)}>\n              {element.label}\n            </label>\n            <br />\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n","export const colors = {\n  darkGrey: '#3e3e3e',\n};\n","import React from 'react';\n\nexport interface IInputProps\n  extends React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  > {}\n\nexport const Input: React.FC<IInputProps> = ({ ...props }) => {\n  return <input {...props} />;\n};\n","import React from 'react';\nimport styled from 'styled-components';\n\nexport enum RPGUIContainerTypes {\n  Framed = 'framed',\n  FramedGold = 'framed-golden',\n  FramedGold2 = 'framed-golden-2',\n  FramedGrey = 'framed-grey',\n}\nexport interface IRPGUIContainerProps {\n  type: RPGUIContainerTypes;\n  children: React.ReactNode;\n  width?: string;\n  height?: string;\n  className?: string;\n}\n\nexport const RPGUIContainer: React.FC<IRPGUIContainerProps> = ({\n  children,\n  type,\n  width = '50%',\n  height,\n  className,\n}) => {\n  return (\n    <Container\n      width={width}\n      height={height || 'auto'}\n      className={`rpgui-container ${type} ${className}`}\n    >\n      {children}\n    </Container>\n  );\n};\n\ninterface IContainerProps {\n  width: string;\n  height: string;\n}\n\nconst Container = styled.div<IContainerProps>`\n  height: ${(props) => props.height};\n  width: ${({ width }) => width};\n  display: flex;\n  flex-wrap: wrap;\n  image-rendering: pixelated;\n`;\n","import styled from 'styled-components';\n\ninterface IColumn {\n  flex?: number;\n  alignItems?: string;\n  justifyContent?: string;\n  flexWrap?: string;\n}\n\nexport const Column = styled.div<IColumn>`\n  flex: ${(props) => props.flex || 'auto'};\n  display: flex;\n  flex-wrap: ${(props) => props.flexWrap || 'nowrap'};\n  align-items: ${(props) => props.alignItems || 'flex-start'};\n  justify-content: ${(props) => props.justifyContent || 'flex-start'};\n`;\n","import { IChatMessage } from '@rpg-engine/shared';\nimport dayjs from 'dayjs';\nimport React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { colors } from '../../constants/uiColors';\nimport { Button, ButtonTypes } from '../Button';\nimport { Input } from '../Input';\nimport { RPGUIContainer, RPGUIContainerTypes } from '../RPGUIContainer';\nimport { Column } from '../shared/Column';\n\nexport interface IChatProps {\n  chatMessages: IChatMessage[];\n  onSendChatMessage: (message: string) => void;\n  onCloseButton: () => void;\n  opacity?: number;\n  width?: string;\n  height?: string;\n}\n\nexport const Chat: React.FC<IChatProps> = ({\n  chatMessages,\n  onSendChatMessage,\n  opacity = 1,\n  width = '100%',\n  height = '250px',\n  onCloseButton,\n}) => {\n  const [message, setMessage] = useState('');\n\n  useEffect(() => {\n    scrollChatToBottom();\n  }, []);\n\n  useEffect(() => {\n    scrollChatToBottom();\n  }, [chatMessages]);\n\n  const scrollChatToBottom = () => {\n    const scrollingElement = document.querySelector('.chat-body');\n    if (scrollingElement) {\n      scrollingElement.scrollTop = scrollingElement.scrollHeight;\n    }\n  };\n\n  const handleSubmit = (event: React.SyntheticEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    onSendChatMessage(message);\n    setMessage('');\n  };\n  const getInputValue = (value: string) => {\n    setMessage(value);\n  };\n\n  return (\n    <Container>\n      <CustomContainer\n        type={RPGUIContainerTypes.FramedGrey}\n        width={width}\n        height={height}\n        className=\"chat-container\"\n        opacity={opacity}\n      >\n        {onCloseButton && (\n          <CloseButton onClick={onCloseButton} onTouchStart={onCloseButton}>\n            X\n          </CloseButton>\n        )}\n        <RPGUIContainer\n          type={RPGUIContainerTypes.FramedGrey}\n          width={'100%'}\n          height={'80%'}\n          className=\"chat-body dark-background\"\n        >\n          {chatMessages.length ? (\n            chatMessages.map(({ _id, createdAt, emitter, message }, index) => (\n              <MessageText key={`${_id}_${index}`}>{`${dayjs(createdAt).format(\n                'HH:mm'\n              )} ${emitter.name}: ${message}`}</MessageText>\n            ))\n          ) : (\n            <MessageText>No messages available.</MessageText>\n          )}\n        </RPGUIContainer>\n\n        <Form onSubmit={handleSubmit}>\n          <Column flex={70}>\n            <CustomInput\n              value={message}\n              id=\"inputMessage\"\n              onChange={(e) => getInputValue(e.target.value)}\n              height={20}\n              className=\"dark-background\"\n              type=\"text\"\n              autoComplete=\"off\"\n            />\n          </Column>\n          <Column justifyContent=\"flex-end\">\n            <Button buttonType={ButtonTypes.RPGUIButton}>Send</Button>\n          </Column>\n        </Form>\n      </CustomContainer>\n    </Container>\n  );\n};\n\nconst Container = styled.div`\n  position: relative;\n`;\n\nconst CloseButton = styled.div`\n  position: absolute;\n  top: 3px;\n  right: 0px;\n  color: white;\n  z-index: 22;\n  font-size: 10px;\n`;\n\nconst CustomInput = styled(Input)`\n  height: 30px;\n  width: 100%;\n\n  .rpgui-content .input {\n    min-height: 39px;\n  }\n`;\n\ninterface ICustomContainerProps {\n  opacity: number;\n}\n\nconst CustomContainer = styled(RPGUIContainer)`\n  display: block;\n\n  opacity: ${(props: ICustomContainerProps) => props.opacity};\n\n  &:hover {\n    opacity: 1;\n  }\n\n  .dark-background {\n    background-color: ${colors.darkGrey} !important;\n  }\n\n  .chat-body {\n    &.rpgui-container.framed-grey {\n      background: unset;\n    }\n    max-height: 170px;\n    overflow-y: auto;\n  }\n`;\n\nconst Form = styled.form`\n  display: flex;\n  width: 100%;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst MessageText = styled.p`\n  display: block !important;\n  width: 100%;\n  font-size: 0.7rem !important;\n  overflow-y: auto;\n  margin: 0;\n`;\n","import React from 'react';\nimport 'rpgui/rpgui.min.css';\nimport 'rpgui/rpgui.min.js';\n\ninterface IProps {\n  children: React.ReactNode;\n}\n\n//@ts-ignore\nexport const _RPGUI = RPGUI;\n\nexport const RPGUIRoot: React.FC<IProps> = ({ children }) => {\n  return <div className=\"rpgui-content\">{children}</div>;\n};\n","import React, { useEffect, useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport { _RPGUI } from './RPGUIRoot';\n\nexport interface IOptionsProps {\n  id: number;\n  value: string;\n  option: string;\n}\n\nexport interface IDropdownProps {\n  options: IOptionsProps[];\n  width?: string;\n  onChange: (value: string) => void;\n}\n\nexport const Dropdown: React.FC<IDropdownProps> = ({\n  options,\n  width,\n  onChange,\n}) => {\n  const dropdownId = uuidv4();\n\n  const [selectedValue, setSelectedValue] = useState<string>('');\n\n  useEffect(() => {\n    const element = document.getElementById(`rpgui-dropdown-${dropdownId}`);\n    const dropdownValue = _RPGUI.get_value(element);\n    setSelectedValue(dropdownValue);\n\n    element?.addEventListener('change', (event: any) => {\n      setSelectedValue(event?.target.value);\n    });\n  }, []);\n\n  useEffect(() => {\n    if (selectedValue) {\n      onChange(selectedValue);\n    }\n  }, [selectedValue]);\n\n  return (\n    <select\n      id={`rpgui-dropdown-${dropdownId}`}\n      style={{ width: width }}\n      className=\"rpgui-dropdown\"\n    >\n      {options.map((option) => {\n        return (\n          <option key={option.id} value={option.value}>\n            {option.option}\n          </option>\n        );\n      })}\n    </select>\n  );\n};\n","import React from 'react';\nimport styled from 'styled-components';\n\ninterface IListMenuOption {\n  id: string;\n  text: string;\n}\n\nexport interface IListMenuProps {\n  x: number;\n  y: number;\n  options: IListMenuOption[];\n  onSelected: (selectedOptionId: string) => void;\n  fontSize?: number;\n}\n\nexport const ListMenu: React.FC<IListMenuProps> = ({\n  options,\n  onSelected,\n  x,\n  y,\n  fontSize = 0.8,\n}) => {\n  return (\n    <Container x={x} y={y} fontSize={fontSize}>\n      <ul className=\"rpgui-list-imp\" style={{ overflow: 'hidden' }}>\n        {options.map((params) => (\n          <ListElement\n            key={params.text}\n            onClick={() => {\n              onSelected(params.id);\n            }}\n          >\n            {params.text}\n          </ListElement>\n        ))}\n      </ul>\n    </Container>\n  );\n};\n\ninterface IContainerProps {\n  x?: number;\n  y?: number;\n  fontSize?: number;\n}\n\nconst Container = styled.div<IContainerProps>`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  justify-content: start;\n  align-items: flex-start;\n  position: absolute;\n  top: ${(props) => props.y || 0}px;\n  left: ${(props) => props.x || 0}px;\n\n  li {\n    font-size: ${(props) => props.fontSize}em;\n  }\n`;\n\nconst ListElement = styled.li`\n  margin-right: 0.5rem;\n`;\n","const img = require('./alice.png'); export default img;","const img = require('./space.gif'); export default img;","export const chunkString = (str: string, length: number) => {\n  return str.match(new RegExp('.{1,' + length + '}', 'g'));\n};\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\n\ninterface IProps {\n  text: string;\n  onFinish?: () => void;\n  onStart?: () => void;\n}\n\nexport const DynamicText: React.FC<IProps> = ({ text, onFinish, onStart }) => {\n  const [textState, setTextState] = useState<string>('');\n\n  useEffect(() => {\n    let i = 0;\n    const interval = setInterval(() => {\n      // on every interval, show one more character\n\n      if (i === 0) {\n        if (onStart) {\n          onStart();\n        }\n      }\n\n      if (i < text.length) {\n        setTextState(text.substring(0, i + 1));\n        i++;\n      } else {\n        clearInterval(interval);\n        if (onFinish) {\n          onFinish();\n        }\n      }\n    }, 50);\n\n    return () => {\n      clearInterval(interval);\n    };\n  }, [text]);\n\n  return <TextContainer>{textState}</TextContainer>;\n};\n\nconst TextContainer = styled.p`\n  font-size: 0.7rem !important;\n  color: white;\n  text-shadow: 1px 1px 0px #000000;\n  letter-spacing: 1.2px;\n  word-break: normal;\n`;\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { chunkString } from '../../libs/StringHelpers';\nimport { DynamicText } from '../typography/DynamicText';\n\ninterface IProps {\n  text: string;\n  onClose: () => void;\n  onEndStep: () => void;\n  onStartStep: () => void;\n}\n\nexport const NPCDialogText: React.FC<IProps> = ({\n  text,\n  onClose,\n  onEndStep,\n  onStartStep,\n}) => {\n  const textChunks = chunkString(text, 85);\n\n  const [chunkIndex, setChunkIndex] = useState<number>(0);\n\n  const onHandleSpacePress = (event: KeyboardEvent) => {\n    if (event.code === 'Space') {\n      const hasNextChunk = textChunks?.[chunkIndex + 1] || false;\n\n      if (hasNextChunk) {\n        setChunkIndex((prev) => prev + 1);\n      } else {\n        // if there's no more text chunks, close the dialog\n        onClose();\n      }\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener('keydown', onHandleSpacePress);\n\n    return () => document.removeEventListener('keydown', onHandleSpacePress);\n  }, [chunkIndex]);\n\n  return (\n    <Container>\n      <DynamicText\n        text={textChunks?.[chunkIndex] || ''}\n        onFinish={onEndStep}\n        onStart={onStartStep}\n      />\n    </Container>\n  );\n};\n\nconst Container = styled.div``;\n","import React from 'react';\n\n//@ts-ignore\nexport const useEventListener = (type, handler, el = window) => {\n  const savedHandler = React.useRef();\n\n  React.useEffect(() => {\n    savedHandler.current = handler;\n  }, [handler]);\n\n  React.useEffect(() => {\n    //@ts-ignore\n    const listener = (e) => savedHandler.current(e);\n\n    el.addEventListener(type, listener);\n\n    return () => {\n      el.removeEventListener(type, listener);\n    };\n  }, [type, el]);\n};\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { useEventListener } from '../../../hooks/useEventListener';\nimport { DynamicText } from '../../typography/DynamicText';\n\nexport interface IQuestionDialogAnswer {\n  id: number;\n  text: string;\n  nextQuestionId?: number;\n}\n\nexport interface IQuestionDialog {\n  id: number;\n  text: string;\n  answerIds?: number[];\n}\n\nexport interface IProps {\n  questions: IQuestionDialog[];\n  answers: IQuestionDialogAnswer[];\n  onClose: () => void;\n}\n\nexport const QuestionDialog: React.FC<IProps> = ({\n  questions,\n  answers,\n  onClose,\n}) => {\n  const [currentQuestion, setCurrentQuestion] = useState(questions[0]);\n\n  const [canShowAnswers, setCanShowAnswers] = useState<boolean>(false);\n\n  const onGetFirstAnswer = () => {\n    if (!currentQuestion.answerIds || currentQuestion.answerIds.length === 0) {\n      return null;\n    }\n\n    const firstAnswerId = currentQuestion.answerIds![0];\n\n    return answers.find((answer) => answer.id === firstAnswerId);\n  };\n\n  const [currentAnswer, setCurrentAnswer] =\n    useState<IQuestionDialogAnswer | null>(onGetFirstAnswer()!);\n\n  useEffect(() => {\n    setCurrentAnswer(onGetFirstAnswer()!);\n  }, [currentQuestion]);\n\n  const onGetAnswers = (answerIds: number[]) => {\n    return answerIds.map((answerId: number) =>\n      answers.find((answer) => answer.id === answerId)\n    );\n  };\n\n  const onKeyPress = (e: KeyboardEvent) => {\n    switch (e.key) {\n      case 'ArrowDown':\n        // select next answer, if any.\n        // if no next answer, select first answer\n        // const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(\n        //   (answer) => answer?.id === currentAnswer!.id + 1\n        // );\n\n        const nextAnswerIndex = onGetAnswers(\n          currentQuestion.answerIds!\n        ).findIndex((answer) => answer?.id === currentAnswer!.id + 1);\n\n        const nextAnswerID = currentQuestion.answerIds![nextAnswerIndex];\n\n        // console.log(nextAnswerIndex);\n\n        const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(\n          (answer) => answer?.id === nextAnswerID\n        );\n\n        setCurrentAnswer(nextAnswer || onGetFirstAnswer()!);\n\n        break;\n      case 'ArrowUp':\n        // select previous answer, if any.\n        // if no previous answer, select last answer\n\n        const previousAnswerIndex = onGetAnswers(\n          currentQuestion.answerIds!\n        ).findIndex((answer) => answer?.id === currentAnswer!.id - 1);\n\n        const previousAnswerID =\n          currentQuestion.answerIds &&\n          currentQuestion.answerIds[previousAnswerIndex];\n\n        const previousAnswer = onGetAnswers(currentQuestion.answerIds!).find(\n          (answer) => answer?.id === previousAnswerID\n        );\n\n        if (previousAnswer) {\n          setCurrentAnswer(previousAnswer);\n        } else {\n          setCurrentAnswer(onGetAnswers(currentQuestion.answerIds!).pop()!);\n        }\n\n        break;\n      case 'Enter':\n        setCanShowAnswers(false);\n\n        if (!currentAnswer?.nextQuestionId) {\n          onClose();\n          return;\n        } else {\n          setCurrentQuestion(\n            questions.find(\n              (question) => question.id === currentAnswer!.nextQuestionId\n            )!\n          );\n        }\n\n        break;\n    }\n  };\n  useEventListener('keydown', onKeyPress);\n\n  const onAnswerClick = (answer: IQuestionDialogAnswer) => {\n    setCanShowAnswers(false);\n    if (answer.nextQuestionId) {\n      // if there is a next question, go to it\n      setCurrentQuestion(\n        questions.find((question) => question.id === answer.nextQuestionId)!\n      );\n    } else {\n      // else, finish dialog!\n      onClose();\n    }\n  };\n\n  const onRenderCurrentAnswers = () => {\n    const answerIds = currentQuestion.answerIds;\n    if (!answerIds) {\n      return null;\n    }\n\n    const answers = onGetAnswers(answerIds);\n\n    if (!answers) {\n      return null;\n    }\n\n    return answers.map((answer) => {\n      const isSelected = currentAnswer?.id === answer?.id;\n      const selectedColor = isSelected ? 'yellow' : 'white';\n\n      if (answer) {\n        return (\n          <AnswerRow key={`answer_${answer.id}`}>\n            <AnswerSelectedIcon color={selectedColor}>\n              {isSelected ? 'X' : null}\n            </AnswerSelectedIcon>\n\n            <Answer\n              key={answer.id}\n              onClick={() => onAnswerClick(answer)}\n              color={selectedColor}\n            >\n              {answer.text}\n            </Answer>\n          </AnswerRow>\n        );\n      }\n\n      return null;\n    });\n  };\n\n  return (\n    <Container>\n      <QuestionContainer>\n        <DynamicText\n          text={currentQuestion.text}\n          onStart={() => setCanShowAnswers(false)}\n          onFinish={() => setCanShowAnswers(true)}\n        />\n      </QuestionContainer>\n\n      {canShowAnswers && (\n        <AnswersContainer>{onRenderCurrentAnswers()}</AnswersContainer>\n      )}\n    </Container>\n  );\n};\n\nconst Container = styled.div`\n  display: flex;\n\n  word-break: break-all;\n\n  box-sizing: border-box;\n  justify-content: flex-start;\n  align-items: flex-start;\n  flex-wrap: wrap;\n`;\n\nconst QuestionContainer = styled.div`\n  flex: 100%;\n  width: 100%;\n`;\n\nconst AnswersContainer = styled.div`\n  flex: 100%;\n`;\n\ninterface IAnswerProps {\n  color: string;\n}\n\nconst Answer = styled.p<IAnswerProps>`\n  flex: auto;\n  color: ${(props) => props.color} !important;\n  font-size: 0.65rem !important;\n  background: inherit;\n  border: none;\n`;\n\nconst AnswerSelectedIcon = styled.span<IAnswerProps>`\n  flex: 5% 0 0;\n  color: ${(props) => props.color} !important;\n`;\n\nconst AnswerRow = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 0.5rem;\n  height: 22px;\n\n  p {\n    line-height: unset;\n    margin-top: 0;\n    margin-bottom: 0rem;\n  }\n`;\n","import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { RPGUIContainer, RPGUIContainerTypes } from '../RPGUIContainer';\nimport aliceDefaultThumbnail from './img/npcDialog/npcThumbnails/alice.png';\nimport pressSpaceGif from './img/space.gif';\nimport { NPCDialogText } from './NPCDialogText';\nimport {\n  IQuestionDialog,\n  IQuestionDialogAnswer,\n  QuestionDialog,\n} from './QuestionDialog/QuestionDialog';\n\nexport enum NPCDialogType {\n  TextOnly = 'TextOnly',\n  TextAndThumbnail = 'TextAndThumbnail',\n}\n\nexport interface INPCDialogProps {\n  text?: string;\n  type: NPCDialogType;\n  imagePath?: string;\n  onClose?: () => void;\n  isQuestionDialog?: boolean;\n  answers?: IQuestionDialogAnswer[];\n  questions?: IQuestionDialog[];\n}\n\nexport const NPCDialog: React.FC<INPCDialogProps> = ({\n  text,\n  type,\n  onClose,\n  imagePath,\n  isQuestionDialog = false,\n  questions,\n  answers,\n}) => {\n  const [showGoNextIndicator, setShowGoNextIndicator] =\n    useState<boolean>(false);\n\n  return (\n    <RPGUIContainer\n      type={RPGUIContainerTypes.FramedGold}\n      width={isQuestionDialog ? '600px' : '50%'}\n      height={'180px'}\n    >\n      {isQuestionDialog && questions && answers ? (\n        <>\n          <TextContainer\n            flex={type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'}\n          >\n            <QuestionDialog\n              questions={questions}\n              answers={answers}\n              onClose={() => {\n                if (onClose) {\n                  onClose();\n                }\n              }}\n            />\n          </TextContainer>\n          {type === NPCDialogType.TextAndThumbnail && (\n            <ThumbnailContainer>\n              <NPCThumbnail src={imagePath || aliceDefaultThumbnail} />\n            </ThumbnailContainer>\n          )}\n        </>\n      ) : (\n        <>\n          <Container>\n            <TextContainer\n              flex={type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'}\n            >\n              <NPCDialogText\n                onStartStep={() => setShowGoNextIndicator(false)}\n                onEndStep={() => setShowGoNextIndicator(true)}\n                text={text || 'No text provided.'}\n                onClose={() => {\n                  if (onClose) {\n                    onClose();\n                  }\n                }}\n              />\n            </TextContainer>\n            {type === NPCDialogType.TextAndThumbnail && (\n              <ThumbnailContainer>\n                <NPCThumbnail src={imagePath || aliceDefaultThumbnail} />\n              </ThumbnailContainer>\n            )}\n          </Container>\n          {showGoNextIndicator && (\n            <PressSpaceIndicator\n              right={type === NPCDialogType.TextOnly ? '1rem' : '10.5rem'}\n              src={pressSpaceGif}\n            />\n          )}\n        </>\n      )}\n    </RPGUIContainer>\n  );\n};\n\nconst Container = styled.div`\n  display: flex;\n  width: 100%;\n  height: 100%;\n\n  box-sizing: border-box;\n  justify-content: center;\n  align-items: flex-start;\n  position: relative;\n`;\n\ninterface ITextContainerProps {\n  flex: string;\n}\n\nconst TextContainer = styled.div<ITextContainerProps>`\n  flex: ${({ flex }) => flex} 0 0;\n  width: 355px;\n`;\n\nconst ThumbnailContainer = styled.div`\n  flex: 30% 0 0;\n  display: flex;\n  justify-content: flex-end;\n`;\n\nconst NPCThumbnail = styled.img`\n  image-rendering: pixelated;\n  height: 128px;\n  width: 128px;\n`;\n\ninterface IPressSpaceIndicatorProps {\n  right: string;\n}\n\nconst PressSpaceIndicator = styled.img<IPressSpaceIndicatorProps>`\n  position: absolute;\n  right: ${({ right }) => right};\n  bottom: 1rem;\n  height: 20.7px;\n  image-rendering: -webkit-optimize-contrast;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\n\nexport interface IBarProps {\n  max: number;\n  value: number;\n  color: 'red' | 'blue' | 'green';\n  style?: Record<string, any>;\n  displayText?: boolean;\n  percentageWidth?: number;\n  minWidth?: number;\n}\n\nexport const ProgressBar: React.FC<IBarProps> = ({\n  max,\n  value,\n  color,\n  displayText = true,\n  percentageWidth = 40,\n  minWidth = 100,\n  style,\n}) => {\n  const calculatePercentageValue = function (max: number, value: number) {\n    if (value > max) {\n      value = max;\n    }\n    return (value * 100) / max;\n  };\n\n  return (\n    <Container\n      className=\"rpgui-progress\"\n      data-value={calculatePercentageValue(max, value) / 100}\n      data-rpguitype=\"progress\"\n      percentageWidth={percentageWidth}\n      minWidth={minWidth}\n      style={style}\n    >\n      {displayText && (\n        <TextOverlay>\n          <ProgressBarText>\n            {value}/{max}\n          </ProgressBarText>\n        </TextOverlay>\n      )}\n      <div className=\" rpgui-progress-track\">\n        <div\n          className={`rpgui-progress-fill ${color} `}\n          style={{\n            left: '0px',\n            width: calculatePercentageValue(max, value) + '%',\n          }}\n        ></div>\n      </div>\n      <div className=\" rpgui-progress-left-edge\"></div>\n      <div className=\" rpgui-progress-right-edge\"></div>\n    </Container>\n  );\n};\n\nconst ProgressBarText = styled.span`\n  font-size: 1rem;\n  color: white;\n  text-align: center;\n  z-index: 1;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  top: 12px;\n`;\n\nconst TextOverlay = styled.div`\n  width: 100%;\n  position: relative;\n`;\n\ninterface IContainerProps {\n  percentageWidth?: number;\n  minWidth?: number;\n  style?: Record<string, any>;\n}\n\nconst Container = styled.div<IContainerProps>`\n  display: flex;\n  flex-direction: column;\n  min-width: ${(props) => props.minWidth}px;\n  width: ${(props) => props.percentageWidth}%;\n  justify-content: start;\n  align-items: flex-start;\n  ${(props) => props.style}\n`;\n","import React, { useEffect, useState } from 'react';\n\nexport interface IRadioItems {\n  label: string;\n  value: string;\n}\n\nexport interface IRadioProps {\n  name: string;\n  items: IRadioItems[];\n  onChange: (value: string) => void;\n}\n\nexport const InputRadio: React.FC<IRadioProps> = ({\n  name,\n  items,\n  onChange,\n}) => {\n  const [selectedValue, setSelectedValue] = useState<string>();\n  const handleClick = () => {\n    let element = document.querySelector(\n      `input[name=${name}]:checked`\n    ) as HTMLInputElement;\n    const elementValue = element.value;\n    setSelectedValue(elementValue);\n  };\n\n  useEffect(() => {\n    if (selectedValue) {\n      onChange(selectedValue);\n    }\n  }, [selectedValue]);\n\n  return (\n    <div id=\"elemento-radio\">\n      {items.map((element) => {\n        return (\n          <>\n            <input\n              key={element.value}\n              className=\"rpgui-radio\"\n              value={element.value}\n              name={name}\n              type=\"radio\"\n            />\n            <label onClick={handleClick}>{element.label}</label>\n            <br />\n          </>\n        );\n      })}\n    </div>\n  );\n};\n","import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { v4 as uuidv4 } from 'uuid';\nimport { useEventListener } from '../hooks/useEventListener';\nimport { _RPGUI } from './RPGUIRoot';\n\nexport enum RangeSliderType {\n  Slider = 'rpgui-slider',\n  GoldSlider = 'rpgui-slider golden',\n}\n\nexport interface IRangeSliderProps {\n  type: RangeSliderType;\n  valueMin: number;\n  valueMax: number;\n  width: string;\n  onChange: (value: number) => void;\n}\n\nexport const RangeSlider: React.FC<IRangeSliderProps> = ({\n  type,\n  valueMin,\n  valueMax,\n  width,\n  onChange,\n}) => {\n  const sliderId = uuidv4();\n\n  const [wasMouseDownFirst, setWasMouseDownFirst] = useState<boolean>(false);\n\n  useEventListener('mouseup', () => {\n    if (wasMouseDownFirst) {\n      onHandleMouseUp();\n    }\n    setWasMouseDownFirst(false);\n  });\n\n  const onHandleMouseUp = () => {\n    const rpguiSlider = document.getElementById(`rpgui-slider-${sliderId}`);\n    const value = _RPGUI.get_value(rpguiSlider);\n\n    onChange(Number(value));\n  };\n\n  return (\n    <div\n      onMouseUp={onHandleMouseUp}\n      onMouseDown={() => setWasMouseDownFirst(true)}\n    >\n      <Input\n        className={\n          type === RangeSliderType.Slider\n            ? RangeSliderType.Slider\n            : RangeSliderType.GoldSlider\n        }\n        type=\"range\"\n        style={{ width: width }}\n        min={valueMin}\n        max={valueMax}\n        id={`rpgui-slider-${sliderId}`}\n      />\n    </div>\n  );\n};\n\nconst Input = styled.input`\n  opacity: 0;\n`;\n","import React from 'react';\n\nexport interface ITextArea\n  extends React.DetailedHTMLProps<\n    React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    HTMLTextAreaElement\n  > {}\n\nexport const TextArea: React.FC<ITextArea> = ({ ...props }) => {\n  return <textarea {...props} />;\n};\n","/* eslint-disable react/require-default-props */\nimport React from 'react';\nimport styled from 'styled-components';\n\ninterface IProps {\n  maxLines?: number;\n  children: React.ReactNode;\n}\n\nexport const Truncate: React.FC<IProps> = ({ maxLines = 1, children }) => {\n  return <Container maxLines={maxLines}>{children}</Container>;\n};\n\ninterface IContainerProps {\n  maxLines: number;\n}\n\nconst Container = styled.div<IContainerProps>`\n  display: -webkit-box;\n  max-width: 100%;\n  max-height: 100%;\n  -webkit-line-clamp: ${(props) => props.maxLines};\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n`;\n"],"names":["ButtonTypes","Button","children","buttonType","props","React","ButtonContainer","className","styled","button","CheckButton","items","onChange","generateSelectedValuesList","selectedValues","forEach","item","label","useState","setSelectedValues","handleClick","useEffect","id","map","element","index","key","type","checked","onClick","colors","darkGrey","Input","RPGUIContainerTypes","RPGUIContainer","width","height","Container","div","Column","flex","flexWrap","alignItems","justifyContent","Chat","chatMessages","onSendChatMessage","opacity","onCloseButton","message","setMessage","scrollChatToBottom","scrollingElement","document","querySelector","scrollTop","scrollHeight","handleSubmit","event","preventDefault","getInputValue","value","CustomContainer","FramedGrey","CloseButton","onTouchStart","length","_id","createdAt","emitter","MessageText","dayjs","format","name","Form","onSubmit","CustomInput","e","target","autoComplete","RPGUIButton","form","p","_RPGUI","RPGUI","RPGUIRoot","Dropdown","options","dropdownId","uuidv4","selectedValue","setSelectedValue","getElementById","dropdownValue","get_value","addEventListener","style","option","ListMenu","onSelected","x","y","fontSize","overflow","params","ListElement","text","li","img","chunkString","str","match","RegExp","DynamicText","onFinish","onStart","textState","setTextState","i","interval","setInterval","substring","clearInterval","TextContainer","NPCDialogText","onClose","onEndStep","onStartStep","textChunks","chunkIndex","setChunkIndex","onHandleSpacePress","code","hasNextChunk","prev","removeEventListener","useEventListener","handler","el","window","savedHandler","useRef","current","listener","QuestionDialog","questions","answers","currentQuestion","setCurrentQuestion","canShowAnswers","setCanShowAnswers","onGetFirstAnswer","answerIds","firstAnswerId","find","answer","currentAnswer","setCurrentAnswer","onGetAnswers","answerId","onKeyPress","nextAnswerIndex","findIndex","nextAnswerID","nextAnswer","previousAnswerIndex","previousAnswerID","previousAnswer","pop","nextQuestionId","question","onAnswerClick","onRenderCurrentAnswers","isSelected","selectedColor","AnswerRow","AnswerSelectedIcon","color","Answer","QuestionContainer","AnswersContainer","span","NPCDialogType","NPCDialog","imagePath","isQuestionDialog","showGoNextIndicator","setShowGoNextIndicator","FramedGold","TextAndThumbnail","ThumbnailContainer","NPCThumbnail","src","aliceDefaultThumbnail","PressSpaceIndicator","right","TextOnly","pressSpaceGif","ProgressBar","max","displayText","percentageWidth","minWidth","calculatePercentageValue","TextOverlay","ProgressBarText","left","InputRadio","elementValue","RangeSliderType","RangeSlider","valueMin","valueMax","sliderId","wasMouseDownFirst","setWasMouseDownFirst","onHandleMouseUp","rpguiSlider","Number","onMouseUp","onMouseDown","Slider","GoldSlider","min","input","TextArea","Truncate","maxLines"],"mappings":"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"}
+{"version":3,"file":"long-bow.cjs.development.js","sources":["../src/components/Button.tsx","../src/components/CheckButton.tsx","../src/constants/uiColors.ts","../src/components/Input.tsx","../src/components/RPGUIContainer.tsx","../src/components/shared/Column.tsx","../src/components/Chat/Chat.tsx","../src/components/RPGUIRoot.tsx","../src/components/Dropdown.tsx","../src/components/ListMenu.tsx","../src/components/NPCDialog/img/npcDialog/npcThumbnails/alice.png","../src/components/NPCDialog/img/space.gif","../src/libs/StringHelpers.ts","../src/components/typography/DynamicText.tsx","../src/components/NPCDialog/NPCDialogText.tsx","../src/hooks/useEventListener.ts","../src/components/NPCDialog/QuestionDialog/QuestionDialog.tsx","../src/components/NPCDialog/NPCDialog.tsx","../src/components/ProgressBar.tsx","../src/components/RadioButton.tsx","../src/components/RangeSlider.tsx","../src/components/TextArea.tsx","../src/components/Truncate.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\n\nexport enum ButtonTypes {\n  RPGUIButton = 'rpgui-button',\n  RPGUIGoldButton = 'rpgui-button golden',\n}\n\nexport interface IButtonProps {\n  children: React.ReactNode;\n  buttonType: ButtonTypes;\n}\n\nexport const Button: React.FC<\n  IButtonProps &\n    React.DetailedHTMLProps<\n      React.ButtonHTMLAttributes<HTMLButtonElement>,\n      HTMLButtonElement\n    >\n> = ({ children, buttonType, ...props }) => {\n  return (\n    <ButtonContainer className={`${buttonType}`} {...props}>\n      <p>{children}</p>\n    </ButtonContainer>\n  );\n};\n\nconst ButtonContainer = styled.button<any>`\n  height: 45px;\n  font-size: 11.5px;\n`;\n","import React, { useEffect, useState } from 'react';\n\nexport interface ICheckItems {\n  label: string;\n  value: string;\n}\n\nexport interface ICheckProps {\n  items: ICheckItems[];\n  onChange: (selectedValues: IChecklistSelectedValues) => void;\n}\n\ninterface IChecklistSelectedValues {\n  [label: string]: boolean;\n}\n\nexport const CheckButton: React.FC<ICheckProps> = ({ items, onChange }) => {\n  const generateSelectedValuesList = () => {\n    const selectedValues: IChecklistSelectedValues = {};\n\n    items.forEach((item) => {\n      selectedValues[item.label] = false;\n    });\n\n    return selectedValues;\n  };\n\n  const [selectedValues, setSelectedValues] =\n    useState<IChecklistSelectedValues>(generateSelectedValuesList());\n\n  const handleClick = (label: string) => {\n    setSelectedValues({\n      ...selectedValues,\n      [label]: !selectedValues[label],\n    });\n  };\n\n  useEffect(() => {\n    if (selectedValues) {\n      onChange(selectedValues);\n    }\n  }, [selectedValues]);\n\n  return (\n    <div id=\"elemento-checkbox\">\n      {items?.map((element, index) => {\n        return (\n          <div key={`${element.label}_${index}`}>\n            <input\n              className=\"rpgui-checkbox\"\n              type=\"checkbox\"\n              checked={selectedValues[element.label]}\n              onChange={() => {}}\n            />\n            <label onClick={() => handleClick(element.label)}>\n              {element.label}\n            </label>\n            <br />\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n","export const colors = {\n  darkGrey: '#3e3e3e',\n};\n","import React from 'react';\n\nexport interface IInputProps\n  extends React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  > {}\n\nexport const Input: React.FC<IInputProps> = ({ ...props }) => {\n  return <input {...props} />;\n};\n","import React from 'react';\nimport styled from 'styled-components';\n\nexport enum RPGUIContainerTypes {\n  Framed = 'framed',\n  FramedGold = 'framed-golden',\n  FramedGold2 = 'framed-golden-2',\n  FramedGrey = 'framed-grey',\n}\nexport interface IRPGUIContainerProps {\n  type: RPGUIContainerTypes;\n  children: React.ReactNode;\n  width?: string;\n  height?: string;\n  className?: string;\n}\n\nexport const RPGUIContainer: React.FC<IRPGUIContainerProps> = ({\n  children,\n  type,\n  width = '50%',\n  height,\n  className,\n}) => {\n  return (\n    <Container\n      width={width}\n      height={height || 'auto'}\n      className={`rpgui-container ${type} ${className}`}\n    >\n      {children}\n    </Container>\n  );\n};\n\ninterface IContainerProps {\n  width: string;\n  height: string;\n}\n\nconst Container = styled.div<IContainerProps>`\n  height: ${(props) => props.height};\n  width: ${({ width }) => width};\n  display: flex;\n  flex-wrap: wrap;\n  image-rendering: pixelated;\n`;\n","import styled from 'styled-components';\n\ninterface IColumn {\n  flex?: number;\n  alignItems?: string;\n  justifyContent?: string;\n  flexWrap?: string;\n}\n\nexport const Column = styled.div<IColumn>`\n  flex: ${(props) => props.flex || 'auto'};\n  display: flex;\n  flex-wrap: ${(props) => props.flexWrap || 'nowrap'};\n  align-items: ${(props) => props.alignItems || 'flex-start'};\n  justify-content: ${(props) => props.justifyContent || 'flex-start'};\n`;\n","import { IChatMessage } from '@rpg-engine/shared';\nimport dayjs from 'dayjs';\nimport React, { useEffect, useState } from 'react';\nimport { ErrorBoundary } from 'react-error-boundary';\nimport styled from 'styled-components';\nimport { colors } from '../../constants/uiColors';\nimport { Button, ButtonTypes } from '../Button';\nimport { Input } from '../Input';\nimport { RPGUIContainer, RPGUIContainerTypes } from '../RPGUIContainer';\nimport { Column } from '../shared/Column';\n\ninterface IEmitter {\n  _id: string;\n  name: string;\n}\nexport interface IChatProps {\n  chatMessages: IChatMessage[];\n  onSendChatMessage: (message: string) => void;\n  onCloseButton: () => void;\n  opacity?: number;\n  width?: string;\n  height?: string;\n}\n\nexport const Chat: React.FC<IChatProps> = ({\n  chatMessages,\n  onSendChatMessage,\n  opacity = 1,\n  width = '100%',\n  height = '250px',\n  onCloseButton,\n}) => {\n  const [message, setMessage] = useState('');\n\n  useEffect(() => {\n    scrollChatToBottom();\n  }, []);\n\n  useEffect(() => {\n    scrollChatToBottom();\n  }, [chatMessages]);\n\n  const scrollChatToBottom = () => {\n    const scrollingElement = document.querySelector('.chat-body');\n    if (scrollingElement) {\n      scrollingElement.scrollTop = scrollingElement.scrollHeight;\n    }\n  };\n\n  const handleSubmit = (event: React.SyntheticEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    onSendChatMessage(message);\n    setMessage('');\n  };\n  const getInputValue = (value: string) => {\n    setMessage(value);\n  };\n\n  const onRenderMessageLines = (\n    emitter: IEmitter,\n    createdAt: string | undefined,\n    message: string\n  ) => {\n    return `${dayjs(createdAt || new Date()).format('HH:mm')} ${\n      emitter?.name ? `${emitter.name}: ` : 'Unknown: '\n    } ${message}`;\n  };\n\n  const onRenderChatMessages = (chatMessages: IChatMessage[]) => {\n    return chatMessages?.length ? (\n      chatMessages?.map(({ _id, createdAt, emitter, message }, index) => (\n        <MessageText key={`${_id}_${index}`}>\n          {onRenderMessageLines(emitter, createdAt, message)}\n        </MessageText>\n      ))\n    ) : (\n      <MessageText>No messages available.</MessageText>\n    );\n  };\n\n  return (\n    <Container>\n      <CustomContainer\n        type={RPGUIContainerTypes.FramedGrey}\n        width={width}\n        height={height}\n        className=\"chat-container\"\n        opacity={opacity}\n      >\n        <ErrorBoundary fallback={<p>Oops! Your chat has crashed.</p>}>\n          {onCloseButton && (\n            <CloseButton onClick={onCloseButton} onTouchStart={onCloseButton}>\n              X\n            </CloseButton>\n          )}\n          <RPGUIContainer\n            type={RPGUIContainerTypes.FramedGrey}\n            width={'100%'}\n            height={'80%'}\n            className=\"chat-body dark-background\"\n          >\n            {onRenderChatMessages(chatMessages)}\n          </RPGUIContainer>\n\n          <Form onSubmit={handleSubmit}>\n            <Column flex={70}>\n              <CustomInput\n                value={message}\n                id=\"inputMessage\"\n                onChange={(e) => getInputValue(e.target.value)}\n                height={20}\n                className=\"chat-input dark-background\"\n                type=\"text\"\n                autoComplete=\"off\"\n              />\n            </Column>\n            <Column justifyContent=\"flex-end\">\n              <Button\n                buttonType={ButtonTypes.RPGUIButton}\n                id=\"chat-send-button\"\n              >\n                Send\n              </Button>\n            </Column>\n          </Form>\n        </ErrorBoundary>\n      </CustomContainer>\n    </Container>\n  );\n};\n\nconst Container = styled.div`\n  position: relative;\n`;\n\nconst CloseButton = styled.div`\n  position: absolute;\n  top: 3px;\n  right: 0px;\n  color: white;\n  z-index: 22;\n  font-size: 10px;\n`;\n\nconst CustomInput = styled(Input)`\n  height: 30px;\n  width: 100%;\n\n  .rpgui-content .input {\n    min-height: 39px;\n  }\n`;\n\ninterface ICustomContainerProps {\n  opacity: number;\n}\n\nconst CustomContainer = styled(RPGUIContainer)`\n  display: block;\n\n  opacity: ${(props: ICustomContainerProps) => props.opacity};\n\n  &:hover {\n    opacity: 1;\n  }\n\n  .dark-background {\n    background-color: ${colors.darkGrey} !important;\n  }\n\n  .chat-body {\n    &.rpgui-container.framed-grey {\n      background: unset;\n    }\n    max-height: 170px;\n    overflow-y: auto;\n  }\n`;\n\nconst Form = styled.form`\n  display: flex;\n  width: 100%;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst MessageText = styled.p`\n  display: block !important;\n  width: 100%;\n  font-size: 0.7rem !important;\n  overflow-y: auto;\n  margin: 0;\n`;\n","import React from 'react';\nimport 'rpgui/rpgui.min.css';\nimport 'rpgui/rpgui.min.js';\n\ninterface IProps {\n  children: React.ReactNode;\n}\n\n//@ts-ignore\nexport const _RPGUI = RPGUI;\n\nexport const RPGUIRoot: React.FC<IProps> = ({ children }) => {\n  return <div className=\"rpgui-content\">{children}</div>;\n};\n","import React, { useEffect, useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport { _RPGUI } from './RPGUIRoot';\n\nexport interface IOptionsProps {\n  id: number;\n  value: string;\n  option: string;\n}\n\nexport interface IDropdownProps {\n  options: IOptionsProps[];\n  width?: string;\n  onChange: (value: string) => void;\n}\n\nexport const Dropdown: React.FC<IDropdownProps> = ({\n  options,\n  width,\n  onChange,\n}) => {\n  const dropdownId = uuidv4();\n\n  const [selectedValue, setSelectedValue] = useState<string>('');\n\n  useEffect(() => {\n    const element = document.getElementById(`rpgui-dropdown-${dropdownId}`);\n    const dropdownValue = _RPGUI.get_value(element);\n    setSelectedValue(dropdownValue);\n\n    element?.addEventListener('change', (event: any) => {\n      setSelectedValue(event?.target.value);\n    });\n  }, []);\n\n  useEffect(() => {\n    if (selectedValue) {\n      onChange(selectedValue);\n    }\n  }, [selectedValue]);\n\n  return (\n    <select\n      id={`rpgui-dropdown-${dropdownId}`}\n      style={{ width: width }}\n      className=\"rpgui-dropdown\"\n    >\n      {options.map((option) => {\n        return (\n          <option key={option.id} value={option.value}>\n            {option.option}\n          </option>\n        );\n      })}\n    </select>\n  );\n};\n","import React from 'react';\nimport styled from 'styled-components';\n\ninterface IListMenuOption {\n  id: string;\n  text: string;\n}\n\nexport interface IListMenuProps {\n  x: number;\n  y: number;\n  options: IListMenuOption[];\n  onSelected: (selectedOptionId: string) => void;\n  fontSize?: number;\n}\n\nexport const ListMenu: React.FC<IListMenuProps> = ({\n  options,\n  onSelected,\n  x,\n  y,\n  fontSize = 0.8,\n}) => {\n  return (\n    <Container x={x} y={y} fontSize={fontSize}>\n      <ul className=\"rpgui-list-imp\" style={{ overflow: 'hidden' }}>\n        {options.map((params) => (\n          <ListElement\n            key={params.text}\n            onClick={() => {\n              onSelected(params.id);\n            }}\n          >\n            {params.text}\n          </ListElement>\n        ))}\n      </ul>\n    </Container>\n  );\n};\n\ninterface IContainerProps {\n  x?: number;\n  y?: number;\n  fontSize?: number;\n}\n\nconst Container = styled.div<IContainerProps>`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  justify-content: start;\n  align-items: flex-start;\n  position: absolute;\n  top: ${(props) => props.y || 0}px;\n  left: ${(props) => props.x || 0}px;\n\n  li {\n    font-size: ${(props) => props.fontSize}em;\n  }\n`;\n\nconst ListElement = styled.li`\n  margin-right: 0.5rem;\n`;\n","const img = require('./alice.png'); export default img;","const img = require('./space.gif'); export default img;","export const chunkString = (str: string, length: number) => {\n  return str.match(new RegExp('.{1,' + length + '}', 'g'));\n};\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\n\ninterface IProps {\n  text: string;\n  onFinish?: () => void;\n  onStart?: () => void;\n}\n\nexport const DynamicText: React.FC<IProps> = ({ text, onFinish, onStart }) => {\n  const [textState, setTextState] = useState<string>('');\n\n  useEffect(() => {\n    let i = 0;\n    const interval = setInterval(() => {\n      // on every interval, show one more character\n\n      if (i === 0) {\n        if (onStart) {\n          onStart();\n        }\n      }\n\n      if (i < text.length) {\n        setTextState(text.substring(0, i + 1));\n        i++;\n      } else {\n        clearInterval(interval);\n        if (onFinish) {\n          onFinish();\n        }\n      }\n    }, 50);\n\n    return () => {\n      clearInterval(interval);\n    };\n  }, [text]);\n\n  return <TextContainer>{textState}</TextContainer>;\n};\n\nconst TextContainer = styled.p`\n  font-size: 0.7rem !important;\n  color: white;\n  text-shadow: 1px 1px 0px #000000;\n  letter-spacing: 1.2px;\n  word-break: normal;\n`;\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { chunkString } from '../../libs/StringHelpers';\nimport { DynamicText } from '../typography/DynamicText';\n\ninterface IProps {\n  text: string;\n  onClose: () => void;\n  onEndStep: () => void;\n  onStartStep: () => void;\n}\n\nexport const NPCDialogText: React.FC<IProps> = ({\n  text,\n  onClose,\n  onEndStep,\n  onStartStep,\n}) => {\n  const textChunks = chunkString(text, 85);\n\n  const [chunkIndex, setChunkIndex] = useState<number>(0);\n\n  const onHandleSpacePress = (event: KeyboardEvent) => {\n    if (event.code === 'Space') {\n      const hasNextChunk = textChunks?.[chunkIndex + 1] || false;\n\n      if (hasNextChunk) {\n        setChunkIndex((prev) => prev + 1);\n      } else {\n        // if there's no more text chunks, close the dialog\n        onClose();\n      }\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener('keydown', onHandleSpacePress);\n\n    return () => document.removeEventListener('keydown', onHandleSpacePress);\n  }, [chunkIndex]);\n\n  return (\n    <Container>\n      <DynamicText\n        text={textChunks?.[chunkIndex] || ''}\n        onFinish={onEndStep}\n        onStart={onStartStep}\n      />\n    </Container>\n  );\n};\n\nconst Container = styled.div``;\n","import React from 'react';\n\n//@ts-ignore\nexport const useEventListener = (type, handler, el = window) => {\n  const savedHandler = React.useRef();\n\n  React.useEffect(() => {\n    savedHandler.current = handler;\n  }, [handler]);\n\n  React.useEffect(() => {\n    //@ts-ignore\n    const listener = (e) => savedHandler.current(e);\n\n    el.addEventListener(type, listener);\n\n    return () => {\n      el.removeEventListener(type, listener);\n    };\n  }, [type, el]);\n};\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { useEventListener } from '../../../hooks/useEventListener';\nimport { DynamicText } from '../../typography/DynamicText';\n\nexport interface IQuestionDialogAnswer {\n  id: number;\n  text: string;\n  nextQuestionId?: number;\n}\n\nexport interface IQuestionDialog {\n  id: number;\n  text: string;\n  answerIds?: number[];\n}\n\nexport interface IProps {\n  questions: IQuestionDialog[];\n  answers: IQuestionDialogAnswer[];\n  onClose: () => void;\n}\n\nexport const QuestionDialog: React.FC<IProps> = ({\n  questions,\n  answers,\n  onClose,\n}) => {\n  const [currentQuestion, setCurrentQuestion] = useState(questions[0]);\n\n  const [canShowAnswers, setCanShowAnswers] = useState<boolean>(false);\n\n  const onGetFirstAnswer = () => {\n    if (!currentQuestion.answerIds || currentQuestion.answerIds.length === 0) {\n      return null;\n    }\n\n    const firstAnswerId = currentQuestion.answerIds![0];\n\n    return answers.find((answer) => answer.id === firstAnswerId);\n  };\n\n  const [currentAnswer, setCurrentAnswer] =\n    useState<IQuestionDialogAnswer | null>(onGetFirstAnswer()!);\n\n  useEffect(() => {\n    setCurrentAnswer(onGetFirstAnswer()!);\n  }, [currentQuestion]);\n\n  const onGetAnswers = (answerIds: number[]) => {\n    return answerIds.map((answerId: number) =>\n      answers.find((answer) => answer.id === answerId)\n    );\n  };\n\n  const onKeyPress = (e: KeyboardEvent) => {\n    switch (e.key) {\n      case 'ArrowDown':\n        // select next answer, if any.\n        // if no next answer, select first answer\n        // const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(\n        //   (answer) => answer?.id === currentAnswer!.id + 1\n        // );\n\n        const nextAnswerIndex = onGetAnswers(\n          currentQuestion.answerIds!\n        ).findIndex((answer) => answer?.id === currentAnswer!.id + 1);\n\n        const nextAnswerID = currentQuestion.answerIds![nextAnswerIndex];\n\n        // console.log(nextAnswerIndex);\n\n        const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(\n          (answer) => answer?.id === nextAnswerID\n        );\n\n        setCurrentAnswer(nextAnswer || onGetFirstAnswer()!);\n\n        break;\n      case 'ArrowUp':\n        // select previous answer, if any.\n        // if no previous answer, select last answer\n\n        const previousAnswerIndex = onGetAnswers(\n          currentQuestion.answerIds!\n        ).findIndex((answer) => answer?.id === currentAnswer!.id - 1);\n\n        const previousAnswerID =\n          currentQuestion.answerIds &&\n          currentQuestion.answerIds[previousAnswerIndex];\n\n        const previousAnswer = onGetAnswers(currentQuestion.answerIds!).find(\n          (answer) => answer?.id === previousAnswerID\n        );\n\n        if (previousAnswer) {\n          setCurrentAnswer(previousAnswer);\n        } else {\n          setCurrentAnswer(onGetAnswers(currentQuestion.answerIds!).pop()!);\n        }\n\n        break;\n      case 'Enter':\n        setCanShowAnswers(false);\n\n        if (!currentAnswer?.nextQuestionId) {\n          onClose();\n          return;\n        } else {\n          setCurrentQuestion(\n            questions.find(\n              (question) => question.id === currentAnswer!.nextQuestionId\n            )!\n          );\n        }\n\n        break;\n    }\n  };\n  useEventListener('keydown', onKeyPress);\n\n  const onAnswerClick = (answer: IQuestionDialogAnswer) => {\n    setCanShowAnswers(false);\n    if (answer.nextQuestionId) {\n      // if there is a next question, go to it\n      setCurrentQuestion(\n        questions.find((question) => question.id === answer.nextQuestionId)!\n      );\n    } else {\n      // else, finish dialog!\n      onClose();\n    }\n  };\n\n  const onRenderCurrentAnswers = () => {\n    const answerIds = currentQuestion.answerIds;\n    if (!answerIds) {\n      return null;\n    }\n\n    const answers = onGetAnswers(answerIds);\n\n    if (!answers) {\n      return null;\n    }\n\n    return answers.map((answer) => {\n      const isSelected = currentAnswer?.id === answer?.id;\n      const selectedColor = isSelected ? 'yellow' : 'white';\n\n      if (answer) {\n        return (\n          <AnswerRow key={`answer_${answer.id}`}>\n            <AnswerSelectedIcon color={selectedColor}>\n              {isSelected ? 'X' : null}\n            </AnswerSelectedIcon>\n\n            <Answer\n              key={answer.id}\n              onClick={() => onAnswerClick(answer)}\n              color={selectedColor}\n            >\n              {answer.text}\n            </Answer>\n          </AnswerRow>\n        );\n      }\n\n      return null;\n    });\n  };\n\n  return (\n    <Container>\n      <QuestionContainer>\n        <DynamicText\n          text={currentQuestion.text}\n          onStart={() => setCanShowAnswers(false)}\n          onFinish={() => setCanShowAnswers(true)}\n        />\n      </QuestionContainer>\n\n      {canShowAnswers && (\n        <AnswersContainer>{onRenderCurrentAnswers()}</AnswersContainer>\n      )}\n    </Container>\n  );\n};\n\nconst Container = styled.div`\n  display: flex;\n\n  word-break: break-all;\n\n  box-sizing: border-box;\n  justify-content: flex-start;\n  align-items: flex-start;\n  flex-wrap: wrap;\n`;\n\nconst QuestionContainer = styled.div`\n  flex: 100%;\n  width: 100%;\n`;\n\nconst AnswersContainer = styled.div`\n  flex: 100%;\n`;\n\ninterface IAnswerProps {\n  color: string;\n}\n\nconst Answer = styled.p<IAnswerProps>`\n  flex: auto;\n  color: ${(props) => props.color} !important;\n  font-size: 0.65rem !important;\n  background: inherit;\n  border: none;\n`;\n\nconst AnswerSelectedIcon = styled.span<IAnswerProps>`\n  flex: 5% 0 0;\n  color: ${(props) => props.color} !important;\n`;\n\nconst AnswerRow = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 0.5rem;\n  height: 22px;\n\n  p {\n    line-height: unset;\n    margin-top: 0;\n    margin-bottom: 0rem;\n  }\n`;\n","import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { RPGUIContainer, RPGUIContainerTypes } from '../RPGUIContainer';\nimport aliceDefaultThumbnail from './img/npcDialog/npcThumbnails/alice.png';\nimport pressSpaceGif from './img/space.gif';\nimport { NPCDialogText } from './NPCDialogText';\nimport {\n  IQuestionDialog,\n  IQuestionDialogAnswer,\n  QuestionDialog,\n} from './QuestionDialog/QuestionDialog';\n\nexport enum NPCDialogType {\n  TextOnly = 'TextOnly',\n  TextAndThumbnail = 'TextAndThumbnail',\n}\n\nexport interface INPCDialogProps {\n  text?: string;\n  type: NPCDialogType;\n  imagePath?: string;\n  onClose?: () => void;\n  isQuestionDialog?: boolean;\n  answers?: IQuestionDialogAnswer[];\n  questions?: IQuestionDialog[];\n}\n\nexport const NPCDialog: React.FC<INPCDialogProps> = ({\n  text,\n  type,\n  onClose,\n  imagePath,\n  isQuestionDialog = false,\n  questions,\n  answers,\n}) => {\n  const [showGoNextIndicator, setShowGoNextIndicator] =\n    useState<boolean>(false);\n\n  return (\n    <RPGUIContainer\n      type={RPGUIContainerTypes.FramedGold}\n      width={isQuestionDialog ? '600px' : '50%'}\n      height={'180px'}\n    >\n      {isQuestionDialog && questions && answers ? (\n        <>\n          <TextContainer\n            flex={type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'}\n          >\n            <QuestionDialog\n              questions={questions}\n              answers={answers}\n              onClose={() => {\n                if (onClose) {\n                  onClose();\n                }\n              }}\n            />\n          </TextContainer>\n          {type === NPCDialogType.TextAndThumbnail && (\n            <ThumbnailContainer>\n              <NPCThumbnail src={imagePath || aliceDefaultThumbnail} />\n            </ThumbnailContainer>\n          )}\n        </>\n      ) : (\n        <>\n          <Container>\n            <TextContainer\n              flex={type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'}\n            >\n              <NPCDialogText\n                onStartStep={() => setShowGoNextIndicator(false)}\n                onEndStep={() => setShowGoNextIndicator(true)}\n                text={text || 'No text provided.'}\n                onClose={() => {\n                  if (onClose) {\n                    onClose();\n                  }\n                }}\n              />\n            </TextContainer>\n            {type === NPCDialogType.TextAndThumbnail && (\n              <ThumbnailContainer>\n                <NPCThumbnail src={imagePath || aliceDefaultThumbnail} />\n              </ThumbnailContainer>\n            )}\n          </Container>\n          {showGoNextIndicator && (\n            <PressSpaceIndicator\n              right={type === NPCDialogType.TextOnly ? '1rem' : '10.5rem'}\n              src={pressSpaceGif}\n            />\n          )}\n        </>\n      )}\n    </RPGUIContainer>\n  );\n};\n\nconst Container = styled.div`\n  display: flex;\n  width: 100%;\n  height: 100%;\n\n  box-sizing: border-box;\n  justify-content: center;\n  align-items: flex-start;\n  position: relative;\n`;\n\ninterface ITextContainerProps {\n  flex: string;\n}\n\nconst TextContainer = styled.div<ITextContainerProps>`\n  flex: ${({ flex }) => flex} 0 0;\n  width: 355px;\n`;\n\nconst ThumbnailContainer = styled.div`\n  flex: 30% 0 0;\n  display: flex;\n  justify-content: flex-end;\n`;\n\nconst NPCThumbnail = styled.img`\n  image-rendering: pixelated;\n  height: 128px;\n  width: 128px;\n`;\n\ninterface IPressSpaceIndicatorProps {\n  right: string;\n}\n\nconst PressSpaceIndicator = styled.img<IPressSpaceIndicatorProps>`\n  position: absolute;\n  right: ${({ right }) => right};\n  bottom: 1rem;\n  height: 20.7px;\n  image-rendering: -webkit-optimize-contrast;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\n\nexport interface IBarProps {\n  max: number;\n  value: number;\n  color: 'red' | 'blue' | 'green';\n  style?: Record<string, any>;\n  displayText?: boolean;\n  percentageWidth?: number;\n  minWidth?: number;\n}\n\nexport const ProgressBar: React.FC<IBarProps> = ({\n  max,\n  value,\n  color,\n  displayText = true,\n  percentageWidth = 40,\n  minWidth = 100,\n  style,\n}) => {\n  const calculatePercentageValue = function (max: number, value: number) {\n    if (value > max) {\n      value = max;\n    }\n    return (value * 100) / max;\n  };\n\n  return (\n    <Container\n      className=\"rpgui-progress\"\n      data-value={calculatePercentageValue(max, value) / 100}\n      data-rpguitype=\"progress\"\n      percentageWidth={percentageWidth}\n      minWidth={minWidth}\n      style={style}\n    >\n      {displayText && (\n        <TextOverlay>\n          <ProgressBarText>\n            {value}/{max}\n          </ProgressBarText>\n        </TextOverlay>\n      )}\n      <div className=\" rpgui-progress-track\">\n        <div\n          className={`rpgui-progress-fill ${color} `}\n          style={{\n            left: '0px',\n            width: calculatePercentageValue(max, value) + '%',\n          }}\n        ></div>\n      </div>\n      <div className=\" rpgui-progress-left-edge\"></div>\n      <div className=\" rpgui-progress-right-edge\"></div>\n    </Container>\n  );\n};\n\nconst ProgressBarText = styled.span`\n  font-size: 1rem;\n  color: white;\n  text-align: center;\n  z-index: 1;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  top: 12px;\n`;\n\nconst TextOverlay = styled.div`\n  width: 100%;\n  position: relative;\n`;\n\ninterface IContainerProps {\n  percentageWidth?: number;\n  minWidth?: number;\n  style?: Record<string, any>;\n}\n\nconst Container = styled.div<IContainerProps>`\n  display: flex;\n  flex-direction: column;\n  min-width: ${(props) => props.minWidth}px;\n  width: ${(props) => props.percentageWidth}%;\n  justify-content: start;\n  align-items: flex-start;\n  ${(props) => props.style}\n`;\n","import React, { useEffect, useState } from 'react';\n\nexport interface IRadioItems {\n  label: string;\n  value: string;\n}\n\nexport interface IRadioProps {\n  name: string;\n  items: IRadioItems[];\n  onChange: (value: string) => void;\n}\n\nexport const InputRadio: React.FC<IRadioProps> = ({\n  name,\n  items,\n  onChange,\n}) => {\n  const [selectedValue, setSelectedValue] = useState<string>();\n  const handleClick = () => {\n    let element = document.querySelector(\n      `input[name=${name}]:checked`\n    ) as HTMLInputElement;\n    const elementValue = element.value;\n    setSelectedValue(elementValue);\n  };\n\n  useEffect(() => {\n    if (selectedValue) {\n      onChange(selectedValue);\n    }\n  }, [selectedValue]);\n\n  return (\n    <div id=\"elemento-radio\">\n      {items.map((element) => {\n        return (\n          <>\n            <input\n              key={element.value}\n              className=\"rpgui-radio\"\n              value={element.value}\n              name={name}\n              type=\"radio\"\n            />\n            <label onClick={handleClick}>{element.label}</label>\n            <br />\n          </>\n        );\n      })}\n    </div>\n  );\n};\n","import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { v4 as uuidv4 } from 'uuid';\nimport { useEventListener } from '../hooks/useEventListener';\nimport { _RPGUI } from './RPGUIRoot';\n\nexport enum RangeSliderType {\n  Slider = 'rpgui-slider',\n  GoldSlider = 'rpgui-slider golden',\n}\n\nexport interface IRangeSliderProps {\n  type: RangeSliderType;\n  valueMin: number;\n  valueMax: number;\n  width: string;\n  onChange: (value: number) => void;\n}\n\nexport const RangeSlider: React.FC<IRangeSliderProps> = ({\n  type,\n  valueMin,\n  valueMax,\n  width,\n  onChange,\n}) => {\n  const sliderId = uuidv4();\n\n  const [wasMouseDownFirst, setWasMouseDownFirst] = useState<boolean>(false);\n\n  useEventListener('mouseup', () => {\n    if (wasMouseDownFirst) {\n      onHandleMouseUp();\n    }\n    setWasMouseDownFirst(false);\n  });\n\n  const onHandleMouseUp = () => {\n    const rpguiSlider = document.getElementById(`rpgui-slider-${sliderId}`);\n    const value = _RPGUI.get_value(rpguiSlider);\n\n    onChange(Number(value));\n  };\n\n  return (\n    <div\n      onMouseUp={onHandleMouseUp}\n      onMouseDown={() => setWasMouseDownFirst(true)}\n    >\n      <Input\n        className={\n          type === RangeSliderType.Slider\n            ? RangeSliderType.Slider\n            : RangeSliderType.GoldSlider\n        }\n        type=\"range\"\n        style={{ width: width }}\n        min={valueMin}\n        max={valueMax}\n        id={`rpgui-slider-${sliderId}`}\n      />\n    </div>\n  );\n};\n\nconst Input = styled.input`\n  opacity: 0;\n`;\n","import React from 'react';\n\nexport interface ITextArea\n  extends React.DetailedHTMLProps<\n    React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    HTMLTextAreaElement\n  > {}\n\nexport const TextArea: React.FC<ITextArea> = ({ ...props }) => {\n  return <textarea {...props} />;\n};\n","/* eslint-disable react/require-default-props */\nimport React from 'react';\nimport styled from 'styled-components';\n\ninterface IProps {\n  maxLines?: number;\n  children: React.ReactNode;\n}\n\nexport const Truncate: React.FC<IProps> = ({ maxLines = 1, children }) => {\n  return <Container maxLines={maxLines}>{children}</Container>;\n};\n\ninterface IContainerProps {\n  maxLines: number;\n}\n\nconst Container = styled.div<IContainerProps>`\n  display: -webkit-box;\n  max-width: 100%;\n  max-height: 100%;\n  -webkit-line-clamp: ${(props) => props.maxLines};\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n`;\n"],"names":["ButtonTypes","Button","children","buttonType","props","React","ButtonContainer","className","styled","button","CheckButton","items","onChange","generateSelectedValuesList","selectedValues","forEach","item","label","useState","setSelectedValues","handleClick","useEffect","id","map","element","index","key","type","checked","onClick","colors","darkGrey","Input","RPGUIContainerTypes","RPGUIContainer","width","height","Container","div","Column","flex","flexWrap","alignItems","justifyContent","Chat","chatMessages","onSendChatMessage","opacity","onCloseButton","message","setMessage","scrollChatToBottom","scrollingElement","document","querySelector","scrollTop","scrollHeight","handleSubmit","event","preventDefault","getInputValue","value","onRenderMessageLines","emitter","createdAt","dayjs","Date","format","name","onRenderChatMessages","length","_id","MessageText","CustomContainer","FramedGrey","ErrorBoundary","fallback","CloseButton","onTouchStart","Form","onSubmit","CustomInput","e","target","autoComplete","RPGUIButton","form","p","_RPGUI","RPGUI","RPGUIRoot","Dropdown","options","dropdownId","uuidv4","selectedValue","setSelectedValue","getElementById","dropdownValue","get_value","addEventListener","style","option","ListMenu","onSelected","x","y","fontSize","overflow","params","ListElement","text","li","img","chunkString","str","match","RegExp","DynamicText","onFinish","onStart","textState","setTextState","i","interval","setInterval","substring","clearInterval","TextContainer","NPCDialogText","onClose","onEndStep","onStartStep","textChunks","chunkIndex","setChunkIndex","onHandleSpacePress","code","hasNextChunk","prev","removeEventListener","useEventListener","handler","el","window","savedHandler","useRef","current","listener","QuestionDialog","questions","answers","currentQuestion","setCurrentQuestion","canShowAnswers","setCanShowAnswers","onGetFirstAnswer","answerIds","firstAnswerId","find","answer","currentAnswer","setCurrentAnswer","onGetAnswers","answerId","onKeyPress","nextAnswerIndex","findIndex","nextAnswerID","nextAnswer","previousAnswerIndex","previousAnswerID","previousAnswer","pop","nextQuestionId","question","onAnswerClick","onRenderCurrentAnswers","isSelected","selectedColor","AnswerRow","AnswerSelectedIcon","color","Answer","QuestionContainer","AnswersContainer","span","NPCDialogType","NPCDialog","imagePath","isQuestionDialog","showGoNextIndicator","setShowGoNextIndicator","FramedGold","TextAndThumbnail","ThumbnailContainer","NPCThumbnail","src","aliceDefaultThumbnail","PressSpaceIndicator","right","TextOnly","pressSpaceGif","ProgressBar","max","displayText","percentageWidth","minWidth","calculatePercentageValue","TextOverlay","ProgressBarText","left","InputRadio","elementValue","RangeSliderType","RangeSlider","valueMin","valueMax","sliderId","wasMouseDownFirst","setWasMouseDownFirst","onHandleMouseUp","rpguiSlider","Number","onMouseUp","onMouseDown","Slider","GoldSlider","min","input","TextArea","Truncate","maxLines"],"mappings":"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"}

package/dist/long-bow.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),n=e(t),i=e(require("styled-components")),r=e(require("dayjs")),o=require("uuid");function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(this,arguments)}require("rpgui/rpgui.min.css"),require("rpgui/rpgui.min.js");var l,u=["children","buttonType"];(l=exports.ButtonTypes||(exports.ButtonTypes={})).RPGUIButton="rpgui-button",l.RPGUIGoldButton="rpgui-button golden";var s,c=function(e){var t=e.children,i=e.buttonType,r=function(e,t){if(null==e)return{};var n,i,r={},o=Object.keys(e);for(i=0;i<o.length;i++)t.indexOf(n=o[i])>=0||(r[n]=e[n]);return r}(e,u);return n.createElement(d,Object.assign({className:""+i},r),n.createElement("p",null,t))},d=i.button.withConfig({displayName:"Button__ButtonContainer",componentId:"sc-obzd3o-0"})(["height:45px;font-size:11.5px;"]),p=function(e){var t=a({},e);return n.createElement("input",Object.assign({},t))};(s=exports.RPGUIContainerTypes||(exports.RPGUIContainerTypes={})).Framed="framed",s.FramedGold="framed-golden",s.FramedGold2="framed-golden-2",s.FramedGrey="framed-grey";var m=function(e){var t=e.width;return n.createElement(f,{width:void 0===t?"50%":t,height:e.height||"auto",className:"rpgui-container "+e.type+" "+e.className},e.children)},f=i.div.withConfig({displayName:"RPGUIContainer__Container",componentId:"sc-a8l4p8-0"})(["height:",";width:",";display:flex;flex-wrap:wrap;image-rendering:pixelated;"],(function(e){return e.height}),(function(e){return e.width})),g=i.div.withConfig({displayName:"Column",componentId:"sc-1pesqff-0"})(["flex:",";display:flex;flex-wrap:",";align-items:",";justify-content:",";"],(function(e){return e.flex||"auto"}),(function(e){return e.flexWrap||"nowrap"}),(function(e){return e.alignItems||"flex-start"}),(function(e){return e.justifyContent||"flex-start"})),x=i.div.withConfig({displayName:"Chat__Container",componentId:"sc-1bk05n6-0"})(["position:relative;"]),h=i.div.withConfig({displayName:"Chat__CloseButton",componentId:"sc-1bk05n6-1"})(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:10px;"]),y=i(p).withConfig({displayName:"Chat__CustomInput",componentId:"sc-1bk05n6-2"})(["height:30px;width:100%;.rpgui-content .input{min-height:39px;}"]),v=i(m).withConfig({displayName:"Chat__CustomContainer",componentId:"sc-1bk05n6-3"})(["display:block;opacity:",";&:hover{opacity:1;}.dark-background{background-color:"," !important;}.chat-body{&.rpgui-container.framed-grey{background:unset;}max-height:170px;overflow-y:auto;}"],(function(e){return e.opacity}),"#3e3e3e"),w=i.form.withConfig({displayName:"Chat__Form",componentId:"sc-1bk05n6-4"})(["display:flex;width:100%;justify-content:center;align-items:center;"]),C=i.p.withConfig({displayName:"Chat__MessageText",componentId:"sc-1bk05n6-5"})(["display:block !important;width:100%;font-size:0.7rem !important;overflow-y:auto;margin:0;"]),b=RPGUI,E=i.div.withConfig({displayName:"ListMenu__Container",componentId:"sc-i9097t-0"})(["display:flex;flex-direction:column;width:100%;justify-content:start;align-items:flex-start;position:absolute;top:","px;left:","px;li{font-size:","em;}"],(function(e){return e.y||0}),(function(e){return e.x||0}),(function(e){return e.fontSize})),I=i.li.withConfig({displayName:"ListMenu__ListElement",componentId:"sc-i9097t-1"})(["margin-right:0.5rem;"]);const _=require("./alice.png"),N=require("./space.gif");var T,k=function(e){var i=e.text,r=e.onFinish,o=e.onStart,a=t.useState(""),l=a[0],u=a[1];return t.useEffect((function(){var e=0,t=setInterval((function(){0===e&&o&&o(),e<i.length?(u(i.substring(0,e+1)),e++):(clearInterval(t),r&&r())}),50);return function(){clearInterval(t)}}),[i]),n.createElement(S,null,l)},S=i.p.withConfig({displayName:"DynamicText__TextContainer",componentId:"sc-1ggl9nd-0"})(["font-size:0.7rem !important;color:white;text-shadow:1px 1px 0px #000000;letter-spacing:1.2px;word-break:normal;"]),P=function(e){var i=e.onClose,r=e.onEndStep,o=e.onStartStep,a=e.text.match(new RegExp(".{1,85}","g")),l=t.useState(0),u=l[0],s=l[1],c=function(e){"Space"===e.code&&((null==a?void 0:a[u+1])?s((function(e){return e+1})):i())};return t.useEffect((function(){return document.addEventListener("keydown",c),function(){return document.removeEventListener("keydown",c)}}),[u]),n.createElement(D,null,n.createElement(k,{text:(null==a?void 0:a[u])||"",onFinish:r,onStart:o}))},D=i.div.withConfig({displayName:"NPCDialogText__Container",componentId:"sc-1cxkdh9-0"})([""]),R=function(e,t,i){void 0===i&&(i=window);var r=n.useRef();n.useEffect((function(){r.current=t}),[t]),n.useEffect((function(){var t=function(e){return r.current(e)};return i.addEventListener(e,t),function(){i.removeEventListener(e,t)}}),[e,i])},G=function(e){var i=e.questions,r=e.answers,o=e.onClose,a=t.useState(i[0]),l=a[0],u=a[1],s=t.useState(!1),c=s[0],d=s[1],p=function(){if(!l.answerIds||0===l.answerIds.length)return null;var e=l.answerIds[0];return r.find((function(t){return t.id===e}))},m=t.useState(p()),f=m[0],g=m[1];t.useEffect((function(){g(p())}),[l]);var x=function(e){return e.map((function(e){return r.find((function(t){return t.id===e}))}))};return R("keydown",(function(e){switch(e.key){case"ArrowDown":var t=x(l.answerIds).findIndex((function(e){return(null==e?void 0:e.id)===f.id+1})),n=l.answerIds[t],r=x(l.answerIds).find((function(e){return(null==e?void 0:e.id)===n}));g(r||p());break;case"ArrowUp":var a=x(l.answerIds).findIndex((function(e){return(null==e?void 0:e.id)===f.id-1})),s=l.answerIds&&l.answerIds[a],c=x(l.answerIds).find((function(e){return(null==e?void 0:e.id)===s}));g(c||x(l.answerIds).pop());break;case"Enter":if(d(!1),null==f||!f.nextQuestionId)return void o();u(i.find((function(e){return e.id===f.nextQuestionId})))}})),n.createElement(j,null,n.createElement(z,null,n.createElement(k,{text:l.text,onStart:function(){return d(!1)},onFinish:function(){return d(!0)}})),c&&n.createElement(B,null,function(){var e=l.answerIds;if(!e)return null;var t=x(e);return t?t.map((function(e){var t=(null==f?void 0:f.id)===(null==e?void 0:e.id),r=t?"yellow":"white";return e?n.createElement(A,{key:"answer_"+e.id},n.createElement(U,{color:r},t?"X":null),n.createElement(q,{key:e.id,onClick:function(){return function(e){d(!1),e.nextQuestionId?u(i.find((function(t){return t.id===e.nextQuestionId}))):o()}(e)},color:r},e.text)):null})):null}()))},j=i.div.withConfig({displayName:"QuestionDialog__Container",componentId:"sc-bxc5u0-0"})(["display:flex;word-break:break-all;box-sizing:border-box;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;"]),z=i.div.withConfig({displayName:"QuestionDialog__QuestionContainer",componentId:"sc-bxc5u0-1"})(["flex:100%;width:100%;"]),B=i.div.withConfig({displayName:"QuestionDialog__AnswersContainer",componentId:"sc-bxc5u0-2"})(["flex:100%;"]),q=i.p.withConfig({displayName:"QuestionDialog__Answer",componentId:"sc-bxc5u0-3"})(["flex:auto;color:"," !important;font-size:0.65rem !important;background:inherit;border:none;"],(function(e){return e.color})),U=i.span.withConfig({displayName:"QuestionDialog__AnswerSelectedIcon",componentId:"sc-bxc5u0-4"})(["flex:5% 0 0;color:"," !important;"],(function(e){return e.color})),A=i.div.withConfig({displayName:"QuestionDialog__AnswerRow",componentId:"sc-bxc5u0-5"})(["display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:0.5rem;height:22px;p{line-height:unset;margin-top:0;margin-bottom:0rem;}"]);(T=exports.NPCDialogType||(exports.NPCDialogType={})).TextOnly="TextOnly",T.TextAndThumbnail="TextAndThumbnail";var F,L=i.div.withConfig({displayName:"NPCDialog__Container",componentId:"sc-1b4aw74-0"})(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]),O=i.div.withConfig({displayName:"NPCDialog__TextContainer",componentId:"sc-1b4aw74-1"})(["flex:"," 0 0;width:355px;"],(function(e){return e.flex})),Q=i.div.withConfig({displayName:"NPCDialog__ThumbnailContainer",componentId:"sc-1b4aw74-2"})(["flex:30% 0 0;display:flex;justify-content:flex-end;"]),M=i.img.withConfig({displayName:"NPCDialog__NPCThumbnail",componentId:"sc-1b4aw74-3"})(["image-rendering:pixelated;height:128px;width:128px;"]),W=i.img.withConfig({displayName:"NPCDialog__PressSpaceIndicator",componentId:"sc-1b4aw74-4"})(["position:absolute;right:",";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"],(function(e){return e.right})),H=i.span.withConfig({displayName:"ProgressBar__ProgressBarText",componentId:"sc-qa6fzh-0"})(["font-size:1rem;color:white;text-align:center;z-index:1;position:absolute;left:50%;transform:translateX(-50%);top:12px;"]),X=i.div.withConfig({displayName:"ProgressBar__TextOverlay",componentId:"sc-qa6fzh-1"})(["width:100%;position:relative;"]),J=i.div.withConfig({displayName:"ProgressBar__Container",componentId:"sc-qa6fzh-2"})(["display:flex;flex-direction:column;min-width:","px;width:","%;justify-content:start;align-items:flex-start;",""],(function(e){return e.minWidth}),(function(e){return e.percentageWidth}),(function(e){return e.style}));(F=exports.RangeSliderType||(exports.RangeSliderType={})).Slider="rpgui-slider",F.GoldSlider="rpgui-slider golden";var K=i.input.withConfig({displayName:"RangeSlider__Input",componentId:"sc-v8mte9-0"})(["opacity:0;"]),V=i.div.withConfig({displayName:"Truncate__Container",componentId:"sc-6x00qb-0"})(["display:-webkit-box;max-width:100%;max-height:100%;-webkit-line-clamp:",";-webkit-box-orient:vertical;overflow:hidden;"],(function(e){return e.maxLines}));exports.Button=c,exports.Chat=function(e){var i=e.chatMessages,o=e.onSendChatMessage,a=e.opacity,l=void 0===a?1:a,u=e.width,s=void 0===u?"100%":u,d=e.height,p=void 0===d?"250px":d,f=e.onCloseButton,b=t.useState(""),E=b[0],I=b[1];t.useEffect((function(){_()}),[]),t.useEffect((function(){_()}),[i]);var _=function(){var e=document.querySelector(".chat-body");e&&(e.scrollTop=e.scrollHeight)};return n.createElement(x,null,n.createElement(v,{type:exports.RPGUIContainerTypes.FramedGrey,width:s,height:p,className:"chat-container",opacity:l},f&&n.createElement(h,{onClick:f,onTouchStart:f},"X"),n.createElement(m,{type:exports.RPGUIContainerTypes.FramedGrey,width:"100%",height:"80%",className:"chat-body dark-background"},i.length?i.map((function(e,t){var i=e.emitter,o=e.message;return n.createElement(C,{key:e._id+"_"+t},r(e.createdAt).format("HH:mm")+" "+i.name+": "+o)})):n.createElement(C,null,"No messages available.")),n.createElement(w,{onSubmit:function(e){e.preventDefault(),o(E),I("")}},n.createElement(g,{flex:70},n.createElement(y,{value:E,id:"inputMessage",onChange:function(e){I(e.target.value)},height:20,className:"dark-background",type:"text",autoComplete:"off"})),n.createElement(g,{justifyContent:"flex-end"},n.createElement(c,{buttonType:exports.ButtonTypes.RPGUIButton},"Send")))))},exports.CheckButton=function(e){var i=e.items,r=e.onChange,o=t.useState(function(){var e={};return i.forEach((function(t){e[t.label]=!1})),e}()),l=o[0],u=o[1];return t.useEffect((function(){l&&r(l)}),[l]),n.createElement("div",{id:"elemento-checkbox"},null==i?void 0:i.map((function(e,t){return n.createElement("div",{key:e.label+"_"+t},n.createElement("input",{className:"rpgui-checkbox",type:"checkbox",checked:l[e.label],onChange:function(){}}),n.createElement("label",{onClick:function(){var t,n;u(a({},l,((n={})[t=e.label]=!l[t],n)))}},e.label),n.createElement("br",null))})))},exports.Dropdown=function(e){var i=e.options,r=e.width,a=e.onChange,l=o.v4(),u=t.useState(""),s=u[0],c=u[1];return t.useEffect((function(){var e=document.getElementById("rpgui-dropdown-"+l),t=b.get_value(e);c(t),null==e||e.addEventListener("change",(function(e){c(null==e?void 0:e.target.value)}))}),[]),t.useEffect((function(){s&&a(s)}),[s]),n.createElement("select",{id:"rpgui-dropdown-"+l,style:{width:r},className:"rpgui-dropdown"},i.map((function(e){return n.createElement("option",{key:e.id,value:e.value},e.option)})))},exports.DynamicText=k,exports.Input=p,exports.InputRadio=function(e){var i=e.name,r=e.items,o=e.onChange,a=t.useState(),l=a[0],u=a[1],s=function(){var e=document.querySelector("input[name="+i+"]:checked");u(e.value)};return t.useEffect((function(){l&&o(l)}),[l]),n.createElement("div",{id:"elemento-radio"},r.map((function(e){return n.createElement(n.Fragment,null,n.createElement("input",{key:e.value,className:"rpgui-radio",value:e.value,name:i,type:"radio"}),n.createElement("label",{onClick:s},e.label),n.createElement("br",null))})))},exports.ListMenu=function(e){var t=e.onSelected,i=e.fontSize;return n.createElement(E,{x:e.x,y:e.y,fontSize:void 0===i?.8:i},n.createElement("ul",{className:"rpgui-list-imp",style:{overflow:"hidden"}},e.options.map((function(e){return n.createElement(I,{key:e.text,onClick:function(){t(e.id)}},e.text)}))))},exports.NPCDialog=function(e){var i=e.text,r=e.type,o=e.onClose,a=e.imagePath,l=e.isQuestionDialog,u=void 0!==l&&l,s=e.questions,c=e.answers,d=t.useState(!1),p=d[0],f=d[1];return n.createElement(m,{type:exports.RPGUIContainerTypes.FramedGold,width:u?"600px":"50%",height:"180px"},u&&s&&c?n.createElement(n.Fragment,null,n.createElement(O,{flex:r===exports.NPCDialogType.TextAndThumbnail?"70%":"100%"},n.createElement(G,{questions:s,answers:c,onClose:function(){o&&o()}})),r===exports.NPCDialogType.TextAndThumbnail&&n.createElement(Q,null,n.createElement(M,{src:a||_}))):n.createElement(n.Fragment,null,n.createElement(L,null,n.createElement(O,{flex:r===exports.NPCDialogType.TextAndThumbnail?"70%":"100%"},n.createElement(P,{onStartStep:function(){return f(!1)},onEndStep:function(){return f(!0)},text:i||"No text provided.",onClose:function(){o&&o()}})),r===exports.NPCDialogType.TextAndThumbnail&&n.createElement(Q,null,n.createElement(M,{src:a||_}))),p&&n.createElement(W,{right:r===exports.NPCDialogType.TextOnly?"1rem":"10.5rem",src:N})))},exports.ProgressBar=function(e){var t=e.max,i=e.value,r=e.color,o=e.displayText,a=void 0===o||o,l=e.percentageWidth,u=void 0===l?40:l,s=e.minWidth,c=void 0===s?100:s,d=e.style,p=function(e,t){return t>e&&(t=e),100*t/e};return n.createElement(J,{className:"rpgui-progress","data-value":p(t,i)/100,"data-rpguitype":"progress",percentageWidth:u,minWidth:c,style:d},a&&n.createElement(X,null,n.createElement(H,null,i,"/",t)),n.createElement("div",{className:" rpgui-progress-track"},n.createElement("div",{className:"rpgui-progress-fill "+r+" ",style:{left:"0px",width:p(t,i)+"%"}})),n.createElement("div",{className:" rpgui-progress-left-edge"}),n.createElement("div",{className:" rpgui-progress-right-edge"}))},exports.QuestionDialog=G,exports.RPGUIContainer=m,exports.RPGUIRoot=function(e){return n.createElement("div",{className:"rpgui-content"},e.children)},exports.RangeSlider=function(e){var i=e.type,r=e.valueMin,a=e.valueMax,l=e.width,u=e.onChange,s=o.v4(),c=t.useState(!1),d=c[0],p=c[1];R("mouseup",(function(){d&&m(),p(!1)}));var m=function(){var e=document.getElementById("rpgui-slider-"+s),t=b.get_value(e);u(Number(t))};return n.createElement("div",{onMouseUp:m,onMouseDown:function(){return p(!0)}},n.createElement(K,{className:i===exports.RangeSliderType.Slider?exports.RangeSliderType.Slider:exports.RangeSliderType.GoldSlider,type:"range",style:{width:l},min:r,max:a,id:"rpgui-slider-"+s}))},exports.TextArea=function(e){var t=a({},e);return n.createElement("textarea",Object.assign({},t))},exports.Truncate=function(e){var t=e.maxLines;return n.createElement(V,{maxLines:void 0===t?1:t},e.children)},exports._RPGUI=b,exports.useEventListener=R;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),n=e(t),r=e(require("styled-components")),i=e(require("dayjs")),o=require("react-error-boundary"),a=require("uuid");function l(){return(l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}require("rpgui/rpgui.min.css"),require("rpgui/rpgui.min.js");var u,s=["children","buttonType"];(u=exports.ButtonTypes||(exports.ButtonTypes={})).RPGUIButton="rpgui-button",u.RPGUIGoldButton="rpgui-button golden";var c,d=function(e){var t=e.children,r=e.buttonType,i=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;r<o.length;r++)t.indexOf(n=o[r])>=0||(i[n]=e[n]);return i}(e,s);return n.createElement(p,Object.assign({className:""+r},i),n.createElement("p",null,t))},p=r.button.withConfig({displayName:"Button__ButtonContainer",componentId:"sc-obzd3o-0"})(["height:45px;font-size:11.5px;"]),m=function(e){var t=l({},e);return n.createElement("input",Object.assign({},t))};(c=exports.RPGUIContainerTypes||(exports.RPGUIContainerTypes={})).Framed="framed",c.FramedGold="framed-golden",c.FramedGold2="framed-golden-2",c.FramedGrey="framed-grey";var f=function(e){var t=e.width;return n.createElement(g,{width:void 0===t?"50%":t,height:e.height||"auto",className:"rpgui-container "+e.type+" "+e.className},e.children)},g=r.div.withConfig({displayName:"RPGUIContainer__Container",componentId:"sc-a8l4p8-0"})(["height:",";width:",";display:flex;flex-wrap:wrap;image-rendering:pixelated;"],(function(e){return e.height}),(function(e){return e.width})),h=r.div.withConfig({displayName:"Column",componentId:"sc-1pesqff-0"})(["flex:",";display:flex;flex-wrap:",";align-items:",";justify-content:",";"],(function(e){return e.flex||"auto"}),(function(e){return e.flexWrap||"nowrap"}),(function(e){return e.alignItems||"flex-start"}),(function(e){return e.justifyContent||"flex-start"})),x=r.div.withConfig({displayName:"Chat__Container",componentId:"sc-1bk05n6-0"})(["position:relative;"]),y=r.div.withConfig({displayName:"Chat__CloseButton",componentId:"sc-1bk05n6-1"})(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:10px;"]),v=r(m).withConfig({displayName:"Chat__CustomInput",componentId:"sc-1bk05n6-2"})(["height:30px;width:100%;.rpgui-content .input{min-height:39px;}"]),w=r(f).withConfig({displayName:"Chat__CustomContainer",componentId:"sc-1bk05n6-3"})(["display:block;opacity:",";&:hover{opacity:1;}.dark-background{background-color:"," !important;}.chat-body{&.rpgui-container.framed-grey{background:unset;}max-height:170px;overflow-y:auto;}"],(function(e){return e.opacity}),"#3e3e3e"),C=r.form.withConfig({displayName:"Chat__Form",componentId:"sc-1bk05n6-4"})(["display:flex;width:100%;justify-content:center;align-items:center;"]),b=r.p.withConfig({displayName:"Chat__MessageText",componentId:"sc-1bk05n6-5"})(["display:block !important;width:100%;font-size:0.7rem !important;overflow-y:auto;margin:0;"]),E=RPGUI,I=r.div.withConfig({displayName:"ListMenu__Container",componentId:"sc-i9097t-0"})(["display:flex;flex-direction:column;width:100%;justify-content:start;align-items:flex-start;position:absolute;top:","px;left:","px;li{font-size:","em;}"],(function(e){return e.y||0}),(function(e){return e.x||0}),(function(e){return e.fontSize})),_=r.li.withConfig({displayName:"ListMenu__ListElement",componentId:"sc-i9097t-1"})(["margin-right:0.5rem;"]);const N=require("./alice.png"),T=require("./space.gif");var k,S=function(e){var r=e.text,i=e.onFinish,o=e.onStart,a=t.useState(""),l=a[0],u=a[1];return t.useEffect((function(){var e=0,t=setInterval((function(){0===e&&o&&o(),e<r.length?(u(r.substring(0,e+1)),e++):(clearInterval(t),i&&i())}),50);return function(){clearInterval(t)}}),[r]),n.createElement(P,null,l)},P=r.p.withConfig({displayName:"DynamicText__TextContainer",componentId:"sc-1ggl9nd-0"})(["font-size:0.7rem !important;color:white;text-shadow:1px 1px 0px #000000;letter-spacing:1.2px;word-break:normal;"]),D=function(e){var r=e.onClose,i=e.onEndStep,o=e.onStartStep,a=e.text.match(new RegExp(".{1,85}","g")),l=t.useState(0),u=l[0],s=l[1],c=function(e){"Space"===e.code&&((null==a?void 0:a[u+1])?s((function(e){return e+1})):r())};return t.useEffect((function(){return document.addEventListener("keydown",c),function(){return document.removeEventListener("keydown",c)}}),[u]),n.createElement(R,null,n.createElement(S,{text:(null==a?void 0:a[u])||"",onFinish:i,onStart:o}))},R=r.div.withConfig({displayName:"NPCDialogText__Container",componentId:"sc-1cxkdh9-0"})([""]),G=function(e,t,r){void 0===r&&(r=window);var i=n.useRef();n.useEffect((function(){i.current=t}),[t]),n.useEffect((function(){var t=function(e){return i.current(e)};return r.addEventListener(e,t),function(){r.removeEventListener(e,t)}}),[e,r])},j=function(e){var r=e.questions,i=e.answers,o=e.onClose,a=t.useState(r[0]),l=a[0],u=a[1],s=t.useState(!1),c=s[0],d=s[1],p=function(){if(!l.answerIds||0===l.answerIds.length)return null;var e=l.answerIds[0];return i.find((function(t){return t.id===e}))},m=t.useState(p()),f=m[0],g=m[1];t.useEffect((function(){g(p())}),[l]);var h=function(e){return e.map((function(e){return i.find((function(t){return t.id===e}))}))};return G("keydown",(function(e){switch(e.key){case"ArrowDown":var t=h(l.answerIds).findIndex((function(e){return(null==e?void 0:e.id)===f.id+1})),n=l.answerIds[t],i=h(l.answerIds).find((function(e){return(null==e?void 0:e.id)===n}));g(i||p());break;case"ArrowUp":var a=h(l.answerIds).findIndex((function(e){return(null==e?void 0:e.id)===f.id-1})),s=l.answerIds&&l.answerIds[a],c=h(l.answerIds).find((function(e){return(null==e?void 0:e.id)===s}));g(c||h(l.answerIds).pop());break;case"Enter":if(d(!1),null==f||!f.nextQuestionId)return void o();u(r.find((function(e){return e.id===f.nextQuestionId})))}})),n.createElement(B,null,n.createElement(q,null,n.createElement(S,{text:l.text,onStart:function(){return d(!1)},onFinish:function(){return d(!0)}})),c&&n.createElement(z,null,function(){var e=l.answerIds;if(!e)return null;var t=h(e);return t?t.map((function(e){var t=(null==f?void 0:f.id)===(null==e?void 0:e.id),i=t?"yellow":"white";return e?n.createElement(F,{key:"answer_"+e.id},n.createElement(A,{color:i},t?"X":null),n.createElement(U,{key:e.id,onClick:function(){return function(e){d(!1),e.nextQuestionId?u(r.find((function(t){return t.id===e.nextQuestionId}))):o()}(e)},color:i},e.text)):null})):null}()))},B=r.div.withConfig({displayName:"QuestionDialog__Container",componentId:"sc-bxc5u0-0"})(["display:flex;word-break:break-all;box-sizing:border-box;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;"]),q=r.div.withConfig({displayName:"QuestionDialog__QuestionContainer",componentId:"sc-bxc5u0-1"})(["flex:100%;width:100%;"]),z=r.div.withConfig({displayName:"QuestionDialog__AnswersContainer",componentId:"sc-bxc5u0-2"})(["flex:100%;"]),U=r.p.withConfig({displayName:"QuestionDialog__Answer",componentId:"sc-bxc5u0-3"})(["flex:auto;color:"," !important;font-size:0.65rem !important;background:inherit;border:none;"],(function(e){return e.color})),A=r.span.withConfig({displayName:"QuestionDialog__AnswerSelectedIcon",componentId:"sc-bxc5u0-4"})(["flex:5% 0 0;color:"," !important;"],(function(e){return e.color})),F=r.div.withConfig({displayName:"QuestionDialog__AnswerRow",componentId:"sc-bxc5u0-5"})(["display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:0.5rem;height:22px;p{line-height:unset;margin-top:0;margin-bottom:0rem;}"]);(k=exports.NPCDialogType||(exports.NPCDialogType={})).TextOnly="TextOnly",k.TextAndThumbnail="TextAndThumbnail";var O,L=r.div.withConfig({displayName:"NPCDialog__Container",componentId:"sc-1b4aw74-0"})(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]),Q=r.div.withConfig({displayName:"NPCDialog__TextContainer",componentId:"sc-1b4aw74-1"})(["flex:"," 0 0;width:355px;"],(function(e){return e.flex})),M=r.div.withConfig({displayName:"NPCDialog__ThumbnailContainer",componentId:"sc-1b4aw74-2"})(["flex:30% 0 0;display:flex;justify-content:flex-end;"]),W=r.img.withConfig({displayName:"NPCDialog__NPCThumbnail",componentId:"sc-1b4aw74-3"})(["image-rendering:pixelated;height:128px;width:128px;"]),H=r.img.withConfig({displayName:"NPCDialog__PressSpaceIndicator",componentId:"sc-1b4aw74-4"})(["position:absolute;right:",";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"],(function(e){return e.right})),X=r.span.withConfig({displayName:"ProgressBar__ProgressBarText",componentId:"sc-qa6fzh-0"})(["font-size:1rem;color:white;text-align:center;z-index:1;position:absolute;left:50%;transform:translateX(-50%);top:12px;"]),Y=r.div.withConfig({displayName:"ProgressBar__TextOverlay",componentId:"sc-qa6fzh-1"})(["width:100%;position:relative;"]),J=r.div.withConfig({displayName:"ProgressBar__Container",componentId:"sc-qa6fzh-2"})(["display:flex;flex-direction:column;min-width:","px;width:","%;justify-content:start;align-items:flex-start;",""],(function(e){return e.minWidth}),(function(e){return e.percentageWidth}),(function(e){return e.style}));(O=exports.RangeSliderType||(exports.RangeSliderType={})).Slider="rpgui-slider",O.GoldSlider="rpgui-slider golden";var K=r.input.withConfig({displayName:"RangeSlider__Input",componentId:"sc-v8mte9-0"})(["opacity:0;"]),V=r.div.withConfig({displayName:"Truncate__Container",componentId:"sc-6x00qb-0"})(["display:-webkit-box;max-width:100%;max-height:100%;-webkit-line-clamp:",";-webkit-box-orient:vertical;overflow:hidden;"],(function(e){return e.maxLines}));exports.Button=d,exports.Chat=function(e){var r=e.chatMessages,a=e.onSendChatMessage,l=e.opacity,u=void 0===l?1:l,s=e.width,c=void 0===s?"100%":s,p=e.height,m=void 0===p?"250px":p,g=e.onCloseButton,E=t.useState(""),I=E[0],_=E[1];t.useEffect((function(){N()}),[]),t.useEffect((function(){N()}),[r]);var N=function(){var e=document.querySelector(".chat-body");e&&(e.scrollTop=e.scrollHeight)};return n.createElement(x,null,n.createElement(w,{type:exports.RPGUIContainerTypes.FramedGrey,width:c,height:m,className:"chat-container",opacity:u},n.createElement(o.ErrorBoundary,{fallback:n.createElement("p",null,"Oops! Your chat has crashed.")},g&&n.createElement(y,{onClick:g,onTouchStart:g},"X"),n.createElement(f,{type:exports.RPGUIContainerTypes.FramedGrey,width:"100%",height:"80%",className:"chat-body dark-background"},function(e){return null!=e&&e.length?null==e?void 0:e.map((function(e,t){return n.createElement(b,{key:e._id+"_"+t},function(e,t,n){return i(t||new Date).format("HH:mm")+" "+(null!=e&&e.name?e.name+": ":"Unknown: ")+" "+n}(e.emitter,e.createdAt,e.message))})):n.createElement(b,null,"No messages available.")}(r)),n.createElement(C,{onSubmit:function(e){e.preventDefault(),a(I),_("")}},n.createElement(h,{flex:70},n.createElement(v,{value:I,id:"inputMessage",onChange:function(e){_(e.target.value)},height:20,className:"chat-input dark-background",type:"text",autoComplete:"off"})),n.createElement(h,{justifyContent:"flex-end"},n.createElement(d,{buttonType:exports.ButtonTypes.RPGUIButton,id:"chat-send-button"},"Send"))))))},exports.CheckButton=function(e){var r=e.items,i=e.onChange,o=t.useState(function(){var e={};return r.forEach((function(t){e[t.label]=!1})),e}()),a=o[0],u=o[1];return t.useEffect((function(){a&&i(a)}),[a]),n.createElement("div",{id:"elemento-checkbox"},null==r?void 0:r.map((function(e,t){return n.createElement("div",{key:e.label+"_"+t},n.createElement("input",{className:"rpgui-checkbox",type:"checkbox",checked:a[e.label],onChange:function(){}}),n.createElement("label",{onClick:function(){var t,n;u(l({},a,((n={})[t=e.label]=!a[t],n)))}},e.label),n.createElement("br",null))})))},exports.Dropdown=function(e){var r=e.options,i=e.width,o=e.onChange,l=a.v4(),u=t.useState(""),s=u[0],c=u[1];return t.useEffect((function(){var e=document.getElementById("rpgui-dropdown-"+l),t=E.get_value(e);c(t),null==e||e.addEventListener("change",(function(e){c(null==e?void 0:e.target.value)}))}),[]),t.useEffect((function(){s&&o(s)}),[s]),n.createElement("select",{id:"rpgui-dropdown-"+l,style:{width:i},className:"rpgui-dropdown"},r.map((function(e){return n.createElement("option",{key:e.id,value:e.value},e.option)})))},exports.DynamicText=S,exports.Input=m,exports.InputRadio=function(e){var r=e.name,i=e.items,o=e.onChange,a=t.useState(),l=a[0],u=a[1],s=function(){var e=document.querySelector("input[name="+r+"]:checked");u(e.value)};return t.useEffect((function(){l&&o(l)}),[l]),n.createElement("div",{id:"elemento-radio"},i.map((function(e){return n.createElement(n.Fragment,null,n.createElement("input",{key:e.value,className:"rpgui-radio",value:e.value,name:r,type:"radio"}),n.createElement("label",{onClick:s},e.label),n.createElement("br",null))})))},exports.ListMenu=function(e){var t=e.onSelected,r=e.fontSize;return n.createElement(I,{x:e.x,y:e.y,fontSize:void 0===r?.8:r},n.createElement("ul",{className:"rpgui-list-imp",style:{overflow:"hidden"}},e.options.map((function(e){return n.createElement(_,{key:e.text,onClick:function(){t(e.id)}},e.text)}))))},exports.NPCDialog=function(e){var r=e.text,i=e.type,o=e.onClose,a=e.imagePath,l=e.isQuestionDialog,u=void 0!==l&&l,s=e.questions,c=e.answers,d=t.useState(!1),p=d[0],m=d[1];return n.createElement(f,{type:exports.RPGUIContainerTypes.FramedGold,width:u?"600px":"50%",height:"180px"},u&&s&&c?n.createElement(n.Fragment,null,n.createElement(Q,{flex:i===exports.NPCDialogType.TextAndThumbnail?"70%":"100%"},n.createElement(j,{questions:s,answers:c,onClose:function(){o&&o()}})),i===exports.NPCDialogType.TextAndThumbnail&&n.createElement(M,null,n.createElement(W,{src:a||N}))):n.createElement(n.Fragment,null,n.createElement(L,null,n.createElement(Q,{flex:i===exports.NPCDialogType.TextAndThumbnail?"70%":"100%"},n.createElement(D,{onStartStep:function(){return m(!1)},onEndStep:function(){return m(!0)},text:r||"No text provided.",onClose:function(){o&&o()}})),i===exports.NPCDialogType.TextAndThumbnail&&n.createElement(M,null,n.createElement(W,{src:a||N}))),p&&n.createElement(H,{right:i===exports.NPCDialogType.TextOnly?"1rem":"10.5rem",src:T})))},exports.ProgressBar=function(e){var t=e.max,r=e.value,i=e.color,o=e.displayText,a=void 0===o||o,l=e.percentageWidth,u=void 0===l?40:l,s=e.minWidth,c=void 0===s?100:s,d=e.style,p=function(e,t){return t>e&&(t=e),100*t/e};return n.createElement(J,{className:"rpgui-progress","data-value":p(t,r)/100,"data-rpguitype":"progress",percentageWidth:u,minWidth:c,style:d},a&&n.createElement(Y,null,n.createElement(X,null,r,"/",t)),n.createElement("div",{className:" rpgui-progress-track"},n.createElement("div",{className:"rpgui-progress-fill "+i+" ",style:{left:"0px",width:p(t,r)+"%"}})),n.createElement("div",{className:" rpgui-progress-left-edge"}),n.createElement("div",{className:" rpgui-progress-right-edge"}))},exports.QuestionDialog=j,exports.RPGUIContainer=f,exports.RPGUIRoot=function(e){return n.createElement("div",{className:"rpgui-content"},e.children)},exports.RangeSlider=function(e){var r=e.type,i=e.valueMin,o=e.valueMax,l=e.width,u=e.onChange,s=a.v4(),c=t.useState(!1),d=c[0],p=c[1];G("mouseup",(function(){d&&m(),p(!1)}));var m=function(){var e=document.getElementById("rpgui-slider-"+s),t=E.get_value(e);u(Number(t))};return n.createElement("div",{onMouseUp:m,onMouseDown:function(){return p(!0)}},n.createElement(K,{className:r===exports.RangeSliderType.Slider?exports.RangeSliderType.Slider:exports.RangeSliderType.GoldSlider,type:"range",style:{width:l},min:i,max:o,id:"rpgui-slider-"+s}))},exports.TextArea=function(e){var t=l({},e);return n.createElement("textarea",Object.assign({},t))},exports.Truncate=function(e){var t=e.maxLines;return n.createElement(V,{maxLines:void 0===t?1:t},e.children)},exports._RPGUI=E,exports.useEventListener=G;
 //# sourceMappingURL=long-bow.cjs.production.min.js.map

package/dist/long-bow.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"long-bow.cjs.production.min.js","sources":["../src/components/Button.tsx","../src/components/RPGUIContainer.tsx","../src/components/Input.tsx","../src/components/shared/Column.tsx","../src/components/Chat/Chat.tsx","../src/constants/uiColors.ts","../src/components/RPGUIRoot.tsx","../src/components/ListMenu.tsx","../src/components/NPCDialog/img/npcDialog/npcThumbnails/alice.png","../src/components/NPCDialog/img/space.gif","../src/libs/StringHelpers.ts","../src/components/NPCDialog/NPCDialog.tsx","../src/components/typography/DynamicText.tsx","../src/components/NPCDialog/NPCDialogText.tsx","../src/hooks/useEventListener.ts","../src/components/NPCDialog/QuestionDialog/QuestionDialog.tsx","../src/components/RangeSlider.tsx","../src/components/ProgressBar.tsx","../src/components/Truncate.tsx","../src/components/CheckButton.tsx","../src/components/Dropdown.tsx","../src/components/RadioButton.tsx","../src/components/TextArea.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\n\nexport enum ButtonTypes {\n  RPGUIButton = 'rpgui-button',\n  RPGUIGoldButton = 'rpgui-button golden',\n}\n\nexport interface IButtonProps {\n  children: React.ReactNode;\n  buttonType: ButtonTypes;\n}\n\nexport const Button: React.FC<\n  IButtonProps &\n    React.DetailedHTMLProps<\n      React.ButtonHTMLAttributes<HTMLButtonElement>,\n      HTMLButtonElement\n    >\n> = ({ children, buttonType, ...props }) => {\n  return (\n    <ButtonContainer className={`${buttonType}`} {...props}>\n      <p>{children}</p>\n    </ButtonContainer>\n  );\n};\n\nconst ButtonContainer = styled.button<any>`\n  height: 45px;\n  font-size: 11.5px;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\n\nexport enum RPGUIContainerTypes {\n  Framed = 'framed',\n  FramedGold = 'framed-golden',\n  FramedGold2 = 'framed-golden-2',\n  FramedGrey = 'framed-grey',\n}\nexport interface IRPGUIContainerProps {\n  type: RPGUIContainerTypes;\n  children: React.ReactNode;\n  width?: string;\n  height?: string;\n  className?: string;\n}\n\nexport const RPGUIContainer: React.FC<IRPGUIContainerProps> = ({\n  children,\n  type,\n  width = '50%',\n  height,\n  className,\n}) => {\n  return (\n    <Container\n      width={width}\n      height={height || 'auto'}\n      className={`rpgui-container ${type} ${className}`}\n    >\n      {children}\n    </Container>\n  );\n};\n\ninterface IContainerProps {\n  width: string;\n  height: string;\n}\n\nconst Container = styled.div<IContainerProps>`\n  height: ${(props) => props.height};\n  width: ${({ width }) => width};\n  display: flex;\n  flex-wrap: wrap;\n  image-rendering: pixelated;\n`;\n","import React from 'react';\n\nexport interface IInputProps\n  extends React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  > {}\n\nexport const Input: React.FC<IInputProps> = ({ ...props }) => {\n  return <input {...props} />;\n};\n","import styled from 'styled-components';\n\ninterface IColumn {\n  flex?: number;\n  alignItems?: string;\n  justifyContent?: string;\n  flexWrap?: string;\n}\n\nexport const Column = styled.div<IColumn>`\n  flex: ${(props) => props.flex || 'auto'};\n  display: flex;\n  flex-wrap: ${(props) => props.flexWrap || 'nowrap'};\n  align-items: ${(props) => props.alignItems || 'flex-start'};\n  justify-content: ${(props) => props.justifyContent || 'flex-start'};\n`;\n","import { IChatMessage } from '@rpg-engine/shared';\nimport dayjs from 'dayjs';\nimport React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { colors } from '../../constants/uiColors';\nimport { Button, ButtonTypes } from '../Button';\nimport { Input } from '../Input';\nimport { RPGUIContainer, RPGUIContainerTypes } from '../RPGUIContainer';\nimport { Column } from '../shared/Column';\n\nexport interface IChatProps {\n  chatMessages: IChatMessage[];\n  onSendChatMessage: (message: string) => void;\n  onCloseButton: () => void;\n  opacity?: number;\n  width?: string;\n  height?: string;\n}\n\nexport const Chat: React.FC<IChatProps> = ({\n  chatMessages,\n  onSendChatMessage,\n  opacity = 1,\n  width = '100%',\n  height = '250px',\n  onCloseButton,\n}) => {\n  const [message, setMessage] = useState('');\n\n  useEffect(() => {\n    scrollChatToBottom();\n  }, []);\n\n  useEffect(() => {\n    scrollChatToBottom();\n  }, [chatMessages]);\n\n  const scrollChatToBottom = () => {\n    const scrollingElement = document.querySelector('.chat-body');\n    if (scrollingElement) {\n      scrollingElement.scrollTop = scrollingElement.scrollHeight;\n    }\n  };\n\n  const handleSubmit = (event: React.SyntheticEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    onSendChatMessage(message);\n    setMessage('');\n  };\n  const getInputValue = (value: string) => {\n    setMessage(value);\n  };\n\n  return (\n    <Container>\n      <CustomContainer\n        type={RPGUIContainerTypes.FramedGrey}\n        width={width}\n        height={height}\n        className=\"chat-container\"\n        opacity={opacity}\n      >\n        {onCloseButton && (\n          <CloseButton onClick={onCloseButton} onTouchStart={onCloseButton}>\n            X\n          </CloseButton>\n        )}\n        <RPGUIContainer\n          type={RPGUIContainerTypes.FramedGrey}\n          width={'100%'}\n          height={'80%'}\n          className=\"chat-body dark-background\"\n        >\n          {chatMessages.length ? (\n            chatMessages.map(({ _id, createdAt, emitter, message }, index) => (\n              <MessageText key={`${_id}_${index}`}>{`${dayjs(createdAt).format(\n                'HH:mm'\n              )} ${emitter.name}: ${message}`}</MessageText>\n            ))\n          ) : (\n            <MessageText>No messages available.</MessageText>\n          )}\n        </RPGUIContainer>\n\n        <Form onSubmit={handleSubmit}>\n          <Column flex={70}>\n            <CustomInput\n              value={message}\n              id=\"inputMessage\"\n              onChange={(e) => getInputValue(e.target.value)}\n              height={20}\n              className=\"dark-background\"\n              type=\"text\"\n              autoComplete=\"off\"\n            />\n          </Column>\n          <Column justifyContent=\"flex-end\">\n            <Button buttonType={ButtonTypes.RPGUIButton}>Send</Button>\n          </Column>\n        </Form>\n      </CustomContainer>\n    </Container>\n  );\n};\n\nconst Container = styled.div`\n  position: relative;\n`;\n\nconst CloseButton = styled.div`\n  position: absolute;\n  top: 3px;\n  right: 0px;\n  color: white;\n  z-index: 22;\n  font-size: 10px;\n`;\n\nconst CustomInput = styled(Input)`\n  height: 30px;\n  width: 100%;\n\n  .rpgui-content .input {\n    min-height: 39px;\n  }\n`;\n\ninterface ICustomContainerProps {\n  opacity: number;\n}\n\nconst CustomContainer = styled(RPGUIContainer)`\n  display: block;\n\n  opacity: ${(props: ICustomContainerProps) => props.opacity};\n\n  &:hover {\n    opacity: 1;\n  }\n\n  .dark-background {\n    background-color: ${colors.darkGrey} !important;\n  }\n\n  .chat-body {\n    &.rpgui-container.framed-grey {\n      background: unset;\n    }\n    max-height: 170px;\n    overflow-y: auto;\n  }\n`;\n\nconst Form = styled.form`\n  display: flex;\n  width: 100%;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst MessageText = styled.p`\n  display: block !important;\n  width: 100%;\n  font-size: 0.7rem !important;\n  overflow-y: auto;\n  margin: 0;\n`;\n","export const colors = {\n  darkGrey: '#3e3e3e',\n};\n","import React from 'react';\nimport 'rpgui/rpgui.min.css';\nimport 'rpgui/rpgui.min.js';\n\ninterface IProps {\n  children: React.ReactNode;\n}\n\n//@ts-ignore\nexport const _RPGUI = RPGUI;\n\nexport const RPGUIRoot: React.FC<IProps> = ({ children }) => {\n  return <div className=\"rpgui-content\">{children}</div>;\n};\n","import React from 'react';\nimport styled from 'styled-components';\n\ninterface IListMenuOption {\n  id: string;\n  text: string;\n}\n\nexport interface IListMenuProps {\n  x: number;\n  y: number;\n  options: IListMenuOption[];\n  onSelected: (selectedOptionId: string) => void;\n  fontSize?: number;\n}\n\nexport const ListMenu: React.FC<IListMenuProps> = ({\n  options,\n  onSelected,\n  x,\n  y,\n  fontSize = 0.8,\n}) => {\n  return (\n    <Container x={x} y={y} fontSize={fontSize}>\n      <ul className=\"rpgui-list-imp\" style={{ overflow: 'hidden' }}>\n        {options.map((params) => (\n          <ListElement\n            key={params.text}\n            onClick={() => {\n              onSelected(params.id);\n            }}\n          >\n            {params.text}\n          </ListElement>\n        ))}\n      </ul>\n    </Container>\n  );\n};\n\ninterface IContainerProps {\n  x?: number;\n  y?: number;\n  fontSize?: number;\n}\n\nconst Container = styled.div<IContainerProps>`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  justify-content: start;\n  align-items: flex-start;\n  position: absolute;\n  top: ${(props) => props.y || 0}px;\n  left: ${(props) => props.x || 0}px;\n\n  li {\n    font-size: ${(props) => props.fontSize}em;\n  }\n`;\n\nconst ListElement = styled.li`\n  margin-right: 0.5rem;\n`;\n","const img = require('./alice.png'); export default img;","const img = require('./space.gif'); export default img;","export const chunkString = (str: string, length: number) => {\n  return str.match(new RegExp('.{1,' + length + '}', 'g'));\n};\n","import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { RPGUIContainer, RPGUIContainerTypes } from '../RPGUIContainer';\nimport aliceDefaultThumbnail from './img/npcDialog/npcThumbnails/alice.png';\nimport pressSpaceGif from './img/space.gif';\nimport { NPCDialogText } from './NPCDialogText';\nimport {\n  IQuestionDialog,\n  IQuestionDialogAnswer,\n  QuestionDialog,\n} from './QuestionDialog/QuestionDialog';\n\nexport enum NPCDialogType {\n  TextOnly = 'TextOnly',\n  TextAndThumbnail = 'TextAndThumbnail',\n}\n\nexport interface INPCDialogProps {\n  text?: string;\n  type: NPCDialogType;\n  imagePath?: string;\n  onClose?: () => void;\n  isQuestionDialog?: boolean;\n  answers?: IQuestionDialogAnswer[];\n  questions?: IQuestionDialog[];\n}\n\nexport const NPCDialog: React.FC<INPCDialogProps> = ({\n  text,\n  type,\n  onClose,\n  imagePath,\n  isQuestionDialog = false,\n  questions,\n  answers,\n}) => {\n  const [showGoNextIndicator, setShowGoNextIndicator] =\n    useState<boolean>(false);\n\n  return (\n    <RPGUIContainer\n      type={RPGUIContainerTypes.FramedGold}\n      width={isQuestionDialog ? '600px' : '50%'}\n      height={'180px'}\n    >\n      {isQuestionDialog && questions && answers ? (\n        <>\n          <TextContainer\n            flex={type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'}\n          >\n            <QuestionDialog\n              questions={questions}\n              answers={answers}\n              onClose={() => {\n                if (onClose) {\n                  onClose();\n                }\n              }}\n            />\n          </TextContainer>\n          {type === NPCDialogType.TextAndThumbnail && (\n            <ThumbnailContainer>\n              <NPCThumbnail src={imagePath || aliceDefaultThumbnail} />\n            </ThumbnailContainer>\n          )}\n        </>\n      ) : (\n        <>\n          <Container>\n            <TextContainer\n              flex={type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'}\n            >\n              <NPCDialogText\n                onStartStep={() => setShowGoNextIndicator(false)}\n                onEndStep={() => setShowGoNextIndicator(true)}\n                text={text || 'No text provided.'}\n                onClose={() => {\n                  if (onClose) {\n                    onClose();\n                  }\n                }}\n              />\n            </TextContainer>\n            {type === NPCDialogType.TextAndThumbnail && (\n              <ThumbnailContainer>\n                <NPCThumbnail src={imagePath || aliceDefaultThumbnail} />\n              </ThumbnailContainer>\n            )}\n          </Container>\n          {showGoNextIndicator && (\n            <PressSpaceIndicator\n              right={type === NPCDialogType.TextOnly ? '1rem' : '10.5rem'}\n              src={pressSpaceGif}\n            />\n          )}\n        </>\n      )}\n    </RPGUIContainer>\n  );\n};\n\nconst Container = styled.div`\n  display: flex;\n  width: 100%;\n  height: 100%;\n\n  box-sizing: border-box;\n  justify-content: center;\n  align-items: flex-start;\n  position: relative;\n`;\n\ninterface ITextContainerProps {\n  flex: string;\n}\n\nconst TextContainer = styled.div<ITextContainerProps>`\n  flex: ${({ flex }) => flex} 0 0;\n  width: 355px;\n`;\n\nconst ThumbnailContainer = styled.div`\n  flex: 30% 0 0;\n  display: flex;\n  justify-content: flex-end;\n`;\n\nconst NPCThumbnail = styled.img`\n  image-rendering: pixelated;\n  height: 128px;\n  width: 128px;\n`;\n\ninterface IPressSpaceIndicatorProps {\n  right: string;\n}\n\nconst PressSpaceIndicator = styled.img<IPressSpaceIndicatorProps>`\n  position: absolute;\n  right: ${({ right }) => right};\n  bottom: 1rem;\n  height: 20.7px;\n  image-rendering: -webkit-optimize-contrast;\n`;\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\n\ninterface IProps {\n  text: string;\n  onFinish?: () => void;\n  onStart?: () => void;\n}\n\nexport const DynamicText: React.FC<IProps> = ({ text, onFinish, onStart }) => {\n  const [textState, setTextState] = useState<string>('');\n\n  useEffect(() => {\n    let i = 0;\n    const interval = setInterval(() => {\n      // on every interval, show one more character\n\n      if (i === 0) {\n        if (onStart) {\n          onStart();\n        }\n      }\n\n      if (i < text.length) {\n        setTextState(text.substring(0, i + 1));\n        i++;\n      } else {\n        clearInterval(interval);\n        if (onFinish) {\n          onFinish();\n        }\n      }\n    }, 50);\n\n    return () => {\n      clearInterval(interval);\n    };\n  }, [text]);\n\n  return <TextContainer>{textState}</TextContainer>;\n};\n\nconst TextContainer = styled.p`\n  font-size: 0.7rem !important;\n  color: white;\n  text-shadow: 1px 1px 0px #000000;\n  letter-spacing: 1.2px;\n  word-break: normal;\n`;\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { chunkString } from '../../libs/StringHelpers';\nimport { DynamicText } from '../typography/DynamicText';\n\ninterface IProps {\n  text: string;\n  onClose: () => void;\n  onEndStep: () => void;\n  onStartStep: () => void;\n}\n\nexport const NPCDialogText: React.FC<IProps> = ({\n  text,\n  onClose,\n  onEndStep,\n  onStartStep,\n}) => {\n  const textChunks = chunkString(text, 85);\n\n  const [chunkIndex, setChunkIndex] = useState<number>(0);\n\n  const onHandleSpacePress = (event: KeyboardEvent) => {\n    if (event.code === 'Space') {\n      const hasNextChunk = textChunks?.[chunkIndex + 1] || false;\n\n      if (hasNextChunk) {\n        setChunkIndex((prev) => prev + 1);\n      } else {\n        // if there's no more text chunks, close the dialog\n        onClose();\n      }\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener('keydown', onHandleSpacePress);\n\n    return () => document.removeEventListener('keydown', onHandleSpacePress);\n  }, [chunkIndex]);\n\n  return (\n    <Container>\n      <DynamicText\n        text={textChunks?.[chunkIndex] || ''}\n        onFinish={onEndStep}\n        onStart={onStartStep}\n      />\n    </Container>\n  );\n};\n\nconst Container = styled.div``;\n","import React from 'react';\n\n//@ts-ignore\nexport const useEventListener = (type, handler, el = window) => {\n  const savedHandler = React.useRef();\n\n  React.useEffect(() => {\n    savedHandler.current = handler;\n  }, [handler]);\n\n  React.useEffect(() => {\n    //@ts-ignore\n    const listener = (e) => savedHandler.current(e);\n\n    el.addEventListener(type, listener);\n\n    return () => {\n      el.removeEventListener(type, listener);\n    };\n  }, [type, el]);\n};\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { useEventListener } from '../../../hooks/useEventListener';\nimport { DynamicText } from '../../typography/DynamicText';\n\nexport interface IQuestionDialogAnswer {\n  id: number;\n  text: string;\n  nextQuestionId?: number;\n}\n\nexport interface IQuestionDialog {\n  id: number;\n  text: string;\n  answerIds?: number[];\n}\n\nexport interface IProps {\n  questions: IQuestionDialog[];\n  answers: IQuestionDialogAnswer[];\n  onClose: () => void;\n}\n\nexport const QuestionDialog: React.FC<IProps> = ({\n  questions,\n  answers,\n  onClose,\n}) => {\n  const [currentQuestion, setCurrentQuestion] = useState(questions[0]);\n\n  const [canShowAnswers, setCanShowAnswers] = useState<boolean>(false);\n\n  const onGetFirstAnswer = () => {\n    if (!currentQuestion.answerIds || currentQuestion.answerIds.length === 0) {\n      return null;\n    }\n\n    const firstAnswerId = currentQuestion.answerIds![0];\n\n    return answers.find((answer) => answer.id === firstAnswerId);\n  };\n\n  const [currentAnswer, setCurrentAnswer] =\n    useState<IQuestionDialogAnswer | null>(onGetFirstAnswer()!);\n\n  useEffect(() => {\n    setCurrentAnswer(onGetFirstAnswer()!);\n  }, [currentQuestion]);\n\n  const onGetAnswers = (answerIds: number[]) => {\n    return answerIds.map((answerId: number) =>\n      answers.find((answer) => answer.id === answerId)\n    );\n  };\n\n  const onKeyPress = (e: KeyboardEvent) => {\n    switch (e.key) {\n      case 'ArrowDown':\n        // select next answer, if any.\n        // if no next answer, select first answer\n        // const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(\n        //   (answer) => answer?.id === currentAnswer!.id + 1\n        // );\n\n        const nextAnswerIndex = onGetAnswers(\n          currentQuestion.answerIds!\n        ).findIndex((answer) => answer?.id === currentAnswer!.id + 1);\n\n        const nextAnswerID = currentQuestion.answerIds![nextAnswerIndex];\n\n        // console.log(nextAnswerIndex);\n\n        const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(\n          (answer) => answer?.id === nextAnswerID\n        );\n\n        setCurrentAnswer(nextAnswer || onGetFirstAnswer()!);\n\n        break;\n      case 'ArrowUp':\n        // select previous answer, if any.\n        // if no previous answer, select last answer\n\n        const previousAnswerIndex = onGetAnswers(\n          currentQuestion.answerIds!\n        ).findIndex((answer) => answer?.id === currentAnswer!.id - 1);\n\n        const previousAnswerID =\n          currentQuestion.answerIds &&\n          currentQuestion.answerIds[previousAnswerIndex];\n\n        const previousAnswer = onGetAnswers(currentQuestion.answerIds!).find(\n          (answer) => answer?.id === previousAnswerID\n        );\n\n        if (previousAnswer) {\n          setCurrentAnswer(previousAnswer);\n        } else {\n          setCurrentAnswer(onGetAnswers(currentQuestion.answerIds!).pop()!);\n        }\n\n        break;\n      case 'Enter':\n        setCanShowAnswers(false);\n\n        if (!currentAnswer?.nextQuestionId) {\n          onClose();\n          return;\n        } else {\n          setCurrentQuestion(\n            questions.find(\n              (question) => question.id === currentAnswer!.nextQuestionId\n            )!\n          );\n        }\n\n        break;\n    }\n  };\n  useEventListener('keydown', onKeyPress);\n\n  const onAnswerClick = (answer: IQuestionDialogAnswer) => {\n    setCanShowAnswers(false);\n    if (answer.nextQuestionId) {\n      // if there is a next question, go to it\n      setCurrentQuestion(\n        questions.find((question) => question.id === answer.nextQuestionId)!\n      );\n    } else {\n      // else, finish dialog!\n      onClose();\n    }\n  };\n\n  const onRenderCurrentAnswers = () => {\n    const answerIds = currentQuestion.answerIds;\n    if (!answerIds) {\n      return null;\n    }\n\n    const answers = onGetAnswers(answerIds);\n\n    if (!answers) {\n      return null;\n    }\n\n    return answers.map((answer) => {\n      const isSelected = currentAnswer?.id === answer?.id;\n      const selectedColor = isSelected ? 'yellow' : 'white';\n\n      if (answer) {\n        return (\n          <AnswerRow key={`answer_${answer.id}`}>\n            <AnswerSelectedIcon color={selectedColor}>\n              {isSelected ? 'X' : null}\n            </AnswerSelectedIcon>\n\n            <Answer\n              key={answer.id}\n              onClick={() => onAnswerClick(answer)}\n              color={selectedColor}\n            >\n              {answer.text}\n            </Answer>\n          </AnswerRow>\n        );\n      }\n\n      return null;\n    });\n  };\n\n  return (\n    <Container>\n      <QuestionContainer>\n        <DynamicText\n          text={currentQuestion.text}\n          onStart={() => setCanShowAnswers(false)}\n          onFinish={() => setCanShowAnswers(true)}\n        />\n      </QuestionContainer>\n\n      {canShowAnswers && (\n        <AnswersContainer>{onRenderCurrentAnswers()}</AnswersContainer>\n      )}\n    </Container>\n  );\n};\n\nconst Container = styled.div`\n  display: flex;\n\n  word-break: break-all;\n\n  box-sizing: border-box;\n  justify-content: flex-start;\n  align-items: flex-start;\n  flex-wrap: wrap;\n`;\n\nconst QuestionContainer = styled.div`\n  flex: 100%;\n  width: 100%;\n`;\n\nconst AnswersContainer = styled.div`\n  flex: 100%;\n`;\n\ninterface IAnswerProps {\n  color: string;\n}\n\nconst Answer = styled.p<IAnswerProps>`\n  flex: auto;\n  color: ${(props) => props.color} !important;\n  font-size: 0.65rem !important;\n  background: inherit;\n  border: none;\n`;\n\nconst AnswerSelectedIcon = styled.span<IAnswerProps>`\n  flex: 5% 0 0;\n  color: ${(props) => props.color} !important;\n`;\n\nconst AnswerRow = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 0.5rem;\n  height: 22px;\n\n  p {\n    line-height: unset;\n    margin-top: 0;\n    margin-bottom: 0rem;\n  }\n`;\n","import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { v4 as uuidv4 } from 'uuid';\nimport { useEventListener } from '../hooks/useEventListener';\nimport { _RPGUI } from './RPGUIRoot';\n\nexport enum RangeSliderType {\n  Slider = 'rpgui-slider',\n  GoldSlider = 'rpgui-slider golden',\n}\n\nexport interface IRangeSliderProps {\n  type: RangeSliderType;\n  valueMin: number;\n  valueMax: number;\n  width: string;\n  onChange: (value: number) => void;\n}\n\nexport const RangeSlider: React.FC<IRangeSliderProps> = ({\n  type,\n  valueMin,\n  valueMax,\n  width,\n  onChange,\n}) => {\n  const sliderId = uuidv4();\n\n  const [wasMouseDownFirst, setWasMouseDownFirst] = useState<boolean>(false);\n\n  useEventListener('mouseup', () => {\n    if (wasMouseDownFirst) {\n      onHandleMouseUp();\n    }\n    setWasMouseDownFirst(false);\n  });\n\n  const onHandleMouseUp = () => {\n    const rpguiSlider = document.getElementById(`rpgui-slider-${sliderId}`);\n    const value = _RPGUI.get_value(rpguiSlider);\n\n    onChange(Number(value));\n  };\n\n  return (\n    <div\n      onMouseUp={onHandleMouseUp}\n      onMouseDown={() => setWasMouseDownFirst(true)}\n    >\n      <Input\n        className={\n          type === RangeSliderType.Slider\n            ? RangeSliderType.Slider\n            : RangeSliderType.GoldSlider\n        }\n        type=\"range\"\n        style={{ width: width }}\n        min={valueMin}\n        max={valueMax}\n        id={`rpgui-slider-${sliderId}`}\n      />\n    </div>\n  );\n};\n\nconst Input = styled.input`\n  opacity: 0;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\n\nexport interface IBarProps {\n  max: number;\n  value: number;\n  color: 'red' | 'blue' | 'green';\n  style?: Record<string, any>;\n  displayText?: boolean;\n  percentageWidth?: number;\n  minWidth?: number;\n}\n\nexport const ProgressBar: React.FC<IBarProps> = ({\n  max,\n  value,\n  color,\n  displayText = true,\n  percentageWidth = 40,\n  minWidth = 100,\n  style,\n}) => {\n  const calculatePercentageValue = function (max: number, value: number) {\n    if (value > max) {\n      value = max;\n    }\n    return (value * 100) / max;\n  };\n\n  return (\n    <Container\n      className=\"rpgui-progress\"\n      data-value={calculatePercentageValue(max, value) / 100}\n      data-rpguitype=\"progress\"\n      percentageWidth={percentageWidth}\n      minWidth={minWidth}\n      style={style}\n    >\n      {displayText && (\n        <TextOverlay>\n          <ProgressBarText>\n            {value}/{max}\n          </ProgressBarText>\n        </TextOverlay>\n      )}\n      <div className=\" rpgui-progress-track\">\n        <div\n          className={`rpgui-progress-fill ${color} `}\n          style={{\n            left: '0px',\n            width: calculatePercentageValue(max, value) + '%',\n          }}\n        ></div>\n      </div>\n      <div className=\" rpgui-progress-left-edge\"></div>\n      <div className=\" rpgui-progress-right-edge\"></div>\n    </Container>\n  );\n};\n\nconst ProgressBarText = styled.span`\n  font-size: 1rem;\n  color: white;\n  text-align: center;\n  z-index: 1;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  top: 12px;\n`;\n\nconst TextOverlay = styled.div`\n  width: 100%;\n  position: relative;\n`;\n\ninterface IContainerProps {\n  percentageWidth?: number;\n  minWidth?: number;\n  style?: Record<string, any>;\n}\n\nconst Container = styled.div<IContainerProps>`\n  display: flex;\n  flex-direction: column;\n  min-width: ${(props) => props.minWidth}px;\n  width: ${(props) => props.percentageWidth}%;\n  justify-content: start;\n  align-items: flex-start;\n  ${(props) => props.style}\n`;\n","/* eslint-disable react/require-default-props */\nimport React from 'react';\nimport styled from 'styled-components';\n\ninterface IProps {\n  maxLines?: number;\n  children: React.ReactNode;\n}\n\nexport const Truncate: React.FC<IProps> = ({ maxLines = 1, children }) => {\n  return <Container maxLines={maxLines}>{children}</Container>;\n};\n\ninterface IContainerProps {\n  maxLines: number;\n}\n\nconst Container = styled.div<IContainerProps>`\n  display: -webkit-box;\n  max-width: 100%;\n  max-height: 100%;\n  -webkit-line-clamp: ${(props) => props.maxLines};\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n`;\n","import React, { useEffect, useState } from 'react';\n\nexport interface ICheckItems {\n  label: string;\n  value: string;\n}\n\nexport interface ICheckProps {\n  items: ICheckItems[];\n  onChange: (selectedValues: IChecklistSelectedValues) => void;\n}\n\ninterface IChecklistSelectedValues {\n  [label: string]: boolean;\n}\n\nexport const CheckButton: React.FC<ICheckProps> = ({ items, onChange }) => {\n  const generateSelectedValuesList = () => {\n    const selectedValues: IChecklistSelectedValues = {};\n\n    items.forEach((item) => {\n      selectedValues[item.label] = false;\n    });\n\n    return selectedValues;\n  };\n\n  const [selectedValues, setSelectedValues] =\n    useState<IChecklistSelectedValues>(generateSelectedValuesList());\n\n  const handleClick = (label: string) => {\n    setSelectedValues({\n      ...selectedValues,\n      [label]: !selectedValues[label],\n    });\n  };\n\n  useEffect(() => {\n    if (selectedValues) {\n      onChange(selectedValues);\n    }\n  }, [selectedValues]);\n\n  return (\n    <div id=\"elemento-checkbox\">\n      {items?.map((element, index) => {\n        return (\n          <div key={`${element.label}_${index}`}>\n            <input\n              className=\"rpgui-checkbox\"\n              type=\"checkbox\"\n              checked={selectedValues[element.label]}\n              onChange={() => {}}\n            />\n            <label onClick={() => handleClick(element.label)}>\n              {element.label}\n            </label>\n            <br />\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n","import React, { useEffect, useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport { _RPGUI } from './RPGUIRoot';\n\nexport interface IOptionsProps {\n  id: number;\n  value: string;\n  option: string;\n}\n\nexport interface IDropdownProps {\n  options: IOptionsProps[];\n  width?: string;\n  onChange: (value: string) => void;\n}\n\nexport const Dropdown: React.FC<IDropdownProps> = ({\n  options,\n  width,\n  onChange,\n}) => {\n  const dropdownId = uuidv4();\n\n  const [selectedValue, setSelectedValue] = useState<string>('');\n\n  useEffect(() => {\n    const element = document.getElementById(`rpgui-dropdown-${dropdownId}`);\n    const dropdownValue = _RPGUI.get_value(element);\n    setSelectedValue(dropdownValue);\n\n    element?.addEventListener('change', (event: any) => {\n      setSelectedValue(event?.target.value);\n    });\n  }, []);\n\n  useEffect(() => {\n    if (selectedValue) {\n      onChange(selectedValue);\n    }\n  }, [selectedValue]);\n\n  return (\n    <select\n      id={`rpgui-dropdown-${dropdownId}`}\n      style={{ width: width }}\n      className=\"rpgui-dropdown\"\n    >\n      {options.map((option) => {\n        return (\n          <option key={option.id} value={option.value}>\n            {option.option}\n          </option>\n        );\n      })}\n    </select>\n  );\n};\n","import React, { useEffect, useState } from 'react';\n\nexport interface IRadioItems {\n  label: string;\n  value: string;\n}\n\nexport interface IRadioProps {\n  name: string;\n  items: IRadioItems[];\n  onChange: (value: string) => void;\n}\n\nexport const InputRadio: React.FC<IRadioProps> = ({\n  name,\n  items,\n  onChange,\n}) => {\n  const [selectedValue, setSelectedValue] = useState<string>();\n  const handleClick = () => {\n    let element = document.querySelector(\n      `input[name=${name}]:checked`\n    ) as HTMLInputElement;\n    const elementValue = element.value;\n    setSelectedValue(elementValue);\n  };\n\n  useEffect(() => {\n    if (selectedValue) {\n      onChange(selectedValue);\n    }\n  }, [selectedValue]);\n\n  return (\n    <div id=\"elemento-radio\">\n      {items.map((element) => {\n        return (\n          <>\n            <input\n              key={element.value}\n              className=\"rpgui-radio\"\n              value={element.value}\n              name={name}\n              type=\"radio\"\n            />\n            <label onClick={handleClick}>{element.label}</label>\n            <br />\n          </>\n        );\n      })}\n    </div>\n  );\n};\n","import React from 'react';\n\nexport interface ITextArea\n  extends React.DetailedHTMLProps<\n    React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    HTMLTextAreaElement\n  > {}\n\nexport const TextArea: React.FC<ITextArea> = ({ ...props }) => {\n  return <textarea {...props} />;\n};\n"],"names":["ButtonTypes","RPGUIContainerTypes","Button","children","buttonType","props","React","ButtonContainer","className","styled","button","displayName","componentId","Input","RPGUIContainer","width","Container","height","type","div","Column","flex","flexWrap","alignItems","justifyContent","CloseButton","CustomInput","CustomContainer","opacity","Form","form","MessageText","p","_RPGUI","RPGUI","y","x","fontSize","ListElement","li","img","require","NPCDialogType","DynamicText","text","onFinish","onStart","useState","textState","setTextState","useEffect","i","interval","setInterval","length","substring","clearInterval","TextContainer","NPCDialogText","onClose","onEndStep","onStartStep","textChunks","match","RegExp","chunkIndex","setChunkIndex","onHandleSpacePress","event","code","prev","document","addEventListener","removeEventListener","useEventListener","handler","el","window","savedHandler","useRef","current","listener","e","QuestionDialog","questions","answers","currentQuestion","setCurrentQuestion","canShowAnswers","setCanShowAnswers","onGetFirstAnswer","answerIds","firstAnswerId","find","answer","id","currentAnswer","setCurrentAnswer","onGetAnswers","map","answerId","key","nextAnswerIndex","findIndex","nextAnswerID","nextAnswer","previousAnswerIndex","previousAnswerID","previousAnswer","pop","nextQuestionId","question","QuestionContainer","AnswersContainer","isSelected","selectedColor","AnswerRow","AnswerSelectedIcon","color","Answer","onClick","onAnswerClick","onRenderCurrentAnswers","span","RangeSliderType","ThumbnailContainer","NPCThumbnail","PressSpaceIndicator","right","ProgressBarText","TextOverlay","minWidth","percentageWidth","style","input","maxLines","chatMessages","onSendChatMessage","onCloseButton","message","setMessage","scrollChatToBottom","scrollingElement","querySelector","scrollTop","scrollHeight","FramedGrey","onTouchStart","index","emitter","_id","dayjs","createdAt","format","name","onSubmit","preventDefault","value","onChange","target","autoComplete","RPGUIButton","items","selectedValues","forEach","item","label","generateSelectedValuesList","setSelectedValues","element","checked","options","dropdownId","uuidv4","selectedValue","setSelectedValue","getElementById","dropdownValue","get_value","option","handleClick","onSelected","overflow","params","imagePath","isQuestionDialog","showGoNextIndicator","setShowGoNextIndicator","FramedGold","TextAndThumbnail","src","aliceDefaultThumbnail","TextOnly","pressSpaceGif","max","displayText","calculatePercentageValue","left","valueMin","valueMax","sliderId","wasMouseDownFirst","setWasMouseDownFirst","onHandleMouseUp","rpguiSlider","Number","onMouseUp","onMouseDown","Slider","GoldSlider","min"],"mappings":"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"}
+{"version":3,"file":"long-bow.cjs.production.min.js","sources":["../src/components/Button.tsx","../src/components/RPGUIContainer.tsx","../src/components/Input.tsx","../src/components/shared/Column.tsx","../src/components/Chat/Chat.tsx","../src/constants/uiColors.ts","../src/components/RPGUIRoot.tsx","../src/components/ListMenu.tsx","../src/components/NPCDialog/img/npcDialog/npcThumbnails/alice.png","../src/components/NPCDialog/img/space.gif","../src/libs/StringHelpers.ts","../src/components/NPCDialog/NPCDialog.tsx","../src/components/typography/DynamicText.tsx","../src/components/NPCDialog/NPCDialogText.tsx","../src/hooks/useEventListener.ts","../src/components/NPCDialog/QuestionDialog/QuestionDialog.tsx","../src/components/RangeSlider.tsx","../src/components/ProgressBar.tsx","../src/components/Truncate.tsx","../src/components/CheckButton.tsx","../src/components/Dropdown.tsx","../src/components/RadioButton.tsx","../src/components/TextArea.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\n\nexport enum ButtonTypes {\n  RPGUIButton = 'rpgui-button',\n  RPGUIGoldButton = 'rpgui-button golden',\n}\n\nexport interface IButtonProps {\n  children: React.ReactNode;\n  buttonType: ButtonTypes;\n}\n\nexport const Button: React.FC<\n  IButtonProps &\n    React.DetailedHTMLProps<\n      React.ButtonHTMLAttributes<HTMLButtonElement>,\n      HTMLButtonElement\n    >\n> = ({ children, buttonType, ...props }) => {\n  return (\n    <ButtonContainer className={`${buttonType}`} {...props}>\n      <p>{children}</p>\n    </ButtonContainer>\n  );\n};\n\nconst ButtonContainer = styled.button<any>`\n  height: 45px;\n  font-size: 11.5px;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\n\nexport enum RPGUIContainerTypes {\n  Framed = 'framed',\n  FramedGold = 'framed-golden',\n  FramedGold2 = 'framed-golden-2',\n  FramedGrey = 'framed-grey',\n}\nexport interface IRPGUIContainerProps {\n  type: RPGUIContainerTypes;\n  children: React.ReactNode;\n  width?: string;\n  height?: string;\n  className?: string;\n}\n\nexport const RPGUIContainer: React.FC<IRPGUIContainerProps> = ({\n  children,\n  type,\n  width = '50%',\n  height,\n  className,\n}) => {\n  return (\n    <Container\n      width={width}\n      height={height || 'auto'}\n      className={`rpgui-container ${type} ${className}`}\n    >\n      {children}\n    </Container>\n  );\n};\n\ninterface IContainerProps {\n  width: string;\n  height: string;\n}\n\nconst Container = styled.div<IContainerProps>`\n  height: ${(props) => props.height};\n  width: ${({ width }) => width};\n  display: flex;\n  flex-wrap: wrap;\n  image-rendering: pixelated;\n`;\n","import React from 'react';\n\nexport interface IInputProps\n  extends React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  > {}\n\nexport const Input: React.FC<IInputProps> = ({ ...props }) => {\n  return <input {...props} />;\n};\n","import styled from 'styled-components';\n\ninterface IColumn {\n  flex?: number;\n  alignItems?: string;\n  justifyContent?: string;\n  flexWrap?: string;\n}\n\nexport const Column = styled.div<IColumn>`\n  flex: ${(props) => props.flex || 'auto'};\n  display: flex;\n  flex-wrap: ${(props) => props.flexWrap || 'nowrap'};\n  align-items: ${(props) => props.alignItems || 'flex-start'};\n  justify-content: ${(props) => props.justifyContent || 'flex-start'};\n`;\n","import { IChatMessage } from '@rpg-engine/shared';\nimport dayjs from 'dayjs';\nimport React, { useEffect, useState } from 'react';\nimport { ErrorBoundary } from 'react-error-boundary';\nimport styled from 'styled-components';\nimport { colors } from '../../constants/uiColors';\nimport { Button, ButtonTypes } from '../Button';\nimport { Input } from '../Input';\nimport { RPGUIContainer, RPGUIContainerTypes } from '../RPGUIContainer';\nimport { Column } from '../shared/Column';\n\ninterface IEmitter {\n  _id: string;\n  name: string;\n}\nexport interface IChatProps {\n  chatMessages: IChatMessage[];\n  onSendChatMessage: (message: string) => void;\n  onCloseButton: () => void;\n  opacity?: number;\n  width?: string;\n  height?: string;\n}\n\nexport const Chat: React.FC<IChatProps> = ({\n  chatMessages,\n  onSendChatMessage,\n  opacity = 1,\n  width = '100%',\n  height = '250px',\n  onCloseButton,\n}) => {\n  const [message, setMessage] = useState('');\n\n  useEffect(() => {\n    scrollChatToBottom();\n  }, []);\n\n  useEffect(() => {\n    scrollChatToBottom();\n  }, [chatMessages]);\n\n  const scrollChatToBottom = () => {\n    const scrollingElement = document.querySelector('.chat-body');\n    if (scrollingElement) {\n      scrollingElement.scrollTop = scrollingElement.scrollHeight;\n    }\n  };\n\n  const handleSubmit = (event: React.SyntheticEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    onSendChatMessage(message);\n    setMessage('');\n  };\n  const getInputValue = (value: string) => {\n    setMessage(value);\n  };\n\n  const onRenderMessageLines = (\n    emitter: IEmitter,\n    createdAt: string | undefined,\n    message: string\n  ) => {\n    return `${dayjs(createdAt || new Date()).format('HH:mm')} ${\n      emitter?.name ? `${emitter.name}: ` : 'Unknown: '\n    } ${message}`;\n  };\n\n  const onRenderChatMessages = (chatMessages: IChatMessage[]) => {\n    return chatMessages?.length ? (\n      chatMessages?.map(({ _id, createdAt, emitter, message }, index) => (\n        <MessageText key={`${_id}_${index}`}>\n          {onRenderMessageLines(emitter, createdAt, message)}\n        </MessageText>\n      ))\n    ) : (\n      <MessageText>No messages available.</MessageText>\n    );\n  };\n\n  return (\n    <Container>\n      <CustomContainer\n        type={RPGUIContainerTypes.FramedGrey}\n        width={width}\n        height={height}\n        className=\"chat-container\"\n        opacity={opacity}\n      >\n        <ErrorBoundary fallback={<p>Oops! Your chat has crashed.</p>}>\n          {onCloseButton && (\n            <CloseButton onClick={onCloseButton} onTouchStart={onCloseButton}>\n              X\n            </CloseButton>\n          )}\n          <RPGUIContainer\n            type={RPGUIContainerTypes.FramedGrey}\n            width={'100%'}\n            height={'80%'}\n            className=\"chat-body dark-background\"\n          >\n            {onRenderChatMessages(chatMessages)}\n          </RPGUIContainer>\n\n          <Form onSubmit={handleSubmit}>\n            <Column flex={70}>\n              <CustomInput\n                value={message}\n                id=\"inputMessage\"\n                onChange={(e) => getInputValue(e.target.value)}\n                height={20}\n                className=\"chat-input dark-background\"\n                type=\"text\"\n                autoComplete=\"off\"\n              />\n            </Column>\n            <Column justifyContent=\"flex-end\">\n              <Button\n                buttonType={ButtonTypes.RPGUIButton}\n                id=\"chat-send-button\"\n              >\n                Send\n              </Button>\n            </Column>\n          </Form>\n        </ErrorBoundary>\n      </CustomContainer>\n    </Container>\n  );\n};\n\nconst Container = styled.div`\n  position: relative;\n`;\n\nconst CloseButton = styled.div`\n  position: absolute;\n  top: 3px;\n  right: 0px;\n  color: white;\n  z-index: 22;\n  font-size: 10px;\n`;\n\nconst CustomInput = styled(Input)`\n  height: 30px;\n  width: 100%;\n\n  .rpgui-content .input {\n    min-height: 39px;\n  }\n`;\n\ninterface ICustomContainerProps {\n  opacity: number;\n}\n\nconst CustomContainer = styled(RPGUIContainer)`\n  display: block;\n\n  opacity: ${(props: ICustomContainerProps) => props.opacity};\n\n  &:hover {\n    opacity: 1;\n  }\n\n  .dark-background {\n    background-color: ${colors.darkGrey} !important;\n  }\n\n  .chat-body {\n    &.rpgui-container.framed-grey {\n      background: unset;\n    }\n    max-height: 170px;\n    overflow-y: auto;\n  }\n`;\n\nconst Form = styled.form`\n  display: flex;\n  width: 100%;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst MessageText = styled.p`\n  display: block !important;\n  width: 100%;\n  font-size: 0.7rem !important;\n  overflow-y: auto;\n  margin: 0;\n`;\n","export const colors = {\n  darkGrey: '#3e3e3e',\n};\n","import React from 'react';\nimport 'rpgui/rpgui.min.css';\nimport 'rpgui/rpgui.min.js';\n\ninterface IProps {\n  children: React.ReactNode;\n}\n\n//@ts-ignore\nexport const _RPGUI = RPGUI;\n\nexport const RPGUIRoot: React.FC<IProps> = ({ children }) => {\n  return <div className=\"rpgui-content\">{children}</div>;\n};\n","import React from 'react';\nimport styled from 'styled-components';\n\ninterface IListMenuOption {\n  id: string;\n  text: string;\n}\n\nexport interface IListMenuProps {\n  x: number;\n  y: number;\n  options: IListMenuOption[];\n  onSelected: (selectedOptionId: string) => void;\n  fontSize?: number;\n}\n\nexport const ListMenu: React.FC<IListMenuProps> = ({\n  options,\n  onSelected,\n  x,\n  y,\n  fontSize = 0.8,\n}) => {\n  return (\n    <Container x={x} y={y} fontSize={fontSize}>\n      <ul className=\"rpgui-list-imp\" style={{ overflow: 'hidden' }}>\n        {options.map((params) => (\n          <ListElement\n            key={params.text}\n            onClick={() => {\n              onSelected(params.id);\n            }}\n          >\n            {params.text}\n          </ListElement>\n        ))}\n      </ul>\n    </Container>\n  );\n};\n\ninterface IContainerProps {\n  x?: number;\n  y?: number;\n  fontSize?: number;\n}\n\nconst Container = styled.div<IContainerProps>`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  justify-content: start;\n  align-items: flex-start;\n  position: absolute;\n  top: ${(props) => props.y || 0}px;\n  left: ${(props) => props.x || 0}px;\n\n  li {\n    font-size: ${(props) => props.fontSize}em;\n  }\n`;\n\nconst ListElement = styled.li`\n  margin-right: 0.5rem;\n`;\n","const img = require('./alice.png'); export default img;","const img = require('./space.gif'); export default img;","export const chunkString = (str: string, length: number) => {\n  return str.match(new RegExp('.{1,' + length + '}', 'g'));\n};\n","import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { RPGUIContainer, RPGUIContainerTypes } from '../RPGUIContainer';\nimport aliceDefaultThumbnail from './img/npcDialog/npcThumbnails/alice.png';\nimport pressSpaceGif from './img/space.gif';\nimport { NPCDialogText } from './NPCDialogText';\nimport {\n  IQuestionDialog,\n  IQuestionDialogAnswer,\n  QuestionDialog,\n} from './QuestionDialog/QuestionDialog';\n\nexport enum NPCDialogType {\n  TextOnly = 'TextOnly',\n  TextAndThumbnail = 'TextAndThumbnail',\n}\n\nexport interface INPCDialogProps {\n  text?: string;\n  type: NPCDialogType;\n  imagePath?: string;\n  onClose?: () => void;\n  isQuestionDialog?: boolean;\n  answers?: IQuestionDialogAnswer[];\n  questions?: IQuestionDialog[];\n}\n\nexport const NPCDialog: React.FC<INPCDialogProps> = ({\n  text,\n  type,\n  onClose,\n  imagePath,\n  isQuestionDialog = false,\n  questions,\n  answers,\n}) => {\n  const [showGoNextIndicator, setShowGoNextIndicator] =\n    useState<boolean>(false);\n\n  return (\n    <RPGUIContainer\n      type={RPGUIContainerTypes.FramedGold}\n      width={isQuestionDialog ? '600px' : '50%'}\n      height={'180px'}\n    >\n      {isQuestionDialog && questions && answers ? (\n        <>\n          <TextContainer\n            flex={type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'}\n          >\n            <QuestionDialog\n              questions={questions}\n              answers={answers}\n              onClose={() => {\n                if (onClose) {\n                  onClose();\n                }\n              }}\n            />\n          </TextContainer>\n          {type === NPCDialogType.TextAndThumbnail && (\n            <ThumbnailContainer>\n              <NPCThumbnail src={imagePath || aliceDefaultThumbnail} />\n            </ThumbnailContainer>\n          )}\n        </>\n      ) : (\n        <>\n          <Container>\n            <TextContainer\n              flex={type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'}\n            >\n              <NPCDialogText\n                onStartStep={() => setShowGoNextIndicator(false)}\n                onEndStep={() => setShowGoNextIndicator(true)}\n                text={text || 'No text provided.'}\n                onClose={() => {\n                  if (onClose) {\n                    onClose();\n                  }\n                }}\n              />\n            </TextContainer>\n            {type === NPCDialogType.TextAndThumbnail && (\n              <ThumbnailContainer>\n                <NPCThumbnail src={imagePath || aliceDefaultThumbnail} />\n              </ThumbnailContainer>\n            )}\n          </Container>\n          {showGoNextIndicator && (\n            <PressSpaceIndicator\n              right={type === NPCDialogType.TextOnly ? '1rem' : '10.5rem'}\n              src={pressSpaceGif}\n            />\n          )}\n        </>\n      )}\n    </RPGUIContainer>\n  );\n};\n\nconst Container = styled.div`\n  display: flex;\n  width: 100%;\n  height: 100%;\n\n  box-sizing: border-box;\n  justify-content: center;\n  align-items: flex-start;\n  position: relative;\n`;\n\ninterface ITextContainerProps {\n  flex: string;\n}\n\nconst TextContainer = styled.div<ITextContainerProps>`\n  flex: ${({ flex }) => flex} 0 0;\n  width: 355px;\n`;\n\nconst ThumbnailContainer = styled.div`\n  flex: 30% 0 0;\n  display: flex;\n  justify-content: flex-end;\n`;\n\nconst NPCThumbnail = styled.img`\n  image-rendering: pixelated;\n  height: 128px;\n  width: 128px;\n`;\n\ninterface IPressSpaceIndicatorProps {\n  right: string;\n}\n\nconst PressSpaceIndicator = styled.img<IPressSpaceIndicatorProps>`\n  position: absolute;\n  right: ${({ right }) => right};\n  bottom: 1rem;\n  height: 20.7px;\n  image-rendering: -webkit-optimize-contrast;\n`;\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\n\ninterface IProps {\n  text: string;\n  onFinish?: () => void;\n  onStart?: () => void;\n}\n\nexport const DynamicText: React.FC<IProps> = ({ text, onFinish, onStart }) => {\n  const [textState, setTextState] = useState<string>('');\n\n  useEffect(() => {\n    let i = 0;\n    const interval = setInterval(() => {\n      // on every interval, show one more character\n\n      if (i === 0) {\n        if (onStart) {\n          onStart();\n        }\n      }\n\n      if (i < text.length) {\n        setTextState(text.substring(0, i + 1));\n        i++;\n      } else {\n        clearInterval(interval);\n        if (onFinish) {\n          onFinish();\n        }\n      }\n    }, 50);\n\n    return () => {\n      clearInterval(interval);\n    };\n  }, [text]);\n\n  return <TextContainer>{textState}</TextContainer>;\n};\n\nconst TextContainer = styled.p`\n  font-size: 0.7rem !important;\n  color: white;\n  text-shadow: 1px 1px 0px #000000;\n  letter-spacing: 1.2px;\n  word-break: normal;\n`;\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { chunkString } from '../../libs/StringHelpers';\nimport { DynamicText } from '../typography/DynamicText';\n\ninterface IProps {\n  text: string;\n  onClose: () => void;\n  onEndStep: () => void;\n  onStartStep: () => void;\n}\n\nexport const NPCDialogText: React.FC<IProps> = ({\n  text,\n  onClose,\n  onEndStep,\n  onStartStep,\n}) => {\n  const textChunks = chunkString(text, 85);\n\n  const [chunkIndex, setChunkIndex] = useState<number>(0);\n\n  const onHandleSpacePress = (event: KeyboardEvent) => {\n    if (event.code === 'Space') {\n      const hasNextChunk = textChunks?.[chunkIndex + 1] || false;\n\n      if (hasNextChunk) {\n        setChunkIndex((prev) => prev + 1);\n      } else {\n        // if there's no more text chunks, close the dialog\n        onClose();\n      }\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener('keydown', onHandleSpacePress);\n\n    return () => document.removeEventListener('keydown', onHandleSpacePress);\n  }, [chunkIndex]);\n\n  return (\n    <Container>\n      <DynamicText\n        text={textChunks?.[chunkIndex] || ''}\n        onFinish={onEndStep}\n        onStart={onStartStep}\n      />\n    </Container>\n  );\n};\n\nconst Container = styled.div``;\n","import React from 'react';\n\n//@ts-ignore\nexport const useEventListener = (type, handler, el = window) => {\n  const savedHandler = React.useRef();\n\n  React.useEffect(() => {\n    savedHandler.current = handler;\n  }, [handler]);\n\n  React.useEffect(() => {\n    //@ts-ignore\n    const listener = (e) => savedHandler.current(e);\n\n    el.addEventListener(type, listener);\n\n    return () => {\n      el.removeEventListener(type, listener);\n    };\n  }, [type, el]);\n};\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { useEventListener } from '../../../hooks/useEventListener';\nimport { DynamicText } from '../../typography/DynamicText';\n\nexport interface IQuestionDialogAnswer {\n  id: number;\n  text: string;\n  nextQuestionId?: number;\n}\n\nexport interface IQuestionDialog {\n  id: number;\n  text: string;\n  answerIds?: number[];\n}\n\nexport interface IProps {\n  questions: IQuestionDialog[];\n  answers: IQuestionDialogAnswer[];\n  onClose: () => void;\n}\n\nexport const QuestionDialog: React.FC<IProps> = ({\n  questions,\n  answers,\n  onClose,\n}) => {\n  const [currentQuestion, setCurrentQuestion] = useState(questions[0]);\n\n  const [canShowAnswers, setCanShowAnswers] = useState<boolean>(false);\n\n  const onGetFirstAnswer = () => {\n    if (!currentQuestion.answerIds || currentQuestion.answerIds.length === 0) {\n      return null;\n    }\n\n    const firstAnswerId = currentQuestion.answerIds![0];\n\n    return answers.find((answer) => answer.id === firstAnswerId);\n  };\n\n  const [currentAnswer, setCurrentAnswer] =\n    useState<IQuestionDialogAnswer | null>(onGetFirstAnswer()!);\n\n  useEffect(() => {\n    setCurrentAnswer(onGetFirstAnswer()!);\n  }, [currentQuestion]);\n\n  const onGetAnswers = (answerIds: number[]) => {\n    return answerIds.map((answerId: number) =>\n      answers.find((answer) => answer.id === answerId)\n    );\n  };\n\n  const onKeyPress = (e: KeyboardEvent) => {\n    switch (e.key) {\n      case 'ArrowDown':\n        // select next answer, if any.\n        // if no next answer, select first answer\n        // const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(\n        //   (answer) => answer?.id === currentAnswer!.id + 1\n        // );\n\n        const nextAnswerIndex = onGetAnswers(\n          currentQuestion.answerIds!\n        ).findIndex((answer) => answer?.id === currentAnswer!.id + 1);\n\n        const nextAnswerID = currentQuestion.answerIds![nextAnswerIndex];\n\n        // console.log(nextAnswerIndex);\n\n        const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(\n          (answer) => answer?.id === nextAnswerID\n        );\n\n        setCurrentAnswer(nextAnswer || onGetFirstAnswer()!);\n\n        break;\n      case 'ArrowUp':\n        // select previous answer, if any.\n        // if no previous answer, select last answer\n\n        const previousAnswerIndex = onGetAnswers(\n          currentQuestion.answerIds!\n        ).findIndex((answer) => answer?.id === currentAnswer!.id - 1);\n\n        const previousAnswerID =\n          currentQuestion.answerIds &&\n          currentQuestion.answerIds[previousAnswerIndex];\n\n        const previousAnswer = onGetAnswers(currentQuestion.answerIds!).find(\n          (answer) => answer?.id === previousAnswerID\n        );\n\n        if (previousAnswer) {\n          setCurrentAnswer(previousAnswer);\n        } else {\n          setCurrentAnswer(onGetAnswers(currentQuestion.answerIds!).pop()!);\n        }\n\n        break;\n      case 'Enter':\n        setCanShowAnswers(false);\n\n        if (!currentAnswer?.nextQuestionId) {\n          onClose();\n          return;\n        } else {\n          setCurrentQuestion(\n            questions.find(\n              (question) => question.id === currentAnswer!.nextQuestionId\n            )!\n          );\n        }\n\n        break;\n    }\n  };\n  useEventListener('keydown', onKeyPress);\n\n  const onAnswerClick = (answer: IQuestionDialogAnswer) => {\n    setCanShowAnswers(false);\n    if (answer.nextQuestionId) {\n      // if there is a next question, go to it\n      setCurrentQuestion(\n        questions.find((question) => question.id === answer.nextQuestionId)!\n      );\n    } else {\n      // else, finish dialog!\n      onClose();\n    }\n  };\n\n  const onRenderCurrentAnswers = () => {\n    const answerIds = currentQuestion.answerIds;\n    if (!answerIds) {\n      return null;\n    }\n\n    const answers = onGetAnswers(answerIds);\n\n    if (!answers) {\n      return null;\n    }\n\n    return answers.map((answer) => {\n      const isSelected = currentAnswer?.id === answer?.id;\n      const selectedColor = isSelected ? 'yellow' : 'white';\n\n      if (answer) {\n        return (\n          <AnswerRow key={`answer_${answer.id}`}>\n            <AnswerSelectedIcon color={selectedColor}>\n              {isSelected ? 'X' : null}\n            </AnswerSelectedIcon>\n\n            <Answer\n              key={answer.id}\n              onClick={() => onAnswerClick(answer)}\n              color={selectedColor}\n            >\n              {answer.text}\n            </Answer>\n          </AnswerRow>\n        );\n      }\n\n      return null;\n    });\n  };\n\n  return (\n    <Container>\n      <QuestionContainer>\n        <DynamicText\n          text={currentQuestion.text}\n          onStart={() => setCanShowAnswers(false)}\n          onFinish={() => setCanShowAnswers(true)}\n        />\n      </QuestionContainer>\n\n      {canShowAnswers && (\n        <AnswersContainer>{onRenderCurrentAnswers()}</AnswersContainer>\n      )}\n    </Container>\n  );\n};\n\nconst Container = styled.div`\n  display: flex;\n\n  word-break: break-all;\n\n  box-sizing: border-box;\n  justify-content: flex-start;\n  align-items: flex-start;\n  flex-wrap: wrap;\n`;\n\nconst QuestionContainer = styled.div`\n  flex: 100%;\n  width: 100%;\n`;\n\nconst AnswersContainer = styled.div`\n  flex: 100%;\n`;\n\ninterface IAnswerProps {\n  color: string;\n}\n\nconst Answer = styled.p<IAnswerProps>`\n  flex: auto;\n  color: ${(props) => props.color} !important;\n  font-size: 0.65rem !important;\n  background: inherit;\n  border: none;\n`;\n\nconst AnswerSelectedIcon = styled.span<IAnswerProps>`\n  flex: 5% 0 0;\n  color: ${(props) => props.color} !important;\n`;\n\nconst AnswerRow = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 0.5rem;\n  height: 22px;\n\n  p {\n    line-height: unset;\n    margin-top: 0;\n    margin-bottom: 0rem;\n  }\n`;\n","import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { v4 as uuidv4 } from 'uuid';\nimport { useEventListener } from '../hooks/useEventListener';\nimport { _RPGUI } from './RPGUIRoot';\n\nexport enum RangeSliderType {\n  Slider = 'rpgui-slider',\n  GoldSlider = 'rpgui-slider golden',\n}\n\nexport interface IRangeSliderProps {\n  type: RangeSliderType;\n  valueMin: number;\n  valueMax: number;\n  width: string;\n  onChange: (value: number) => void;\n}\n\nexport const RangeSlider: React.FC<IRangeSliderProps> = ({\n  type,\n  valueMin,\n  valueMax,\n  width,\n  onChange,\n}) => {\n  const sliderId = uuidv4();\n\n  const [wasMouseDownFirst, setWasMouseDownFirst] = useState<boolean>(false);\n\n  useEventListener('mouseup', () => {\n    if (wasMouseDownFirst) {\n      onHandleMouseUp();\n    }\n    setWasMouseDownFirst(false);\n  });\n\n  const onHandleMouseUp = () => {\n    const rpguiSlider = document.getElementById(`rpgui-slider-${sliderId}`);\n    const value = _RPGUI.get_value(rpguiSlider);\n\n    onChange(Number(value));\n  };\n\n  return (\n    <div\n      onMouseUp={onHandleMouseUp}\n      onMouseDown={() => setWasMouseDownFirst(true)}\n    >\n      <Input\n        className={\n          type === RangeSliderType.Slider\n            ? RangeSliderType.Slider\n            : RangeSliderType.GoldSlider\n        }\n        type=\"range\"\n        style={{ width: width }}\n        min={valueMin}\n        max={valueMax}\n        id={`rpgui-slider-${sliderId}`}\n      />\n    </div>\n  );\n};\n\nconst Input = styled.input`\n  opacity: 0;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\n\nexport interface IBarProps {\n  max: number;\n  value: number;\n  color: 'red' | 'blue' | 'green';\n  style?: Record<string, any>;\n  displayText?: boolean;\n  percentageWidth?: number;\n  minWidth?: number;\n}\n\nexport const ProgressBar: React.FC<IBarProps> = ({\n  max,\n  value,\n  color,\n  displayText = true,\n  percentageWidth = 40,\n  minWidth = 100,\n  style,\n}) => {\n  const calculatePercentageValue = function (max: number, value: number) {\n    if (value > max) {\n      value = max;\n    }\n    return (value * 100) / max;\n  };\n\n  return (\n    <Container\n      className=\"rpgui-progress\"\n      data-value={calculatePercentageValue(max, value) / 100}\n      data-rpguitype=\"progress\"\n      percentageWidth={percentageWidth}\n      minWidth={minWidth}\n      style={style}\n    >\n      {displayText && (\n        <TextOverlay>\n          <ProgressBarText>\n            {value}/{max}\n          </ProgressBarText>\n        </TextOverlay>\n      )}\n      <div className=\" rpgui-progress-track\">\n        <div\n          className={`rpgui-progress-fill ${color} `}\n          style={{\n            left: '0px',\n            width: calculatePercentageValue(max, value) + '%',\n          }}\n        ></div>\n      </div>\n      <div className=\" rpgui-progress-left-edge\"></div>\n      <div className=\" rpgui-progress-right-edge\"></div>\n    </Container>\n  );\n};\n\nconst ProgressBarText = styled.span`\n  font-size: 1rem;\n  color: white;\n  text-align: center;\n  z-index: 1;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  top: 12px;\n`;\n\nconst TextOverlay = styled.div`\n  width: 100%;\n  position: relative;\n`;\n\ninterface IContainerProps {\n  percentageWidth?: number;\n  minWidth?: number;\n  style?: Record<string, any>;\n}\n\nconst Container = styled.div<IContainerProps>`\n  display: flex;\n  flex-direction: column;\n  min-width: ${(props) => props.minWidth}px;\n  width: ${(props) => props.percentageWidth}%;\n  justify-content: start;\n  align-items: flex-start;\n  ${(props) => props.style}\n`;\n","/* eslint-disable react/require-default-props */\nimport React from 'react';\nimport styled from 'styled-components';\n\ninterface IProps {\n  maxLines?: number;\n  children: React.ReactNode;\n}\n\nexport const Truncate: React.FC<IProps> = ({ maxLines = 1, children }) => {\n  return <Container maxLines={maxLines}>{children}</Container>;\n};\n\ninterface IContainerProps {\n  maxLines: number;\n}\n\nconst Container = styled.div<IContainerProps>`\n  display: -webkit-box;\n  max-width: 100%;\n  max-height: 100%;\n  -webkit-line-clamp: ${(props) => props.maxLines};\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n`;\n","import React, { useEffect, useState } from 'react';\n\nexport interface ICheckItems {\n  label: string;\n  value: string;\n}\n\nexport interface ICheckProps {\n  items: ICheckItems[];\n  onChange: (selectedValues: IChecklistSelectedValues) => void;\n}\n\ninterface IChecklistSelectedValues {\n  [label: string]: boolean;\n}\n\nexport const CheckButton: React.FC<ICheckProps> = ({ items, onChange }) => {\n  const generateSelectedValuesList = () => {\n    const selectedValues: IChecklistSelectedValues = {};\n\n    items.forEach((item) => {\n      selectedValues[item.label] = false;\n    });\n\n    return selectedValues;\n  };\n\n  const [selectedValues, setSelectedValues] =\n    useState<IChecklistSelectedValues>(generateSelectedValuesList());\n\n  const handleClick = (label: string) => {\n    setSelectedValues({\n      ...selectedValues,\n      [label]: !selectedValues[label],\n    });\n  };\n\n  useEffect(() => {\n    if (selectedValues) {\n      onChange(selectedValues);\n    }\n  }, [selectedValues]);\n\n  return (\n    <div id=\"elemento-checkbox\">\n      {items?.map((element, index) => {\n        return (\n          <div key={`${element.label}_${index}`}>\n            <input\n              className=\"rpgui-checkbox\"\n              type=\"checkbox\"\n              checked={selectedValues[element.label]}\n              onChange={() => {}}\n            />\n            <label onClick={() => handleClick(element.label)}>\n              {element.label}\n            </label>\n            <br />\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n","import React, { useEffect, useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport { _RPGUI } from './RPGUIRoot';\n\nexport interface IOptionsProps {\n  id: number;\n  value: string;\n  option: string;\n}\n\nexport interface IDropdownProps {\n  options: IOptionsProps[];\n  width?: string;\n  onChange: (value: string) => void;\n}\n\nexport const Dropdown: React.FC<IDropdownProps> = ({\n  options,\n  width,\n  onChange,\n}) => {\n  const dropdownId = uuidv4();\n\n  const [selectedValue, setSelectedValue] = useState<string>('');\n\n  useEffect(() => {\n    const element = document.getElementById(`rpgui-dropdown-${dropdownId}`);\n    const dropdownValue = _RPGUI.get_value(element);\n    setSelectedValue(dropdownValue);\n\n    element?.addEventListener('change', (event: any) => {\n      setSelectedValue(event?.target.value);\n    });\n  }, []);\n\n  useEffect(() => {\n    if (selectedValue) {\n      onChange(selectedValue);\n    }\n  }, [selectedValue]);\n\n  return (\n    <select\n      id={`rpgui-dropdown-${dropdownId}`}\n      style={{ width: width }}\n      className=\"rpgui-dropdown\"\n    >\n      {options.map((option) => {\n        return (\n          <option key={option.id} value={option.value}>\n            {option.option}\n          </option>\n        );\n      })}\n    </select>\n  );\n};\n","import React, { useEffect, useState } from 'react';\n\nexport interface IRadioItems {\n  label: string;\n  value: string;\n}\n\nexport interface IRadioProps {\n  name: string;\n  items: IRadioItems[];\n  onChange: (value: string) => void;\n}\n\nexport const InputRadio: React.FC<IRadioProps> = ({\n  name,\n  items,\n  onChange,\n}) => {\n  const [selectedValue, setSelectedValue] = useState<string>();\n  const handleClick = () => {\n    let element = document.querySelector(\n      `input[name=${name}]:checked`\n    ) as HTMLInputElement;\n    const elementValue = element.value;\n    setSelectedValue(elementValue);\n  };\n\n  useEffect(() => {\n    if (selectedValue) {\n      onChange(selectedValue);\n    }\n  }, [selectedValue]);\n\n  return (\n    <div id=\"elemento-radio\">\n      {items.map((element) => {\n        return (\n          <>\n            <input\n              key={element.value}\n              className=\"rpgui-radio\"\n              value={element.value}\n              name={name}\n              type=\"radio\"\n            />\n            <label onClick={handleClick}>{element.label}</label>\n            <br />\n          </>\n        );\n      })}\n    </div>\n  );\n};\n","import React from 'react';\n\nexport interface ITextArea\n  extends React.DetailedHTMLProps<\n    React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    HTMLTextAreaElement\n  > {}\n\nexport const TextArea: React.FC<ITextArea> = ({ ...props }) => {\n  return <textarea {...props} />;\n};\n"],"names":["ButtonTypes","RPGUIContainerTypes","Button","children","buttonType","props","React","ButtonContainer","className","styled","button","displayName","componentId","Input","RPGUIContainer","width","Container","height","type","div","Column","flex","flexWrap","alignItems","justifyContent","CloseButton","CustomInput","CustomContainer","opacity","Form","form","MessageText","p","_RPGUI","RPGUI","y","x","fontSize","ListElement","li","img","require","NPCDialogType","DynamicText","text","onFinish","onStart","useState","textState","setTextState","useEffect","i","interval","setInterval","length","substring","clearInterval","TextContainer","NPCDialogText","onClose","onEndStep","onStartStep","textChunks","match","RegExp","chunkIndex","setChunkIndex","onHandleSpacePress","event","code","prev","document","addEventListener","removeEventListener","useEventListener","handler","el","window","savedHandler","useRef","current","listener","e","QuestionDialog","questions","answers","currentQuestion","setCurrentQuestion","canShowAnswers","setCanShowAnswers","onGetFirstAnswer","answerIds","firstAnswerId","find","answer","id","currentAnswer","setCurrentAnswer","onGetAnswers","map","answerId","key","nextAnswerIndex","findIndex","nextAnswerID","nextAnswer","previousAnswerIndex","previousAnswerID","previousAnswer","pop","nextQuestionId","question","QuestionContainer","AnswersContainer","isSelected","selectedColor","AnswerRow","AnswerSelectedIcon","color","Answer","onClick","onAnswerClick","onRenderCurrentAnswers","span","RangeSliderType","ThumbnailContainer","NPCThumbnail","PressSpaceIndicator","right","ProgressBarText","TextOverlay","minWidth","percentageWidth","style","input","maxLines","chatMessages","onSendChatMessage","onCloseButton","message","setMessage","scrollChatToBottom","scrollingElement","querySelector","scrollTop","scrollHeight","FramedGrey","ErrorBoundary","fallback","onTouchStart","index","_id","emitter","createdAt","dayjs","Date","format","name","onRenderMessageLines","onRenderChatMessages","onSubmit","preventDefault","value","onChange","target","autoComplete","RPGUIButton","items","selectedValues","forEach","item","label","generateSelectedValuesList","setSelectedValues","element","checked","options","dropdownId","uuidv4","selectedValue","setSelectedValue","getElementById","dropdownValue","get_value","option","handleClick","onSelected","overflow","params","imagePath","isQuestionDialog","showGoNextIndicator","setShowGoNextIndicator","FramedGold","TextAndThumbnail","src","aliceDefaultThumbnail","TextOnly","pressSpaceGif","max","displayText","calculatePercentageValue","left","valueMin","valueMax","sliderId","wasMouseDownFirst","setWasMouseDownFirst","onHandleMouseUp","rpguiSlider","Number","onMouseUp","onMouseDown","Slider","GoldSlider","min"],"mappings":"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"}

package/dist/long-bow.esm.js

@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import styled from 'styled-components';
 import dayjs from 'dayjs';
+import { ErrorBoundary } from 'react-error-boundary';
 import { v4 } from 'uuid';
 import 'rpgui/rpgui.min.css';
 import 'rpgui/rpgui.min.js';
@@ -200,12 +201,30 @@ var Chat = function Chat(_ref) {
     setMessage(value);
   };
 
+  var onRenderMessageLines = function onRenderMessageLines(emitter, createdAt, message) {
+    return dayjs(createdAt || new Date()).format('HH:mm') + " " + (emitter != null && emitter.name ? emitter.name + ": " : 'Unknown: ') + " " + message;
+  };
+
+  var onRenderChatMessages = function onRenderChatMessages(chatMessages) {
+    return chatMessages != null && chatMessages.length ? chatMessages == null ? void 0 : chatMessages.map(function (_ref2, index) {
+      var _id = _ref2._id,
+          createdAt = _ref2.createdAt,
+          emitter = _ref2.emitter,
+          message = _ref2.message;
+      return React.createElement(MessageText, {
+        key: _id + "_" + index
+      }, onRenderMessageLines(emitter, createdAt, message));
+    }) : React.createElement(MessageText, null, "No messages available.");
+  };
+
   return React.createElement(Container$1, null, React.createElement(CustomContainer, {
     type: RPGUIContainerTypes.FramedGrey,
     width: width,
     height: height,
     className: "chat-container",
     opacity: opacity
+  }, React.createElement(ErrorBoundary, {
+    fallback: React.createElement("p", null, "Oops! Your chat has crashed.")
   }, onCloseButton && React.createElement(CloseButton, {
     onClick: onCloseButton,
     onTouchStart: onCloseButton
@@ -214,15 +233,7 @@ var Chat = function Chat(_ref) {
     width: '100%',
     height: '80%',
     className: "chat-body dark-background"
-  }, chatMessages.length ? chatMessages.map(function (_ref2, index) {
-    var _id = _ref2._id,
-        createdAt = _ref2.createdAt,
-        emitter = _ref2.emitter,
-        message = _ref2.message;
-    return React.createElement(MessageText, {
-      key: _id + "_" + index
-    }, dayjs(createdAt).format('HH:mm') + " " + emitter.name + ": " + message);
-  }) : React.createElement(MessageText, null, "No messages available.")), React.createElement(Form, {
+  }, onRenderChatMessages(chatMessages)), React.createElement(Form, {
     onSubmit: handleSubmit
   }, React.createElement(Column, {
     flex: 70
@@ -233,14 +244,15 @@ var Chat = function Chat(_ref) {
       return getInputValue(e.target.value);
     },
     height: 20,
-    className: "dark-background",
+    className: "chat-input dark-background",
     type: "text",
     autoComplete: "off"
   })), React.createElement(Column, {
     justifyContent: "flex-end"
   }, React.createElement(Button, {
-    buttonType: ButtonTypes.RPGUIButton
-  }, "Send")))));
+    buttonType: ButtonTypes.RPGUIButton,
+    id: "chat-send-button"
+  }, "Send"))))));
 };
 var Container$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "Chat__Container",

package/dist/long-bow.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"long-bow.esm.js","sources":["../src/components/Button.tsx","../src/components/CheckButton.tsx","../src/constants/uiColors.ts","../src/components/Input.tsx","../src/components/RPGUIContainer.tsx","../src/components/shared/Column.tsx","../src/components/Chat/Chat.tsx","../src/components/RPGUIRoot.tsx","../src/components/Dropdown.tsx","../src/components/ListMenu.tsx","../src/components/NPCDialog/img/npcDialog/npcThumbnails/alice.png","../src/components/NPCDialog/img/space.gif","../src/libs/StringHelpers.ts","../src/components/typography/DynamicText.tsx","../src/components/NPCDialog/NPCDialogText.tsx","../src/hooks/useEventListener.ts","../src/components/NPCDialog/QuestionDialog/QuestionDialog.tsx","../src/components/NPCDialog/NPCDialog.tsx","../src/components/ProgressBar.tsx","../src/components/RadioButton.tsx","../src/components/RangeSlider.tsx","../src/components/TextArea.tsx","../src/components/Truncate.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\n\nexport enum ButtonTypes {\n  RPGUIButton = 'rpgui-button',\n  RPGUIGoldButton = 'rpgui-button golden',\n}\n\nexport interface IButtonProps {\n  children: React.ReactNode;\n  buttonType: ButtonTypes;\n}\n\nexport const Button: React.FC<\n  IButtonProps &\n    React.DetailedHTMLProps<\n      React.ButtonHTMLAttributes<HTMLButtonElement>,\n      HTMLButtonElement\n    >\n> = ({ children, buttonType, ...props }) => {\n  return (\n    <ButtonContainer className={`${buttonType}`} {...props}>\n      <p>{children}</p>\n    </ButtonContainer>\n  );\n};\n\nconst ButtonContainer = styled.button<any>`\n  height: 45px;\n  font-size: 11.5px;\n`;\n","import React, { useEffect, useState } from 'react';\n\nexport interface ICheckItems {\n  label: string;\n  value: string;\n}\n\nexport interface ICheckProps {\n  items: ICheckItems[];\n  onChange: (selectedValues: IChecklistSelectedValues) => void;\n}\n\ninterface IChecklistSelectedValues {\n  [label: string]: boolean;\n}\n\nexport const CheckButton: React.FC<ICheckProps> = ({ items, onChange }) => {\n  const generateSelectedValuesList = () => {\n    const selectedValues: IChecklistSelectedValues = {};\n\n    items.forEach((item) => {\n      selectedValues[item.label] = false;\n    });\n\n    return selectedValues;\n  };\n\n  const [selectedValues, setSelectedValues] =\n    useState<IChecklistSelectedValues>(generateSelectedValuesList());\n\n  const handleClick = (label: string) => {\n    setSelectedValues({\n      ...selectedValues,\n      [label]: !selectedValues[label],\n    });\n  };\n\n  useEffect(() => {\n    if (selectedValues) {\n      onChange(selectedValues);\n    }\n  }, [selectedValues]);\n\n  return (\n    <div id=\"elemento-checkbox\">\n      {items?.map((element, index) => {\n        return (\n          <div key={`${element.label}_${index}`}>\n            <input\n              className=\"rpgui-checkbox\"\n              type=\"checkbox\"\n              checked={selectedValues[element.label]}\n              onChange={() => {}}\n            />\n            <label onClick={() => handleClick(element.label)}>\n              {element.label}\n            </label>\n            <br />\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n","export const colors = {\n  darkGrey: '#3e3e3e',\n};\n","import React from 'react';\n\nexport interface IInputProps\n  extends React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  > {}\n\nexport const Input: React.FC<IInputProps> = ({ ...props }) => {\n  return <input {...props} />;\n};\n","import React from 'react';\nimport styled from 'styled-components';\n\nexport enum RPGUIContainerTypes {\n  Framed = 'framed',\n  FramedGold = 'framed-golden',\n  FramedGold2 = 'framed-golden-2',\n  FramedGrey = 'framed-grey',\n}\nexport interface IRPGUIContainerProps {\n  type: RPGUIContainerTypes;\n  children: React.ReactNode;\n  width?: string;\n  height?: string;\n  className?: string;\n}\n\nexport const RPGUIContainer: React.FC<IRPGUIContainerProps> = ({\n  children,\n  type,\n  width = '50%',\n  height,\n  className,\n}) => {\n  return (\n    <Container\n      width={width}\n      height={height || 'auto'}\n      className={`rpgui-container ${type} ${className}`}\n    >\n      {children}\n    </Container>\n  );\n};\n\ninterface IContainerProps {\n  width: string;\n  height: string;\n}\n\nconst Container = styled.div<IContainerProps>`\n  height: ${(props) => props.height};\n  width: ${({ width }) => width};\n  display: flex;\n  flex-wrap: wrap;\n  image-rendering: pixelated;\n`;\n","import styled from 'styled-components';\n\ninterface IColumn {\n  flex?: number;\n  alignItems?: string;\n  justifyContent?: string;\n  flexWrap?: string;\n}\n\nexport const Column = styled.div<IColumn>`\n  flex: ${(props) => props.flex || 'auto'};\n  display: flex;\n  flex-wrap: ${(props) => props.flexWrap || 'nowrap'};\n  align-items: ${(props) => props.alignItems || 'flex-start'};\n  justify-content: ${(props) => props.justifyContent || 'flex-start'};\n`;\n","import { IChatMessage } from '@rpg-engine/shared';\nimport dayjs from 'dayjs';\nimport React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { colors } from '../../constants/uiColors';\nimport { Button, ButtonTypes } from '../Button';\nimport { Input } from '../Input';\nimport { RPGUIContainer, RPGUIContainerTypes } from '../RPGUIContainer';\nimport { Column } from '../shared/Column';\n\nexport interface IChatProps {\n  chatMessages: IChatMessage[];\n  onSendChatMessage: (message: string) => void;\n  onCloseButton: () => void;\n  opacity?: number;\n  width?: string;\n  height?: string;\n}\n\nexport const Chat: React.FC<IChatProps> = ({\n  chatMessages,\n  onSendChatMessage,\n  opacity = 1,\n  width = '100%',\n  height = '250px',\n  onCloseButton,\n}) => {\n  const [message, setMessage] = useState('');\n\n  useEffect(() => {\n    scrollChatToBottom();\n  }, []);\n\n  useEffect(() => {\n    scrollChatToBottom();\n  }, [chatMessages]);\n\n  const scrollChatToBottom = () => {\n    const scrollingElement = document.querySelector('.chat-body');\n    if (scrollingElement) {\n      scrollingElement.scrollTop = scrollingElement.scrollHeight;\n    }\n  };\n\n  const handleSubmit = (event: React.SyntheticEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    onSendChatMessage(message);\n    setMessage('');\n  };\n  const getInputValue = (value: string) => {\n    setMessage(value);\n  };\n\n  return (\n    <Container>\n      <CustomContainer\n        type={RPGUIContainerTypes.FramedGrey}\n        width={width}\n        height={height}\n        className=\"chat-container\"\n        opacity={opacity}\n      >\n        {onCloseButton && (\n          <CloseButton onClick={onCloseButton} onTouchStart={onCloseButton}>\n            X\n          </CloseButton>\n        )}\n        <RPGUIContainer\n          type={RPGUIContainerTypes.FramedGrey}\n          width={'100%'}\n          height={'80%'}\n          className=\"chat-body dark-background\"\n        >\n          {chatMessages.length ? (\n            chatMessages.map(({ _id, createdAt, emitter, message }, index) => (\n              <MessageText key={`${_id}_${index}`}>{`${dayjs(createdAt).format(\n                'HH:mm'\n              )} ${emitter.name}: ${message}`}</MessageText>\n            ))\n          ) : (\n            <MessageText>No messages available.</MessageText>\n          )}\n        </RPGUIContainer>\n\n        <Form onSubmit={handleSubmit}>\n          <Column flex={70}>\n            <CustomInput\n              value={message}\n              id=\"inputMessage\"\n              onChange={(e) => getInputValue(e.target.value)}\n              height={20}\n              className=\"dark-background\"\n              type=\"text\"\n              autoComplete=\"off\"\n            />\n          </Column>\n          <Column justifyContent=\"flex-end\">\n            <Button buttonType={ButtonTypes.RPGUIButton}>Send</Button>\n          </Column>\n        </Form>\n      </CustomContainer>\n    </Container>\n  );\n};\n\nconst Container = styled.div`\n  position: relative;\n`;\n\nconst CloseButton = styled.div`\n  position: absolute;\n  top: 3px;\n  right: 0px;\n  color: white;\n  z-index: 22;\n  font-size: 10px;\n`;\n\nconst CustomInput = styled(Input)`\n  height: 30px;\n  width: 100%;\n\n  .rpgui-content .input {\n    min-height: 39px;\n  }\n`;\n\ninterface ICustomContainerProps {\n  opacity: number;\n}\n\nconst CustomContainer = styled(RPGUIContainer)`\n  display: block;\n\n  opacity: ${(props: ICustomContainerProps) => props.opacity};\n\n  &:hover {\n    opacity: 1;\n  }\n\n  .dark-background {\n    background-color: ${colors.darkGrey} !important;\n  }\n\n  .chat-body {\n    &.rpgui-container.framed-grey {\n      background: unset;\n    }\n    max-height: 170px;\n    overflow-y: auto;\n  }\n`;\n\nconst Form = styled.form`\n  display: flex;\n  width: 100%;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst MessageText = styled.p`\n  display: block !important;\n  width: 100%;\n  font-size: 0.7rem !important;\n  overflow-y: auto;\n  margin: 0;\n`;\n","import React from 'react';\nimport 'rpgui/rpgui.min.css';\nimport 'rpgui/rpgui.min.js';\n\ninterface IProps {\n  children: React.ReactNode;\n}\n\n//@ts-ignore\nexport const _RPGUI = RPGUI;\n\nexport const RPGUIRoot: React.FC<IProps> = ({ children }) => {\n  return <div className=\"rpgui-content\">{children}</div>;\n};\n","import React, { useEffect, useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport { _RPGUI } from './RPGUIRoot';\n\nexport interface IOptionsProps {\n  id: number;\n  value: string;\n  option: string;\n}\n\nexport interface IDropdownProps {\n  options: IOptionsProps[];\n  width?: string;\n  onChange: (value: string) => void;\n}\n\nexport const Dropdown: React.FC<IDropdownProps> = ({\n  options,\n  width,\n  onChange,\n}) => {\n  const dropdownId = uuidv4();\n\n  const [selectedValue, setSelectedValue] = useState<string>('');\n\n  useEffect(() => {\n    const element = document.getElementById(`rpgui-dropdown-${dropdownId}`);\n    const dropdownValue = _RPGUI.get_value(element);\n    setSelectedValue(dropdownValue);\n\n    element?.addEventListener('change', (event: any) => {\n      setSelectedValue(event?.target.value);\n    });\n  }, []);\n\n  useEffect(() => {\n    if (selectedValue) {\n      onChange(selectedValue);\n    }\n  }, [selectedValue]);\n\n  return (\n    <select\n      id={`rpgui-dropdown-${dropdownId}`}\n      style={{ width: width }}\n      className=\"rpgui-dropdown\"\n    >\n      {options.map((option) => {\n        return (\n          <option key={option.id} value={option.value}>\n            {option.option}\n          </option>\n        );\n      })}\n    </select>\n  );\n};\n","import React from 'react';\nimport styled from 'styled-components';\n\ninterface IListMenuOption {\n  id: string;\n  text: string;\n}\n\nexport interface IListMenuProps {\n  x: number;\n  y: number;\n  options: IListMenuOption[];\n  onSelected: (selectedOptionId: string) => void;\n  fontSize?: number;\n}\n\nexport const ListMenu: React.FC<IListMenuProps> = ({\n  options,\n  onSelected,\n  x,\n  y,\n  fontSize = 0.8,\n}) => {\n  return (\n    <Container x={x} y={y} fontSize={fontSize}>\n      <ul className=\"rpgui-list-imp\" style={{ overflow: 'hidden' }}>\n        {options.map((params) => (\n          <ListElement\n            key={params.text}\n            onClick={() => {\n              onSelected(params.id);\n            }}\n          >\n            {params.text}\n          </ListElement>\n        ))}\n      </ul>\n    </Container>\n  );\n};\n\ninterface IContainerProps {\n  x?: number;\n  y?: number;\n  fontSize?: number;\n}\n\nconst Container = styled.div<IContainerProps>`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  justify-content: start;\n  align-items: flex-start;\n  position: absolute;\n  top: ${(props) => props.y || 0}px;\n  left: ${(props) => props.x || 0}px;\n\n  li {\n    font-size: ${(props) => props.fontSize}em;\n  }\n`;\n\nconst ListElement = styled.li`\n  margin-right: 0.5rem;\n`;\n","const img = require('./alice.png'); export default img;","const img = require('./space.gif'); export default img;","export const chunkString = (str: string, length: number) => {\n  return str.match(new RegExp('.{1,' + length + '}', 'g'));\n};\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\n\ninterface IProps {\n  text: string;\n  onFinish?: () => void;\n  onStart?: () => void;\n}\n\nexport const DynamicText: React.FC<IProps> = ({ text, onFinish, onStart }) => {\n  const [textState, setTextState] = useState<string>('');\n\n  useEffect(() => {\n    let i = 0;\n    const interval = setInterval(() => {\n      // on every interval, show one more character\n\n      if (i === 0) {\n        if (onStart) {\n          onStart();\n        }\n      }\n\n      if (i < text.length) {\n        setTextState(text.substring(0, i + 1));\n        i++;\n      } else {\n        clearInterval(interval);\n        if (onFinish) {\n          onFinish();\n        }\n      }\n    }, 50);\n\n    return () => {\n      clearInterval(interval);\n    };\n  }, [text]);\n\n  return <TextContainer>{textState}</TextContainer>;\n};\n\nconst TextContainer = styled.p`\n  font-size: 0.7rem !important;\n  color: white;\n  text-shadow: 1px 1px 0px #000000;\n  letter-spacing: 1.2px;\n  word-break: normal;\n`;\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { chunkString } from '../../libs/StringHelpers';\nimport { DynamicText } from '../typography/DynamicText';\n\ninterface IProps {\n  text: string;\n  onClose: () => void;\n  onEndStep: () => void;\n  onStartStep: () => void;\n}\n\nexport const NPCDialogText: React.FC<IProps> = ({\n  text,\n  onClose,\n  onEndStep,\n  onStartStep,\n}) => {\n  const textChunks = chunkString(text, 85);\n\n  const [chunkIndex, setChunkIndex] = useState<number>(0);\n\n  const onHandleSpacePress = (event: KeyboardEvent) => {\n    if (event.code === 'Space') {\n      const hasNextChunk = textChunks?.[chunkIndex + 1] || false;\n\n      if (hasNextChunk) {\n        setChunkIndex((prev) => prev + 1);\n      } else {\n        // if there's no more text chunks, close the dialog\n        onClose();\n      }\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener('keydown', onHandleSpacePress);\n\n    return () => document.removeEventListener('keydown', onHandleSpacePress);\n  }, [chunkIndex]);\n\n  return (\n    <Container>\n      <DynamicText\n        text={textChunks?.[chunkIndex] || ''}\n        onFinish={onEndStep}\n        onStart={onStartStep}\n      />\n    </Container>\n  );\n};\n\nconst Container = styled.div``;\n","import React from 'react';\n\n//@ts-ignore\nexport const useEventListener = (type, handler, el = window) => {\n  const savedHandler = React.useRef();\n\n  React.useEffect(() => {\n    savedHandler.current = handler;\n  }, [handler]);\n\n  React.useEffect(() => {\n    //@ts-ignore\n    const listener = (e) => savedHandler.current(e);\n\n    el.addEventListener(type, listener);\n\n    return () => {\n      el.removeEventListener(type, listener);\n    };\n  }, [type, el]);\n};\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { useEventListener } from '../../../hooks/useEventListener';\nimport { DynamicText } from '../../typography/DynamicText';\n\nexport interface IQuestionDialogAnswer {\n  id: number;\n  text: string;\n  nextQuestionId?: number;\n}\n\nexport interface IQuestionDialog {\n  id: number;\n  text: string;\n  answerIds?: number[];\n}\n\nexport interface IProps {\n  questions: IQuestionDialog[];\n  answers: IQuestionDialogAnswer[];\n  onClose: () => void;\n}\n\nexport const QuestionDialog: React.FC<IProps> = ({\n  questions,\n  answers,\n  onClose,\n}) => {\n  const [currentQuestion, setCurrentQuestion] = useState(questions[0]);\n\n  const [canShowAnswers, setCanShowAnswers] = useState<boolean>(false);\n\n  const onGetFirstAnswer = () => {\n    if (!currentQuestion.answerIds || currentQuestion.answerIds.length === 0) {\n      return null;\n    }\n\n    const firstAnswerId = currentQuestion.answerIds![0];\n\n    return answers.find((answer) => answer.id === firstAnswerId);\n  };\n\n  const [currentAnswer, setCurrentAnswer] =\n    useState<IQuestionDialogAnswer | null>(onGetFirstAnswer()!);\n\n  useEffect(() => {\n    setCurrentAnswer(onGetFirstAnswer()!);\n  }, [currentQuestion]);\n\n  const onGetAnswers = (answerIds: number[]) => {\n    return answerIds.map((answerId: number) =>\n      answers.find((answer) => answer.id === answerId)\n    );\n  };\n\n  const onKeyPress = (e: KeyboardEvent) => {\n    switch (e.key) {\n      case 'ArrowDown':\n        // select next answer, if any.\n        // if no next answer, select first answer\n        // const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(\n        //   (answer) => answer?.id === currentAnswer!.id + 1\n        // );\n\n        const nextAnswerIndex = onGetAnswers(\n          currentQuestion.answerIds!\n        ).findIndex((answer) => answer?.id === currentAnswer!.id + 1);\n\n        const nextAnswerID = currentQuestion.answerIds![nextAnswerIndex];\n\n        // console.log(nextAnswerIndex);\n\n        const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(\n          (answer) => answer?.id === nextAnswerID\n        );\n\n        setCurrentAnswer(nextAnswer || onGetFirstAnswer()!);\n\n        break;\n      case 'ArrowUp':\n        // select previous answer, if any.\n        // if no previous answer, select last answer\n\n        const previousAnswerIndex = onGetAnswers(\n          currentQuestion.answerIds!\n        ).findIndex((answer) => answer?.id === currentAnswer!.id - 1);\n\n        const previousAnswerID =\n          currentQuestion.answerIds &&\n          currentQuestion.answerIds[previousAnswerIndex];\n\n        const previousAnswer = onGetAnswers(currentQuestion.answerIds!).find(\n          (answer) => answer?.id === previousAnswerID\n        );\n\n        if (previousAnswer) {\n          setCurrentAnswer(previousAnswer);\n        } else {\n          setCurrentAnswer(onGetAnswers(currentQuestion.answerIds!).pop()!);\n        }\n\n        break;\n      case 'Enter':\n        setCanShowAnswers(false);\n\n        if (!currentAnswer?.nextQuestionId) {\n          onClose();\n          return;\n        } else {\n          setCurrentQuestion(\n            questions.find(\n              (question) => question.id === currentAnswer!.nextQuestionId\n            )!\n          );\n        }\n\n        break;\n    }\n  };\n  useEventListener('keydown', onKeyPress);\n\n  const onAnswerClick = (answer: IQuestionDialogAnswer) => {\n    setCanShowAnswers(false);\n    if (answer.nextQuestionId) {\n      // if there is a next question, go to it\n      setCurrentQuestion(\n        questions.find((question) => question.id === answer.nextQuestionId)!\n      );\n    } else {\n      // else, finish dialog!\n      onClose();\n    }\n  };\n\n  const onRenderCurrentAnswers = () => {\n    const answerIds = currentQuestion.answerIds;\n    if (!answerIds) {\n      return null;\n    }\n\n    const answers = onGetAnswers(answerIds);\n\n    if (!answers) {\n      return null;\n    }\n\n    return answers.map((answer) => {\n      const isSelected = currentAnswer?.id === answer?.id;\n      const selectedColor = isSelected ? 'yellow' : 'white';\n\n      if (answer) {\n        return (\n          <AnswerRow key={`answer_${answer.id}`}>\n            <AnswerSelectedIcon color={selectedColor}>\n              {isSelected ? 'X' : null}\n            </AnswerSelectedIcon>\n\n            <Answer\n              key={answer.id}\n              onClick={() => onAnswerClick(answer)}\n              color={selectedColor}\n            >\n              {answer.text}\n            </Answer>\n          </AnswerRow>\n        );\n      }\n\n      return null;\n    });\n  };\n\n  return (\n    <Container>\n      <QuestionContainer>\n        <DynamicText\n          text={currentQuestion.text}\n          onStart={() => setCanShowAnswers(false)}\n          onFinish={() => setCanShowAnswers(true)}\n        />\n      </QuestionContainer>\n\n      {canShowAnswers && (\n        <AnswersContainer>{onRenderCurrentAnswers()}</AnswersContainer>\n      )}\n    </Container>\n  );\n};\n\nconst Container = styled.div`\n  display: flex;\n\n  word-break: break-all;\n\n  box-sizing: border-box;\n  justify-content: flex-start;\n  align-items: flex-start;\n  flex-wrap: wrap;\n`;\n\nconst QuestionContainer = styled.div`\n  flex: 100%;\n  width: 100%;\n`;\n\nconst AnswersContainer = styled.div`\n  flex: 100%;\n`;\n\ninterface IAnswerProps {\n  color: string;\n}\n\nconst Answer = styled.p<IAnswerProps>`\n  flex: auto;\n  color: ${(props) => props.color} !important;\n  font-size: 0.65rem !important;\n  background: inherit;\n  border: none;\n`;\n\nconst AnswerSelectedIcon = styled.span<IAnswerProps>`\n  flex: 5% 0 0;\n  color: ${(props) => props.color} !important;\n`;\n\nconst AnswerRow = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 0.5rem;\n  height: 22px;\n\n  p {\n    line-height: unset;\n    margin-top: 0;\n    margin-bottom: 0rem;\n  }\n`;\n","import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { RPGUIContainer, RPGUIContainerTypes } from '../RPGUIContainer';\nimport aliceDefaultThumbnail from './img/npcDialog/npcThumbnails/alice.png';\nimport pressSpaceGif from './img/space.gif';\nimport { NPCDialogText } from './NPCDialogText';\nimport {\n  IQuestionDialog,\n  IQuestionDialogAnswer,\n  QuestionDialog,\n} from './QuestionDialog/QuestionDialog';\n\nexport enum NPCDialogType {\n  TextOnly = 'TextOnly',\n  TextAndThumbnail = 'TextAndThumbnail',\n}\n\nexport interface INPCDialogProps {\n  text?: string;\n  type: NPCDialogType;\n  imagePath?: string;\n  onClose?: () => void;\n  isQuestionDialog?: boolean;\n  answers?: IQuestionDialogAnswer[];\n  questions?: IQuestionDialog[];\n}\n\nexport const NPCDialog: React.FC<INPCDialogProps> = ({\n  text,\n  type,\n  onClose,\n  imagePath,\n  isQuestionDialog = false,\n  questions,\n  answers,\n}) => {\n  const [showGoNextIndicator, setShowGoNextIndicator] =\n    useState<boolean>(false);\n\n  return (\n    <RPGUIContainer\n      type={RPGUIContainerTypes.FramedGold}\n      width={isQuestionDialog ? '600px' : '50%'}\n      height={'180px'}\n    >\n      {isQuestionDialog && questions && answers ? (\n        <>\n          <TextContainer\n            flex={type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'}\n          >\n            <QuestionDialog\n              questions={questions}\n              answers={answers}\n              onClose={() => {\n                if (onClose) {\n                  onClose();\n                }\n              }}\n            />\n          </TextContainer>\n          {type === NPCDialogType.TextAndThumbnail && (\n            <ThumbnailContainer>\n              <NPCThumbnail src={imagePath || aliceDefaultThumbnail} />\n            </ThumbnailContainer>\n          )}\n        </>\n      ) : (\n        <>\n          <Container>\n            <TextContainer\n              flex={type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'}\n            >\n              <NPCDialogText\n                onStartStep={() => setShowGoNextIndicator(false)}\n                onEndStep={() => setShowGoNextIndicator(true)}\n                text={text || 'No text provided.'}\n                onClose={() => {\n                  if (onClose) {\n                    onClose();\n                  }\n                }}\n              />\n            </TextContainer>\n            {type === NPCDialogType.TextAndThumbnail && (\n              <ThumbnailContainer>\n                <NPCThumbnail src={imagePath || aliceDefaultThumbnail} />\n              </ThumbnailContainer>\n            )}\n          </Container>\n          {showGoNextIndicator && (\n            <PressSpaceIndicator\n              right={type === NPCDialogType.TextOnly ? '1rem' : '10.5rem'}\n              src={pressSpaceGif}\n            />\n          )}\n        </>\n      )}\n    </RPGUIContainer>\n  );\n};\n\nconst Container = styled.div`\n  display: flex;\n  width: 100%;\n  height: 100%;\n\n  box-sizing: border-box;\n  justify-content: center;\n  align-items: flex-start;\n  position: relative;\n`;\n\ninterface ITextContainerProps {\n  flex: string;\n}\n\nconst TextContainer = styled.div<ITextContainerProps>`\n  flex: ${({ flex }) => flex} 0 0;\n  width: 355px;\n`;\n\nconst ThumbnailContainer = styled.div`\n  flex: 30% 0 0;\n  display: flex;\n  justify-content: flex-end;\n`;\n\nconst NPCThumbnail = styled.img`\n  image-rendering: pixelated;\n  height: 128px;\n  width: 128px;\n`;\n\ninterface IPressSpaceIndicatorProps {\n  right: string;\n}\n\nconst PressSpaceIndicator = styled.img<IPressSpaceIndicatorProps>`\n  position: absolute;\n  right: ${({ right }) => right};\n  bottom: 1rem;\n  height: 20.7px;\n  image-rendering: -webkit-optimize-contrast;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\n\nexport interface IBarProps {\n  max: number;\n  value: number;\n  color: 'red' | 'blue' | 'green';\n  style?: Record<string, any>;\n  displayText?: boolean;\n  percentageWidth?: number;\n  minWidth?: number;\n}\n\nexport const ProgressBar: React.FC<IBarProps> = ({\n  max,\n  value,\n  color,\n  displayText = true,\n  percentageWidth = 40,\n  minWidth = 100,\n  style,\n}) => {\n  const calculatePercentageValue = function (max: number, value: number) {\n    if (value > max) {\n      value = max;\n    }\n    return (value * 100) / max;\n  };\n\n  return (\n    <Container\n      className=\"rpgui-progress\"\n      data-value={calculatePercentageValue(max, value) / 100}\n      data-rpguitype=\"progress\"\n      percentageWidth={percentageWidth}\n      minWidth={minWidth}\n      style={style}\n    >\n      {displayText && (\n        <TextOverlay>\n          <ProgressBarText>\n            {value}/{max}\n          </ProgressBarText>\n        </TextOverlay>\n      )}\n      <div className=\" rpgui-progress-track\">\n        <div\n          className={`rpgui-progress-fill ${color} `}\n          style={{\n            left: '0px',\n            width: calculatePercentageValue(max, value) + '%',\n          }}\n        ></div>\n      </div>\n      <div className=\" rpgui-progress-left-edge\"></div>\n      <div className=\" rpgui-progress-right-edge\"></div>\n    </Container>\n  );\n};\n\nconst ProgressBarText = styled.span`\n  font-size: 1rem;\n  color: white;\n  text-align: center;\n  z-index: 1;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  top: 12px;\n`;\n\nconst TextOverlay = styled.div`\n  width: 100%;\n  position: relative;\n`;\n\ninterface IContainerProps {\n  percentageWidth?: number;\n  minWidth?: number;\n  style?: Record<string, any>;\n}\n\nconst Container = styled.div<IContainerProps>`\n  display: flex;\n  flex-direction: column;\n  min-width: ${(props) => props.minWidth}px;\n  width: ${(props) => props.percentageWidth}%;\n  justify-content: start;\n  align-items: flex-start;\n  ${(props) => props.style}\n`;\n","import React, { useEffect, useState } from 'react';\n\nexport interface IRadioItems {\n  label: string;\n  value: string;\n}\n\nexport interface IRadioProps {\n  name: string;\n  items: IRadioItems[];\n  onChange: (value: string) => void;\n}\n\nexport const InputRadio: React.FC<IRadioProps> = ({\n  name,\n  items,\n  onChange,\n}) => {\n  const [selectedValue, setSelectedValue] = useState<string>();\n  const handleClick = () => {\n    let element = document.querySelector(\n      `input[name=${name}]:checked`\n    ) as HTMLInputElement;\n    const elementValue = element.value;\n    setSelectedValue(elementValue);\n  };\n\n  useEffect(() => {\n    if (selectedValue) {\n      onChange(selectedValue);\n    }\n  }, [selectedValue]);\n\n  return (\n    <div id=\"elemento-radio\">\n      {items.map((element) => {\n        return (\n          <>\n            <input\n              key={element.value}\n              className=\"rpgui-radio\"\n              value={element.value}\n              name={name}\n              type=\"radio\"\n            />\n            <label onClick={handleClick}>{element.label}</label>\n            <br />\n          </>\n        );\n      })}\n    </div>\n  );\n};\n","import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { v4 as uuidv4 } from 'uuid';\nimport { useEventListener } from '../hooks/useEventListener';\nimport { _RPGUI } from './RPGUIRoot';\n\nexport enum RangeSliderType {\n  Slider = 'rpgui-slider',\n  GoldSlider = 'rpgui-slider golden',\n}\n\nexport interface IRangeSliderProps {\n  type: RangeSliderType;\n  valueMin: number;\n  valueMax: number;\n  width: string;\n  onChange: (value: number) => void;\n}\n\nexport const RangeSlider: React.FC<IRangeSliderProps> = ({\n  type,\n  valueMin,\n  valueMax,\n  width,\n  onChange,\n}) => {\n  const sliderId = uuidv4();\n\n  const [wasMouseDownFirst, setWasMouseDownFirst] = useState<boolean>(false);\n\n  useEventListener('mouseup', () => {\n    if (wasMouseDownFirst) {\n      onHandleMouseUp();\n    }\n    setWasMouseDownFirst(false);\n  });\n\n  const onHandleMouseUp = () => {\n    const rpguiSlider = document.getElementById(`rpgui-slider-${sliderId}`);\n    const value = _RPGUI.get_value(rpguiSlider);\n\n    onChange(Number(value));\n  };\n\n  return (\n    <div\n      onMouseUp={onHandleMouseUp}\n      onMouseDown={() => setWasMouseDownFirst(true)}\n    >\n      <Input\n        className={\n          type === RangeSliderType.Slider\n            ? RangeSliderType.Slider\n            : RangeSliderType.GoldSlider\n        }\n        type=\"range\"\n        style={{ width: width }}\n        min={valueMin}\n        max={valueMax}\n        id={`rpgui-slider-${sliderId}`}\n      />\n    </div>\n  );\n};\n\nconst Input = styled.input`\n  opacity: 0;\n`;\n","import React from 'react';\n\nexport interface ITextArea\n  extends React.DetailedHTMLProps<\n    React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    HTMLTextAreaElement\n  > {}\n\nexport const TextArea: React.FC<ITextArea> = ({ ...props }) => {\n  return <textarea {...props} />;\n};\n","/* eslint-disable react/require-default-props */\nimport React from 'react';\nimport styled from 'styled-components';\n\ninterface IProps {\n  maxLines?: number;\n  children: React.ReactNode;\n}\n\nexport const Truncate: React.FC<IProps> = ({ maxLines = 1, children }) => {\n  return <Container maxLines={maxLines}>{children}</Container>;\n};\n\ninterface IContainerProps {\n  maxLines: number;\n}\n\nconst Container = styled.div<IContainerProps>`\n  display: -webkit-box;\n  max-width: 100%;\n  max-height: 100%;\n  -webkit-line-clamp: ${(props) => props.maxLines};\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n`;\n"],"names":["ButtonTypes","Button","children","buttonType","props","React","ButtonContainer","className","styled","button","CheckButton","items","onChange","generateSelectedValuesList","selectedValues","forEach","item","label","useState","setSelectedValues","handleClick","useEffect","id","map","element","index","key","type","checked","onClick","colors","darkGrey","Input","RPGUIContainerTypes","RPGUIContainer","width","height","Container","div","Column","flex","flexWrap","alignItems","justifyContent","Chat","chatMessages","onSendChatMessage","opacity","onCloseButton","message","setMessage","scrollChatToBottom","scrollingElement","document","querySelector","scrollTop","scrollHeight","handleSubmit","event","preventDefault","getInputValue","value","CustomContainer","FramedGrey","CloseButton","onTouchStart","length","_id","createdAt","emitter","MessageText","dayjs","format","name","Form","onSubmit","CustomInput","e","target","autoComplete","RPGUIButton","form","p","_RPGUI","RPGUI","RPGUIRoot","Dropdown","options","dropdownId","uuidv4","selectedValue","setSelectedValue","getElementById","dropdownValue","get_value","addEventListener","style","option","ListMenu","onSelected","x","y","fontSize","overflow","params","ListElement","text","li","img","chunkString","str","match","RegExp","DynamicText","onFinish","onStart","textState","setTextState","i","interval","setInterval","substring","clearInterval","TextContainer","NPCDialogText","onClose","onEndStep","onStartStep","textChunks","chunkIndex","setChunkIndex","onHandleSpacePress","code","hasNextChunk","prev","removeEventListener","useEventListener","handler","el","window","savedHandler","useRef","current","listener","QuestionDialog","questions","answers","currentQuestion","setCurrentQuestion","canShowAnswers","setCanShowAnswers","onGetFirstAnswer","answerIds","firstAnswerId","find","answer","currentAnswer","setCurrentAnswer","onGetAnswers","answerId","onKeyPress","nextAnswerIndex","findIndex","nextAnswerID","nextAnswer","previousAnswerIndex","previousAnswerID","previousAnswer","pop","nextQuestionId","question","onAnswerClick","onRenderCurrentAnswers","isSelected","selectedColor","AnswerRow","AnswerSelectedIcon","color","Answer","QuestionContainer","AnswersContainer","span","NPCDialogType","NPCDialog","imagePath","isQuestionDialog","showGoNextIndicator","setShowGoNextIndicator","FramedGold","TextAndThumbnail","ThumbnailContainer","NPCThumbnail","src","aliceDefaultThumbnail","PressSpaceIndicator","right","TextOnly","pressSpaceGif","ProgressBar","max","displayText","percentageWidth","minWidth","calculatePercentageValue","TextOverlay","ProgressBarText","left","InputRadio","elementValue","RangeSliderType","RangeSlider","valueMin","valueMax","sliderId","wasMouseDownFirst","setWasMouseDownFirst","onHandleMouseUp","rpguiSlider","Number","onMouseUp","onMouseDown","Slider","GoldSlider","min","input","TextArea","Truncate","maxLines"],"mappings":"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"}
+{"version":3,"file":"long-bow.esm.js","sources":["../src/components/Button.tsx","../src/components/CheckButton.tsx","../src/constants/uiColors.ts","../src/components/Input.tsx","../src/components/RPGUIContainer.tsx","../src/components/shared/Column.tsx","../src/components/Chat/Chat.tsx","../src/components/RPGUIRoot.tsx","../src/components/Dropdown.tsx","../src/components/ListMenu.tsx","../src/components/NPCDialog/img/npcDialog/npcThumbnails/alice.png","../src/components/NPCDialog/img/space.gif","../src/libs/StringHelpers.ts","../src/components/typography/DynamicText.tsx","../src/components/NPCDialog/NPCDialogText.tsx","../src/hooks/useEventListener.ts","../src/components/NPCDialog/QuestionDialog/QuestionDialog.tsx","../src/components/NPCDialog/NPCDialog.tsx","../src/components/ProgressBar.tsx","../src/components/RadioButton.tsx","../src/components/RangeSlider.tsx","../src/components/TextArea.tsx","../src/components/Truncate.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\n\nexport enum ButtonTypes {\n  RPGUIButton = 'rpgui-button',\n  RPGUIGoldButton = 'rpgui-button golden',\n}\n\nexport interface IButtonProps {\n  children: React.ReactNode;\n  buttonType: ButtonTypes;\n}\n\nexport const Button: React.FC<\n  IButtonProps &\n    React.DetailedHTMLProps<\n      React.ButtonHTMLAttributes<HTMLButtonElement>,\n      HTMLButtonElement\n    >\n> = ({ children, buttonType, ...props }) => {\n  return (\n    <ButtonContainer className={`${buttonType}`} {...props}>\n      <p>{children}</p>\n    </ButtonContainer>\n  );\n};\n\nconst ButtonContainer = styled.button<any>`\n  height: 45px;\n  font-size: 11.5px;\n`;\n","import React, { useEffect, useState } from 'react';\n\nexport interface ICheckItems {\n  label: string;\n  value: string;\n}\n\nexport interface ICheckProps {\n  items: ICheckItems[];\n  onChange: (selectedValues: IChecklistSelectedValues) => void;\n}\n\ninterface IChecklistSelectedValues {\n  [label: string]: boolean;\n}\n\nexport const CheckButton: React.FC<ICheckProps> = ({ items, onChange }) => {\n  const generateSelectedValuesList = () => {\n    const selectedValues: IChecklistSelectedValues = {};\n\n    items.forEach((item) => {\n      selectedValues[item.label] = false;\n    });\n\n    return selectedValues;\n  };\n\n  const [selectedValues, setSelectedValues] =\n    useState<IChecklistSelectedValues>(generateSelectedValuesList());\n\n  const handleClick = (label: string) => {\n    setSelectedValues({\n      ...selectedValues,\n      [label]: !selectedValues[label],\n    });\n  };\n\n  useEffect(() => {\n    if (selectedValues) {\n      onChange(selectedValues);\n    }\n  }, [selectedValues]);\n\n  return (\n    <div id=\"elemento-checkbox\">\n      {items?.map((element, index) => {\n        return (\n          <div key={`${element.label}_${index}`}>\n            <input\n              className=\"rpgui-checkbox\"\n              type=\"checkbox\"\n              checked={selectedValues[element.label]}\n              onChange={() => {}}\n            />\n            <label onClick={() => handleClick(element.label)}>\n              {element.label}\n            </label>\n            <br />\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n","export const colors = {\n  darkGrey: '#3e3e3e',\n};\n","import React from 'react';\n\nexport interface IInputProps\n  extends React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  > {}\n\nexport const Input: React.FC<IInputProps> = ({ ...props }) => {\n  return <input {...props} />;\n};\n","import React from 'react';\nimport styled from 'styled-components';\n\nexport enum RPGUIContainerTypes {\n  Framed = 'framed',\n  FramedGold = 'framed-golden',\n  FramedGold2 = 'framed-golden-2',\n  FramedGrey = 'framed-grey',\n}\nexport interface IRPGUIContainerProps {\n  type: RPGUIContainerTypes;\n  children: React.ReactNode;\n  width?: string;\n  height?: string;\n  className?: string;\n}\n\nexport const RPGUIContainer: React.FC<IRPGUIContainerProps> = ({\n  children,\n  type,\n  width = '50%',\n  height,\n  className,\n}) => {\n  return (\n    <Container\n      width={width}\n      height={height || 'auto'}\n      className={`rpgui-container ${type} ${className}`}\n    >\n      {children}\n    </Container>\n  );\n};\n\ninterface IContainerProps {\n  width: string;\n  height: string;\n}\n\nconst Container = styled.div<IContainerProps>`\n  height: ${(props) => props.height};\n  width: ${({ width }) => width};\n  display: flex;\n  flex-wrap: wrap;\n  image-rendering: pixelated;\n`;\n","import styled from 'styled-components';\n\ninterface IColumn {\n  flex?: number;\n  alignItems?: string;\n  justifyContent?: string;\n  flexWrap?: string;\n}\n\nexport const Column = styled.div<IColumn>`\n  flex: ${(props) => props.flex || 'auto'};\n  display: flex;\n  flex-wrap: ${(props) => props.flexWrap || 'nowrap'};\n  align-items: ${(props) => props.alignItems || 'flex-start'};\n  justify-content: ${(props) => props.justifyContent || 'flex-start'};\n`;\n","import { IChatMessage } from '@rpg-engine/shared';\nimport dayjs from 'dayjs';\nimport React, { useEffect, useState } from 'react';\nimport { ErrorBoundary } from 'react-error-boundary';\nimport styled from 'styled-components';\nimport { colors } from '../../constants/uiColors';\nimport { Button, ButtonTypes } from '../Button';\nimport { Input } from '../Input';\nimport { RPGUIContainer, RPGUIContainerTypes } from '../RPGUIContainer';\nimport { Column } from '../shared/Column';\n\ninterface IEmitter {\n  _id: string;\n  name: string;\n}\nexport interface IChatProps {\n  chatMessages: IChatMessage[];\n  onSendChatMessage: (message: string) => void;\n  onCloseButton: () => void;\n  opacity?: number;\n  width?: string;\n  height?: string;\n}\n\nexport const Chat: React.FC<IChatProps> = ({\n  chatMessages,\n  onSendChatMessage,\n  opacity = 1,\n  width = '100%',\n  height = '250px',\n  onCloseButton,\n}) => {\n  const [message, setMessage] = useState('');\n\n  useEffect(() => {\n    scrollChatToBottom();\n  }, []);\n\n  useEffect(() => {\n    scrollChatToBottom();\n  }, [chatMessages]);\n\n  const scrollChatToBottom = () => {\n    const scrollingElement = document.querySelector('.chat-body');\n    if (scrollingElement) {\n      scrollingElement.scrollTop = scrollingElement.scrollHeight;\n    }\n  };\n\n  const handleSubmit = (event: React.SyntheticEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    onSendChatMessage(message);\n    setMessage('');\n  };\n  const getInputValue = (value: string) => {\n    setMessage(value);\n  };\n\n  const onRenderMessageLines = (\n    emitter: IEmitter,\n    createdAt: string | undefined,\n    message: string\n  ) => {\n    return `${dayjs(createdAt || new Date()).format('HH:mm')} ${\n      emitter?.name ? `${emitter.name}: ` : 'Unknown: '\n    } ${message}`;\n  };\n\n  const onRenderChatMessages = (chatMessages: IChatMessage[]) => {\n    return chatMessages?.length ? (\n      chatMessages?.map(({ _id, createdAt, emitter, message }, index) => (\n        <MessageText key={`${_id}_${index}`}>\n          {onRenderMessageLines(emitter, createdAt, message)}\n        </MessageText>\n      ))\n    ) : (\n      <MessageText>No messages available.</MessageText>\n    );\n  };\n\n  return (\n    <Container>\n      <CustomContainer\n        type={RPGUIContainerTypes.FramedGrey}\n        width={width}\n        height={height}\n        className=\"chat-container\"\n        opacity={opacity}\n      >\n        <ErrorBoundary fallback={<p>Oops! Your chat has crashed.</p>}>\n          {onCloseButton && (\n            <CloseButton onClick={onCloseButton} onTouchStart={onCloseButton}>\n              X\n            </CloseButton>\n          )}\n          <RPGUIContainer\n            type={RPGUIContainerTypes.FramedGrey}\n            width={'100%'}\n            height={'80%'}\n            className=\"chat-body dark-background\"\n          >\n            {onRenderChatMessages(chatMessages)}\n          </RPGUIContainer>\n\n          <Form onSubmit={handleSubmit}>\n            <Column flex={70}>\n              <CustomInput\n                value={message}\n                id=\"inputMessage\"\n                onChange={(e) => getInputValue(e.target.value)}\n                height={20}\n                className=\"chat-input dark-background\"\n                type=\"text\"\n                autoComplete=\"off\"\n              />\n            </Column>\n            <Column justifyContent=\"flex-end\">\n              <Button\n                buttonType={ButtonTypes.RPGUIButton}\n                id=\"chat-send-button\"\n              >\n                Send\n              </Button>\n            </Column>\n          </Form>\n        </ErrorBoundary>\n      </CustomContainer>\n    </Container>\n  );\n};\n\nconst Container = styled.div`\n  position: relative;\n`;\n\nconst CloseButton = styled.div`\n  position: absolute;\n  top: 3px;\n  right: 0px;\n  color: white;\n  z-index: 22;\n  font-size: 10px;\n`;\n\nconst CustomInput = styled(Input)`\n  height: 30px;\n  width: 100%;\n\n  .rpgui-content .input {\n    min-height: 39px;\n  }\n`;\n\ninterface ICustomContainerProps {\n  opacity: number;\n}\n\nconst CustomContainer = styled(RPGUIContainer)`\n  display: block;\n\n  opacity: ${(props: ICustomContainerProps) => props.opacity};\n\n  &:hover {\n    opacity: 1;\n  }\n\n  .dark-background {\n    background-color: ${colors.darkGrey} !important;\n  }\n\n  .chat-body {\n    &.rpgui-container.framed-grey {\n      background: unset;\n    }\n    max-height: 170px;\n    overflow-y: auto;\n  }\n`;\n\nconst Form = styled.form`\n  display: flex;\n  width: 100%;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst MessageText = styled.p`\n  display: block !important;\n  width: 100%;\n  font-size: 0.7rem !important;\n  overflow-y: auto;\n  margin: 0;\n`;\n","import React from 'react';\nimport 'rpgui/rpgui.min.css';\nimport 'rpgui/rpgui.min.js';\n\ninterface IProps {\n  children: React.ReactNode;\n}\n\n//@ts-ignore\nexport const _RPGUI = RPGUI;\n\nexport const RPGUIRoot: React.FC<IProps> = ({ children }) => {\n  return <div className=\"rpgui-content\">{children}</div>;\n};\n","import React, { useEffect, useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport { _RPGUI } from './RPGUIRoot';\n\nexport interface IOptionsProps {\n  id: number;\n  value: string;\n  option: string;\n}\n\nexport interface IDropdownProps {\n  options: IOptionsProps[];\n  width?: string;\n  onChange: (value: string) => void;\n}\n\nexport const Dropdown: React.FC<IDropdownProps> = ({\n  options,\n  width,\n  onChange,\n}) => {\n  const dropdownId = uuidv4();\n\n  const [selectedValue, setSelectedValue] = useState<string>('');\n\n  useEffect(() => {\n    const element = document.getElementById(`rpgui-dropdown-${dropdownId}`);\n    const dropdownValue = _RPGUI.get_value(element);\n    setSelectedValue(dropdownValue);\n\n    element?.addEventListener('change', (event: any) => {\n      setSelectedValue(event?.target.value);\n    });\n  }, []);\n\n  useEffect(() => {\n    if (selectedValue) {\n      onChange(selectedValue);\n    }\n  }, [selectedValue]);\n\n  return (\n    <select\n      id={`rpgui-dropdown-${dropdownId}`}\n      style={{ width: width }}\n      className=\"rpgui-dropdown\"\n    >\n      {options.map((option) => {\n        return (\n          <option key={option.id} value={option.value}>\n            {option.option}\n          </option>\n        );\n      })}\n    </select>\n  );\n};\n","import React from 'react';\nimport styled from 'styled-components';\n\ninterface IListMenuOption {\n  id: string;\n  text: string;\n}\n\nexport interface IListMenuProps {\n  x: number;\n  y: number;\n  options: IListMenuOption[];\n  onSelected: (selectedOptionId: string) => void;\n  fontSize?: number;\n}\n\nexport const ListMenu: React.FC<IListMenuProps> = ({\n  options,\n  onSelected,\n  x,\n  y,\n  fontSize = 0.8,\n}) => {\n  return (\n    <Container x={x} y={y} fontSize={fontSize}>\n      <ul className=\"rpgui-list-imp\" style={{ overflow: 'hidden' }}>\n        {options.map((params) => (\n          <ListElement\n            key={params.text}\n            onClick={() => {\n              onSelected(params.id);\n            }}\n          >\n            {params.text}\n          </ListElement>\n        ))}\n      </ul>\n    </Container>\n  );\n};\n\ninterface IContainerProps {\n  x?: number;\n  y?: number;\n  fontSize?: number;\n}\n\nconst Container = styled.div<IContainerProps>`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  justify-content: start;\n  align-items: flex-start;\n  position: absolute;\n  top: ${(props) => props.y || 0}px;\n  left: ${(props) => props.x || 0}px;\n\n  li {\n    font-size: ${(props) => props.fontSize}em;\n  }\n`;\n\nconst ListElement = styled.li`\n  margin-right: 0.5rem;\n`;\n","const img = require('./alice.png'); export default img;","const img = require('./space.gif'); export default img;","export const chunkString = (str: string, length: number) => {\n  return str.match(new RegExp('.{1,' + length + '}', 'g'));\n};\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\n\ninterface IProps {\n  text: string;\n  onFinish?: () => void;\n  onStart?: () => void;\n}\n\nexport const DynamicText: React.FC<IProps> = ({ text, onFinish, onStart }) => {\n  const [textState, setTextState] = useState<string>('');\n\n  useEffect(() => {\n    let i = 0;\n    const interval = setInterval(() => {\n      // on every interval, show one more character\n\n      if (i === 0) {\n        if (onStart) {\n          onStart();\n        }\n      }\n\n      if (i < text.length) {\n        setTextState(text.substring(0, i + 1));\n        i++;\n      } else {\n        clearInterval(interval);\n        if (onFinish) {\n          onFinish();\n        }\n      }\n    }, 50);\n\n    return () => {\n      clearInterval(interval);\n    };\n  }, [text]);\n\n  return <TextContainer>{textState}</TextContainer>;\n};\n\nconst TextContainer = styled.p`\n  font-size: 0.7rem !important;\n  color: white;\n  text-shadow: 1px 1px 0px #000000;\n  letter-spacing: 1.2px;\n  word-break: normal;\n`;\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { chunkString } from '../../libs/StringHelpers';\nimport { DynamicText } from '../typography/DynamicText';\n\ninterface IProps {\n  text: string;\n  onClose: () => void;\n  onEndStep: () => void;\n  onStartStep: () => void;\n}\n\nexport const NPCDialogText: React.FC<IProps> = ({\n  text,\n  onClose,\n  onEndStep,\n  onStartStep,\n}) => {\n  const textChunks = chunkString(text, 85);\n\n  const [chunkIndex, setChunkIndex] = useState<number>(0);\n\n  const onHandleSpacePress = (event: KeyboardEvent) => {\n    if (event.code === 'Space') {\n      const hasNextChunk = textChunks?.[chunkIndex + 1] || false;\n\n      if (hasNextChunk) {\n        setChunkIndex((prev) => prev + 1);\n      } else {\n        // if there's no more text chunks, close the dialog\n        onClose();\n      }\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener('keydown', onHandleSpacePress);\n\n    return () => document.removeEventListener('keydown', onHandleSpacePress);\n  }, [chunkIndex]);\n\n  return (\n    <Container>\n      <DynamicText\n        text={textChunks?.[chunkIndex] || ''}\n        onFinish={onEndStep}\n        onStart={onStartStep}\n      />\n    </Container>\n  );\n};\n\nconst Container = styled.div``;\n","import React from 'react';\n\n//@ts-ignore\nexport const useEventListener = (type, handler, el = window) => {\n  const savedHandler = React.useRef();\n\n  React.useEffect(() => {\n    savedHandler.current = handler;\n  }, [handler]);\n\n  React.useEffect(() => {\n    //@ts-ignore\n    const listener = (e) => savedHandler.current(e);\n\n    el.addEventListener(type, listener);\n\n    return () => {\n      el.removeEventListener(type, listener);\n    };\n  }, [type, el]);\n};\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { useEventListener } from '../../../hooks/useEventListener';\nimport { DynamicText } from '../../typography/DynamicText';\n\nexport interface IQuestionDialogAnswer {\n  id: number;\n  text: string;\n  nextQuestionId?: number;\n}\n\nexport interface IQuestionDialog {\n  id: number;\n  text: string;\n  answerIds?: number[];\n}\n\nexport interface IProps {\n  questions: IQuestionDialog[];\n  answers: IQuestionDialogAnswer[];\n  onClose: () => void;\n}\n\nexport const QuestionDialog: React.FC<IProps> = ({\n  questions,\n  answers,\n  onClose,\n}) => {\n  const [currentQuestion, setCurrentQuestion] = useState(questions[0]);\n\n  const [canShowAnswers, setCanShowAnswers] = useState<boolean>(false);\n\n  const onGetFirstAnswer = () => {\n    if (!currentQuestion.answerIds || currentQuestion.answerIds.length === 0) {\n      return null;\n    }\n\n    const firstAnswerId = currentQuestion.answerIds![0];\n\n    return answers.find((answer) => answer.id === firstAnswerId);\n  };\n\n  const [currentAnswer, setCurrentAnswer] =\n    useState<IQuestionDialogAnswer | null>(onGetFirstAnswer()!);\n\n  useEffect(() => {\n    setCurrentAnswer(onGetFirstAnswer()!);\n  }, [currentQuestion]);\n\n  const onGetAnswers = (answerIds: number[]) => {\n    return answerIds.map((answerId: number) =>\n      answers.find((answer) => answer.id === answerId)\n    );\n  };\n\n  const onKeyPress = (e: KeyboardEvent) => {\n    switch (e.key) {\n      case 'ArrowDown':\n        // select next answer, if any.\n        // if no next answer, select first answer\n        // const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(\n        //   (answer) => answer?.id === currentAnswer!.id + 1\n        // );\n\n        const nextAnswerIndex = onGetAnswers(\n          currentQuestion.answerIds!\n        ).findIndex((answer) => answer?.id === currentAnswer!.id + 1);\n\n        const nextAnswerID = currentQuestion.answerIds![nextAnswerIndex];\n\n        // console.log(nextAnswerIndex);\n\n        const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(\n          (answer) => answer?.id === nextAnswerID\n        );\n\n        setCurrentAnswer(nextAnswer || onGetFirstAnswer()!);\n\n        break;\n      case 'ArrowUp':\n        // select previous answer, if any.\n        // if no previous answer, select last answer\n\n        const previousAnswerIndex = onGetAnswers(\n          currentQuestion.answerIds!\n        ).findIndex((answer) => answer?.id === currentAnswer!.id - 1);\n\n        const previousAnswerID =\n          currentQuestion.answerIds &&\n          currentQuestion.answerIds[previousAnswerIndex];\n\n        const previousAnswer = onGetAnswers(currentQuestion.answerIds!).find(\n          (answer) => answer?.id === previousAnswerID\n        );\n\n        if (previousAnswer) {\n          setCurrentAnswer(previousAnswer);\n        } else {\n          setCurrentAnswer(onGetAnswers(currentQuestion.answerIds!).pop()!);\n        }\n\n        break;\n      case 'Enter':\n        setCanShowAnswers(false);\n\n        if (!currentAnswer?.nextQuestionId) {\n          onClose();\n          return;\n        } else {\n          setCurrentQuestion(\n            questions.find(\n              (question) => question.id === currentAnswer!.nextQuestionId\n            )!\n          );\n        }\n\n        break;\n    }\n  };\n  useEventListener('keydown', onKeyPress);\n\n  const onAnswerClick = (answer: IQuestionDialogAnswer) => {\n    setCanShowAnswers(false);\n    if (answer.nextQuestionId) {\n      // if there is a next question, go to it\n      setCurrentQuestion(\n        questions.find((question) => question.id === answer.nextQuestionId)!\n      );\n    } else {\n      // else, finish dialog!\n      onClose();\n    }\n  };\n\n  const onRenderCurrentAnswers = () => {\n    const answerIds = currentQuestion.answerIds;\n    if (!answerIds) {\n      return null;\n    }\n\n    const answers = onGetAnswers(answerIds);\n\n    if (!answers) {\n      return null;\n    }\n\n    return answers.map((answer) => {\n      const isSelected = currentAnswer?.id === answer?.id;\n      const selectedColor = isSelected ? 'yellow' : 'white';\n\n      if (answer) {\n        return (\n          <AnswerRow key={`answer_${answer.id}`}>\n            <AnswerSelectedIcon color={selectedColor}>\n              {isSelected ? 'X' : null}\n            </AnswerSelectedIcon>\n\n            <Answer\n              key={answer.id}\n              onClick={() => onAnswerClick(answer)}\n              color={selectedColor}\n            >\n              {answer.text}\n            </Answer>\n          </AnswerRow>\n        );\n      }\n\n      return null;\n    });\n  };\n\n  return (\n    <Container>\n      <QuestionContainer>\n        <DynamicText\n          text={currentQuestion.text}\n          onStart={() => setCanShowAnswers(false)}\n          onFinish={() => setCanShowAnswers(true)}\n        />\n      </QuestionContainer>\n\n      {canShowAnswers && (\n        <AnswersContainer>{onRenderCurrentAnswers()}</AnswersContainer>\n      )}\n    </Container>\n  );\n};\n\nconst Container = styled.div`\n  display: flex;\n\n  word-break: break-all;\n\n  box-sizing: border-box;\n  justify-content: flex-start;\n  align-items: flex-start;\n  flex-wrap: wrap;\n`;\n\nconst QuestionContainer = styled.div`\n  flex: 100%;\n  width: 100%;\n`;\n\nconst AnswersContainer = styled.div`\n  flex: 100%;\n`;\n\ninterface IAnswerProps {\n  color: string;\n}\n\nconst Answer = styled.p<IAnswerProps>`\n  flex: auto;\n  color: ${(props) => props.color} !important;\n  font-size: 0.65rem !important;\n  background: inherit;\n  border: none;\n`;\n\nconst AnswerSelectedIcon = styled.span<IAnswerProps>`\n  flex: 5% 0 0;\n  color: ${(props) => props.color} !important;\n`;\n\nconst AnswerRow = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 0.5rem;\n  height: 22px;\n\n  p {\n    line-height: unset;\n    margin-top: 0;\n    margin-bottom: 0rem;\n  }\n`;\n","import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { RPGUIContainer, RPGUIContainerTypes } from '../RPGUIContainer';\nimport aliceDefaultThumbnail from './img/npcDialog/npcThumbnails/alice.png';\nimport pressSpaceGif from './img/space.gif';\nimport { NPCDialogText } from './NPCDialogText';\nimport {\n  IQuestionDialog,\n  IQuestionDialogAnswer,\n  QuestionDialog,\n} from './QuestionDialog/QuestionDialog';\n\nexport enum NPCDialogType {\n  TextOnly = 'TextOnly',\n  TextAndThumbnail = 'TextAndThumbnail',\n}\n\nexport interface INPCDialogProps {\n  text?: string;\n  type: NPCDialogType;\n  imagePath?: string;\n  onClose?: () => void;\n  isQuestionDialog?: boolean;\n  answers?: IQuestionDialogAnswer[];\n  questions?: IQuestionDialog[];\n}\n\nexport const NPCDialog: React.FC<INPCDialogProps> = ({\n  text,\n  type,\n  onClose,\n  imagePath,\n  isQuestionDialog = false,\n  questions,\n  answers,\n}) => {\n  const [showGoNextIndicator, setShowGoNextIndicator] =\n    useState<boolean>(false);\n\n  return (\n    <RPGUIContainer\n      type={RPGUIContainerTypes.FramedGold}\n      width={isQuestionDialog ? '600px' : '50%'}\n      height={'180px'}\n    >\n      {isQuestionDialog && questions && answers ? (\n        <>\n          <TextContainer\n            flex={type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'}\n          >\n            <QuestionDialog\n              questions={questions}\n              answers={answers}\n              onClose={() => {\n                if (onClose) {\n                  onClose();\n                }\n              }}\n            />\n          </TextContainer>\n          {type === NPCDialogType.TextAndThumbnail && (\n            <ThumbnailContainer>\n              <NPCThumbnail src={imagePath || aliceDefaultThumbnail} />\n            </ThumbnailContainer>\n          )}\n        </>\n      ) : (\n        <>\n          <Container>\n            <TextContainer\n              flex={type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'}\n            >\n              <NPCDialogText\n                onStartStep={() => setShowGoNextIndicator(false)}\n                onEndStep={() => setShowGoNextIndicator(true)}\n                text={text || 'No text provided.'}\n                onClose={() => {\n                  if (onClose) {\n                    onClose();\n                  }\n                }}\n              />\n            </TextContainer>\n            {type === NPCDialogType.TextAndThumbnail && (\n              <ThumbnailContainer>\n                <NPCThumbnail src={imagePath || aliceDefaultThumbnail} />\n              </ThumbnailContainer>\n            )}\n          </Container>\n          {showGoNextIndicator && (\n            <PressSpaceIndicator\n              right={type === NPCDialogType.TextOnly ? '1rem' : '10.5rem'}\n              src={pressSpaceGif}\n            />\n          )}\n        </>\n      )}\n    </RPGUIContainer>\n  );\n};\n\nconst Container = styled.div`\n  display: flex;\n  width: 100%;\n  height: 100%;\n\n  box-sizing: border-box;\n  justify-content: center;\n  align-items: flex-start;\n  position: relative;\n`;\n\ninterface ITextContainerProps {\n  flex: string;\n}\n\nconst TextContainer = styled.div<ITextContainerProps>`\n  flex: ${({ flex }) => flex} 0 0;\n  width: 355px;\n`;\n\nconst ThumbnailContainer = styled.div`\n  flex: 30% 0 0;\n  display: flex;\n  justify-content: flex-end;\n`;\n\nconst NPCThumbnail = styled.img`\n  image-rendering: pixelated;\n  height: 128px;\n  width: 128px;\n`;\n\ninterface IPressSpaceIndicatorProps {\n  right: string;\n}\n\nconst PressSpaceIndicator = styled.img<IPressSpaceIndicatorProps>`\n  position: absolute;\n  right: ${({ right }) => right};\n  bottom: 1rem;\n  height: 20.7px;\n  image-rendering: -webkit-optimize-contrast;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\n\nexport interface IBarProps {\n  max: number;\n  value: number;\n  color: 'red' | 'blue' | 'green';\n  style?: Record<string, any>;\n  displayText?: boolean;\n  percentageWidth?: number;\n  minWidth?: number;\n}\n\nexport const ProgressBar: React.FC<IBarProps> = ({\n  max,\n  value,\n  color,\n  displayText = true,\n  percentageWidth = 40,\n  minWidth = 100,\n  style,\n}) => {\n  const calculatePercentageValue = function (max: number, value: number) {\n    if (value > max) {\n      value = max;\n    }\n    return (value * 100) / max;\n  };\n\n  return (\n    <Container\n      className=\"rpgui-progress\"\n      data-value={calculatePercentageValue(max, value) / 100}\n      data-rpguitype=\"progress\"\n      percentageWidth={percentageWidth}\n      minWidth={minWidth}\n      style={style}\n    >\n      {displayText && (\n        <TextOverlay>\n          <ProgressBarText>\n            {value}/{max}\n          </ProgressBarText>\n        </TextOverlay>\n      )}\n      <div className=\" rpgui-progress-track\">\n        <div\n          className={`rpgui-progress-fill ${color} `}\n          style={{\n            left: '0px',\n            width: calculatePercentageValue(max, value) + '%',\n          }}\n        ></div>\n      </div>\n      <div className=\" rpgui-progress-left-edge\"></div>\n      <div className=\" rpgui-progress-right-edge\"></div>\n    </Container>\n  );\n};\n\nconst ProgressBarText = styled.span`\n  font-size: 1rem;\n  color: white;\n  text-align: center;\n  z-index: 1;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  top: 12px;\n`;\n\nconst TextOverlay = styled.div`\n  width: 100%;\n  position: relative;\n`;\n\ninterface IContainerProps {\n  percentageWidth?: number;\n  minWidth?: number;\n  style?: Record<string, any>;\n}\n\nconst Container = styled.div<IContainerProps>`\n  display: flex;\n  flex-direction: column;\n  min-width: ${(props) => props.minWidth}px;\n  width: ${(props) => props.percentageWidth}%;\n  justify-content: start;\n  align-items: flex-start;\n  ${(props) => props.style}\n`;\n","import React, { useEffect, useState } from 'react';\n\nexport interface IRadioItems {\n  label: string;\n  value: string;\n}\n\nexport interface IRadioProps {\n  name: string;\n  items: IRadioItems[];\n  onChange: (value: string) => void;\n}\n\nexport const InputRadio: React.FC<IRadioProps> = ({\n  name,\n  items,\n  onChange,\n}) => {\n  const [selectedValue, setSelectedValue] = useState<string>();\n  const handleClick = () => {\n    let element = document.querySelector(\n      `input[name=${name}]:checked`\n    ) as HTMLInputElement;\n    const elementValue = element.value;\n    setSelectedValue(elementValue);\n  };\n\n  useEffect(() => {\n    if (selectedValue) {\n      onChange(selectedValue);\n    }\n  }, [selectedValue]);\n\n  return (\n    <div id=\"elemento-radio\">\n      {items.map((element) => {\n        return (\n          <>\n            <input\n              key={element.value}\n              className=\"rpgui-radio\"\n              value={element.value}\n              name={name}\n              type=\"radio\"\n            />\n            <label onClick={handleClick}>{element.label}</label>\n            <br />\n          </>\n        );\n      })}\n    </div>\n  );\n};\n","import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { v4 as uuidv4 } from 'uuid';\nimport { useEventListener } from '../hooks/useEventListener';\nimport { _RPGUI } from './RPGUIRoot';\n\nexport enum RangeSliderType {\n  Slider = 'rpgui-slider',\n  GoldSlider = 'rpgui-slider golden',\n}\n\nexport interface IRangeSliderProps {\n  type: RangeSliderType;\n  valueMin: number;\n  valueMax: number;\n  width: string;\n  onChange: (value: number) => void;\n}\n\nexport const RangeSlider: React.FC<IRangeSliderProps> = ({\n  type,\n  valueMin,\n  valueMax,\n  width,\n  onChange,\n}) => {\n  const sliderId = uuidv4();\n\n  const [wasMouseDownFirst, setWasMouseDownFirst] = useState<boolean>(false);\n\n  useEventListener('mouseup', () => {\n    if (wasMouseDownFirst) {\n      onHandleMouseUp();\n    }\n    setWasMouseDownFirst(false);\n  });\n\n  const onHandleMouseUp = () => {\n    const rpguiSlider = document.getElementById(`rpgui-slider-${sliderId}`);\n    const value = _RPGUI.get_value(rpguiSlider);\n\n    onChange(Number(value));\n  };\n\n  return (\n    <div\n      onMouseUp={onHandleMouseUp}\n      onMouseDown={() => setWasMouseDownFirst(true)}\n    >\n      <Input\n        className={\n          type === RangeSliderType.Slider\n            ? RangeSliderType.Slider\n            : RangeSliderType.GoldSlider\n        }\n        type=\"range\"\n        style={{ width: width }}\n        min={valueMin}\n        max={valueMax}\n        id={`rpgui-slider-${sliderId}`}\n      />\n    </div>\n  );\n};\n\nconst Input = styled.input`\n  opacity: 0;\n`;\n","import React from 'react';\n\nexport interface ITextArea\n  extends React.DetailedHTMLProps<\n    React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    HTMLTextAreaElement\n  > {}\n\nexport const TextArea: React.FC<ITextArea> = ({ ...props }) => {\n  return <textarea {...props} />;\n};\n","/* eslint-disable react/require-default-props */\nimport React from 'react';\nimport styled from 'styled-components';\n\ninterface IProps {\n  maxLines?: number;\n  children: React.ReactNode;\n}\n\nexport const Truncate: React.FC<IProps> = ({ maxLines = 1, children }) => {\n  return <Container maxLines={maxLines}>{children}</Container>;\n};\n\ninterface IContainerProps {\n  maxLines: number;\n}\n\nconst Container = styled.div<IContainerProps>`\n  display: -webkit-box;\n  max-width: 100%;\n  max-height: 100%;\n  -webkit-line-clamp: ${(props) => props.maxLines};\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n`;\n"],"names":["ButtonTypes","Button","children","buttonType","props","React","ButtonContainer","className","styled","button","CheckButton","items","onChange","generateSelectedValuesList","selectedValues","forEach","item","label","useState","setSelectedValues","handleClick","useEffect","id","map","element","index","key","type","checked","onClick","colors","darkGrey","Input","RPGUIContainerTypes","RPGUIContainer","width","height","Container","div","Column","flex","flexWrap","alignItems","justifyContent","Chat","chatMessages","onSendChatMessage","opacity","onCloseButton","message","setMessage","scrollChatToBottom","scrollingElement","document","querySelector","scrollTop","scrollHeight","handleSubmit","event","preventDefault","getInputValue","value","onRenderMessageLines","emitter","createdAt","dayjs","Date","format","name","onRenderChatMessages","length","_id","MessageText","CustomContainer","FramedGrey","ErrorBoundary","fallback","CloseButton","onTouchStart","Form","onSubmit","CustomInput","e","target","autoComplete","RPGUIButton","form","p","_RPGUI","RPGUI","RPGUIRoot","Dropdown","options","dropdownId","uuidv4","selectedValue","setSelectedValue","getElementById","dropdownValue","get_value","addEventListener","style","option","ListMenu","onSelected","x","y","fontSize","overflow","params","ListElement","text","li","img","chunkString","str","match","RegExp","DynamicText","onFinish","onStart","textState","setTextState","i","interval","setInterval","substring","clearInterval","TextContainer","NPCDialogText","onClose","onEndStep","onStartStep","textChunks","chunkIndex","setChunkIndex","onHandleSpacePress","code","hasNextChunk","prev","removeEventListener","useEventListener","handler","el","window","savedHandler","useRef","current","listener","QuestionDialog","questions","answers","currentQuestion","setCurrentQuestion","canShowAnswers","setCanShowAnswers","onGetFirstAnswer","answerIds","firstAnswerId","find","answer","currentAnswer","setCurrentAnswer","onGetAnswers","answerId","onKeyPress","nextAnswerIndex","findIndex","nextAnswerID","nextAnswer","previousAnswerIndex","previousAnswerID","previousAnswer","pop","nextQuestionId","question","onAnswerClick","onRenderCurrentAnswers","isSelected","selectedColor","AnswerRow","AnswerSelectedIcon","color","Answer","QuestionContainer","AnswersContainer","span","NPCDialogType","NPCDialog","imagePath","isQuestionDialog","showGoNextIndicator","setShowGoNextIndicator","FramedGold","TextAndThumbnail","ThumbnailContainer","NPCThumbnail","src","aliceDefaultThumbnail","PressSpaceIndicator","right","TextOnly","pressSpaceGif","ProgressBar","max","displayText","percentageWidth","minWidth","calculatePercentageValue","TextOverlay","ProgressBarText","left","InputRadio","elementValue","RangeSliderType","RangeSlider","valueMin","valueMax","sliderId","wasMouseDownFirst","setWasMouseDownFirst","onHandleMouseUp","rpguiSlider","Number","onMouseUp","onMouseDown","Slider","GoldSlider","min","input","TextArea","Truncate","maxLines"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpg-engine/long-bow",
-  "version": "0.1.48",
+  "version": "0.1.51",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -70,6 +70,7 @@
     "pretty-quick": "^3.1.3",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "react-error-boundary": "^3.1.4",
     "react-is": "^17.0.2",
     "size-limit": "^7.0.8",
     "storybook-dark-mode": "^1.0.9",

package/src/components/Chat/Chat.tsx

@@ -1,6 +1,7 @@
 import { IChatMessage } from '@rpg-engine/shared';
 import dayjs from 'dayjs';
 import React, { useEffect, useState } from 'react';
+import { ErrorBoundary } from 'react-error-boundary';
 import styled from 'styled-components';
 import { colors } from '../../constants/uiColors';
 import { Button, ButtonTypes } from '../Button';
@@ -8,6 +9,10 @@ import { Input } from '../Input';
 import { RPGUIContainer, RPGUIContainerTypes } from '../RPGUIContainer';
 import { Column } from '../shared/Column';
 
+interface IEmitter {
+  _id: string;
+  name: string;
+}
 export interface IChatProps {
   chatMessages: IChatMessage[];
   onSendChatMessage: (message: string) => void;
@@ -51,6 +56,28 @@ export const Chat: React.FC<IChatProps> = ({
     setMessage(value);
   };
 
+  const onRenderMessageLines = (
+    emitter: IEmitter,
+    createdAt: string | undefined,
+    message: string
+  ) => {
+    return `${dayjs(createdAt || new Date()).format('HH:mm')} ${
+      emitter?.name ? `${emitter.name}: ` : 'Unknown: '
+    } ${message}`;
+  };
+
+  const onRenderChatMessages = (chatMessages: IChatMessage[]) => {
+    return chatMessages?.length ? (
+      chatMessages?.map(({ _id, createdAt, emitter, message }, index) => (
+        <MessageText key={`${_id}_${index}`}>
+          {onRenderMessageLines(emitter, createdAt, message)}
+        </MessageText>
+      ))
+    ) : (
+      <MessageText>No messages available.</MessageText>
+    );
+  };
+
   return (
     <Container>
       <CustomContainer
@@ -60,44 +87,43 @@ export const Chat: React.FC<IChatProps> = ({
         className="chat-container"
         opacity={opacity}
       >
-        {onCloseButton && (
-          <CloseButton onClick={onCloseButton} onTouchStart={onCloseButton}>
-            X
-          </CloseButton>
-        )}
-        <RPGUIContainer
-          type={RPGUIContainerTypes.FramedGrey}
-          width={'100%'}
-          height={'80%'}
-          className="chat-body dark-background"
-        >
-          {chatMessages.length ? (
-            chatMessages.map(({ _id, createdAt, emitter, message }, index) => (
-              <MessageText key={`${_id}_${index}`}>{`${dayjs(createdAt).format(
-                'HH:mm'
-              )} ${emitter.name}: ${message}`}</MessageText>
-            ))
-          ) : (
-            <MessageText>No messages available.</MessageText>
+        <ErrorBoundary fallback={<p>Oops! Your chat has crashed.</p>}>
+          {onCloseButton && (
+            <CloseButton onClick={onCloseButton} onTouchStart={onCloseButton}>
+              X
+            </CloseButton>
           )}
-        </RPGUIContainer>
-
-        <Form onSubmit={handleSubmit}>
-          <Column flex={70}>
-            <CustomInput
-              value={message}
-              id="inputMessage"
-              onChange={(e) => getInputValue(e.target.value)}
-              height={20}
-              className="dark-background"
-              type="text"
-              autoComplete="off"
-            />
-          </Column>
-          <Column justifyContent="flex-end">
-            <Button buttonType={ButtonTypes.RPGUIButton}>Send</Button>
-          </Column>
-        </Form>
+          <RPGUIContainer
+            type={RPGUIContainerTypes.FramedGrey}
+            width={'100%'}
+            height={'80%'}
+            className="chat-body dark-background"
+          >
+            {onRenderChatMessages(chatMessages)}
+          </RPGUIContainer>
+
+          <Form onSubmit={handleSubmit}>
+            <Column flex={70}>
+              <CustomInput
+                value={message}
+                id="inputMessage"
+                onChange={(e) => getInputValue(e.target.value)}
+                height={20}
+                className="chat-input dark-background"
+                type="text"
+                autoComplete="off"
+              />
+            </Column>
+            <Column justifyContent="flex-end">
+              <Button
+                buttonType={ButtonTypes.RPGUIButton}
+                id="chat-send-button"
+              >
+                Send
+              </Button>
+            </Column>
+          </Form>
+        </ErrorBoundary>
       </CustomContainer>
     </Container>
   );