@rpg-engine/long-bow 0.1.57 → 0.1.58

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

@@ -426,10 +426,6 @@ var ListElement = /*#__PURE__*/styled.li.withConfig({
   componentId: "sc-i9097t-1"
 })(["margin-right:0.5rem;"]);
 
-const img = require('./alice.png');
-
-const img$1 = require('./space.gif');
-
 var chunkString = function chunkString(str, length) {
   return str.match(new RegExp('.{1,' + length + '}', 'g'));
 };
@@ -743,6 +739,7 @@ var NPCDialog = function NPCDialog(_ref) {
       showGoNextIndicator = _useState[0],
       setShowGoNextIndicator = _useState[1];
 
+  var aliceDefaultThumbnail = '/npcDialog/alice.png';
   return React__default.createElement(RPGUIContainer, {
     type: exports.RPGUIContainerTypes.FramedGold,
     width: isQuestionDialog ? '600px' : '50%',
@@ -758,7 +755,7 @@ var NPCDialog = function NPCDialog(_ref) {
       }
     }
   })), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
-    src: imagePath || img
+    src: imagePath || aliceDefaultThumbnail
   }))) : React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$6, null, React__default.createElement(TextContainer$1, {
     flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
   }, React__default.createElement(NPCDialogText, {
@@ -775,10 +772,10 @@ var NPCDialog = function NPCDialog(_ref) {
       }
     }
   })), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
-    src: imagePath || img
+    src: imagePath || aliceDefaultThumbnail
   }))), showGoNextIndicator && React__default.createElement(PressSpaceIndicator, {
     right: type === exports.NPCDialogType.TextOnly ? '1rem' : '10.5rem',
-    src: img$1
+    src: "/npcDialog/space.gif"
   })));
 };
 var Container$6 = /*#__PURE__*/styled.div.withConfig({
@@ -957,7 +954,7 @@ var Input$1 = /*#__PURE__*/styled.input.withConfig({
   componentId: "sc-v8mte9-0"
 })(["opacity:0;"]);
 
-const img$2 = require('./imgExp.png');
+const img = require('./imgExp.png');
 
 var SimpleProgressBar = function SimpleProgressBar(_ref) {
   var value = _ref.value,
@@ -994,7 +991,7 @@ var SkillProgressBar = function SkillProgressBar(_ref) {
       bgColor = _ref.bgColor,
       titleName = _ref.titleName,
       _ref$logoSrc = _ref.logoSrc,
-      logoSrc = _ref$logoSrc === void 0 ? img$2 : _ref$logoSrc;
+      logoSrc = _ref$logoSrc === void 0 ? img : _ref$logoSrc;
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(ProgressTitle, null, React__default.createElement(TitleName, null, titleName), React__default.createElement(ValueDisplay, null, value)), React__default.createElement(ProgressBody, null, React__default.createElement(ProgressIconContainer, null, React__default.createElement(Icon$1, {
     src: logoSrc
   })), React__default.createElement(SimpleProgressBar, {

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

@@ -1 +1 @@
-{"version":3,"file":"long-bow.cjs.development.js","sources":["../src/components/Button.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/CheckButton.tsx","../src/components/DraggableContainer.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/imgExp.png","../src/components/SimpleProgressBar.tsx","../src/components/SkillProgressBar.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<IButtonProps &\n  React.DetailedHTMLProps<\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    HTMLButtonElement\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","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, { 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] = useState<\n    IChecklistSelectedValues\n  >(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 from 'react';\nimport Draggable from 'react-draggable';\nimport styled from 'styled-components';\nimport { RPGUIContainerTypes } from './RPGUIContainer';\n\nexport interface IDraggableContainerProps {\n  children: React.ReactNode;\n  width?: string;\n  height?: string;\n  className?: string;\n  type?: RPGUIContainerTypes;\n  title: string;\n  imgSrc?: string;\n  imgWidth?: string;\n  onCloseButton: () => void;\n}\n\nexport const DraggableContainer: React.FC<IDraggableContainerProps> = ({\n  children,\n  width = '50%',\n  height,\n  className,\n  type = RPGUIContainerTypes.FramedGold,\n  onCloseButton,\n  title,\n  imgSrc,\n  imgWidth = '20px',\n}) => {\n  return (\n    <Draggable>\n      <Container\n        width={width}\n        height={height || 'auto'}\n        className={`rpgui-container ${type} ${className} rpgui-draggable`}\n      >\n        <TitleContainer>\n          <Title>\n            {imgSrc && <Icon src={imgSrc} width={imgWidth} />}\n            {title}\n          </Title>\n        </TitleContainer>\n        {onCloseButton && (\n          <CloseButton onClick={onCloseButton} onTouchStart={onCloseButton}>\n            X\n          </CloseButton>\n        )}\n\n        {children}\n      </Container>\n    </Draggable>\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\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 TitleContainer = styled.div`\n  width: 100%;\n\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst Title = styled.h1`\n  color: white;\n  z-index: 22;\n  font-size: 10px;\n`;\n\ninterface ICustomIconProps {\n  width: string;\n}\n\nconst Icon = styled.img`\n  color: white;\n  z-index: 22;\n  font-size: 10px;\n  width: ${(props: ICustomIconProps) => props.width};\n  margin-right: 0.5rem;\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 [\n    currentAnswer,\n    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] = useState<boolean>(\n    false\n  );\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","const img = require('./imgExp.png'); export default img;","import React from 'react';\nimport styled from 'styled-components';\n\ninterface IProps {\n  value: number;\n  height?: string;\n  bgColor?: string;\n}\n\nexport const SimpleProgressBar: React.FC<IProps> = ({\n  value,\n\n  bgColor = 'red',\n}) => {\n  return (\n    <Container>\n      <ProgressBarContainer>\n        <BackgroundBar>\n          <Progress value={value} bgColor={bgColor} />\n        </BackgroundBar>\n      </ProgressBarContainer>\n    </Container>\n  );\n};\n\nconst Container = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n`;\n\nconst BackgroundBar = styled.span`\n  background-color: rgba(0, 0, 0, 0.075);\n`;\n\ninterface IProgressProps {\n  value: number;\n  bgColor: string;\n}\n\nconst Progress = styled.span`\n  background-color: ${(props: IProgressProps) => props.bgColor};\n  width: ${(props: IProgressProps) => props.value}%;\n`;\n\nconst ProgressBarContainer = styled.div`\n  border-radius: 60px;\n  border: 1px solid #282424;\n  overflow: hidden;\n  width: 100%;\n  span {\n    display: block;\n    height: 100%;\n  }\n\n  height: 8px;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport imgSrcTemplate from './imgExp.png';\nimport { SimpleProgressBar } from './SimpleProgressBar';\n\nexport interface ISkillProgressBarProps {\n  value: number;\n\n  height: string;\n  bgColor: string;\n  titleName: string;\n\n  logoSrc?: string;\n}\n\nexport const SkillProgressBar: React.FC<ISkillProgressBarProps> = ({\n  value,\n  bgColor,\n  titleName,\n\n  logoSrc = imgSrcTemplate,\n}) => {\n  return (\n    <>\n      <ProgressTitle>\n        <TitleName>{titleName}</TitleName>\n        <ValueDisplay>{value}</ValueDisplay>\n      </ProgressTitle>\n      <ProgressBody>\n        <ProgressIconContainer>\n          <Icon src={logoSrc} />\n        </ProgressIconContainer>\n\n        <SimpleProgressBar value={value} bgColor={bgColor} />\n      </ProgressBody>\n    </>\n  );\n};\n\nconst TitleName = styled.span`\n  margin-left: 5px;\n`;\n\nconst ValueDisplay = styled.span``;\n\nconst ProgressIconContainer = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst ProgressBody = styled.div`\n  display: flex;\n  flex-direction: row;\n`;\n\nconst ProgressTitle = styled.div`\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  span {\n    font-size: 0.6rem;\n  }\n`;\n\nconst Icon = styled.img`\n  margin-right: 10px;\n  height: 30px;\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","colors","darkGrey","Input","RPGUIContainerTypes","RPGUIContainer","type","width","height","Container","div","Column","flex","flexWrap","alignItems","justifyContent","Chat","chatMessages","onSendChatMessage","opacity","onCloseButton","useState","message","setMessage","useEffect","scrollChatToBottom","scrollingElement","document","querySelector","scrollTop","scrollHeight","handleSubmit","event","preventDefault","getInputValue","value","onRenderMessageLines","emitter","createdAt","dayjs","Date","format","name","onRenderChatMessages","length","map","index","_id","MessageText","key","CustomContainer","FramedGrey","ErrorBoundary","fallback","CloseButton","onClick","onTouchStart","Form","onSubmit","CustomInput","id","onChange","e","target","autoComplete","RPGUIButton","form","p","CheckButton","items","generateSelectedValuesList","selectedValues","forEach","item","label","setSelectedValues","handleClick","element","checked","DraggableContainer","FramedGold","title","imgSrc","imgWidth","Draggable","TitleContainer","Title","Icon","src","h1","img","_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","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","TextAndThumbnail","ThumbnailContainer","NPCThumbnail","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","SimpleProgressBar","bgColor","ProgressBarContainer","BackgroundBar","Progress","SkillProgressBar","titleName","logoSrc","imgSrcTemplate","ProgressTitle","TitleName","ValueDisplay","ProgressBody","ProgressIconContainer","TextArea","Truncate","maxLines"],"mappings":"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"}
+{"version":3,"file":"long-bow.cjs.development.js","sources":["../src/components/Button.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/CheckButton.tsx","../src/components/DraggableContainer.tsx","../src/components/RPGUIRoot.tsx","../src/components/Dropdown.tsx","../src/components/ListMenu.tsx","../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/imgExp.png","../src/components/SimpleProgressBar.tsx","../src/components/SkillProgressBar.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<IButtonProps &\n  React.DetailedHTMLProps<\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    HTMLButtonElement\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","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, { 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] = useState<\n    IChecklistSelectedValues\n  >(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 from 'react';\nimport Draggable from 'react-draggable';\nimport styled from 'styled-components';\nimport { RPGUIContainerTypes } from './RPGUIContainer';\n\nexport interface IDraggableContainerProps {\n  children: React.ReactNode;\n  width?: string;\n  height?: string;\n  className?: string;\n  type?: RPGUIContainerTypes;\n  title: string;\n  imgSrc?: string;\n  imgWidth?: string;\n  onCloseButton: () => void;\n}\n\nexport const DraggableContainer: React.FC<IDraggableContainerProps> = ({\n  children,\n  width = '50%',\n  height,\n  className,\n  type = RPGUIContainerTypes.FramedGold,\n  onCloseButton,\n  title,\n  imgSrc,\n  imgWidth = '20px',\n}) => {\n  return (\n    <Draggable>\n      <Container\n        width={width}\n        height={height || 'auto'}\n        className={`rpgui-container ${type} ${className} rpgui-draggable`}\n      >\n        <TitleContainer>\n          <Title>\n            {imgSrc && <Icon src={imgSrc} width={imgWidth} />}\n            {title}\n          </Title>\n        </TitleContainer>\n        {onCloseButton && (\n          <CloseButton onClick={onCloseButton} onTouchStart={onCloseButton}>\n            X\n          </CloseButton>\n        )}\n\n        {children}\n      </Container>\n    </Draggable>\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\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 TitleContainer = styled.div`\n  width: 100%;\n\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst Title = styled.h1`\n  color: white;\n  z-index: 22;\n  font-size: 10px;\n`;\n\ninterface ICustomIconProps {\n  width: string;\n}\n\nconst Icon = styled.img`\n  color: white;\n  z-index: 22;\n  font-size: 10px;\n  width: ${(props: ICustomIconProps) => props.width};\n  margin-right: 0.5rem;\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","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 [\n    currentAnswer,\n    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';\n\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] = useState<boolean>(\n    false\n  );\n\n  const aliceDefaultThumbnail = '/npcDialog/alice.png';\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=\"/npcDialog/space.gif\"\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","const img = require('./imgExp.png'); export default img;","import React from 'react';\nimport styled from 'styled-components';\n\ninterface IProps {\n  value: number;\n  height?: string;\n  bgColor?: string;\n}\n\nexport const SimpleProgressBar: React.FC<IProps> = ({\n  value,\n\n  bgColor = 'red',\n}) => {\n  return (\n    <Container>\n      <ProgressBarContainer>\n        <BackgroundBar>\n          <Progress value={value} bgColor={bgColor} />\n        </BackgroundBar>\n      </ProgressBarContainer>\n    </Container>\n  );\n};\n\nconst Container = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n`;\n\nconst BackgroundBar = styled.span`\n  background-color: rgba(0, 0, 0, 0.075);\n`;\n\ninterface IProgressProps {\n  value: number;\n  bgColor: string;\n}\n\nconst Progress = styled.span`\n  background-color: ${(props: IProgressProps) => props.bgColor};\n  width: ${(props: IProgressProps) => props.value}%;\n`;\n\nconst ProgressBarContainer = styled.div`\n  border-radius: 60px;\n  border: 1px solid #282424;\n  overflow: hidden;\n  width: 100%;\n  span {\n    display: block;\n    height: 100%;\n  }\n\n  height: 8px;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport imgSrcTemplate from './imgExp.png';\nimport { SimpleProgressBar } from './SimpleProgressBar';\n\nexport interface ISkillProgressBarProps {\n  value: number;\n\n  height: string;\n  bgColor: string;\n  titleName: string;\n\n  logoSrc?: string;\n}\n\nexport const SkillProgressBar: React.FC<ISkillProgressBarProps> = ({\n  value,\n  bgColor,\n  titleName,\n\n  logoSrc = imgSrcTemplate,\n}) => {\n  return (\n    <>\n      <ProgressTitle>\n        <TitleName>{titleName}</TitleName>\n        <ValueDisplay>{value}</ValueDisplay>\n      </ProgressTitle>\n      <ProgressBody>\n        <ProgressIconContainer>\n          <Icon src={logoSrc} />\n        </ProgressIconContainer>\n\n        <SimpleProgressBar value={value} bgColor={bgColor} />\n      </ProgressBody>\n    </>\n  );\n};\n\nconst TitleName = styled.span`\n  margin-left: 5px;\n`;\n\nconst ValueDisplay = styled.span``;\n\nconst ProgressIconContainer = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst ProgressBody = styled.div`\n  display: flex;\n  flex-direction: row;\n`;\n\nconst ProgressTitle = styled.div`\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  span {\n    font-size: 0.6rem;\n  }\n`;\n\nconst Icon = styled.img`\n  margin-right: 10px;\n  height: 30px;\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","colors","darkGrey","Input","RPGUIContainerTypes","RPGUIContainer","type","width","height","Container","div","Column","flex","flexWrap","alignItems","justifyContent","Chat","chatMessages","onSendChatMessage","opacity","onCloseButton","useState","message","setMessage","useEffect","scrollChatToBottom","scrollingElement","document","querySelector","scrollTop","scrollHeight","handleSubmit","event","preventDefault","getInputValue","value","onRenderMessageLines","emitter","createdAt","dayjs","Date","format","name","onRenderChatMessages","length","map","index","_id","MessageText","key","CustomContainer","FramedGrey","ErrorBoundary","fallback","CloseButton","onClick","onTouchStart","Form","onSubmit","CustomInput","id","onChange","e","target","autoComplete","RPGUIButton","form","p","CheckButton","items","generateSelectedValuesList","selectedValues","forEach","item","label","setSelectedValues","handleClick","element","checked","DraggableContainer","FramedGold","title","imgSrc","imgWidth","Draggable","TitleContainer","Title","Icon","src","h1","img","_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","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","aliceDefaultThumbnail","TextAndThumbnail","ThumbnailContainer","NPCThumbnail","PressSpaceIndicator","right","TextOnly","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","SimpleProgressBar","bgColor","ProgressBarContainer","BackgroundBar","Progress","SkillProgressBar","titleName","logoSrc","imgSrcTemplate","ProgressTitle","TitleName","ValueDisplay","ProgressBody","ProgressIconContainer","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("react-error-boundary"),a=e(require("react-draggable")),l=require("uuid");function s(){return(s=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 c,u=["children","buttonType"];(c=exports.ButtonTypes||(exports.ButtonTypes={})).RPGUIButton="rpgui-button",c.RPGUIGoldButton="rpgui-button golden";var d,p=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(m,Object.assign({className:""+i},r),n.createElement("p",null,t))},m=i.button.withConfig({displayName:"Button__ButtonContainer",componentId:"sc-obzd3o-0"})(["height:45px;font-size:11.5px;"]),f=function(e){var t=s({},e);return n.createElement("input",Object.assign({},t))};(d=exports.RPGUIContainerTypes||(exports.RPGUIContainerTypes={})).Framed="framed",d.FramedGold="framed-golden",d.FramedGold2="framed-golden-2",d.FramedGrey="framed-grey";var g=function(e){var t=e.width;return n.createElement(h,{width:void 0===t?"50%":t,height:e.height||"auto",className:"rpgui-container "+e.type+" "+e.className},e.children)},h=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})),x=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"})),y=i.div.withConfig({displayName:"Chat__Container",componentId:"sc-1bk05n6-0"})(["position:relative;"]),v=i.div.withConfig({displayName:"Chat__CloseButton",componentId:"sc-1bk05n6-1"})(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:10px;"]),w=i(f).withConfig({displayName:"Chat__CustomInput",componentId:"sc-1bk05n6-2"})(["height:30px;width:100%;.rpgui-content .input{min-height:39px;}"]),C=i(g).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"),b=i.form.withConfig({displayName:"Chat__Form",componentId:"sc-1bk05n6-4"})(["display:flex;width:100%;justify-content:center;align-items:center;"]),E=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;"]),_=i.div.withConfig({displayName:"DraggableContainer__Container",componentId:"sc-184mpyl-0"})(["height:",";width:",";display:flex;flex-wrap:wrap;image-rendering:pixelated;"],(function(e){return e.height}),(function(e){return e.width})),I=i.div.withConfig({displayName:"DraggableContainer__CloseButton",componentId:"sc-184mpyl-1"})(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:10px;"]),N=i.div.withConfig({displayName:"DraggableContainer__TitleContainer",componentId:"sc-184mpyl-2"})(["width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;"]),k=i.h1.withConfig({displayName:"DraggableContainer__Title",componentId:"sc-184mpyl-3"})(["color:white;z-index:22;font-size:10px;"]),T=i.img.withConfig({displayName:"DraggableContainer__Icon",componentId:"sc-184mpyl-4"})(["color:white;z-index:22;font-size:10px;width:",";margin-right:0.5rem;"],(function(e){return e.width})),S=RPGUI,P=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})),B=i.li.withConfig({displayName:"ListMenu__ListElement",componentId:"sc-i9097t-1"})(["margin-right:0.5rem;"]);const D=require("./alice.png"),z=require("./space.gif");var R,j=function(e){var i=e.text,r=e.onFinish,o=e.onStart,a=t.useState(""),l=a[0],s=a[1];return t.useEffect((function(){var e=0,t=setInterval((function(){0===e&&o&&o(),e<i.length?(s(i.substring(0,e+1)),e++):(clearInterval(t),r&&r())}),50);return function(){clearInterval(t)}}),[i]),n.createElement(G,null,l)},G=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;"]),q=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),s=l[0],c=l[1],u=function(e){"Space"===e.code&&((null==a?void 0:a[s+1])?c((function(e){return e+1})):i())};return t.useEffect((function(){return document.addEventListener("keydown",u),function(){return document.removeEventListener("keydown",u)}}),[s]),n.createElement(U,null,n.createElement(j,{text:(null==a?void 0:a[s])||"",onFinish:r,onStart:o}))},U=i.div.withConfig({displayName:"NPCDialogText__Container",componentId:"sc-1cxkdh9-0"})([""]),F=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])},A=function(e){var i=e.questions,r=e.answers,o=e.onClose,a=t.useState(i[0]),l=a[0],s=a[1],c=t.useState(!1),u=c[0],d=c[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 h=function(e){return e.map((function(e){return r.find((function(t){return t.id===e}))}))};return F("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],r=h(l.answerIds).find((function(e){return(null==e?void 0:e.id)===n}));g(r||p());break;case"ArrowUp":var a=h(l.answerIds).findIndex((function(e){return(null==e?void 0:e.id)===f.id-1})),c=l.answerIds&&l.answerIds[a],u=h(l.answerIds).find((function(e){return(null==e?void 0:e.id)===c}));g(u||h(l.answerIds).pop());break;case"Enter":if(d(!1),null==f||!f.nextQuestionId)return void o();s(i.find((function(e){return e.id===f.nextQuestionId})))}})),n.createElement(O,null,n.createElement(L,null,n.createElement(j,{text:l.text,onStart:function(){return d(!1)},onFinish:function(){return d(!0)}})),u&&n.createElement(Q,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),r=t?"yellow":"white";return e?n.createElement(X,{key:"answer_"+e.id},n.createElement(W,{color:r},t?"X":null),n.createElement(M,{key:e.id,onClick:function(){return function(e){d(!1),e.nextQuestionId?s(i.find((function(t){return t.id===e.nextQuestionId}))):o()}(e)},color:r},e.text)):null})):null}()))},O=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;"]),L=i.div.withConfig({displayName:"QuestionDialog__QuestionContainer",componentId:"sc-bxc5u0-1"})(["flex:100%;width:100%;"]),Q=i.div.withConfig({displayName:"QuestionDialog__AnswersContainer",componentId:"sc-bxc5u0-2"})(["flex:100%;"]),M=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})),W=i.span.withConfig({displayName:"QuestionDialog__AnswerSelectedIcon",componentId:"sc-bxc5u0-4"})(["flex:5% 0 0;color:"," !important;"],(function(e){return e.color})),X=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;}"]);(R=exports.NPCDialogType||(exports.NPCDialogType={})).TextOnly="TextOnly",R.TextAndThumbnail="TextAndThumbnail";var H,V=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;"]),Y=i.div.withConfig({displayName:"NPCDialog__TextContainer",componentId:"sc-1b4aw74-1"})(["flex:"," 0 0;width:355px;"],(function(e){return e.flex})),J=i.div.withConfig({displayName:"NPCDialog__ThumbnailContainer",componentId:"sc-1b4aw74-2"})(["flex:30% 0 0;display:flex;justify-content:flex-end;"]),K=i.img.withConfig({displayName:"NPCDialog__NPCThumbnail",componentId:"sc-1b4aw74-3"})(["image-rendering:pixelated;height:128px;width:128px;"]),Z=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})),$=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;"]),ee=i.div.withConfig({displayName:"ProgressBar__TextOverlay",componentId:"sc-qa6fzh-1"})(["width:100%;position:relative;"]),te=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}));(H=exports.RangeSliderType||(exports.RangeSliderType={})).Slider="rpgui-slider",H.GoldSlider="rpgui-slider golden";var ne=i.input.withConfig({displayName:"RangeSlider__Input",componentId:"sc-v8mte9-0"})(["opacity:0;"]);const ie=require("./imgExp.png");var re=function(e){var t=e.bgColor;return n.createElement(oe,null,n.createElement(se,null,n.createElement(ae,null,n.createElement(le,{value:e.value,bgColor:void 0===t?"red":t}))))},oe=i.div.withConfig({displayName:"SimpleProgressBar__Container",componentId:"sc-mbeil3-0"})(["display:flex;justify-content:center;align-items:center;width:100%;"]),ae=i.span.withConfig({displayName:"SimpleProgressBar__BackgroundBar",componentId:"sc-mbeil3-1"})(["background-color:rgba(0,0,0,0.075);"]),le=i.span.withConfig({displayName:"SimpleProgressBar__Progress",componentId:"sc-mbeil3-2"})(["background-color:",";width:","%;"],(function(e){return e.bgColor}),(function(e){return e.value})),se=i.div.withConfig({displayName:"SimpleProgressBar__ProgressBarContainer",componentId:"sc-mbeil3-3"})(["border-radius:60px;border:1px solid #282424;overflow:hidden;width:100%;span{display:block;height:100%;}height:8px;"]),ce=i.span.withConfig({displayName:"SkillProgressBar__TitleName",componentId:"sc-5vuroc-0"})(["margin-left:5px;"]),ue=i.span.withConfig({displayName:"SkillProgressBar__ValueDisplay",componentId:"sc-5vuroc-1"})([""]),de=i.div.withConfig({displayName:"SkillProgressBar__ProgressIconContainer",componentId:"sc-5vuroc-2"})(["display:flex;justify-content:center;align-items:center;"]),pe=i.div.withConfig({displayName:"SkillProgressBar__ProgressBody",componentId:"sc-5vuroc-3"})(["display:flex;flex-direction:row;"]),me=i.div.withConfig({displayName:"SkillProgressBar__ProgressTitle",componentId:"sc-5vuroc-4"})(["width:100%;display:flex;flex-direction:row;justify-content:space-between;span{font-size:0.6rem;}"]),fe=i.img.withConfig({displayName:"SkillProgressBar__Icon",componentId:"sc-5vuroc-5"})(["margin-right:10px;height:30px;"]),ge=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=p,exports.Chat=function(e){var i=e.chatMessages,a=e.onSendChatMessage,l=e.opacity,s=void 0===l?1:l,c=e.width,u=void 0===c?"100%":c,d=e.height,m=void 0===d?"250px":d,f=e.onCloseButton,h=t.useState(""),_=h[0],I=h[1];t.useEffect((function(){N()}),[]),t.useEffect((function(){N()}),[i]);var N=function(){var e=document.querySelector(".chat-body");e&&(e.scrollTop=e.scrollHeight)};return n.createElement(y,null,n.createElement(C,{type:exports.RPGUIContainerTypes.FramedGrey,width:u,height:m,className:"chat-container",opacity:s},n.createElement(o.ErrorBoundary,{fallback:n.createElement("p",null,"Oops! Your chat has crashed.")},f&&n.createElement(v,{onClick:f,onTouchStart:f},"X"),n.createElement(g,{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(E,{key:e._id+"_"+t},function(e,t,n){return r(t||new Date).format("HH:mm")+" "+(null!=e&&e.name?e.name+": ":"Unknown: ")+" "+n}(e.emitter,e.createdAt,e.message))})):n.createElement(E,null,"No messages available.")}(i)),n.createElement(b,{onSubmit:function(e){e.preventDefault(),a(_),I("")}},n.createElement(x,{flex:70},n.createElement(w,{value:_,id:"inputMessage",onChange:function(e){I(e.target.value)},height:20,className:"chat-input dark-background",type:"text",autoComplete:"off"})),n.createElement(x,{justifyContent:"flex-end"},n.createElement(p,{buttonType:exports.ButtonTypes.RPGUIButton,id:"chat-send-button"},"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}()),a=o[0],l=o[1];return t.useEffect((function(){a&&r(a)}),[a]),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:a[e.label],onChange:function(){}}),n.createElement("label",{onClick:function(){var t,n;l(s({},a,((n={})[t=e.label]=!a[t],n)))}},e.label),n.createElement("br",null))})))},exports.DraggableContainer=function(e){var t=e.children,i=e.width,r=e.type,o=void 0===r?exports.RPGUIContainerTypes.FramedGold:r,l=e.onCloseButton,s=e.title,c=e.imgSrc,u=e.imgWidth;return n.createElement(a,null,n.createElement(_,{width:void 0===i?"50%":i,height:e.height||"auto",className:"rpgui-container "+o+" "+e.className+" rpgui-draggable"},n.createElement(N,null,n.createElement(k,null,c&&n.createElement(T,{src:c,width:void 0===u?"20px":u}),s)),l&&n.createElement(I,{onClick:l,onTouchStart:l},"X"),t))},exports.Dropdown=function(e){var i=e.options,r=e.width,o=e.onChange,a=l.v4(),s=t.useState(""),c=s[0],u=s[1];return t.useEffect((function(){var e=document.getElementById("rpgui-dropdown-"+a),t=S.get_value(e);u(t),null==e||e.addEventListener("change",(function(e){u(null==e?void 0:e.target.value)}))}),[]),t.useEffect((function(){c&&o(c)}),[c]),n.createElement("select",{id:"rpgui-dropdown-"+a,style:{width:r},className:"rpgui-dropdown"},i.map((function(e){return n.createElement("option",{key:e.id,value:e.value},e.option)})))},exports.DynamicText=j,exports.Input=f,exports.InputRadio=function(e){var i=e.name,r=e.items,o=e.onChange,a=t.useState(),l=a[0],s=a[1],c=function(){var e=document.querySelector("input[name="+i+"]:checked");s(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:c},e.label),n.createElement("br",null))})))},exports.ListMenu=function(e){var t=e.onSelected,i=e.fontSize;return n.createElement(P,{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(B,{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,s=void 0!==l&&l,c=e.questions,u=e.answers,d=t.useState(!1),p=d[0],m=d[1];return n.createElement(g,{type:exports.RPGUIContainerTypes.FramedGold,width:s?"600px":"50%",height:"180px"},s&&c&&u?n.createElement(n.Fragment,null,n.createElement(Y,{flex:r===exports.NPCDialogType.TextAndThumbnail?"70%":"100%"},n.createElement(A,{questions:c,answers:u,onClose:function(){o&&o()}})),r===exports.NPCDialogType.TextAndThumbnail&&n.createElement(J,null,n.createElement(K,{src:a||D}))):n.createElement(n.Fragment,null,n.createElement(V,null,n.createElement(Y,{flex:r===exports.NPCDialogType.TextAndThumbnail?"70%":"100%"},n.createElement(q,{onStartStep:function(){return m(!1)},onEndStep:function(){return m(!0)},text:i||"No text provided.",onClose:function(){o&&o()}})),r===exports.NPCDialogType.TextAndThumbnail&&n.createElement(J,null,n.createElement(K,{src:a||D}))),p&&n.createElement(Z,{right:r===exports.NPCDialogType.TextOnly?"1rem":"10.5rem",src:z})))},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,s=void 0===l?40:l,c=e.minWidth,u=void 0===c?100:c,d=e.style,p=function(e,t){return t>e&&(t=e),100*t/e};return n.createElement(te,{className:"rpgui-progress","data-value":p(t,i)/100,"data-rpguitype":"progress",percentageWidth:s,minWidth:u,style:d},a&&n.createElement(ee,null,n.createElement($,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=A,exports.RPGUIContainer=g,exports.RPGUIRoot=function(e){return n.createElement("div",{className:"rpgui-content"},e.children)},exports.RangeSlider=function(e){var i=e.type,r=e.valueMin,o=e.valueMax,a=e.width,s=e.onChange,c=l.v4(),u=t.useState(!1),d=u[0],p=u[1];F("mouseup",(function(){d&&m(),p(!1)}));var m=function(){var e=document.getElementById("rpgui-slider-"+c),t=S.get_value(e);s(Number(t))};return n.createElement("div",{onMouseUp:m,onMouseDown:function(){return p(!0)}},n.createElement(ne,{className:i===exports.RangeSliderType.Slider?exports.RangeSliderType.Slider:exports.RangeSliderType.GoldSlider,type:"range",style:{width:a},min:r,max:o,id:"rpgui-slider-"+c}))},exports.SkillProgressBar=function(e){var t=e.value,i=e.bgColor,r=e.logoSrc,o=void 0===r?ie:r;return n.createElement(n.Fragment,null,n.createElement(me,null,n.createElement(ce,null,e.titleName),n.createElement(ue,null,t)),n.createElement(pe,null,n.createElement(de,null,n.createElement(fe,{src:o})),n.createElement(re,{value:t,bgColor:i})))},exports.TextArea=function(e){var t=s({},e);return n.createElement("textarea",Object.assign({},t))},exports.Truncate=function(e){var t=e.maxLines;return n.createElement(ge,{maxLines:void 0===t?1:t},e.children)},exports._RPGUI=S,exports.useEventListener=F;
+"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("react-error-boundary"),a=e(require("react-draggable")),l=require("uuid");function s(){return(s=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 c,u=["children","buttonType"];(c=exports.ButtonTypes||(exports.ButtonTypes={})).RPGUIButton="rpgui-button",c.RPGUIGoldButton="rpgui-button golden";var d,p=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(m,Object.assign({className:""+i},r),n.createElement("p",null,t))},m=i.button.withConfig({displayName:"Button__ButtonContainer",componentId:"sc-obzd3o-0"})(["height:45px;font-size:11.5px;"]),f=function(e){var t=s({},e);return n.createElement("input",Object.assign({},t))};(d=exports.RPGUIContainerTypes||(exports.RPGUIContainerTypes={})).Framed="framed",d.FramedGold="framed-golden",d.FramedGold2="framed-golden-2",d.FramedGrey="framed-grey";var g,h=function(e){var t=e.width;return n.createElement(x,{width:void 0===t?"50%":t,height:e.height||"auto",className:"rpgui-container "+e.type+" "+e.className},e.children)},x=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})),y=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"})),v=i.div.withConfig({displayName:"Chat__Container",componentId:"sc-1bk05n6-0"})(["position:relative;"]),w=i.div.withConfig({displayName:"Chat__CloseButton",componentId:"sc-1bk05n6-1"})(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:10px;"]),C=i(f).withConfig({displayName:"Chat__CustomInput",componentId:"sc-1bk05n6-2"})(["height:30px;width:100%;.rpgui-content .input{min-height:39px;}"]),b=i(h).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"),E=i.form.withConfig({displayName:"Chat__Form",componentId:"sc-1bk05n6-4"})(["display:flex;width:100%;justify-content:center;align-items:center;"]),_=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;"]),I=i.div.withConfig({displayName:"DraggableContainer__Container",componentId:"sc-184mpyl-0"})(["height:",";width:",";display:flex;flex-wrap:wrap;image-rendering:pixelated;"],(function(e){return e.height}),(function(e){return e.width})),N=i.div.withConfig({displayName:"DraggableContainer__CloseButton",componentId:"sc-184mpyl-1"})(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:10px;"]),k=i.div.withConfig({displayName:"DraggableContainer__TitleContainer",componentId:"sc-184mpyl-2"})(["width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;"]),T=i.h1.withConfig({displayName:"DraggableContainer__Title",componentId:"sc-184mpyl-3"})(["color:white;z-index:22;font-size:10px;"]),S=i.img.withConfig({displayName:"DraggableContainer__Icon",componentId:"sc-184mpyl-4"})(["color:white;z-index:22;font-size:10px;width:",";margin-right:0.5rem;"],(function(e){return e.width})),P=RPGUI,D=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})),B=i.li.withConfig({displayName:"ListMenu__ListElement",componentId:"sc-i9097t-1"})(["margin-right:0.5rem;"]),z=function(e){var i=e.text,r=e.onFinish,o=e.onStart,a=t.useState(""),l=a[0],s=a[1];return t.useEffect((function(){var e=0,t=setInterval((function(){0===e&&o&&o(),e<i.length?(s(i.substring(0,e+1)),e++):(clearInterval(t),r&&r())}),50);return function(){clearInterval(t)}}),[i]),n.createElement(R,null,l)},R=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;"]),j=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),s=l[0],c=l[1],u=function(e){"Space"===e.code&&((null==a?void 0:a[s+1])?c((function(e){return e+1})):i())};return t.useEffect((function(){return document.addEventListener("keydown",u),function(){return document.removeEventListener("keydown",u)}}),[s]),n.createElement(G,null,n.createElement(z,{text:(null==a?void 0:a[s])||"",onFinish:r,onStart:o}))},G=i.div.withConfig({displayName:"NPCDialogText__Container",componentId:"sc-1cxkdh9-0"})([""]),q=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])},U=function(e){var i=e.questions,r=e.answers,o=e.onClose,a=t.useState(i[0]),l=a[0],s=a[1],c=t.useState(!1),u=c[0],d=c[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 h=function(e){return e.map((function(e){return r.find((function(t){return t.id===e}))}))};return q("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],r=h(l.answerIds).find((function(e){return(null==e?void 0:e.id)===n}));g(r||p());break;case"ArrowUp":var a=h(l.answerIds).findIndex((function(e){return(null==e?void 0:e.id)===f.id-1})),c=l.answerIds&&l.answerIds[a],u=h(l.answerIds).find((function(e){return(null==e?void 0:e.id)===c}));g(u||h(l.answerIds).pop());break;case"Enter":if(d(!1),null==f||!f.nextQuestionId)return void o();s(i.find((function(e){return e.id===f.nextQuestionId})))}})),n.createElement(F,null,n.createElement(A,null,n.createElement(z,{text:l.text,onStart:function(){return d(!1)},onFinish:function(){return d(!0)}})),u&&n.createElement(O,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),r=t?"yellow":"white";return e?n.createElement(M,{key:"answer_"+e.id},n.createElement(Q,{color:r},t?"X":null),n.createElement(L,{key:e.id,onClick:function(){return function(e){d(!1),e.nextQuestionId?s(i.find((function(t){return t.id===e.nextQuestionId}))):o()}(e)},color:r},e.text)):null})):null}()))},F=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;"]),A=i.div.withConfig({displayName:"QuestionDialog__QuestionContainer",componentId:"sc-bxc5u0-1"})(["flex:100%;width:100%;"]),O=i.div.withConfig({displayName:"QuestionDialog__AnswersContainer",componentId:"sc-bxc5u0-2"})(["flex:100%;"]),L=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})),Q=i.span.withConfig({displayName:"QuestionDialog__AnswerSelectedIcon",componentId:"sc-bxc5u0-4"})(["flex:5% 0 0;color:"," !important;"],(function(e){return e.color})),M=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;}"]);(g=exports.NPCDialogType||(exports.NPCDialogType={})).TextOnly="TextOnly",g.TextAndThumbnail="TextAndThumbnail";var W,X=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;"]),H=i.div.withConfig({displayName:"NPCDialog__TextContainer",componentId:"sc-1b4aw74-1"})(["flex:"," 0 0;width:355px;"],(function(e){return e.flex})),V=i.div.withConfig({displayName:"NPCDialog__ThumbnailContainer",componentId:"sc-1b4aw74-2"})(["flex:30% 0 0;display:flex;justify-content:flex-end;"]),Y=i.img.withConfig({displayName:"NPCDialog__NPCThumbnail",componentId:"sc-1b4aw74-3"})(["image-rendering:pixelated;height:128px;width:128px;"]),J=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})),K=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;"]),Z=i.div.withConfig({displayName:"ProgressBar__TextOverlay",componentId:"sc-qa6fzh-1"})(["width:100%;position:relative;"]),$=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}));(W=exports.RangeSliderType||(exports.RangeSliderType={})).Slider="rpgui-slider",W.GoldSlider="rpgui-slider golden";var ee=i.input.withConfig({displayName:"RangeSlider__Input",componentId:"sc-v8mte9-0"})(["opacity:0;"]);const te=require("./imgExp.png");var ne=function(e){var t=e.bgColor;return n.createElement(ie,null,n.createElement(ae,null,n.createElement(re,null,n.createElement(oe,{value:e.value,bgColor:void 0===t?"red":t}))))},ie=i.div.withConfig({displayName:"SimpleProgressBar__Container",componentId:"sc-mbeil3-0"})(["display:flex;justify-content:center;align-items:center;width:100%;"]),re=i.span.withConfig({displayName:"SimpleProgressBar__BackgroundBar",componentId:"sc-mbeil3-1"})(["background-color:rgba(0,0,0,0.075);"]),oe=i.span.withConfig({displayName:"SimpleProgressBar__Progress",componentId:"sc-mbeil3-2"})(["background-color:",";width:","%;"],(function(e){return e.bgColor}),(function(e){return e.value})),ae=i.div.withConfig({displayName:"SimpleProgressBar__ProgressBarContainer",componentId:"sc-mbeil3-3"})(["border-radius:60px;border:1px solid #282424;overflow:hidden;width:100%;span{display:block;height:100%;}height:8px;"]),le=i.span.withConfig({displayName:"SkillProgressBar__TitleName",componentId:"sc-5vuroc-0"})(["margin-left:5px;"]),se=i.span.withConfig({displayName:"SkillProgressBar__ValueDisplay",componentId:"sc-5vuroc-1"})([""]),ce=i.div.withConfig({displayName:"SkillProgressBar__ProgressIconContainer",componentId:"sc-5vuroc-2"})(["display:flex;justify-content:center;align-items:center;"]),ue=i.div.withConfig({displayName:"SkillProgressBar__ProgressBody",componentId:"sc-5vuroc-3"})(["display:flex;flex-direction:row;"]),de=i.div.withConfig({displayName:"SkillProgressBar__ProgressTitle",componentId:"sc-5vuroc-4"})(["width:100%;display:flex;flex-direction:row;justify-content:space-between;span{font-size:0.6rem;}"]),pe=i.img.withConfig({displayName:"SkillProgressBar__Icon",componentId:"sc-5vuroc-5"})(["margin-right:10px;height:30px;"]),me=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=p,exports.Chat=function(e){var i=e.chatMessages,a=e.onSendChatMessage,l=e.opacity,s=void 0===l?1:l,c=e.width,u=void 0===c?"100%":c,d=e.height,m=void 0===d?"250px":d,f=e.onCloseButton,g=t.useState(""),x=g[0],I=g[1];t.useEffect((function(){N()}),[]),t.useEffect((function(){N()}),[i]);var N=function(){var e=document.querySelector(".chat-body");e&&(e.scrollTop=e.scrollHeight)};return n.createElement(v,null,n.createElement(b,{type:exports.RPGUIContainerTypes.FramedGrey,width:u,height:m,className:"chat-container",opacity:s},n.createElement(o.ErrorBoundary,{fallback:n.createElement("p",null,"Oops! Your chat has crashed.")},f&&n.createElement(w,{onClick:f,onTouchStart:f},"X"),n.createElement(h,{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(_,{key:e._id+"_"+t},function(e,t,n){return r(t||new Date).format("HH:mm")+" "+(null!=e&&e.name?e.name+": ":"Unknown: ")+" "+n}(e.emitter,e.createdAt,e.message))})):n.createElement(_,null,"No messages available.")}(i)),n.createElement(E,{onSubmit:function(e){e.preventDefault(),a(x),I("")}},n.createElement(y,{flex:70},n.createElement(C,{value:x,id:"inputMessage",onChange:function(e){I(e.target.value)},height:20,className:"chat-input dark-background",type:"text",autoComplete:"off"})),n.createElement(y,{justifyContent:"flex-end"},n.createElement(p,{buttonType:exports.ButtonTypes.RPGUIButton,id:"chat-send-button"},"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}()),a=o[0],l=o[1];return t.useEffect((function(){a&&r(a)}),[a]),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:a[e.label],onChange:function(){}}),n.createElement("label",{onClick:function(){var t,n;l(s({},a,((n={})[t=e.label]=!a[t],n)))}},e.label),n.createElement("br",null))})))},exports.DraggableContainer=function(e){var t=e.children,i=e.width,r=e.type,o=void 0===r?exports.RPGUIContainerTypes.FramedGold:r,l=e.onCloseButton,s=e.title,c=e.imgSrc,u=e.imgWidth;return n.createElement(a,null,n.createElement(I,{width:void 0===i?"50%":i,height:e.height||"auto",className:"rpgui-container "+o+" "+e.className+" rpgui-draggable"},n.createElement(k,null,n.createElement(T,null,c&&n.createElement(S,{src:c,width:void 0===u?"20px":u}),s)),l&&n.createElement(N,{onClick:l,onTouchStart:l},"X"),t))},exports.Dropdown=function(e){var i=e.options,r=e.width,o=e.onChange,a=l.v4(),s=t.useState(""),c=s[0],u=s[1];return t.useEffect((function(){var e=document.getElementById("rpgui-dropdown-"+a),t=P.get_value(e);u(t),null==e||e.addEventListener("change",(function(e){u(null==e?void 0:e.target.value)}))}),[]),t.useEffect((function(){c&&o(c)}),[c]),n.createElement("select",{id:"rpgui-dropdown-"+a,style:{width:r},className:"rpgui-dropdown"},i.map((function(e){return n.createElement("option",{key:e.id,value:e.value},e.option)})))},exports.DynamicText=z,exports.Input=f,exports.InputRadio=function(e){var i=e.name,r=e.items,o=e.onChange,a=t.useState(),l=a[0],s=a[1],c=function(){var e=document.querySelector("input[name="+i+"]:checked");s(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:c},e.label),n.createElement("br",null))})))},exports.ListMenu=function(e){var t=e.onSelected,i=e.fontSize;return n.createElement(D,{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(B,{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,s=void 0!==l&&l,c=e.questions,u=e.answers,d=t.useState(!1),p=d[0],m=d[1];return n.createElement(h,{type:exports.RPGUIContainerTypes.FramedGold,width:s?"600px":"50%",height:"180px"},s&&c&&u?n.createElement(n.Fragment,null,n.createElement(H,{flex:r===exports.NPCDialogType.TextAndThumbnail?"70%":"100%"},n.createElement(U,{questions:c,answers:u,onClose:function(){o&&o()}})),r===exports.NPCDialogType.TextAndThumbnail&&n.createElement(V,null,n.createElement(Y,{src:a||"/npcDialog/alice.png"}))):n.createElement(n.Fragment,null,n.createElement(X,null,n.createElement(H,{flex:r===exports.NPCDialogType.TextAndThumbnail?"70%":"100%"},n.createElement(j,{onStartStep:function(){return m(!1)},onEndStep:function(){return m(!0)},text:i||"No text provided.",onClose:function(){o&&o()}})),r===exports.NPCDialogType.TextAndThumbnail&&n.createElement(V,null,n.createElement(Y,{src:a||"/npcDialog/alice.png"}))),p&&n.createElement(J,{right:r===exports.NPCDialogType.TextOnly?"1rem":"10.5rem",src:"/npcDialog/space.gif"})))},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,s=void 0===l?40:l,c=e.minWidth,u=void 0===c?100:c,d=e.style,p=function(e,t){return t>e&&(t=e),100*t/e};return n.createElement($,{className:"rpgui-progress","data-value":p(t,i)/100,"data-rpguitype":"progress",percentageWidth:s,minWidth:u,style:d},a&&n.createElement(Z,null,n.createElement(K,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=U,exports.RPGUIContainer=h,exports.RPGUIRoot=function(e){return n.createElement("div",{className:"rpgui-content"},e.children)},exports.RangeSlider=function(e){var i=e.type,r=e.valueMin,o=e.valueMax,a=e.width,s=e.onChange,c=l.v4(),u=t.useState(!1),d=u[0],p=u[1];q("mouseup",(function(){d&&m(),p(!1)}));var m=function(){var e=document.getElementById("rpgui-slider-"+c),t=P.get_value(e);s(Number(t))};return n.createElement("div",{onMouseUp:m,onMouseDown:function(){return p(!0)}},n.createElement(ee,{className:i===exports.RangeSliderType.Slider?exports.RangeSliderType.Slider:exports.RangeSliderType.GoldSlider,type:"range",style:{width:a},min:r,max:o,id:"rpgui-slider-"+c}))},exports.SkillProgressBar=function(e){var t=e.value,i=e.bgColor,r=e.logoSrc,o=void 0===r?te:r;return n.createElement(n.Fragment,null,n.createElement(de,null,n.createElement(le,null,e.titleName),n.createElement(se,null,t)),n.createElement(ue,null,n.createElement(ce,null,n.createElement(pe,{src:o})),n.createElement(ne,{value:t,bgColor:i})))},exports.TextArea=function(e){var t=s({},e);return n.createElement("textarea",Object.assign({},t))},exports.Truncate=function(e){var t=e.maxLines;return n.createElement(me,{maxLines:void 0===t?1:t},e.children)},exports._RPGUI=P,exports.useEventListener=q;
 //# 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/DraggableContainer.tsx","../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/imgExp.png","../src/components/SimpleProgressBar.tsx","../src/components/SkillProgressBar.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<IButtonProps &\n  React.DetailedHTMLProps<\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    HTMLButtonElement\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 Draggable from 'react-draggable';\nimport styled from 'styled-components';\nimport { RPGUIContainerTypes } from './RPGUIContainer';\n\nexport interface IDraggableContainerProps {\n  children: React.ReactNode;\n  width?: string;\n  height?: string;\n  className?: string;\n  type?: RPGUIContainerTypes;\n  title: string;\n  imgSrc?: string;\n  imgWidth?: string;\n  onCloseButton: () => void;\n}\n\nexport const DraggableContainer: React.FC<IDraggableContainerProps> = ({\n  children,\n  width = '50%',\n  height,\n  className,\n  type = RPGUIContainerTypes.FramedGold,\n  onCloseButton,\n  title,\n  imgSrc,\n  imgWidth = '20px',\n}) => {\n  return (\n    <Draggable>\n      <Container\n        width={width}\n        height={height || 'auto'}\n        className={`rpgui-container ${type} ${className} rpgui-draggable`}\n      >\n        <TitleContainer>\n          <Title>\n            {imgSrc && <Icon src={imgSrc} width={imgWidth} />}\n            {title}\n          </Title>\n        </TitleContainer>\n        {onCloseButton && (\n          <CloseButton onClick={onCloseButton} onTouchStart={onCloseButton}>\n            X\n          </CloseButton>\n        )}\n\n        {children}\n      </Container>\n    </Draggable>\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\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 TitleContainer = styled.div`\n  width: 100%;\n\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst Title = styled.h1`\n  color: white;\n  z-index: 22;\n  font-size: 10px;\n`;\n\ninterface ICustomIconProps {\n  width: string;\n}\n\nconst Icon = styled.img`\n  color: white;\n  z-index: 22;\n  font-size: 10px;\n  width: ${(props: ICustomIconProps) => props.width};\n  margin-right: 0.5rem;\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] = useState<boolean>(\n    false\n  );\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 [\n    currentAnswer,\n    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","const img = require('./imgExp.png'); export default img;","import React from 'react';\nimport styled from 'styled-components';\n\ninterface IProps {\n  value: number;\n  height?: string;\n  bgColor?: string;\n}\n\nexport const SimpleProgressBar: React.FC<IProps> = ({\n  value,\n\n  bgColor = 'red',\n}) => {\n  return (\n    <Container>\n      <ProgressBarContainer>\n        <BackgroundBar>\n          <Progress value={value} bgColor={bgColor} />\n        </BackgroundBar>\n      </ProgressBarContainer>\n    </Container>\n  );\n};\n\nconst Container = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n`;\n\nconst BackgroundBar = styled.span`\n  background-color: rgba(0, 0, 0, 0.075);\n`;\n\ninterface IProgressProps {\n  value: number;\n  bgColor: string;\n}\n\nconst Progress = styled.span`\n  background-color: ${(props: IProgressProps) => props.bgColor};\n  width: ${(props: IProgressProps) => props.value}%;\n`;\n\nconst ProgressBarContainer = styled.div`\n  border-radius: 60px;\n  border: 1px solid #282424;\n  overflow: hidden;\n  width: 100%;\n  span {\n    display: block;\n    height: 100%;\n  }\n\n  height: 8px;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport imgSrcTemplate from './imgExp.png';\nimport { SimpleProgressBar } from './SimpleProgressBar';\n\nexport interface ISkillProgressBarProps {\n  value: number;\n\n  height: string;\n  bgColor: string;\n  titleName: string;\n\n  logoSrc?: string;\n}\n\nexport const SkillProgressBar: React.FC<ISkillProgressBarProps> = ({\n  value,\n  bgColor,\n  titleName,\n\n  logoSrc = imgSrcTemplate,\n}) => {\n  return (\n    <>\n      <ProgressTitle>\n        <TitleName>{titleName}</TitleName>\n        <ValueDisplay>{value}</ValueDisplay>\n      </ProgressTitle>\n      <ProgressBody>\n        <ProgressIconContainer>\n          <Icon src={logoSrc} />\n        </ProgressIconContainer>\n\n        <SimpleProgressBar value={value} bgColor={bgColor} />\n      </ProgressBody>\n    </>\n  );\n};\n\nconst TitleName = styled.span`\n  margin-left: 5px;\n`;\n\nconst ValueDisplay = styled.span``;\n\nconst ProgressIconContainer = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst ProgressBody = styled.div`\n  display: flex;\n  flex-direction: row;\n`;\n\nconst ProgressTitle = styled.div`\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  span {\n    font-size: 0.6rem;\n  }\n`;\n\nconst Icon = styled.img`\n  margin-right: 10px;\n  height: 30px;\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] = useState<\n    IChecklistSelectedValues\n  >(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","TitleContainer","Title","h1","Icon","img","_RPGUI","RPGUI","y","x","fontSize","ListElement","li","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","SimpleProgressBar","bgColor","ProgressBarContainer","BackgroundBar","Progress","value","TitleName","ValueDisplay","ProgressIconContainer","ProgressBody","ProgressTitle","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","onChange","target","autoComplete","RPGUIButton","items","selectedValues","forEach","item","label","generateSelectedValuesList","setSelectedValues","element","checked","FramedGold","title","imgSrc","imgWidth","Draggable","src","options","dropdownId","uuidv4","selectedValue","setSelectedValue","getElementById","dropdownValue","get_value","option","handleClick","onSelected","overflow","params","imagePath","isQuestionDialog","showGoNextIndicator","setShowGoNextIndicator","TextAndThumbnail","aliceDefaultThumbnail","TextOnly","pressSpaceGif","max","displayText","calculatePercentageValue","left","valueMin","valueMax","sliderId","wasMouseDownFirst","setWasMouseDownFirst","onHandleMouseUp","rpguiSlider","Number","onMouseUp","onMouseDown","Slider","GoldSlider","min","logoSrc","imgSrcTemplate","titleName"],"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/NPCDialog/NPCDialog.tsx","../src/components/shared/Column.tsx","../src/components/Chat/Chat.tsx","../src/constants/uiColors.ts","../src/components/DraggableContainer.tsx","../src/components/RPGUIRoot.tsx","../src/components/ListMenu.tsx","../src/components/typography/DynamicText.tsx","../src/components/NPCDialog/NPCDialogText.tsx","../src/libs/StringHelpers.ts","../src/hooks/useEventListener.ts","../src/components/NPCDialog/QuestionDialog/QuestionDialog.tsx","../src/components/RangeSlider.tsx","../src/components/ProgressBar.tsx","../src/components/imgExp.png","../src/components/SimpleProgressBar.tsx","../src/components/SkillProgressBar.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<IButtonProps &\n  React.DetailedHTMLProps<\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    HTMLButtonElement\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 React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { RPGUIContainer, RPGUIContainerTypes } from '../RPGUIContainer';\n\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] = useState<boolean>(\n    false\n  );\n\n  const aliceDefaultThumbnail = '/npcDialog/alice.png';\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=\"/npcDialog/space.gif\"\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 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 Draggable from 'react-draggable';\nimport styled from 'styled-components';\nimport { RPGUIContainerTypes } from './RPGUIContainer';\n\nexport interface IDraggableContainerProps {\n  children: React.ReactNode;\n  width?: string;\n  height?: string;\n  className?: string;\n  type?: RPGUIContainerTypes;\n  title: string;\n  imgSrc?: string;\n  imgWidth?: string;\n  onCloseButton: () => void;\n}\n\nexport const DraggableContainer: React.FC<IDraggableContainerProps> = ({\n  children,\n  width = '50%',\n  height,\n  className,\n  type = RPGUIContainerTypes.FramedGold,\n  onCloseButton,\n  title,\n  imgSrc,\n  imgWidth = '20px',\n}) => {\n  return (\n    <Draggable>\n      <Container\n        width={width}\n        height={height || 'auto'}\n        className={`rpgui-container ${type} ${className} rpgui-draggable`}\n      >\n        <TitleContainer>\n          <Title>\n            {imgSrc && <Icon src={imgSrc} width={imgWidth} />}\n            {title}\n          </Title>\n        </TitleContainer>\n        {onCloseButton && (\n          <CloseButton onClick={onCloseButton} onTouchStart={onCloseButton}>\n            X\n          </CloseButton>\n        )}\n\n        {children}\n      </Container>\n    </Draggable>\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\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 TitleContainer = styled.div`\n  width: 100%;\n\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst Title = styled.h1`\n  color: white;\n  z-index: 22;\n  font-size: 10px;\n`;\n\ninterface ICustomIconProps {\n  width: string;\n}\n\nconst Icon = styled.img`\n  color: white;\n  z-index: 22;\n  font-size: 10px;\n  width: ${(props: ICustomIconProps) => props.width};\n  margin-right: 0.5rem;\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","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","export const chunkString = (str: string, length: number) => {\n  return str.match(new RegExp('.{1,' + length + '}', 'g'));\n};\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 [\n    currentAnswer,\n    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","const img = require('./imgExp.png'); export default img;","import React from 'react';\nimport styled from 'styled-components';\n\ninterface IProps {\n  value: number;\n  height?: string;\n  bgColor?: string;\n}\n\nexport const SimpleProgressBar: React.FC<IProps> = ({\n  value,\n\n  bgColor = 'red',\n}) => {\n  return (\n    <Container>\n      <ProgressBarContainer>\n        <BackgroundBar>\n          <Progress value={value} bgColor={bgColor} />\n        </BackgroundBar>\n      </ProgressBarContainer>\n    </Container>\n  );\n};\n\nconst Container = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n`;\n\nconst BackgroundBar = styled.span`\n  background-color: rgba(0, 0, 0, 0.075);\n`;\n\ninterface IProgressProps {\n  value: number;\n  bgColor: string;\n}\n\nconst Progress = styled.span`\n  background-color: ${(props: IProgressProps) => props.bgColor};\n  width: ${(props: IProgressProps) => props.value}%;\n`;\n\nconst ProgressBarContainer = styled.div`\n  border-radius: 60px;\n  border: 1px solid #282424;\n  overflow: hidden;\n  width: 100%;\n  span {\n    display: block;\n    height: 100%;\n  }\n\n  height: 8px;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport imgSrcTemplate from './imgExp.png';\nimport { SimpleProgressBar } from './SimpleProgressBar';\n\nexport interface ISkillProgressBarProps {\n  value: number;\n\n  height: string;\n  bgColor: string;\n  titleName: string;\n\n  logoSrc?: string;\n}\n\nexport const SkillProgressBar: React.FC<ISkillProgressBarProps> = ({\n  value,\n  bgColor,\n  titleName,\n\n  logoSrc = imgSrcTemplate,\n}) => {\n  return (\n    <>\n      <ProgressTitle>\n        <TitleName>{titleName}</TitleName>\n        <ValueDisplay>{value}</ValueDisplay>\n      </ProgressTitle>\n      <ProgressBody>\n        <ProgressIconContainer>\n          <Icon src={logoSrc} />\n        </ProgressIconContainer>\n\n        <SimpleProgressBar value={value} bgColor={bgColor} />\n      </ProgressBody>\n    </>\n  );\n};\n\nconst TitleName = styled.span`\n  margin-left: 5px;\n`;\n\nconst ValueDisplay = styled.span``;\n\nconst ProgressIconContainer = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst ProgressBody = styled.div`\n  display: flex;\n  flex-direction: row;\n`;\n\nconst ProgressTitle = styled.div`\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  span {\n    font-size: 0.6rem;\n  }\n`;\n\nconst Icon = styled.img`\n  margin-right: 10px;\n  height: 30px;\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] = useState<\n    IChecklistSelectedValues\n  >(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","NPCDialogType","RPGUIContainer","width","Container","height","type","div","Column","flex","flexWrap","alignItems","justifyContent","CloseButton","CustomInput","CustomContainer","opacity","Form","form","MessageText","p","TitleContainer","Title","h1","Icon","img","_RPGUI","RPGUI","y","x","fontSize","ListElement","li","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","require","SimpleProgressBar","bgColor","ProgressBarContainer","BackgroundBar","Progress","value","TitleName","ValueDisplay","ProgressIconContainer","ProgressBody","ProgressTitle","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","onChange","target","autoComplete","RPGUIButton","items","selectedValues","forEach","item","label","generateSelectedValuesList","setSelectedValues","element","checked","FramedGold","title","imgSrc","imgWidth","Draggable","src","options","dropdownId","uuidv4","selectedValue","setSelectedValue","getElementById","dropdownValue","get_value","option","handleClick","onSelected","overflow","params","imagePath","isQuestionDialog","showGoNextIndicator","setShowGoNextIndicator","TextAndThumbnail","TextOnly","max","displayText","calculatePercentageValue","left","valueMin","valueMax","sliderId","wasMouseDownFirst","setWasMouseDownFirst","onHandleMouseUp","rpguiSlider","Number","onMouseUp","onMouseDown","Slider","GoldSlider","min","logoSrc","imgSrcTemplate","titleName"],"mappings":"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"}

package/dist/long-bow.esm.js

@@ -422,10 +422,6 @@ var ListElement = /*#__PURE__*/styled.li.withConfig({
   componentId: "sc-i9097t-1"
 })(["margin-right:0.5rem;"]);
 
-const img = require('./alice.png');
-
-const img$1 = require('./space.gif');
-
 var chunkString = function chunkString(str, length) {
   return str.match(new RegExp('.{1,' + length + '}', 'g'));
 };
@@ -741,6 +737,7 @@ var NPCDialog = function NPCDialog(_ref) {
       showGoNextIndicator = _useState[0],
       setShowGoNextIndicator = _useState[1];
 
+  var aliceDefaultThumbnail = '/npcDialog/alice.png';
   return React.createElement(RPGUIContainer, {
     type: RPGUIContainerTypes.FramedGold,
     width: isQuestionDialog ? '600px' : '50%',
@@ -756,7 +753,7 @@ var NPCDialog = function NPCDialog(_ref) {
       }
     }
   })), type === NPCDialogType.TextAndThumbnail && React.createElement(ThumbnailContainer, null, React.createElement(NPCThumbnail, {
-    src: imagePath || img
+    src: imagePath || aliceDefaultThumbnail
   }))) : React.createElement(React.Fragment, null, React.createElement(Container$6, null, React.createElement(TextContainer$1, {
     flex: type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'
   }, React.createElement(NPCDialogText, {
@@ -773,10 +770,10 @@ var NPCDialog = function NPCDialog(_ref) {
       }
     }
   })), type === NPCDialogType.TextAndThumbnail && React.createElement(ThumbnailContainer, null, React.createElement(NPCThumbnail, {
-    src: imagePath || img
+    src: imagePath || aliceDefaultThumbnail
   }))), showGoNextIndicator && React.createElement(PressSpaceIndicator, {
     right: type === NPCDialogType.TextOnly ? '1rem' : '10.5rem',
-    src: img$1
+    src: "/npcDialog/space.gif"
   })));
 };
 var Container$6 = /*#__PURE__*/styled.div.withConfig({
@@ -957,7 +954,7 @@ var Input$1 = /*#__PURE__*/styled.input.withConfig({
   componentId: "sc-v8mte9-0"
 })(["opacity:0;"]);
 
-const img$2 = require('./imgExp.png');
+const img = require('./imgExp.png');
 
 var SimpleProgressBar = function SimpleProgressBar(_ref) {
   var value = _ref.value,
@@ -994,7 +991,7 @@ var SkillProgressBar = function SkillProgressBar(_ref) {
       bgColor = _ref.bgColor,
       titleName = _ref.titleName,
       _ref$logoSrc = _ref.logoSrc,
-      logoSrc = _ref$logoSrc === void 0 ? img$2 : _ref$logoSrc;
+      logoSrc = _ref$logoSrc === void 0 ? img : _ref$logoSrc;
   return React.createElement(React.Fragment, null, React.createElement(ProgressTitle, null, React.createElement(TitleName, null, titleName), React.createElement(ValueDisplay, null, value)), React.createElement(ProgressBody, null, React.createElement(ProgressIconContainer, null, React.createElement(Icon$1, {
     src: logoSrc
   })), React.createElement(SimpleProgressBar, {

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

@@ -1 +1 @@
-{"version":3,"file":"long-bow.esm.js","sources":["../src/components/Button.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/CheckButton.tsx","../src/components/DraggableContainer.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/imgExp.png","../src/components/SimpleProgressBar.tsx","../src/components/SkillProgressBar.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<IButtonProps &\n  React.DetailedHTMLProps<\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    HTMLButtonElement\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","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, { 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] = useState<\n    IChecklistSelectedValues\n  >(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 from 'react';\nimport Draggable from 'react-draggable';\nimport styled from 'styled-components';\nimport { RPGUIContainerTypes } from './RPGUIContainer';\n\nexport interface IDraggableContainerProps {\n  children: React.ReactNode;\n  width?: string;\n  height?: string;\n  className?: string;\n  type?: RPGUIContainerTypes;\n  title: string;\n  imgSrc?: string;\n  imgWidth?: string;\n  onCloseButton: () => void;\n}\n\nexport const DraggableContainer: React.FC<IDraggableContainerProps> = ({\n  children,\n  width = '50%',\n  height,\n  className,\n  type = RPGUIContainerTypes.FramedGold,\n  onCloseButton,\n  title,\n  imgSrc,\n  imgWidth = '20px',\n}) => {\n  return (\n    <Draggable>\n      <Container\n        width={width}\n        height={height || 'auto'}\n        className={`rpgui-container ${type} ${className} rpgui-draggable`}\n      >\n        <TitleContainer>\n          <Title>\n            {imgSrc && <Icon src={imgSrc} width={imgWidth} />}\n            {title}\n          </Title>\n        </TitleContainer>\n        {onCloseButton && (\n          <CloseButton onClick={onCloseButton} onTouchStart={onCloseButton}>\n            X\n          </CloseButton>\n        )}\n\n        {children}\n      </Container>\n    </Draggable>\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\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 TitleContainer = styled.div`\n  width: 100%;\n\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst Title = styled.h1`\n  color: white;\n  z-index: 22;\n  font-size: 10px;\n`;\n\ninterface ICustomIconProps {\n  width: string;\n}\n\nconst Icon = styled.img`\n  color: white;\n  z-index: 22;\n  font-size: 10px;\n  width: ${(props: ICustomIconProps) => props.width};\n  margin-right: 0.5rem;\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 [\n    currentAnswer,\n    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] = useState<boolean>(\n    false\n  );\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","const img = require('./imgExp.png'); export default img;","import React from 'react';\nimport styled from 'styled-components';\n\ninterface IProps {\n  value: number;\n  height?: string;\n  bgColor?: string;\n}\n\nexport const SimpleProgressBar: React.FC<IProps> = ({\n  value,\n\n  bgColor = 'red',\n}) => {\n  return (\n    <Container>\n      <ProgressBarContainer>\n        <BackgroundBar>\n          <Progress value={value} bgColor={bgColor} />\n        </BackgroundBar>\n      </ProgressBarContainer>\n    </Container>\n  );\n};\n\nconst Container = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n`;\n\nconst BackgroundBar = styled.span`\n  background-color: rgba(0, 0, 0, 0.075);\n`;\n\ninterface IProgressProps {\n  value: number;\n  bgColor: string;\n}\n\nconst Progress = styled.span`\n  background-color: ${(props: IProgressProps) => props.bgColor};\n  width: ${(props: IProgressProps) => props.value}%;\n`;\n\nconst ProgressBarContainer = styled.div`\n  border-radius: 60px;\n  border: 1px solid #282424;\n  overflow: hidden;\n  width: 100%;\n  span {\n    display: block;\n    height: 100%;\n  }\n\n  height: 8px;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport imgSrcTemplate from './imgExp.png';\nimport { SimpleProgressBar } from './SimpleProgressBar';\n\nexport interface ISkillProgressBarProps {\n  value: number;\n\n  height: string;\n  bgColor: string;\n  titleName: string;\n\n  logoSrc?: string;\n}\n\nexport const SkillProgressBar: React.FC<ISkillProgressBarProps> = ({\n  value,\n  bgColor,\n  titleName,\n\n  logoSrc = imgSrcTemplate,\n}) => {\n  return (\n    <>\n      <ProgressTitle>\n        <TitleName>{titleName}</TitleName>\n        <ValueDisplay>{value}</ValueDisplay>\n      </ProgressTitle>\n      <ProgressBody>\n        <ProgressIconContainer>\n          <Icon src={logoSrc} />\n        </ProgressIconContainer>\n\n        <SimpleProgressBar value={value} bgColor={bgColor} />\n      </ProgressBody>\n    </>\n  );\n};\n\nconst TitleName = styled.span`\n  margin-left: 5px;\n`;\n\nconst ValueDisplay = styled.span``;\n\nconst ProgressIconContainer = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst ProgressBody = styled.div`\n  display: flex;\n  flex-direction: row;\n`;\n\nconst ProgressTitle = styled.div`\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  span {\n    font-size: 0.6rem;\n  }\n`;\n\nconst Icon = styled.img`\n  margin-right: 10px;\n  height: 30px;\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","colors","darkGrey","Input","RPGUIContainerTypes","RPGUIContainer","type","width","height","Container","div","Column","flex","flexWrap","alignItems","justifyContent","Chat","chatMessages","onSendChatMessage","opacity","onCloseButton","useState","message","setMessage","useEffect","scrollChatToBottom","scrollingElement","document","querySelector","scrollTop","scrollHeight","handleSubmit","event","preventDefault","getInputValue","value","onRenderMessageLines","emitter","createdAt","dayjs","Date","format","name","onRenderChatMessages","length","map","index","_id","MessageText","key","CustomContainer","FramedGrey","ErrorBoundary","fallback","CloseButton","onClick","onTouchStart","Form","onSubmit","CustomInput","id","onChange","e","target","autoComplete","RPGUIButton","form","p","CheckButton","items","generateSelectedValuesList","selectedValues","forEach","item","label","setSelectedValues","handleClick","element","checked","DraggableContainer","FramedGold","title","imgSrc","imgWidth","Draggable","TitleContainer","Title","Icon","src","h1","img","_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","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","TextAndThumbnail","ThumbnailContainer","NPCThumbnail","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","SimpleProgressBar","bgColor","ProgressBarContainer","BackgroundBar","Progress","SkillProgressBar","titleName","logoSrc","imgSrcTemplate","ProgressTitle","TitleName","ValueDisplay","ProgressBody","ProgressIconContainer","TextArea","Truncate","maxLines"],"mappings":"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"}
+{"version":3,"file":"long-bow.esm.js","sources":["../src/components/Button.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/CheckButton.tsx","../src/components/DraggableContainer.tsx","../src/components/RPGUIRoot.tsx","../src/components/Dropdown.tsx","../src/components/ListMenu.tsx","../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/imgExp.png","../src/components/SimpleProgressBar.tsx","../src/components/SkillProgressBar.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<IButtonProps &\n  React.DetailedHTMLProps<\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    HTMLButtonElement\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","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, { 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] = useState<\n    IChecklistSelectedValues\n  >(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 from 'react';\nimport Draggable from 'react-draggable';\nimport styled from 'styled-components';\nimport { RPGUIContainerTypes } from './RPGUIContainer';\n\nexport interface IDraggableContainerProps {\n  children: React.ReactNode;\n  width?: string;\n  height?: string;\n  className?: string;\n  type?: RPGUIContainerTypes;\n  title: string;\n  imgSrc?: string;\n  imgWidth?: string;\n  onCloseButton: () => void;\n}\n\nexport const DraggableContainer: React.FC<IDraggableContainerProps> = ({\n  children,\n  width = '50%',\n  height,\n  className,\n  type = RPGUIContainerTypes.FramedGold,\n  onCloseButton,\n  title,\n  imgSrc,\n  imgWidth = '20px',\n}) => {\n  return (\n    <Draggable>\n      <Container\n        width={width}\n        height={height || 'auto'}\n        className={`rpgui-container ${type} ${className} rpgui-draggable`}\n      >\n        <TitleContainer>\n          <Title>\n            {imgSrc && <Icon src={imgSrc} width={imgWidth} />}\n            {title}\n          </Title>\n        </TitleContainer>\n        {onCloseButton && (\n          <CloseButton onClick={onCloseButton} onTouchStart={onCloseButton}>\n            X\n          </CloseButton>\n        )}\n\n        {children}\n      </Container>\n    </Draggable>\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\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 TitleContainer = styled.div`\n  width: 100%;\n\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst Title = styled.h1`\n  color: white;\n  z-index: 22;\n  font-size: 10px;\n`;\n\ninterface ICustomIconProps {\n  width: string;\n}\n\nconst Icon = styled.img`\n  color: white;\n  z-index: 22;\n  font-size: 10px;\n  width: ${(props: ICustomIconProps) => props.width};\n  margin-right: 0.5rem;\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","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 [\n    currentAnswer,\n    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';\n\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] = useState<boolean>(\n    false\n  );\n\n  const aliceDefaultThumbnail = '/npcDialog/alice.png';\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=\"/npcDialog/space.gif\"\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","const img = require('./imgExp.png'); export default img;","import React from 'react';\nimport styled from 'styled-components';\n\ninterface IProps {\n  value: number;\n  height?: string;\n  bgColor?: string;\n}\n\nexport const SimpleProgressBar: React.FC<IProps> = ({\n  value,\n\n  bgColor = 'red',\n}) => {\n  return (\n    <Container>\n      <ProgressBarContainer>\n        <BackgroundBar>\n          <Progress value={value} bgColor={bgColor} />\n        </BackgroundBar>\n      </ProgressBarContainer>\n    </Container>\n  );\n};\n\nconst Container = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n`;\n\nconst BackgroundBar = styled.span`\n  background-color: rgba(0, 0, 0, 0.075);\n`;\n\ninterface IProgressProps {\n  value: number;\n  bgColor: string;\n}\n\nconst Progress = styled.span`\n  background-color: ${(props: IProgressProps) => props.bgColor};\n  width: ${(props: IProgressProps) => props.value}%;\n`;\n\nconst ProgressBarContainer = styled.div`\n  border-radius: 60px;\n  border: 1px solid #282424;\n  overflow: hidden;\n  width: 100%;\n  span {\n    display: block;\n    height: 100%;\n  }\n\n  height: 8px;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport imgSrcTemplate from './imgExp.png';\nimport { SimpleProgressBar } from './SimpleProgressBar';\n\nexport interface ISkillProgressBarProps {\n  value: number;\n\n  height: string;\n  bgColor: string;\n  titleName: string;\n\n  logoSrc?: string;\n}\n\nexport const SkillProgressBar: React.FC<ISkillProgressBarProps> = ({\n  value,\n  bgColor,\n  titleName,\n\n  logoSrc = imgSrcTemplate,\n}) => {\n  return (\n    <>\n      <ProgressTitle>\n        <TitleName>{titleName}</TitleName>\n        <ValueDisplay>{value}</ValueDisplay>\n      </ProgressTitle>\n      <ProgressBody>\n        <ProgressIconContainer>\n          <Icon src={logoSrc} />\n        </ProgressIconContainer>\n\n        <SimpleProgressBar value={value} bgColor={bgColor} />\n      </ProgressBody>\n    </>\n  );\n};\n\nconst TitleName = styled.span`\n  margin-left: 5px;\n`;\n\nconst ValueDisplay = styled.span``;\n\nconst ProgressIconContainer = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst ProgressBody = styled.div`\n  display: flex;\n  flex-direction: row;\n`;\n\nconst ProgressTitle = styled.div`\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  span {\n    font-size: 0.6rem;\n  }\n`;\n\nconst Icon = styled.img`\n  margin-right: 10px;\n  height: 30px;\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","colors","darkGrey","Input","RPGUIContainerTypes","RPGUIContainer","type","width","height","Container","div","Column","flex","flexWrap","alignItems","justifyContent","Chat","chatMessages","onSendChatMessage","opacity","onCloseButton","useState","message","setMessage","useEffect","scrollChatToBottom","scrollingElement","document","querySelector","scrollTop","scrollHeight","handleSubmit","event","preventDefault","getInputValue","value","onRenderMessageLines","emitter","createdAt","dayjs","Date","format","name","onRenderChatMessages","length","map","index","_id","MessageText","key","CustomContainer","FramedGrey","ErrorBoundary","fallback","CloseButton","onClick","onTouchStart","Form","onSubmit","CustomInput","id","onChange","e","target","autoComplete","RPGUIButton","form","p","CheckButton","items","generateSelectedValuesList","selectedValues","forEach","item","label","setSelectedValues","handleClick","element","checked","DraggableContainer","FramedGold","title","imgSrc","imgWidth","Draggable","TitleContainer","Title","Icon","src","h1","img","_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","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","aliceDefaultThumbnail","TextAndThumbnail","ThumbnailContainer","NPCThumbnail","PressSpaceIndicator","right","TextOnly","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","SimpleProgressBar","bgColor","ProgressBarContainer","BackgroundBar","Progress","SkillProgressBar","titleName","logoSrc","imgSrcTemplate","ProgressTitle","TitleName","ValueDisplay","ProgressBody","ProgressIconContainer","TextArea","Truncate","maxLines"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpg-engine/long-bow",
-  "version": "0.1.57",
+  "version": "0.1.58",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/NPCDialog/NPCDialog.tsx

@@ -1,8 +1,7 @@
 import React, { useState } from 'react';
 import styled from 'styled-components';
 import { RPGUIContainer, RPGUIContainerTypes } from '../RPGUIContainer';
-import aliceDefaultThumbnail from './img/npcDialog/npcThumbnails/alice.png';
-import pressSpaceGif from './img/space.gif';
+
 import { NPCDialogText } from './NPCDialogText';
 import {
   IQuestionDialog,
@@ -38,6 +37,8 @@ export const NPCDialog: React.FC<INPCDialogProps> = ({
     false
   );
 
+  const aliceDefaultThumbnail = '/npcDialog/alice.png';
+
   return (
     <RPGUIContainer
       type={RPGUIContainerTypes.FramedGold}
@@ -91,7 +92,7 @@ export const NPCDialog: React.FC<INPCDialogProps> = ({
           {showGoNextIndicator && (
             <PressSpaceIndicator
               right={type === NPCDialogType.TextOnly ? '1rem' : '10.5rem'}
-              src={pressSpaceGif}
+              src="/npcDialog/space.gif"
             />
           )}
         </>