@rpg-engine/long-bow 0.2.2 → 0.2.5

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/hooks/useOutsideAlerter.ts","../src/components/NPCDialog/NPCDialog.tsx","../src/components/DraggableContainer.tsx","../src/components/RPGUIRoot.tsx","../src/components/RelativeListMenu.tsx","../src/components/shared/SpriteFromAtlas.tsx","../src/components/Item/Cards/ItemTooltip.tsx","../src/components/Item/Inventory/itemContainerHelper.ts","../src/components/Item/Inventory/ItemSlot.tsx","../src/components/Equipment/EquipmentSet.tsx","../src/components/Abstractions/SlotsContainer.tsx","../src/components/Item/Inventory/ItemContainer.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/PropertySelect/PropertySelect.tsx","../src/components/SimpleProgressBar.tsx","../src/components/SkillProgressBar.tsx","../src/components/SkillsContainer.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  disabled?: boolean;\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  >> = ({ disabled = false, children, buttonType, ...props }) => {\n  return (\n    <ButtonContainer className={`${buttonType}`} disabled={disabled} {...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: 2px;\n  right: 0px;\n  color: white;\n  z-index: 22;\n  font-size: 0.7rem;\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  darkYellow: '#FFC857',\n  orange: '#E9724C',\n  cardinal: '#C5283D',\n  raisinBlack: '#191923',\n  navyBlue: '#0E79B2',\n  purple: '#8C3D8C',\n  blue: '#3772FF',\n};\n","import { useEffect } from 'react';\n\nexport function useOutsideClick(ref: any, id: string) {\n  useEffect(() => {\n    /**\n     * Alert if clicked on outside of element\n     */\n    function handleClickOutside(event: any) {\n      if (ref.current && !ref.current.contains(event.target)) {\n        const event = new CustomEvent('clickOutside', {\n          detail: {\n            id,\n          },\n        });\n        document.dispatchEvent(event);\n      }\n    }\n    // Bind the event listener\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => {\n      // Unbind the event listener on clean up\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n  }, [ref]);\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, useRef } from 'react';\nimport Draggable, { DraggableData } from 'react-draggable';\nimport styled from 'styled-components';\nimport { useOutsideClick } from '../hooks/useOutsideAlerter';\nimport { IPosition } from '../types/eventTypes';\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  cancelDrag?: string;\n  onPositionChange?: (position: IPosition) => void;\n  onOutsideClick?: () => 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  cancelDrag,\n  onPositionChange,\n  onOutsideClick,\n}) => {\n  const draggableRef = useRef(null);\n\n  useOutsideClick(draggableRef, 'item-container');\n\n  useEffect(() => {\n    document.addEventListener('clickOutside', event => {\n      const e = event as CustomEvent;\n\n      if (e.detail.id === 'item-container') {\n        if (onOutsideClick) {\n          onOutsideClick();\n        }\n      }\n    });\n\n    return () => {\n      document.removeEventListener('clickOutside', _e => {});\n    };\n  }, []);\n\n  return (\n    <Draggable\n      cancel={`.container-close,${cancelDrag}`}\n      onDrag={(_e, data: DraggableData) => {\n        if (onPositionChange) {\n          onPositionChange({\n            x: data.x,\n            y: data.y,\n          });\n        }\n      }}\n    >\n      <Container\n        ref={draggableRef}\n        width={width}\n        height={height || 'auto'}\n        className={`rpgui-container ${type} ${className}`}\n      >\n        {title && (\n          <TitleContainer className=\"drag-handler\">\n            <Title>\n              {imgSrc && <Icon src={imgSrc} width={imgWidth} />}\n              {title}\n            </Title>\n          </TitleContainer>\n        )}\n        {onCloseButton && (\n          <CloseButton\n            className=\"container-close\"\n            onClick={onCloseButton}\n            onTouchStart={onCloseButton}\n          >\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  &.rpgui-container {\n    padding-top: 1.5rem;\n  }\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: 0.8rem;\n`;\n\nconst TitleContainer = styled.div`\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-items: center;\n`;\n\nconst Title = styled.h1`\n  color: white;\n  z-index: 22;\n  font-size: 0.6rem;\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, useRef } from 'react';\nimport styled from 'styled-components';\nimport { useOutsideClick } from '../hooks/useOutsideAlerter';\n\ninterface IListMenuOption {\n  id: string;\n  text: string;\n}\n\nexport interface IRelativeMenuProps {\n  options: IListMenuOption[];\n  onSelected: (selectedOptionId: string) => void;\n  fontSize?: number;\n  onOutsideClick?: () => void;\n}\n\nexport const RelativeListMenu: React.FC<IRelativeMenuProps> = ({\n  options,\n  onSelected,\n  onOutsideClick,\n  fontSize = 0.8,\n}) => {\n  const ref = useRef(null);\n\n  useOutsideClick(ref, 'relative-context-menu');\n\n  useEffect(() => {\n    document.addEventListener('clickOutside', event => {\n      const e = event as CustomEvent;\n\n      if (e.detail.id === 'relative-context-menu') {\n        if (onOutsideClick) {\n          onOutsideClick();\n        }\n      }\n    });\n\n    return () => {\n      document.removeEventListener('clickOutside', _e => {});\n    };\n  }, []);\n\n  return (\n    <Container fontSize={fontSize} ref={ref}>\n      <ul className=\"rpgui-list-imp\" style={{ overflow: 'hidden' }}>\n        {options.map((params, index) => (\n          <ListElement\n            key={params?.id || index}\n            onClick={() => {\n              onSelected(params?.id);\n            }}\n          >\n            {params?.text || 'No text'}\n          </ListElement>\n        ))}\n      </ul>\n    </Container>\n  );\n};\n\ninterface IContainerProps {\n  fontSize?: number;\n}\n\nconst Container = styled.div<IContainerProps>`\n  position: absolute;\n  top: 1rem;\n  left: 4rem;\n\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  justify-content: start;\n  align-items: flex-start;\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 { GRID_HEIGHT, GRID_WIDTH } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\n\ninterface IProps {\n  atlasJSON: any;\n  atlasIMG: any;\n  spriteKey: string;\n  width?: number;\n  height?: number;\n  grayScale?: boolean;\n  opacity?: number;\n  onClick?: () => void;\n  containerStyle?: any;\n  imgStyle?: any;\n  imgScale?: number;\n}\n\nexport const SpriteFromAtlas: React.FC<IProps> = ({\n  atlasJSON,\n  atlasIMG,\n  spriteKey,\n  width = GRID_WIDTH,\n  height = GRID_HEIGHT,\n  imgScale = 2,\n  imgStyle,\n  onClick,\n  containerStyle,\n  grayScale = false,\n  opacity = 1,\n}) => {\n  //! If an item is not showing, remember that you MUST run yarn atlas:copy everytime you add a new item to the atlas (it will sync our public folder atlas with src/atlas).\n  //!Due to React's limitations, we cannot import it from the public folder directly!\n\n  const spriteData = atlasJSON.frames[spriteKey];\n\n  return (\n    <Container\n      width={width}\n      height={height}\n      hasHover={grayScale}\n      onClick={onClick}\n      style={containerStyle}\n    >\n      <ImgSprite\n        className=\"sprite-from-atlas-img\"\n        atlasIMG={atlasIMG}\n        frame={spriteData.frame}\n        scale={imgScale}\n        grayScale={grayScale}\n        opacity={opacity}\n        style={imgStyle}\n      />\n    </Container>\n  );\n};\n\ninterface IImgSpriteProps {\n  atlasIMG: any;\n  frame: {\n    x: number;\n    y: number;\n    w: number;\n    h: number;\n  };\n  scale: number;\n  grayScale: boolean;\n  opacity: number;\n}\n\ninterface IContainerProps {\n  width: number;\n  height: number;\n  hasHover: boolean;\n}\n\nconst Container = styled.div`\n  width: ${(props: IContainerProps) => props.width}px;\n  height: ${(props: IContainerProps) => props.height}px;\n  ${(props: IContainerProps) =>\n    !props.hasHover\n      ? `&:hover {\n    filter: sepia(100%) saturate(300%) brightness(70%) hue-rotate(180deg);\n  }`\n      : ``}\n`;\n\nconst ImgSprite = styled.div<IImgSpriteProps>`\n  width: ${props => props.frame.w}px;\n  height: ${props => props.frame.h}px;\n  background-image: url(${props => props.atlasIMG});\n  background-position: -${props => props.frame.x}px -${props => props.frame.y}px;\n  transform: scale(${props => props.scale});\n  position: relative;\n  top: 8px;\n  left: 8px;\n  filter: ${props => (props.grayScale ? 'grayscale(100%)' : 'none')};\n  opacity: ${props => props.opacity};\n`;\n","import React from 'react';\nimport styled from 'styled-components';\n\ninterface IProps {\n  label: string;\n}\n\nexport const ItemTooltip: React.FC<IProps> = ({ label }) => {\n  return (\n    <Container>\n      <div>{label}</div>\n    </Container>\n  );\n};\n\nconst Container = styled.div`\n  z-index: 2;\n  position: absolute;\n  top: 1rem;\n  left: 4rem;\n\n  font-size: 0.5rem;\n  color: white;\n  background-color: black;\n  border-radius: 5px;\n  padding: 0.5rem;\n  min-width: 20px;\n  width: 100%;\n  text-align: center;\n\n  opacity: 0.75;\n`;\n","import {\n  ActionsForEquipmentSet,\n  ActionsForInventory,\n  ActionsForLoot,\n  ActionsForMapContainer,\n  ItemContainerType,\n  ItemSocketEventsDisplayLabels,\n  ItemType\n} from '@rpg-engine/shared';\n\nexport interface IContextMenuItem {\n  id: string;\n  text: string;\n}\n\nconst generateContextMenuListOptions = (actionsByTypeList: any) => {\n  const contextMenu: IContextMenuItem[] = actionsByTypeList.map(\n    (action: string) => {\n      return { id: action, text: ItemSocketEventsDisplayLabels[action] };\n    }\n  );\n  return contextMenu;\n};\n\nexport const generateContextMenu = (\n  itemType: ItemType,\n  itemContainerType: ItemContainerType | null\n) => {\n  let contextActionMenu: IContextMenuItem[] = [];\n\n  if (itemContainerType === ItemContainerType.Inventory) {\n    switch (itemType) {\n      case ItemType.Weapon:\n      case ItemType.Armor:\n      case ItemType.Accessory:\n      case ItemType.Jewelry:\n        contextActionMenu = generateContextMenuListOptions(\n          ActionsForInventory.Equipment\n        );\n        break;\n      case ItemType.Container:\n        contextActionMenu = generateContextMenuListOptions(\n          ActionsForInventory.Container\n        );\n        break;\n      case ItemType.Consumable:\n        contextActionMenu = generateContextMenuListOptions(\n          ActionsForInventory.Consumable\n        );\n        break;\n      case ItemType.CraftMaterial:\n        contextActionMenu = generateContextMenuListOptions(\n          ActionsForInventory.CraftMaterial\n        );\n        break;\n      case ItemType.Tool:\n        contextActionMenu = generateContextMenuListOptions(\n          ActionsForInventory.Tool\n        );\n        break;\n\n      default:\n        contextActionMenu = generateContextMenuListOptions(\n          ActionsForInventory.Other\n        );\n        break;\n    }\n  }\n  if (itemContainerType === ItemContainerType.Equipment) {\n    switch (itemType) {\n      case ItemType.Container:\n        contextActionMenu = generateContextMenuListOptions(\n          ActionsForEquipmentSet.Container\n        );\n\n        break;\n      default:\n        contextActionMenu = generateContextMenuListOptions(\n          ActionsForEquipmentSet.Equipment\n        );\n    }\n  }\n  if (itemContainerType === ItemContainerType.Loot) {\n    switch (itemType) {\n      case ItemType.Weapon:\n      case ItemType.Armor:\n      case ItemType.Accessory:\n      case ItemType.Jewelry:\n        contextActionMenu = generateContextMenuListOptions(\n          ActionsForLoot.Equipment\n        );\n        break;\n      case ItemType.Consumable:\n        contextActionMenu = generateContextMenuListOptions(\n          ActionsForLoot.Consumable\n        );\n        break;\n      case ItemType.CraftMaterial:\n        contextActionMenu = generateContextMenuListOptions(\n          ActionsForLoot.CraftMaterial\n        );\n        break;\n      case ItemType.Tool:\n        contextActionMenu = generateContextMenuListOptions(ActionsForLoot.Tool);\n        break;\n      default:\n        contextActionMenu = generateContextMenuListOptions(\n          ActionsForLoot.Other\n        );\n        break;\n    }\n  }\n  if (itemContainerType === ItemContainerType.MapContainer) {\n    switch (itemType) {\n      case ItemType.Weapon:\n      case ItemType.Armor:\n      case ItemType.Accessory:\n      case ItemType.Jewelry:\n        contextActionMenu = generateContextMenuListOptions(\n          ActionsForMapContainer.Equipment\n        );\n        break;\n      case ItemType.Consumable:\n        contextActionMenu = generateContextMenuListOptions(\n          ActionsForMapContainer.Consumable\n        );\n        break;\n      case ItemType.CraftMaterial:\n        contextActionMenu = generateContextMenuListOptions(\n          ActionsForMapContainer.CraftMaterial\n        );\n        break;\n      case ItemType.Tool:\n        contextActionMenu = generateContextMenuListOptions(\n          ActionsForMapContainer.Tool\n        );\n        break;\n      default:\n        contextActionMenu = generateContextMenuListOptions(\n          ActionsForMapContainer.Other\n        );\n        break;\n    }\n  }\n  return contextActionMenu;\n};\n","import {\n  IItem,\n  IItemContainer,\n  ItemContainerType,\n  ItemSlotType,\n  ItemType,\n} from '@rpg-engine/shared';\n\nimport { observer } from 'mobx-react-lite';\nimport React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport atlasJSON from '../../../mocks/atlas/items/items.json';\nimport atlasIMG from '../../../mocks/atlas/items/items.png';\nimport { RelativeListMenu } from '../../RelativeListMenu';\nimport { SpriteFromAtlas } from '../../shared/SpriteFromAtlas';\nimport { ItemTooltip } from '../Cards/ItemTooltip';\nimport { generateContextMenu, IContextMenuItem } from './itemContainerHelper';\n\nconst EquipmentSlotSpriteByType: any = {\n  Neck: 'accessories/corruption-necklace.png',\n  LeftHand: 'swords/broad-sword.png',\n  Ring: 'rings/iron-ring.png',\n  Head: 'helmets/viking-helmet.png',\n  Torso: 'armors/iron-armor.png',\n  Legs: 'legs/studded-legs.png',\n  Feet: 'boots/iron-boots.png',\n  Inventory: 'containers/bag.png',\n  RightHand: 'shields/plate-shield.png',\n  Accessory: 'gloves/plate-gloves.png',\n};\n\ninterface IProps {\n  slotIndex: number;\n  item: IItem | null;\n  itemContainer?: IItemContainer | null;\n  itemContainerType: ItemContainerType | null;\n  slotSpriteMask?: ItemSlotType | null;\n  onSelected: (selectedOption: string, item: IItem) => void;\n  onMouseOver: (\n    event: any,\n    slotIndex: number,\n    item: IItem | null,\n    x: number,\n    y: number\n  ) => void;\n  onMouseOut?: () => void;\n  onClick: (\n    ItemType: ItemType,\n    itemContainerType: ItemContainerType | null,\n    item: IItem\n  ) => void;\n}\n\nexport const ItemSlot: React.FC<IProps> = observer(\n  ({\n    slotIndex,\n    item,\n    itemContainerType: containerType,\n    slotSpriteMask,\n    onMouseOver,\n    onMouseOut,\n    onClick,\n    onSelected,\n  }) => {\n    const [isTooltipVisible, setTooltipVisible] = useState(false);\n\n    const [isContextMenuVisible, setIsContextMenuVisible] = useState(false);\n\n    const [contextActions, setContextActions] = useState<IContextMenuItem[]>(\n      []\n    );\n\n    useEffect(() => {\n      if (item) {\n        setContextActions(generateContextMenu(item.type, containerType));\n      }\n    }, [item]);\n\n    const getLeftPositionValue = (quantity: number) => {\n      if (quantity > 0 && quantity < 10) return '2.5rem';\n      else if (quantity > 9 && quantity < 100) return '2.0rem';\n      else if (quantity > 99) return '1rem';\n      return '2.5rem';\n    };\n\n    const renderItem = (itemToRender: IItem | null) => {\n      const element = [];\n      if (itemToRender?.texturePath) {\n        element.push(\n          <SpriteFromAtlas\n            key={itemToRender._id}\n            atlasIMG={atlasIMG}\n            atlasJSON={atlasJSON}\n            spriteKey={itemToRender.texturePath}\n            imgScale={3}\n          />\n        );\n      }\n      if (itemToRender?.isStackable && itemToRender?.stackQty) {\n        element.push(\n          <ItemQty\n            left={getLeftPositionValue(itemToRender.stackQty)}\n            key={`qty-${itemToRender._id}`}\n          >\n            {' '}\n            {itemToRender.stackQty}{' '}\n          </ItemQty>\n        );\n      }\n      return element;\n    };\n\n    const renderEquipment = (itemToRender: IItem | null) => {\n      if (\n        itemToRender?.texturePath &&\n        itemToRender.allowedEquipSlotType?.includes(slotSpriteMask!)\n      ) {\n        return (\n          <SpriteFromAtlas\n            key={itemToRender._id}\n            atlasIMG={atlasIMG}\n            atlasJSON={atlasJSON}\n            spriteKey={itemToRender.texturePath}\n            imgScale={3}\n          />\n        );\n      } else {\n        return (\n          <SpriteFromAtlas\n            atlasIMG={atlasIMG}\n            atlasJSON={atlasJSON}\n            spriteKey={EquipmentSlotSpriteByType[slotSpriteMask!]}\n            imgScale={3}\n            grayScale={true}\n            opacity={0.4}\n          />\n        );\n      }\n    };\n\n    const onRenderSlot = (itemToRender: IItem | null) => {\n      switch (containerType) {\n        case ItemContainerType.Equipment:\n          return renderEquipment(itemToRender);\n        case ItemContainerType.Inventory:\n          return renderItem(itemToRender);\n        default:\n          return renderItem(itemToRender);\n      }\n    };\n\n    return (\n      <Container\n        className=\"rpgui-icon empty-slot\"\n        onMouseOver={event =>\n          onMouseOver(event, slotIndex, item, event.clientX, event.clientY)\n        }\n        onMouseOut={() => {\n          if (onMouseOut) onMouseOut();\n        }}\n        onMouseEnter={() => setTooltipVisible(true)}\n        onMouseLeave={() => setTooltipVisible(false)}\n        onClick={() => {\n          setTooltipVisible(false);\n\n          if (item) {\n            setIsContextMenuVisible(!isContextMenuVisible);\n            onClick(item.type, containerType, item);\n          }\n        }}\n      >\n        {isContextMenuVisible && contextActions && (\n          <RelativeListMenu\n            options={contextActions}\n            onSelected={(optionId: string) => {\n              setIsContextMenuVisible(false);\n              if (item) {\n                onSelected(optionId, item);\n              }\n            }}\n            onOutsideClick={() => {\n              setIsContextMenuVisible(false);\n            }}\n          />\n        )}\n\n        {isTooltipVisible && item && <ItemTooltip label={item.name} />}\n\n        {onRenderSlot(item)}\n      </Container>\n    );\n  }\n);\n\nconst Container = styled.div`\n  margin: 0.1rem;\n  .sprite-from-atlas-img {\n    position: relative;\n    top: 1.5rem;\n    left: 1.5rem;\n  }\n  position: relative;\n`;\n\ninterface IItemQtyProps {\n  left: string;\n}\nconst ItemQty = styled.span<IItemQtyProps>`\n  position: relative;\n  top: 1.5rem;\n  left: ${props => props.left};\n`;\n","import {\n  IEquipmentSet,\n  IItem,\n  IItemContainer,\n  ItemContainerType,\n  ItemSlotType,\n  ItemType,\n} from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { DraggableContainer } from '../DraggableContainer';\nimport { ItemSlot } from '../Item/Inventory/ItemSlot';\nimport { RPGUIContainerTypes } from '../RPGUIContainer';\n\nexport interface IEquipmentSetProps {\n  equipmentSet: IEquipmentSet;\n  onClose?: () => void;\n  onItemClick?: (\n    ItemType: ItemType,\n    item: IItem,\n    itemContainerType: ItemContainerType | null\n  ) => void;\n  onMouseOver?: (e: any, slotIndex: number, item: IItem | null) => void;\n  onSelected?: (optionId: string) => void;\n  initialPosition?: { x: number; y: number };\n  type: ItemContainerType | null;\n}\n\nexport const EquipmentSet: React.FC<IEquipmentSetProps> = ({\n  equipmentSet,\n  onClose,\n  onMouseOver,\n  onSelected,\n  onItemClick,\n}) => {\n  const {\n    neck,\n    leftHand,\n    ring,\n    head,\n    armor,\n    legs,\n    boot,\n    inventory,\n    rightHand,\n    accessory,\n  } = equipmentSet;\n\n  const equipmentData = [\n    neck,\n    leftHand,\n    ring,\n    head,\n    armor,\n    legs,\n    boot,\n    inventory,\n    rightHand,\n    accessory,\n  ];\n\n  const equipmentMaskSlots = [\n    ItemSlotType.Neck,\n    ItemSlotType.LeftHand,\n    ItemSlotType.Ring,\n    ItemSlotType.Head,\n    ItemSlotType.Torso,\n    ItemSlotType.Legs,\n    ItemSlotType.Feet,\n    ItemSlotType.Inventory,\n    ItemSlotType.RightHand,\n    ItemSlotType.Accessory,\n  ];\n\n  const onRenderEquipmentSlotRange = (start: number, end: number) => {\n    const equipmentRange = equipmentData.slice(start, end);\n    const slotMaksRange = equipmentMaskSlots.slice(start, end);\n\n    return equipmentRange.map((data, i) => {\n      const item = data as IItem;\n      const itemContainer =\n        (item && (item.itemContainer as IItemContainer)) ?? null;\n\n      return (\n        <ItemSlot\n          key={i}\n          slotIndex={i}\n          item={item}\n          itemContainer={itemContainer}\n          itemContainerType={ItemContainerType.Equipment}\n          slotSpriteMask={slotMaksRange[i]}\n          onMouseOver={(event, slotIndex, item) => {\n            if (onMouseOver) onMouseOver(event, slotIndex, item);\n          }}\n          onClick={(itemType, ContainerType) => {\n            if (onItemClick) onItemClick(itemType, item, ContainerType);\n          }}\n          onSelected={(optionId: string) => {\n            if (onSelected) onSelected(optionId);\n          }}\n        />\n      );\n    });\n  };\n\n  return (\n    <DraggableContainer\n      title={'Equipments'}\n      type={RPGUIContainerTypes.Framed}\n      onCloseButton={() => {\n        if (onClose) onClose();\n      }}\n      width=\"330px\"\n      cancelDrag=\".equipment-container-body\"\n    >\n      <EquipmentSetContainer className=\"equipment-container-body\">\n        <EquipmentColumn>{onRenderEquipmentSlotRange(0, 3)}</EquipmentColumn>\n        <EquipmentColumn>{onRenderEquipmentSlotRange(3, 7)}</EquipmentColumn>\n        <EquipmentColumn>{onRenderEquipmentSlotRange(7, 10)}</EquipmentColumn>\n      </EquipmentSetContainer>\n    </DraggableContainer>\n  );\n};\n\nconst EquipmentSetContainer = styled.div`\n  width: inherit;\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  flex-direction: row;\n`;\n\nconst EquipmentColumn = styled.div`\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  flex-direction: column;\n`;\n","import React from 'react';\nimport { IPosition } from '../../types/eventTypes';\nimport { DraggableContainer } from '../DraggableContainer';\nimport { RPGUIContainerTypes } from '../RPGUIContainer';\n\ninterface IProps {\n  children: React.ReactNode;\n  title: string;\n  onClose?: () => void;\n  onPositionChange?: (position: IPosition) => void;\n  onOutsideClick?: () => void;\n}\n\nexport const SlotsContainer: React.FC<IProps> = ({\n  children,\n  title,\n  onClose,\n  onPositionChange,\n  onOutsideClick,\n}) => {\n  return (\n    <DraggableContainer\n      title={title}\n      type={RPGUIContainerTypes.Framed}\n      onCloseButton={() => {\n        if (onClose) {\n          onClose();\n        }\n      }}\n      width=\"330px\"\n      cancelDrag=\".item-container-body\"\n      onPositionChange={({ x, y }) => {\n        if (onPositionChange) {\n          onPositionChange({ x, y });\n        }\n      }}\n      onOutsideClick={onOutsideClick}\n    >\n      {children}\n    </DraggableContainer>\n  );\n};\n","import { IItem, IItemContainer, ItemContainerType } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { SlotsContainer } from '../../Abstractions/SlotsContainer';\n\nimport { ItemSlot } from './ItemSlot';\n\nexport interface IItemContainerProps {\n  itemContainer: IItemContainer;\n  onClose?: () => void;\n  onItemClick?: (\n    item: IItem,\n    ItemType: IItem['type'],\n    itemContainerType: ItemContainerType | null\n  ) => void;\n  onMouseOver?: (e: any, slotIndex: number, item: IItem | null) => void;\n  onSelected?: (optionId: string, item: IItem) => void;\n  type: ItemContainerType;\n}\n\nexport const ItemContainer: React.FC<IItemContainerProps> = ({\n  itemContainer,\n  onClose,\n  onMouseOver,\n  onSelected,\n  onItemClick,\n  type,\n}) => {\n  const onRenderSlots = () => {\n    const slots = [];\n\n    for (let i = 0; i < itemContainer.slotQty; i++) {\n      slots.push(\n        <ItemSlot\n          key={i}\n          slotIndex={i}\n          item={itemContainer.slots?.[i] || null}\n          itemContainerType={type}\n          onMouseOver={(event, slotIndex, item) => {\n            if (onMouseOver) onMouseOver(event, slotIndex, item);\n          }}\n          onClick={(ItemType, ContainerType, item) => {\n            if (onItemClick) onItemClick(item, ItemType, ContainerType);\n          }}\n          onSelected={(optionId: string, item: IItem) => {\n            if (onSelected) onSelected(optionId, item);\n          }}\n        />\n      );\n    }\n    return slots;\n  };\n\n  return (\n    <SlotsContainer title={itemContainer.name || 'Container'} onClose={onClose}>\n      <ItemsContainer className=\"item-container-body\">\n        {onRenderSlots()}\n      </ItemsContainer>\n    </SlotsContainer>\n  );\n};\n\nconst ItemsContainer = styled.div`\n  max-width: 280px;\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\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, index) => (\n          <ListElement\n            key={params?.id || index}\n            onClick={() => {\n              onSelected(params?.id);\n            }}\n          >\n            {params?.text || 'No 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        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  word-break: break-all;\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  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","import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport LeftArrowClickIcon from './img/ui-arrows/arrow01-left-clicked.png';\nimport LeftArrowIcon from './img/ui-arrows/arrow01-left.png';\nimport RightArrowClickIcon from './img/ui-arrows/arrow01-right-clicked.png';\nimport RightArrowIcon from './img/ui-arrows/arrow01-right.png';\n\nexport interface IPropertySelectProps {\n  availableProperties: Array<IPropertiesProps>;\n  selectedProperty: object;\n  children?: React.ReactNode;\n}\n\nexport interface IPropertiesProps {\n  id: string;\n  name: string;\n}\n\nexport const PropertySelect: React.FC<IPropertySelectProps> = ({\n  availableProperties,\n}) => {\n  const [currentIndex, setCurrentIndex] = useState(0);\n  const propertiesLength = availableProperties.length - 1;\n\n  const onLeftClick = () => {\n    if (currentIndex === 0) setCurrentIndex(propertiesLength);\n    else setCurrentIndex(index => index - 1);\n  };\n  const onRightClick = () => {\n    if (currentIndex === propertiesLength) setCurrentIndex(0);\n    else setCurrentIndex(index => index + 1);\n  };\n  return (\n    <Container>\n      <TextOverlay>\n        <Item>{availableProperties[currentIndex].name}</Item>\n      </TextOverlay>\n      <div className=\"rpgui-progress-track\"></div>\n      <LeftArrow onClick={onLeftClick}></LeftArrow>\n      <RightArrow onClick={onRightClick}></RightArrow>\n    </Container>\n  );\n};\n\nconst Item = 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  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: start;\n  align-items: flex-start;\n  min-width: 100px;\n  width: 40%;\n`;\n\nconst LeftArrow = styled.div`\n  background-image: url(${LeftArrowIcon});\n  background-size: 100% 100%;\n  left: 0;\n  position: absolute;\n  width: 40px;\n  height: 42px;\n  :active {\n    background-image: url(${LeftArrowClickIcon});\n  }\n`;\n\nconst RightArrow = styled.div`\n  background-image: url(${RightArrowIcon});\n  right: 0;\n  position: absolute;\n  width: 40px;\n  background-size: 100% 100%;\n  height: 42px;\n  :active {\n    background-image: url(${RightArrowClickIcon});\n  }\n`;\n\nexport default PropertySelect;\n","import React from 'react';\nimport styled from 'styled-components';\n\nexport interface ISimpleProgressBarProps {\n  value: number;\n  bgColor?: string;\n  margin?: number;\n}\n\nexport const SimpleProgressBar: React.FC<ISimpleProgressBarProps> = ({\n  value,\n  bgColor = 'red',\n  margin = 20,\n}) => {\n  return (\n    <Container className=\"simple-progress-bar\">\n      <ProgressBarContainer margin={margin}>\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 ISimpleProgressBarThemeProps {\n  value: number;\n  bgColor: string;\n}\n\nconst Progress = styled.span`\n  background-color: ${(props: ISimpleProgressBarThemeProps) => props.bgColor};\n  width: ${(props: ISimpleProgressBarThemeProps) => props.value}%;\n`;\n\ninterface ISimpleProgressBarTheme2Props {\n  margin: number;\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  height: 8px;\n  margin-left: ${(props: ISimpleProgressBarTheme2Props) => props.margin}px;\n`;\n","import { getSPForLevel } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport atlasJSON from '../mocks/atlas/items/items.json';\nimport atlasIMG from '../mocks/atlas/items/items.png';\nimport { SpriteFromAtlas } from './shared/SpriteFromAtlas';\nimport { SimpleProgressBar } from './SimpleProgressBar';\n\nexport interface ISkillProgressBarProps {\n  skillName: string;\n  bgColor: string;\n  level: number;\n  skillPoints: number;\n  skillPointsToNextLevel?: number;\n  texturePath: string;\n  showSkillPoints?: boolean;\n}\n\nexport const SkillProgressBar: React.FC<ISkillProgressBarProps> = ({\n  bgColor,\n  skillName,\n  level,\n  skillPoints,\n  texturePath,\n  showSkillPoints = true,\n}) => {\n  const spForNextLevel = getSPForLevel(level + 1);\n\n  const ratio = (skillPoints / spForNextLevel) * 100;\n\n  return (\n    <>\n      <ProgressTitle>\n        <TitleName>{skillName}</TitleName>\n        <ValueDisplay>lv {level}</ValueDisplay>\n      </ProgressTitle>\n      <ProgressBody>\n        <ProgressIconContainer>\n          {atlasIMG && atlasJSON ? (\n            <SpriteContainer>\n              <SpriteFromAtlas\n                atlasIMG={atlasIMG}\n                atlasJSON={atlasJSON}\n                spriteKey={texturePath}\n                imgScale={1}\n                grayScale\n                opacity={0.5}\n              />\n            </SpriteContainer>\n          ) : (\n            <></>\n          )}\n        </ProgressIconContainer>\n\n        <ProgressBarContainer>\n          <SimpleProgressBar value={ratio} bgColor={bgColor} />\n        </ProgressBarContainer>\n      </ProgressBody>\n      {showSkillPoints && (\n        <SkillDisplayContainer>\n          <SkillPointsDisplay>\n            {skillPoints}/{spForNextLevel}\n          </SkillPointsDisplay>\n        </SkillDisplayContainer>\n      )}\n    </>\n  );\n};\n\nconst ProgressBarContainer = styled.div`\n  position: relative;\n  top: 8px;\n  width: 100%;\n  height: auto;\n`;\n\nconst SpriteContainer = styled.div`\n  position: relative;\n  top: -3px;\n  left: 0;\n`;\n\nconst SkillDisplayContainer = styled.div`\n  margin: 0 auto;\n\n  p {\n    margin: 0;\n  }\n`;\n\nconst SkillPointsDisplay = styled.p`\n  font-size: 0.6rem !important;\n  font-weight: bold;\n  text-align: center;\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  width: 100%;\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","import { ISkill, ISkillDetails } from '@rpg-engine/shared';\nimport _ from 'lodash';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { colors } from '../constants/uiColors';\nimport { DraggableContainer } from './DraggableContainer';\nimport { SkillProgressBar } from './SkillProgressBar';\n\nexport interface ISkillContainerProps {\n  skill: ISkill;\n  onCloseButton: () => void;\n}\n\nconst skillProps = {\n  attributes: {\n    color: colors.cardinal,\n    values: {\n      stamina: 'spell-icons/regenerate.png',\n      magic: 'spell-icons/fireball.png',\n      magicResistance: 'spell-icons/freeze.png',\n      strength: 'spell-icons/enchanted-blow.png',\n      resistance: 'spell-icons/magic-shield.png',\n      dexterity: 'spell-icons/haste.png',\n    },\n  },\n  combat: {\n    color: colors.purple,\n    values: {\n      first: 'gloves/leather-gloves.png',\n      club: 'maces/club.png',\n      sword: 'swords/double-edged-sword.png',\n      axe: 'axes/double-axe.png',\n      distance: 'bows/horse-bow.png',\n      shielding: 'shields/studded-shield.png',\n      dagger: 'daggers/dagger.png',\n    },\n  },\n  crafting: {\n    color: colors.blue,\n    values: {\n      fishing: 'foods/fish.png',\n      mining: 'crafting-resources/iron-ingot.png',\n      lumberjacking: 'crafting-resources/greater-wood-log.png',\n      cooking: 'foods/chickens-meat.png',\n      alchemy: 'potions/greater-mana-potion.png',\n    },\n  },\n};\n\nexport const SkillsContainer: React.FC<ISkillContainerProps> = ({\n  onCloseButton,\n  skill,\n}) => {\n  const onRenderSkillCategory = (\n    category: 'attributes' | 'combat' | 'crafting'\n  ) => {\n    const skillCategory = skillProps[category];\n\n    const skillCategoryColor = skillCategory.color;\n\n    const output = [];\n\n    for (const [key, value] of Object.entries(skillCategory.values)) {\n      //@ts-ignore\n      const skillDetails = (skill[key] as unknown) as ISkillDetails;\n\n      output.push(\n        <SkillProgressBar\n          key={key}\n          skillName={_.capitalize(key)}\n          bgColor={skillCategoryColor}\n          level={skillDetails.level || 0}\n          skillPoints={Math.round(skillDetails.skillPoints) || 0}\n          skillPointsToNextLevel={\n            Math.round(skillDetails.skillPointsToNextLevel) || 0\n          }\n          texturePath={value}\n        />\n      );\n    }\n\n    return output;\n  };\n\n  return (\n    <SkillsDraggableContainer title=\"Skills\">\n      {onCloseButton && (\n        <CloseButton onClick={onCloseButton} onTouchStart={onCloseButton}>\n          X\n        </CloseButton>\n      )}\n      <SkillSplitDiv>\n        <p>General</p>\n        <hr className=\"golden\" />\n\n        <SkillProgressBar\n          skillName={'Level'}\n          bgColor={colors.navyBlue}\n          level={Math.round(skill.level) || 0}\n          skillPoints={Math.round(skill.experience) || 0}\n          skillPointsToNextLevel={Math.round(skill.xpToNextLevel) || 0}\n          texturePath={'swords/broad-sword.png'}\n        />\n\n        <p>Combat Skills</p>\n        <hr className=\"golden\" />\n      </SkillSplitDiv>\n\n      {onRenderSkillCategory('combat')}\n\n      <SkillSplitDiv>\n        <p>Crafting Skills</p>\n        <hr className=\"golden\" />\n      </SkillSplitDiv>\n\n      {onRenderSkillCategory('crafting')}\n\n      <SkillSplitDiv>\n        <p>Basic Attributes</p>\n        <hr className=\"golden\" />\n      </SkillSplitDiv>\n\n      {onRenderSkillCategory('attributes')}\n\n      {/* <SkillSplitDiv>\n        <p>Magic Skills</p>\n        <hr className=\"golden\" />\n      </SkillSplitDiv>\n      <SkillProgressBar\n        skillName={'Ice'}\n        bgColor={'red'}\n        level={skill?.ice?.level || 0}\n        skillPoints={skill?.ice?.skillPoints || 0}\n        skillPointsToNextLevel={skill?.ice?.skillPointsToNextLevel || 0}\n        texturePath={'spell-icons/freeze.png'}\n      />\n      <SkillProgressBar\n        skillName={'Earth'}\n        bgColor={'red'}\n        level={skill?.earth?.level || 0}\n        skillPoints={skill?.earth?.skillPoints || 0}\n        skillPointsToNextLevel={skill?.earth?.skillPointsToNextLevel || 0}\n        texturePath={'spell-icons/earth-barrier.png'}\n      />\n      <SkillProgressBar\n        skillName={'Air'}\n        bgColor={'red'}\n        level={skill?.air?.level || 0}\n        skillPoints={skill?.air?.skillPoints || 0}\n        skillPointsToNextLevel={skill?.air?.skillPointsToNextLevel || 0}\n        texturePath={'spell-icons/poison-tornado.png'}\n      />\n      <SkillProgressBar\n        skillName={'Water'}\n        bgColor={'red'}\n        level={skill?.water?.level || 0}\n        skillPoints={skill?.water?.skillPoints || 0}\n        skillPointsToNextLevel={skill?.water?.skillPointsToNextLevel || 0}\n        texturePath={'spell-icons/tsunami.png'}\n      /> */}\n    </SkillsDraggableContainer>\n  );\n};\n\nconst SkillsDraggableContainer = styled(DraggableContainer)`\n  border: 1px solid black;\n  width: 400px;\n  height: 90%;\n  overflow-y: scroll;\n  .DraggableContainer__TitleContainer-sc-184mpyl-2 {\n    width: auto;\n    height: auto;\n  }\n`;\n\nconst SkillSplitDiv = styled.div`\n  width: 100%;\n  font-size: 11px;\n  hr {\n    margin: 0;\n    margin-bottom: 1rem;\n    padding: 0px;\n  }\n  p {\n    margin-bottom: 0px;\n  }\n`;\n\nconst CloseButton = styled.div`\n  position: absolute;\n  top: 2px;\n  right: 2px;\n  color: white;\n  z-index: 22;\n  font-size: 0.7rem;\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","disabled","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","useOutsideClick","ref","id","useEffect","handleClickOutside","event","current","contains","target","CustomEvent","detail","document","dispatchEvent","addEventListener","removeEventListener","NPCDialogType","DraggableContainer","FramedGold","onCloseButton","title","imgSrc","imgWidth","cancelDrag","onPositionChange","onOutsideClick","draggableRef","useRef","_e","Draggable","cancel","onDrag","data","x","y","TitleContainer","Title","Icon","src","onClick","onTouchStart","h1","img","_RPGUI","RPGUI","RelativeListMenu","options","onSelected","fontSize","style","overflow","map","params","index","ListElement","key","text","li","SpriteFromAtlas","imgScale","grayScale","GRID_WIDTH","GRID_HEIGHT","hasHover","containerStyle","ImgSprite","atlasIMG","frame","atlasJSON","frames","spriteKey","scale","imgStyle","w","h","ItemTooltip","label","generateContextMenuListOptions","actionsByTypeList","action","ItemSocketEventsDisplayLabels","EquipmentSlotSpriteByType","Neck","LeftHand","Ring","Head","Torso","Legs","Feet","Inventory","RightHand","Accessory","ItemSlot","observer","slotIndex","item","containerType","itemContainerType","slotSpriteMask","onMouseOver","onMouseOut","useState","isTooltipVisible","setTooltipVisible","isContextMenuVisible","setIsContextMenuVisible","contextActions","setContextActions","itemType","contextActionMenu","ItemContainerType","ItemType","Weapon","Armor","Jewelry","ActionsForInventory","Equipment","Consumable","CraftMaterial","Tool","Other","ActionsForEquipmentSet","Loot","ActionsForLoot","MapContainer","ActionsForMapContainer","generateContextMenu","clientX","clientY","onMouseEnter","onMouseLeave","optionId","name","itemToRender","texturePath","allowedEquipSlotType","_itemToRender$allowed","includes","_id","renderEquipment","quantity","element","push","isStackable","stackQty","ItemQty","left","renderItem","onRenderSlot","span","EquipmentSetContainer","EquipmentColumn","SlotsContainer","onClose","Framed","ItemsContainer","DynamicText","onFinish","onStart","textState","setTextState","i","interval","setInterval","length","substring","clearInterval","TextContainer","NPCDialogText","onEndStep","onStartStep","textChunks","match","RegExp","chunkIndex","setChunkIndex","onHandleSpacePress","code","prev","useEventListener","handler","el","window","savedHandler","listener","e","QuestionDialog","questions","answers","currentQuestion","setCurrentQuestion","canShowAnswers","setCanShowAnswers","onGetFirstAnswer","answerIds","firstAnswerId","find","answer","currentAnswer","setCurrentAnswer","onGetAnswers","answerId","nextAnswerIndex","findIndex","nextAnswerID","nextAnswer","previousAnswerIndex","previousAnswerID","previousAnswer","pop","nextQuestionId","question","QuestionContainer","AnswersContainer","isSelected","selectedColor","AnswerRow","AnswerSelectedIcon","color","Answer","onAnswerClick","onRenderCurrentAnswers","RangeSliderType","ThumbnailContainer","NPCThumbnail","PressSpaceIndicator","right","ProgressBarText","TextOverlay","minWidth","percentageWidth","Item","LeftArrow","RightArrow","input","SimpleProgressBar","bgColor","margin","ProgressBarContainer","BackgroundBar","Progress","value","SkillProgressBar","skillName","level","skillPoints","showSkillPoints","spForNextLevel","getSPForLevel","ratio","ProgressTitle","TitleName","ValueDisplay","ProgressBody","ProgressIconContainer","SpriteContainer","SkillDisplayContainer","SkillPointsDisplay","skillProps","attributes","values","stamina","magic","magicResistance","strength","resistance","dexterity","combat","first","club","sword","axe","distance","shielding","dagger","crafting","fishing","mining","lumberjacking","cooking","alchemy","SkillsDraggableContainer","SkillSplitDiv","maxLines","chatMessages","onSendChatMessage","message","setMessage","scrollChatToBottom","scrollingElement","querySelector","scrollTop","scrollHeight","FramedGrey","ErrorBoundary","fallback","emitter","createdAt","dayjs","Date","format","onRenderMessageLines","onRenderChatMessages","onSubmit","preventDefault","onChange","autoComplete","RPGUIButton","items","selectedValues","forEach","generateSelectedValuesList","setSelectedValues","checked","dropdownId","uuidv4","selectedValue","setSelectedValue","getElementById","dropdownValue","get_value","option","equipmentSet","onItemClick","equipmentData","neck","leftHand","ring","head","armor","legs","boot","inventory","rightHand","accessory","equipmentMaskSlots","ItemSlotType","onRenderEquipmentSlotRange","start","end","equipmentRange","slice","slotMaksRange","itemContainer","ContainerType","handleClick","slots","slotQty","onRenderSlots","imagePath","isQuestionDialog","showGoNextIndicator","setShowGoNextIndicator","TextAndThumbnail","aliceDefaultThumbnail","TextOnly","max","displayText","calculatePercentageValue","availableProperties","currentIndex","setCurrentIndex","propertiesLength","valueMin","valueMax","sliderId","wasMouseDownFirst","setWasMouseDownFirst","onHandleMouseUp","rpguiSlider","Number","onMouseUp","onMouseDown","Slider","GoldSlider","min","skill","onRenderSkillCategory","category","skillCategory","skillCategoryColor","output","Object","entries","skillDetails","_","capitalize","Math","round","skillPointsToNextLevel","experience","xpToNextLevel"],"mappings":"grBAGYA,0CAAAA,EAAAA,sBAAAA,oDAEVA,4CCFUC,EDWCC,EAIN,oBAAGC,SAAAA,gBAAkBC,IAAAA,SAAUC,IAAAA,WAAeC,0IACnD,OACEC,gBAACC,iBAAgBC,aAAcJ,EAAcF,SAAUA,GAAcG,GACnEC,yBAAIH,KAKJI,EAAkBE,EAAOC,mBAAVC,sCAAAC,2BAAGH,oCElBXI,EAA+B,gBAAMR,UAChD,OAAOC,yCAAWD,MDNRL,EAAAA,8BAAAA,iDAEVA,6BACAA,gCACAA,+BAUWc,EAAiD,oBAG5DC,MAIA,OACET,gBAACU,GACCD,iBANI,QAOJE,SANJA,QAMsB,OAClBT,+BATJU,WAGAV,aAJAL,WAsBIa,EAAYP,EAAOU,gBAAVR,wCAAAC,2BAAGH,kFACN,SAAAJ,GAAK,OAAIA,EAAMY,UAChB,YAAA,SAAGF,SEjCDK,EAASX,EAAOU,gBAAVR,qBAAAC,4BAAGH,+EACZ,SAAAJ,GAAK,OAAIA,EAAMgB,MAAQ,UAElB,SAAAhB,GAAK,OAAIA,EAAMiB,UAAY,YACzB,SAAAjB,GAAK,OAAIA,EAAMkB,YAAc,gBACzB,SAAAlB,GAAK,OAAIA,EAAMmB,gBAAkB,gBCqHhDR,EAAYP,EAAOU,gBAAVR,8BAAAC,4BAAGH,yBAIZgB,EAAchB,EAAOU,gBAAVR,gCAAAC,4BAAGH,mFASdiB,EAAcjB,EAAOI,eAAVF,gCAAAC,4BAAGH,qEAadkB,EAAkBlB,EAAOK,eAAVH,oCAAAC,4BAAGH,mMAGX,SAACJ,GAAD,OAAkCA,EAAMuB,UC/JzC,WDkLNC,EAAOpB,EAAOqB,iBAAVnB,yBAAAC,4BAAGH,yEAOPsB,EAActB,EAAOuB,cAAVrB,gCAAAC,4BAAGH,yGExLJwB,EAAgBC,EAAUC,GACxCC,aAAU,WAIR,SAASC,EAAmBC,GAC1B,GAAIJ,EAAIK,UAAYL,EAAIK,QAAQC,SAASF,EAAMG,QAAS,CACtD,IAAMH,EAAQ,IAAII,YAAY,eAAgB,CAC5CC,OAAQ,CACNR,GAAAA,KAGJS,SAASC,cAAcP,IAK3B,OADAM,SAASE,iBAAiB,YAAaT,GAChC,WAELO,SAASG,oBAAoB,YAAaV,MAE3C,CAACH,QCXMc,ECUCC,EAAyD,gBACpE9C,IAAAA,aACAY,MAAAA,aAAQ,QACRE,IAAAA,OACAT,IAAAA,cACAU,KAAAA,aAAOlB,4BAAoBkD,aAC3BC,IAAAA,cACAC,IAAAA,MACAC,IAAAA,WACAC,SAAAA,aAAW,SACXC,IAAAA,WACAC,IAAAA,iBACAC,IAAAA,eAEMC,EAAeC,SAAO,MAoB5B,OAlBA1B,EAAgByB,EAAc,kBAE9BtB,aAAU,WAWR,OAVAQ,SAASE,iBAAiB,gBAAgB,SAAAR,GAGpB,mBAFVA,EAEJK,OAAOR,IACPsB,GACFA,OAKC,WACLb,SAASG,oBAAoB,gBAAgB,SAAAa,UAE9C,IAGDtD,gBAACuD,GACCC,2BAA4BP,EAC5BQ,OAAQ,SAACH,EAAII,GACPR,GACFA,EAAiB,CACfS,EAAGD,EAAKC,EACRC,EAAGF,EAAKE,MAKd5D,gBAACU,GACCkB,IAAKwB,EACL3C,MAAOA,EACPE,OAAQA,GAAU,OAClBT,6BAA8BU,MAAQV,GAErC4C,GACC9C,gBAAC6D,GAAe3D,UAAU,gBACxBF,gBAAC8D,OACEf,GAAU/C,gBAAC+D,GAAKC,IAAKjB,EAAQtC,MAAOuC,IACpCF,IAIND,GACC7C,gBAACmB,GACCjB,UAAU,kBACV+D,QAASpB,EACTqB,aAAcrB,QAMjBhD,KAWHa,EAAYP,EAAOU,gBAAVR,4CAAAC,4BAAGH,wHACN,SAAAJ,GAAK,OAAIA,EAAMY,UAChB,YAAA,SAAGF,SAURU,EAAchB,EAAOU,gBAAVR,8CAAAC,4BAAGH,mFASd0D,EAAiB1D,EAAOU,gBAAVR,iDAAAC,4BAAGH,wGASjB2D,EAAQ3D,EAAOgE,eAAV9D,wCAAAC,4BAAGH,+CAUR4D,EAAO5D,EAAOiE,gBAAV/D,uCAAAC,4BAAGH,2EAIF,SAACJ,GAAD,OAA6BA,EAAMU,SC1IjC4D,EAASC,s22DCOTC,EAAiD,gBAC5DC,IAAAA,QACAC,IAAAA,WACAtB,IAAAA,mBACAuB,SAAAA,aAAW,KAEL9C,EAAMyB,SAAO,MAoBnB,OAlBA1B,EAAgBC,EAAK,yBAErBE,aAAU,WAWR,OAVAQ,SAASE,iBAAiB,gBAAgB,SAAAR,GAGpB,0BAFVA,EAEJK,OAAOR,IACPsB,GACFA,OAKC,WACLb,SAASG,oBAAoB,gBAAgB,SAAAa,UAE9C,IAGDtD,gBAACU,GAAUgE,SAAUA,EAAU9C,IAAKA,GAClC5B,sBAAIE,UAAU,iBAAiByE,MAAO,CAAEC,SAAU,WAC/CJ,EAAQK,KAAI,SAACC,EAAQC,GAAT,OACX/E,gBAACgF,GACCC,WAAKH,SAAAA,EAAQjD,KAAMkD,EACnBd,QAAS,WACPQ,QAAWK,SAAAA,EAAQjD,aAGpBiD,SAAAA,EAAQI,OAAQ,iBAYvBxE,EAAYP,EAAOU,gBAAVR,0CAAAC,0BAAGH,2JAYD,SAAAJ,GAAK,OAAIA,EAAM2E,YAI1BM,EAAc7E,EAAOgF,eAAV9E,4CAAAC,0BAAGH,2BC9DPiF,EAAoC,oBAI/C3E,UACAE,WACA0E,aAIAC,UAAAA,oBACAhE,QAOA,OACEtB,gBAACU,GACCD,iBAhBI8E,eAiBJ5E,kBAhBK6E,gBAiBLC,SAAUH,EACVrB,UAfJA,QAgBIU,QAfJe,gBAiBI1F,gBAAC2F,GACCzF,UAAU,wBACV0F,WA1BNA,SA2BMC,QA5BNC,UAe6BC,SAb7BC,WA0BwBH,MAClBI,iBAxBK,IAyBLX,UAAWA,EACXhE,mBArBI,IAsBJqD,QA1BNuB,aAmDIxF,EAAYP,EAAOU,gBAAVR,yCAAAC,4BAAGH,mCACP,SAACJ,GAAD,OAA4BA,EAAMU,SACjC,SAACV,GAAD,OAA4BA,EAAMY,UAC1C,SAACZ,GAAD,OACCA,EAAM0F,4GAOLE,EAAYxF,EAAOU,gBAAVR,yCAAAC,4BAAGH,2KACP,SAAAJ,GAAK,OAAIA,EAAM8F,MAAMM,KACpB,SAAApG,GAAK,OAAIA,EAAM8F,MAAMO,KACP,SAAArG,GAAK,OAAIA,EAAM6F,YACf,SAAA7F,GAAK,OAAIA,EAAM8F,MAAMlC,KAAQ,SAAA5D,GAAK,OAAIA,EAAM8F,MAAMjC,KACvD,SAAA7D,GAAK,OAAIA,EAAMkG,SAIxB,SAAAlG,GAAK,OAAKA,EAAMuF,UAAY,kBAAoB,UAC/C,SAAAvF,GAAK,OAAIA,EAAMuB,WC1Ff+E,EAAgC,YAC3C,OACErG,gBAACU,OACCV,6BAH0CsG,SAQ1C5F,EAAYP,EAAOU,gBAAVR,qCAAAC,4BAAGH,oMCAZoG,EAAiC,SAACC,GAMtC,OALwCA,EAAkB3B,KACxD,SAAC4B,GACC,MAAO,CAAE5E,GAAI4E,EAAQvB,KAAMwB,gCAA8BD,QCAzDE,EAAiC,CACrCC,KAAM,sCACNC,SAAU,yBACVC,KAAM,sBACNC,KAAM,4BACNC,MAAO,wBACPC,KAAM,wBACNC,KAAM,uBACNC,UAAW,qBACXC,UAAW,2BACXC,UAAW,2BAyBAC,EAA6BC,YACxC,gBACEC,IAAAA,UACAC,IAAAA,KACmBC,IAAnBC,kBACAC,IAAAA,eACAC,IAAAA,YACAC,IAAAA,WACA7D,IAAAA,QACAQ,IAAAA,aAE8CsD,YAAS,GAAhDC,OAAkBC,SAE+BF,YAAS,GAA1DG,OAAsBC,SAEeJ,WAC1C,IADKK,OAAgBC,OAmFvB,OA/EAvG,aAAU,WACJ2F,GACFY,EDlD2B,SACjCC,EACAX,GAEA,IAAIY,EAAwC,GAE5C,GAAIZ,IAAsBa,oBAAkBrB,UAC1C,OAAQmB,GACN,KAAKG,WAASC,OACd,KAAKD,WAASE,MACd,KAAKF,WAASpB,UACd,KAAKoB,WAASG,QACZL,EAAoBhC,EAClBsC,sBAAoBC,WAEtB,MACF,KAAKL,WAAS/H,UACZ6H,EAAoBhC,EAClBsC,sBAAoBnI,WAEtB,MACF,KAAK+H,WAASM,WACZR,EAAoBhC,EAClBsC,sBAAoBE,YAEtB,MACF,KAAKN,WAASO,cACZT,EAAoBhC,EAClBsC,sBAAoBG,eAEtB,MACF,KAAKP,WAASQ,KACZV,EAAoBhC,EAClBsC,sBAAoBI,MAEtB,MAEF,QACEV,EAAoBhC,EAClBsC,sBAAoBK,OAK5B,GAAIvB,IAAsBa,oBAAkBM,UAC1C,OAAQR,GACN,KAAKG,WAAS/H,UACZ6H,EAAoBhC,EAClB4C,yBAAuBzI,WAGzB,MACF,QACE6H,EAAoBhC,EAClB4C,yBAAuBL,WAI/B,GAAInB,IAAsBa,oBAAkBY,KAC1C,OAAQd,GACN,KAAKG,WAASC,OACd,KAAKD,WAASE,MACd,KAAKF,WAASpB,UACd,KAAKoB,WAASG,QACZL,EAAoBhC,EAClB8C,iBAAeP,WAEjB,MACF,KAAKL,WAASM,WACZR,EAAoBhC,EAClB8C,iBAAeN,YAEjB,MACF,KAAKN,WAASO,cACZT,EAAoBhC,EAClB8C,iBAAeL,eAEjB,MACF,KAAKP,WAASQ,KACZV,EAAoBhC,EAA+B8C,iBAAeJ,MAClE,MACF,QACEV,EAAoBhC,EAClB8C,iBAAeH,OAKvB,GAAIvB,IAAsBa,oBAAkBc,aAC1C,OAAQhB,GACN,KAAKG,WAASC,OACd,KAAKD,WAASE,MACd,KAAKF,WAASpB,UACd,KAAKoB,WAASG,QACZL,EAAoBhC,EAClBgD,yBAAuBT,WAEzB,MACF,KAAKL,WAASM,WACZR,EAAoBhC,EAClBgD,yBAAuBR,YAEzB,MACF,KAAKN,WAASO,cACZT,EAAoBhC,EAClBgD,yBAAuBP,eAEzB,MACF,KAAKP,WAASQ,KACZV,EAAoBhC,EAClBgD,yBAAuBN,MAEzB,MACF,QACEV,EAAoBhC,EAClBgD,yBAAuBL,OAK/B,OAAOX,ECtEiBiB,CAAoB/B,EAAK7G,KAAM8G,MAElD,CAACD,IA4EFzH,gBAACU,GACCR,UAAU,wBACV2H,YAAa,SAAA7F,GAAK,OAChB6F,EAAY7F,EAAOwF,EAAWC,EAAMzF,EAAMyH,QAASzH,EAAM0H,UAE3D5B,WAAY,WACNA,GAAYA,KAElB6B,aAAc,WAAA,OAAM1B,GAAkB,IACtC2B,aAAc,WAAA,OAAM3B,GAAkB,IACtChE,QAAS,WACPgE,GAAkB,GAEdR,IACFU,GAAyBD,GACzBjE,EAAQwD,EAAK7G,KAAM8G,EAAeD,MAIrCS,GAAwBE,GACvBpI,gBAACuE,GACCC,QAAS4D,EACT3D,WAAY,SAACoF,GACX1B,GAAwB,GACpBV,GACFhD,EAAWoF,EAAUpC,IAGzBtE,eAAgB,WACdgF,GAAwB,MAK7BH,GAAoBP,GAAQzH,gBAACqG,GAAYC,MAAOmB,EAAKqC,OA9CrC,SAACC,GACpB,OAAQrC,GACN,KAAKc,oBAAkBM,UACrB,OA/BkB,SAACiB,SACvB,aACEA,GAAAA,EAAcC,sBACdD,EAAaE,uBAAbC,EAAmCC,SAASvC,GAG1C5H,gBAACoF,GACCH,IAAK8E,EAAaK,IAClBxE,SAAUA,EACVE,UAAWA,EACXE,UAAW+D,EAAaC,YACxB3E,SAAU,IAKZrF,gBAACoF,GACCQ,SAAUA,EACVE,UAAWA,EACXE,UAAWW,EAA0BiB,GACrCvC,SAAU,EACVC,WAAW,EACXhE,QAAS,KASJ+I,CAAgBN,GACzB,KAAKvB,oBAAkBrB,UAEvB,QACE,OA9Da,SAAC4C,GAClB,IAR4BO,EAQtBC,EAAU,GAuBhB,aAtBIR,GAAAA,EAAcC,aAChBO,EAAQC,KACNxK,gBAACoF,GACCH,IAAK8E,EAAaK,IAClBxE,SAAUA,EACVE,UAAWA,EACXE,UAAW+D,EAAaC,YACxB3E,SAAU,WAIZ0E,GAAAA,EAAcU,mBAAeV,GAAAA,EAAcW,UAC7CH,EAAQC,KACNxK,gBAAC2K,GACCC,MAvBsBN,EAuBKP,EAAaW,SAtB1CJ,EAAW,GAAKA,EAAW,GAAW,SACjCA,EAAW,GAAKA,EAAW,IAAY,SACvCA,EAAW,GAAW,OACxB,UAoBDrF,WAAY8E,EAAaK,KAExB,IACAL,EAAaW,SAAU,MAIvBH,EAsCIM,CAAWd,IAyCnBe,CAAarD,OAMhB/G,EAAYP,EAAOU,gBAAVR,kCAAAC,2BAAGH,wGAaZwK,EAAUxK,EAAO4K,iBAAV1K,gCAAAC,2BAAGH,6CAGN,SAAAJ,GAAK,OAAIA,EAAM6K,QCtFnBI,EAAwB7K,EAAOU,gBAAVR,kDAAAC,4BAAGH,2FAQxB8K,EAAkB9K,EAAOU,gBAAVR,4CAAAC,4BAAGH,gFCvHX+K,EAAmC,gBAG9CC,IAAAA,QACAjI,IAAAA,iBAGA,OACElD,gBAAC2C,GACCG,QAPJA,MAQIlC,KAAMlB,4BAAoB0L,OAC1BvI,cAAe,WACTsI,GACFA,KAGJ1K,MAAM,QACNwC,WAAW,uBACXC,iBAAkB,YACZA,GACFA,EAAiB,CAAES,IAFFA,EAEKC,IAFFA,KAKxBT,iBAlBJA,kBAJAtD,WCgDIwL,GAAiBlL,EAAOU,gBAAVR,4CAAAC,4BAAGH,0ECfjBO,GAAYP,EAAOU,gBAAVR,kCAAAC,2BAAGH,6JAOT,SAAAJ,GAAK,OAAIA,EAAM6D,GAAK,KACnB,SAAA7D,GAAK,OAAIA,EAAM4D,GAAK,KAGb,SAAA5D,GAAK,OAAIA,EAAM2E,YAI1BM,GAAc7E,EAAOgF,eAAV9E,oCAAAC,2BAAGH,+4BCrDPmL,GAAgC,gBAAGpG,IAAAA,KAAMqG,IAAAA,SAAUC,IAAAA,UAC5BzD,WAAiB,IAA5C0D,OAAWC,OA6BlB,OA3BA5J,aAAU,WACR,IAAI6J,EAAI,EACFC,EAAWC,aAAY,WAGjB,IAANF,GACEH,GACFA,IAIAG,EAAIzG,EAAK4G,QACXJ,EAAaxG,EAAK6G,UAAU,EAAGJ,EAAI,IACnCA,MAEAK,cAAcJ,GACVL,GACFA,OAGH,IAEH,OAAO,WACLS,cAAcJ,MAEf,CAAC1G,IAEGlF,gBAACiM,QAAeR,IAGnBQ,GAAgB9L,EAAOuB,cAAVrB,yCAAAC,4BAAGH,sHC9BT+L,GAAkC,gBAE7Cf,IAAAA,QACAgB,IAAAA,UACAC,IAAAA,YAEMC,IALNnH,KCZWoH,MAAM,IAAIC,OAAO,UAAuB,QDmBfxE,WAAiB,GAA9CyE,OAAYC,OAEbC,EAAqB,SAAC1K,GACP,UAAfA,EAAM2K,cACaN,SAAAA,EAAaG,EAAa,IAG7CC,GAAc,SAAAG,GAAI,OAAIA,EAAO,KAG7BzB,MAWN,OANArJ,aAAU,WAGR,OAFAQ,SAASE,iBAAiB,UAAWkK,GAE9B,WAAA,OAAMpK,SAASG,oBAAoB,UAAWiK,MACpD,CAACF,IAGFxM,gBAACU,QACCV,gBAACsL,IACCpG,YAAMmH,SAAAA,EAAaG,KAAe,GAClCjB,SAAUY,EACVX,QAASY,MAMX1L,GAAYP,EAAOU,gBAAVR,uCAAAC,4BAAGH,OEjDL0M,GAAmB,SAACjM,EAAMkM,EAASC,YAAAA,IAAAA,EAAKC,QACnD,IAAMC,EAAejN,EAAMqD,SAE3BrD,EAAM8B,WAAU,WACdmL,EAAahL,QAAU6K,IACtB,CAACA,IAEJ9M,EAAM8B,WAAU,WAEd,IAAMoL,EAAW,SAAAC,GAAC,OAAIF,EAAahL,QAAQkL,IAI3C,OAFAJ,EAAGvK,iBAAiB5B,EAAMsM,GAEnB,WACLH,EAAGtK,oBAAoB7B,EAAMsM,MAE9B,CAACtM,EAAMmM,KCICK,GAAmC,gBAC9CC,IAAAA,UACAC,IAAAA,QACAnC,IAAAA,UAE8CpD,WAASsF,EAAU,IAA1DE,OAAiBC,SAEoBzF,YAAkB,GAAvD0F,OAAgBC,OAEjBC,EAAmB,WACvB,IAAKJ,EAAgBK,WAAkD,IAArCL,EAAgBK,UAAU9B,OAC1D,OAAO,KAGT,IAAM+B,EAAgBN,EAAgBK,UAAW,GAEjD,OAAON,EAAQQ,MAAK,SAAAC,GAAM,OAAIA,EAAOlM,KAAOgM,QAM1C9F,WAAuC4F,KAFzCK,OACAC,OAGFnM,aAAU,WACRmM,EAAiBN,OAChB,CAACJ,IAEJ,IAAMW,EAAe,SAACN,GACpB,OAAOA,EAAU/I,KAAI,SAACsJ,GAAD,OACnBb,EAAQQ,MAAK,SAAAC,GAAM,OAAIA,EAAOlM,KAAOsM,SAuHzC,OArDAtB,GAAiB,WA9DE,SAACM,GAClB,OAAQA,EAAElI,KACR,IAAK,YAOH,IAAMmJ,EAAkBF,EACtBX,EAAgBK,WAChBS,WAAU,SAAAN,GAAM,aAAIA,SAAAA,EAAQlM,MAAOmM,EAAenM,GAAK,KAEnDyM,EAAef,EAAgBK,UAAWQ,GAE1CG,EAAaL,EAAaX,EAAgBK,WAAYE,MAC1D,SAAAC,GAAM,aAAIA,SAAAA,EAAQlM,MAAOyM,KAG3BL,EAAiBM,GAAcZ,KAE/B,MACF,IAAK,UAIH,IAAMa,EAAsBN,EAC1BX,EAAgBK,WAChBS,WAAU,SAAAN,GAAM,aAAIA,SAAAA,EAAQlM,MAAOmM,EAAenM,GAAK,KAEnD4M,EACJlB,EAAgBK,WAChBL,EAAgBK,UAAUY,GAEtBE,EAAiBR,EAAaX,EAAgBK,WAAYE,MAC9D,SAAAC,GAAM,aAAIA,SAAAA,EAAQlM,MAAO4M,KAIzBR,EADES,GAGeR,EAAaX,EAAgBK,WAAYe,OAG5D,MACF,IAAK,QAGH,GAFAjB,GAAkB,SAEbM,IAAAA,EAAeY,eAElB,YADAzD,IAGAqC,EACEH,EAAUS,MACR,SAAAe,GAAQ,OAAIA,EAAShN,KAAOmM,EAAeY,uBA8DrD5O,gBAACU,QACCV,gBAAC8O,QACC9O,gBAACsL,IACCpG,KAAMqI,EAAgBrI,KACtBsG,QAAS,WAAA,OAAMkC,GAAkB,IACjCnC,SAAU,WAAA,OAAMmC,GAAkB,OAIrCD,GACCzN,gBAAC+O,QAjDwB,WAC7B,IAAMnB,EAAYL,EAAgBK,UAClC,IAAKA,EACH,OAAO,KAGT,IAAMN,EAAUY,EAAaN,GAE7B,OAAKN,EAIEA,EAAQzI,KAAI,SAAAkJ,GACjB,IAAMiB,SAAahB,SAAAA,EAAenM,aAAOkM,SAAAA,EAAQlM,IAC3CoN,EAAgBD,EAAa,SAAW,QAE9C,OAAIjB,EAEA/N,gBAACkP,IAAUjK,cAAe8I,EAAOlM,IAC/B7B,gBAACmP,IAAmBC,MAAOH,GACxBD,EAAa,IAAM,MAGtBhP,gBAACqP,IACCpK,IAAK8I,EAAOlM,GACZoC,QAAS,WAAA,OAtCC,SAAC8J,GACrBL,GAAkB,GACdK,EAAOa,eAETpB,EACEH,EAAUS,MAAK,SAAAe,GAAQ,OAAIA,EAAShN,KAAOkM,EAAOa,mBAIpDzD,IA6BuBmE,CAAcvB,IAC7BqB,MAAOH,GAENlB,EAAO7I,OAMT,QAzBA,KAwCcqK,MAMrB7O,GAAYP,EAAOU,gBAAVR,wCAAAC,2BAAGH,gIASZ2O,GAAoB3O,EAAOU,gBAAVR,gDAAAC,2BAAGH,4BAKpB4O,GAAmB5O,EAAOU,gBAAVR,+CAAAC,2BAAGH,iBAQnBkP,GAASlP,EAAOuB,cAAVrB,qCAAAC,2BAAGH,kGAEJ,SAAAJ,GAAK,OAAIA,EAAMqP,SAMpBD,GAAqBhP,EAAO4K,iBAAV1K,iDAAAC,2BAAGH,wCAEhB,SAAAJ,GAAK,OAAIA,EAAMqP,SAGpBF,GAAY/O,EAAOU,gBAAVR,wCAAAC,2BAAGH,oKhBpNNuC,EAAAA,wBAAAA,+CAEVA,0CiBRU8M,GjBgGN9O,GAAYP,EAAOU,gBAAVR,mCAAAC,4BAAGH,iIAeZ8L,GAAgB9L,EAAOU,gBAAVR,uCAAAC,4BAAGH,gCACZ,YAAA,SAAGY,QAIP0O,GAAqBtP,EAAOU,gBAAVR,4CAAAC,4BAAGH,0DAMrBuP,GAAevP,EAAOiE,gBAAV/D,sCAAAC,4BAAGH,0DAUfwP,GAAsBxP,EAAOiE,gBAAV/D,6CAAAC,4BAAGH,uGAEjB,YAAA,SAAGyP,SkBhFRC,GAAkB1P,EAAO4K,iBAAV1K,2CAAAC,2BAAGH,6HAWlB2P,GAAc3P,EAAOU,gBAAVR,uCAAAC,2BAAGH,oCAWdO,GAAYP,EAAOU,gBAAVR,qCAAAC,2BAAGH,qHAGH,SAAAJ,GAAK,OAAIA,EAAMgQ,YACnB,SAAAhQ,GAAK,OAAIA,EAAMiQ,mBAGtB,SAAAjQ,GAAK,OAAIA,EAAM4E,SC7CbsL,GAAO9P,EAAO4K,iBAAV1K,mCAAAC,4BAAGH,6HAWP2P,GAAc3P,EAAOU,gBAAVR,0CAAAC,4BAAGH,oCAWdO,GAAYP,EAAOU,gBAAVR,wCAAAC,4BAAGH,mIAUZ+P,GAAY/P,EAAOU,gBAAVR,wCAAAC,4BAAGH,4oCAYZgQ,GAAahQ,EAAOU,gBAAVR,yCAAAC,4BAAGH,soCFlFPqP,GAAAA,0BAAAA,mDAEVA,wCAyDIjP,GAAQJ,EAAOiQ,kBAAV/P,iCAAAC,2BAAGH,iBGxDDkQ,GAAuD,oBAElEC,YACAC,OAEA,OACEvQ,gBAACU,IAAUR,UAAU,uBACnBF,gBAACwQ,IAAqBD,kBAJjB,MAKHvQ,gBAACyQ,QACCzQ,gBAAC0Q,IAASC,QARlBA,MAQgCL,mBAPtB,cAcN5P,GAAYP,EAAOU,gBAAVR,2CAAAC,2BAAGH,yEAOZsQ,GAAgBtQ,EAAO4K,iBAAV1K,+CAAAC,2BAAGH,0CAShBuQ,GAAWvQ,EAAO4K,iBAAV1K,0CAAAC,2BAAGH,uCACK,SAACJ,GAAD,OAAyCA,EAAMuQ,WAC1D,SAACvQ,GAAD,OAAyCA,EAAM4Q,SAOpDH,GAAuBrQ,EAAOU,gBAAVR,sDAAAC,2BAAGH,2IAUZ,SAACJ,GAAD,OAA0CA,EAAMwQ,UC1CpDK,GAAqD,gBAChEN,IAAAA,QACAO,IAAAA,UACAC,IAAAA,MACAC,IAAAA,YACA/G,IAAAA,gBACAgH,gBAAAA,gBAEMC,EAAiBC,gBAAcJ,EAAQ,GAEvCK,EAASJ,EAAcE,EAAkB,IAE/C,OACEjR,gCACEA,gBAACoR,QACCpR,gBAACqR,QAAWR,GACZ7Q,gBAACsR,cAAiBR,IAEpB9Q,gBAACuR,QACCvR,gBAACwR,QACc1L,EACX9F,gBAACyR,QACCzR,gBAACoF,GACCQ,SAAUA,EACVE,UAAWA,EACXE,UAAWgE,EACX3E,SAAU,EACVC,aACAhE,QAAS,MAIbtB,kCAIJA,gBAACwQ,QACCxQ,gBAACqQ,IAAkBM,MAAOQ,EAAOb,QAASA,MAG7CU,GACChR,gBAAC0R,QACC1R,gBAAC2R,QACEZ,MAAcE,MAQrBT,GAAuBrQ,EAAOU,gBAAVR,qDAAAC,2BAAGH,wDAOvBsR,GAAkBtR,EAAOU,gBAAVR,gDAAAC,2BAAGH,yCAMlBuR,GAAwBvR,EAAOU,gBAAVR,sDAAAC,2BAAGH,iCAQxBwR,GAAqBxR,EAAOuB,cAAVrB,mDAAAC,2BAAGH,sEAMrBkR,GAAYlR,EAAO4K,iBAAV1K,0CAAAC,2BAAGH,uBAIZmR,GAAenR,EAAO4K,iBAAV1K,6CAAAC,2BAAGH,OAEfqR,GAAwBrR,EAAOU,gBAAVR,sDAAAC,2BAAGH,8DAMxBoR,GAAepR,EAAOU,gBAAVR,6CAAAC,2BAAGH,kDAMfiR,GAAgBjR,EAAOU,gBAAVR,8CAAAC,2BAAGH,uGCrGhByR,GAAa,CACjBC,WAAY,CACVzC,MxBXQ,UwBYR0C,OAAQ,CACNC,QAAS,6BACTC,MAAO,2BACPC,gBAAiB,yBACjBC,SAAU,iCACVC,WAAY,+BACZC,UAAW,0BAGfC,OAAQ,CACNjD,MxBnBM,UwBoBN0C,OAAQ,CACNQ,MAAO,4BACPC,KAAM,iBACNC,MAAO,gCACPC,IAAK,sBACLC,SAAU,qBACVC,UAAW,6BACXC,OAAQ,uBAGZC,SAAU,CACRzD,MxB9BI,UwB+BJ0C,OAAQ,CACNgB,QAAS,iBACTC,OAAQ,oCACRC,cAAe,0CACfC,QAAS,0BACTC,QAAS,qCAwHTC,GAA2BhT,EAAOwC,eAAVtC,wDAAAC,4BAAGH,gJAW3BiT,GAAgBjT,EAAOU,gBAAVR,6CAAAC,4BAAGH,kGAahBgB,GAAchB,EAAOU,gBAAVR,2CAAAC,4BAAGH,mFC3KdO,GAAYP,EAAOU,gBAAVR,kCAAAC,2BAAGH,6HAIM,SAAAJ,GAAK,OAAIA,EAAMsT,0C1BGG,gBACxCC,IAAAA,aACAC,IAAAA,sBACAjS,QAAAA,aAAU,QACVb,MAAAA,aAAQ,aACRE,OAAAA,aAAS,UACTkC,IAAAA,gBAE8BkF,WAAS,IAAhCyL,OAASC,OAEhB3R,aAAU,WACR4R,MACC,IAEH5R,aAAU,WACR4R,MACC,CAACJ,IAEJ,IAAMI,EAAqB,WACzB,IAAMC,EAAmBrR,SAASsR,cAAc,cAC5CD,IACFA,EAAiBE,UAAYF,EAAiBG,eAmClD,OACE9T,gBAACU,OACCV,gBAACqB,GACCT,KAAMlB,4BAAoBqU,WAC1BtT,MAAOA,EACPE,OAAQA,EACRT,UAAU,iBACVoB,QAASA,GAETtB,gBAACgU,iBAAcC,SAAUjU,0DACtB6C,GACC7C,gBAACmB,GAAY8C,QAASpB,EAAeqB,aAAcrB,QAIrD7C,gBAACQ,GACCI,KAAMlB,4BAAoBqU,WAC1BtT,MAAO,OACPE,OAAQ,MACRT,UAAU,6BA/BS,SAACoT,GAC5B,aAAOA,GAAAA,EAAcxH,aACnBwH,SAAAA,EAAczO,KAAI,WAAuCE,GAAvC,OAChB/E,gBAACyB,GAAYwD,MADMmF,QACSrF,GAbL,SAC3BmP,EACAC,EACAX,GAEA,OAAUY,EAAMD,GAAa,IAAIE,MAAQC,OAAO,oBAC9CJ,GAAAA,EAASpK,KAAUoK,EAAQpK,UAAW,iBACpC0J,EAOGe,GAFgCL,UAAXC,YAAoBX,aAM9CxT,gBAACyB,iCAyBM+S,CAAqBlB,IAGxBtT,gBAACuB,GAAKkT,SAvDO,SAACzS,GACpBA,EAAM0S,iBACNnB,EAAkBC,GAClBC,EAAW,MAqDHzT,gBAACc,GAAOC,KAAM,IACZf,gBAACoB,GACCuP,MAAO6C,EACP3R,GAAG,eACH8S,SAAU,SAAAxH,GAtDtBsG,EAsDyCtG,EAAEhL,OAAOwO,QACtChQ,OAAQ,GACRT,UAAU,6BACVU,KAAK,OACLgU,aAAa,SAGjB5U,gBAACc,GAAOI,eAAe,YACrBlB,gBAACL,GACCG,WAAYL,oBAAYoV,YACxBhT,GAAG,sD2BvG+B,gBAAGiT,IAAAA,MAAOH,IAAAA,WAWd5M,WAVT,WACjC,IAAMgN,EAA2C,GAMjD,OAJAD,EAAME,SAAQ,SAAAvN,GACZsN,EAAetN,EAAKnB,QAAS,KAGxByO,EAKPE,IAFKF,OAAgBG,OAiBvB,OANApT,aAAU,WACJiT,GACFJ,EAASI,KAEV,CAACA,IAGF/U,uBAAK6B,GAAG,2BACLiT,SAAAA,EAAOjQ,KAAI,SAAC0F,EAASxF,GACpB,OACE/E,uBAAKiF,IAAQsF,EAAQjE,UAASvB,GAC5B/E,yBACEE,UAAU,iBACVU,KAAK,WACLuU,QAASJ,EAAexK,EAAQjE,OAChCqO,SAAU,eAEZ3U,yBAAOiE,QAAS,WAxBN,IAACqC,IACnB4O,OACKH,UAFczO,EAwBuBiE,EAAQjE,QArBtCyO,EAAezO,UAsBhBiE,EAAQjE,OAEXtG,+EC1CsC,gBAChDwE,IAAAA,QACA/D,IAAAA,MACAkU,IAAAA,SAEMS,EAAaC,SAEuBtN,WAAiB,IAApDuN,OAAeC,OAkBtB,OAhBAzT,aAAU,WACR,IAAMyI,EAAUjI,SAASkT,iCAAiCJ,GACpDK,EAAgBpR,EAAOqR,UAAUnL,GACvCgL,EAAiBE,SAEjBlL,GAAAA,EAAS/H,iBAAiB,UAAU,SAACR,GACnCuT,QAAiBvT,SAAAA,EAAOG,OAAOwO,YAEhC,IAEH7O,aAAU,WACJwT,GACFX,EAASW,KAEV,CAACA,IAGFtV,0BACE6B,qBAAsBuT,EACtBzQ,MAAO,CAAElE,MAAOA,GAChBP,UAAU,kBAETsE,EAAQK,KAAI,SAAA8Q,GACX,OACE3V,0BAAQiF,IAAK0Q,EAAO9T,GAAI8O,MAAOgF,EAAOhF,OACnCgF,EAAOA,yDjBtBsC,gBACxDC,IAAAA,aACAzK,IAAAA,QACAtD,IAAAA,YACApD,IAAAA,WACAoR,IAAAA,YAeMC,EAAgB,CAFlBF,EAVFG,KAUEH,EATFI,SASEJ,EARFK,KAQEL,EAPFM,KAOEN,EANFO,MAMEP,EALFQ,KAKER,EAJFS,KAIET,EAHFU,UAGEV,EAFFW,UAEEX,EADFY,WAgBIC,EAAqB,CACzBC,eAAa9P,KACb8P,eAAa7P,SACb6P,eAAa5P,KACb4P,eAAa3P,KACb2P,eAAa1P,MACb0P,eAAazP,KACbyP,eAAaxP,KACbwP,eAAavP,UACbuP,eAAatP,UACbsP,eAAarP,WAGTsP,EAA6B,SAACC,EAAeC,GACjD,IAAMC,EAAiBhB,EAAciB,MAAMH,EAAOC,GAC5CG,EAAgBP,EAAmBM,MAAMH,EAAOC,GAEtD,OAAOC,EAAejS,KAAI,SAACnB,EAAMiI,SACzBlE,EAAO/D,EACPuT,WACHxP,GAASA,EAAKwP,iBAAqC,KAEtD,OACEjX,gBAACsH,GACCrC,IAAK0G,EACLnE,UAAWmE,EACXlE,KAAMA,EACNwP,cAAeA,EACftP,kBAAmBa,oBAAkBM,UACrClB,eAAgBoP,EAAcrL,GAC9B9D,YAAa,SAAC7F,EAAOwF,EAAWC,GAC1BI,GAAaA,EAAY7F,EAAOwF,EAAWC,IAEjDxD,QAAS,SAACqE,EAAU4O,GACdrB,GAAaA,EAAYvN,EAAUb,EAAMyP,IAE/CzS,WAAY,SAACoF,GACPpF,GAAYA,EAAWoF,UAOrC,OACE7J,gBAAC2C,GACCG,MAAO,aACPlC,KAAMlB,4BAAoB0L,OAC1BvI,cAAe,WACTsI,GAASA,KAEf1K,MAAM,QACNwC,WAAW,6BAEXjD,gBAACgL,GAAsB9K,UAAU,4BAC/BF,gBAACiL,OAAiB0L,EAA2B,EAAG,IAChD3W,gBAACiL,OAAiB0L,EAA2B,EAAG,IAChD3W,gBAACiL,OAAiB0L,EAA2B,EAAG,2CkBzGP,gBAC/C7M,IAAAA,KACAgL,IAAAA,MACAH,IAAAA,WAE0C5M,aAAnCuN,OAAeC,OAChB4B,EAAc,WAClB,IAAI5M,EAAUjI,SAASsR,4BACP9J,eAGhByL,EADqBhL,EAAQoG,QAU/B,OANA7O,aAAU,WACJwT,GACFX,EAASW,KAEV,CAACA,IAGFtV,uBAAK6B,GAAG,kBACLiT,EAAMjQ,KAAI,SAAA0F,GACT,OACEvK,gCACEA,yBACEiF,IAAKsF,EAAQoG,MACbzQ,UAAU,cACVyQ,MAAOpG,EAAQoG,MACf7G,KAAMA,EACNlJ,KAAK,UAEPZ,yBAAOiE,QAASkT,GAAc5M,EAAQjE,OACtCtG,uDhB1BgD,gBAC1DiX,IAAAA,cAEApP,IAAAA,YACApD,IAAAA,WACAoR,IAAAA,YACAjV,IAAAA,KA2BA,OACEZ,gBAACkL,GAAepI,MAAOmU,EAAcnN,MAAQ,YAAaqB,UAhC5DA,SAiCInL,gBAACqL,IAAenL,UAAU,uBA3BR,WAGpB,IAFA,IAAMkX,EAAQ,GAELzL,EAAI,EAAGA,EAAIsL,EAAcI,QAAS1L,IAAK,CAAA,MAC9CyL,EAAM5M,KACJxK,gBAACsH,GACCrC,IAAK0G,EACLnE,UAAWmE,EACXlE,eAAMwP,EAAcG,gBAAQzL,KAAM,KAClChE,kBAAmB/G,EACnBiH,YAAa,SAAC7F,EAAOwF,EAAWC,GAC1BI,GAAaA,EAAY7F,EAAOwF,EAAWC,IAEjDxD,QAAS,SAACwE,EAAUyO,EAAezP,GAC7BoO,GAAaA,EAAYpO,EAAMgB,EAAUyO,IAE/CzS,WAAY,SAACoF,EAAkBpC,GACzBhD,GAAYA,EAAWoF,EAAUpC,OAK7C,OAAO2P,EAMFE,0CCxCyC,gBAEhD7S,IAAAA,eAGAC,SAEA,OACE1E,gBAACU,IAAUiD,IALbA,EAKmBC,IAJnBA,EAIyBc,oBAHd,MAIP1E,sBAAIE,UAAU,iBAAiByE,MAAO,CAAEC,SAAU,aARtDJ,QASeK,KAAI,SAACC,EAAQC,GAAT,OACX/E,gBAACgF,IACCC,WAAKH,SAAAA,EAAQjD,KAAMkD,EACnBd,QAAS,WACPQ,QAAWK,SAAAA,EAAQjD,aAGpBiD,SAAAA,EAAQI,OAAQ,mCXNuB,gBAClDA,IAAAA,KACAtE,IAAAA,KACAuK,IAAAA,QACAoM,IAAAA,cACAC,iBAAAA,gBACAnK,IAAAA,UACAC,IAAAA,UAEsDvF,YACpD,GADK0P,OAAqBC,OAI5B,OACE1X,gBAACQ,GACCI,KAAMlB,4BAAoBkD,WAC1BnC,MAAO+W,EAAmB,QAAU,MACpC7W,OAAQ,SAEP6W,GAAoBnK,GAAaC,EAChCtN,gCACEA,gBAACiM,IACClL,KAAMH,IAAS8B,sBAAciV,iBAAmB,MAAQ,QAExD3X,gBAACoN,IACCC,UAAWA,EACXC,QAASA,EACTnC,QAAS,WACHA,GACFA,QAKPvK,IAAS8B,sBAAciV,kBACtB3X,gBAACyP,QACCzP,gBAAC0P,IAAa1L,IAAKuT,GAAaK,OAKtC5X,gCACEA,gBAACU,QACCV,gBAACiM,IACClL,KAAMH,IAAS8B,sBAAciV,iBAAmB,MAAQ,QAExD3X,gBAACkM,IACCE,YAAa,WAAA,OAAMsL,GAAuB,IAC1CvL,UAAW,WAAA,OAAMuL,GAAuB,IACxCxS,KAAMA,GAAQ,oBACdiG,QAAS,WACHA,GACFA,QAKPvK,IAAS8B,sBAAciV,kBACtB3X,gBAACyP,QACCzP,gBAAC0P,IAAa1L,IAAKuT,GAAaK,OAIrCH,GACCzX,gBAAC2P,IACCC,MAAOhP,IAAS8B,sBAAcmV,SAAW,OAAS,UAClD7T,s6BkBhFkC,gBAC9C8T,IAAAA,IACAnH,IAAAA,MACAvB,IAAAA,UACA2I,YAAAA,oBACA/H,gBAAAA,aAAkB,SAClBD,SAAAA,aAAW,MACXpL,IAAAA,MAEMqT,EAA2B,SAASF,EAAanH,GAIrD,OAHIA,EAAQmH,IACVnH,EAAQmH,GAEM,IAARnH,EAAemH,GAGzB,OACE9X,gBAACU,IACCR,UAAU,8BACE8X,EAAyBF,EAAKnH,GAAS,qBACpC,WACfX,gBAAiBA,EACjBD,SAAUA,EACVpL,MAAOA,GAENoT,GACC/X,gBAAC8P,QACC9P,gBAAC6P,QACEc,MAAQmH,IAIf9X,uBAAKE,UAAU,yBACbF,uBACEE,iCAAkCkP,MAClCzK,MAAO,CACLiG,KAAM,MACNnK,MAAOuX,EAAyBF,EAAKnH,GAAS,QAIpD3Q,uBAAKE,UAAU,8BACfF,uBAAKE,UAAU,wDCrCyC,gBAC5D+X,IAAAA,sBAEwClQ,WAAS,GAA1CmQ,OAAcC,OACfC,EAAmBH,EAAoBnM,OAAS,EAUtD,OACE9L,gBAACU,QACCV,gBAAC8P,QACC9P,gBAACiQ,QAAMgI,EAAoBC,GAAcpO,OAE3C9J,uBAAKE,UAAU,yBACfF,gBAACkQ,IAAUjM,QAdK,WACMkU,EAAH,IAAjBD,EAAoCE,EACnB,SAAArT,GAAK,OAAIA,EAAQ,OAapC/E,gBAACmQ,IAAWlM,QAXK,WACoBkU,EAAnCD,IAAiBE,EAAkC,EAClC,SAAArT,GAAK,OAAIA,EAAQ,8EjBnBC,YACzC,OAAO/E,uBAAKE,UAAU,mBADsBL,+BeQU,gBACtDe,IAAAA,KACAyX,IAAAA,SACAC,IAAAA,SACA7X,IAAAA,MACAkU,IAAAA,SAEM4D,EAAWlD,SAEiCtN,YAAkB,GAA7DyQ,OAAmBC,OAE1B5L,GAAiB,WAAW,WACtB2L,GACFE,IAEFD,GAAqB,MAGvB,IAAMC,EAAkB,WACtB,IAAMC,EAAcrW,SAASkT,+BAA+B+C,GACtD5H,EAAQtM,EAAOqR,UAAUiD,GAE/BhE,EAASiE,OAAOjI,KAGlB,OACE3Q,uBACE6Y,UAAWH,EACXI,YAAa,WAAA,OAAML,GAAqB,KAExCzY,gBAACO,IACCL,UACEU,IAAS4O,wBAAgBuJ,OACrBvJ,wBAAgBuJ,OAChBvJ,wBAAgBwJ,WAEtBpY,KAAK,QACL+D,MAAO,CAAElE,MAAOA,GAChBwY,IAAKZ,EACLP,IAAKQ,EACLzW,mBAAoB0W,0DKVmC,gBAC7D1V,IAAAA,cACAqW,IAAAA,MAEMC,EAAwB,SAC5BC,GAQA,IANA,IAAMC,EAAgBzH,GAAWwH,GAE3BE,EAAqBD,EAAcjK,MAEnCmK,EAAS,SAEYC,OAAOC,QAAQJ,EAAcvH,uBAAS,CAA5D,WAAO7M,OAAK0L,OAET+I,EAAgBR,EAAMjU,GAE5BsU,EAAO/O,KACLxK,gBAAC4Q,IACC3L,IAAKA,EACL4L,UAAW8I,EAAEC,WAAW3U,GACxBqL,QAASgJ,EACTxI,MAAO4I,EAAa5I,OAAS,EAC7BC,YAAa8I,KAAKC,MAAMJ,EAAa3I,cAAgB,EACrDgJ,uBACEF,KAAKC,MAAMJ,EAAaK,yBAA2B,EAErD/P,YAAa2G,KAKnB,OAAO4I,GAGT,OACEvZ,gBAACmT,IAAyBrQ,MAAM,UAC7BD,GACC7C,gBAACmB,IAAY8C,QAASpB,EAAeqB,aAAcrB,QAIrD7C,gBAACoT,QACCpT,oCACAA,sBAAIE,UAAU,WAEdF,gBAAC4Q,IACCC,UAAW,QACXP,QxB3FE,UwB4FFQ,MAAO+I,KAAKC,MAAMZ,EAAMpI,QAAU,EAClCC,YAAa8I,KAAKC,MAAMZ,EAAMc,aAAe,EAC7CD,uBAAwBF,KAAKC,MAAMZ,EAAMe,gBAAkB,EAC3DjQ,YAAa,2BAGfhK,0CACAA,sBAAIE,UAAU,YAGfiZ,EAAsB,UAEvBnZ,gBAACoT,QACCpT,4CACAA,sBAAIE,UAAU,YAGfiZ,EAAsB,YAEvBnZ,gBAACoT,QACCpT,6CACAA,sBAAIE,UAAU,YAGfiZ,EAAsB,2DKlHgB,gBAAMpZ,UACjD,OAAOC,4CAAcD,sBJAmB,oBAAGsT,SAC3C,OAAOrT,gBAACU,IAAU2S,oBADoC,OAAGxT"}
+{"version":3,"file":"long-bow.cjs.production.min.js","sources":["../src/components/Button.tsx","../src/components/RPGUIContainer.tsx","../src/components/shared/SpriteFromAtlas.tsx","../src/components/PropertySelect/PropertySelect.tsx","../src/components/Character/CharacterSelection.tsx","../src/components/Input.tsx","../src/components/shared/Column.tsx","../src/components/Chat/Chat.tsx","../src/constants/uiColors.ts","../src/hooks/useOutsideAlerter.ts","../src/components/NPCDialog/NPCDialog.tsx","../src/components/DraggableContainer.tsx","../src/components/RPGUIRoot.tsx","../src/components/RelativeListMenu.tsx","../src/components/Item/Cards/ItemTooltip.tsx","../src/components/Item/Inventory/itemContainerHelper.ts","../src/components/Item/Inventory/ItemSlot.tsx","../src/components/Equipment/EquipmentSet.tsx","../src/components/Abstractions/SlotsContainer.tsx","../src/components/Item/Inventory/ItemContainer.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/QuestInfo/QuestInfo.tsx","../src/components/SimpleProgressBar.tsx","../src/components/SkillProgressBar.tsx","../src/components/SkillsContainer.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  disabled?: boolean;\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  >> = ({ disabled = false, children, buttonType, ...props }) => {\n  return (\n    <ButtonContainer className={`${buttonType}`} disabled={disabled} {...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 { GRID_HEIGHT, GRID_WIDTH } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\n\ninterface IProps {\n  atlasJSON: any;\n  atlasIMG: any;\n  spriteKey: string;\n  width?: number;\n  height?: number;\n  grayScale?: boolean;\n  opacity?: number;\n  onClick?: () => void;\n  containerStyle?: any;\n  imgStyle?: any;\n  imgScale?: number;\n}\n\nexport const SpriteFromAtlas: React.FC<IProps> = ({\n  atlasJSON,\n  atlasIMG,\n  spriteKey,\n  width = GRID_WIDTH,\n  height = GRID_HEIGHT,\n  imgScale = 2,\n  imgStyle,\n  onClick,\n  containerStyle,\n  grayScale = false,\n  opacity = 1,\n}) => {\n  //! If an item is not showing, remember that you MUST run yarn atlas:copy everytime you add a new item to the atlas (it will sync our public folder atlas with src/atlas).\n  //!Due to React's limitations, we cannot import it from the public folder directly!\n\n  const spriteData = atlasJSON.frames[spriteKey];\n\n  return (\n    <Container\n      width={width}\n      height={height}\n      hasHover={grayScale}\n      onClick={onClick}\n      style={containerStyle}\n    >\n      <ImgSprite\n        className=\"sprite-from-atlas-img\"\n        atlasIMG={atlasIMG}\n        frame={spriteData.frame}\n        scale={imgScale}\n        grayScale={grayScale}\n        opacity={opacity}\n        style={imgStyle}\n      />\n    </Container>\n  );\n};\n\ninterface IImgSpriteProps {\n  atlasIMG: any;\n  frame: {\n    x: number;\n    y: number;\n    w: number;\n    h: number;\n  };\n  scale: number;\n  grayScale: boolean;\n  opacity: number;\n}\n\ninterface IContainerProps {\n  width: number;\n  height: number;\n  hasHover: boolean;\n}\n\nconst Container = styled.div`\n  width: ${(props: IContainerProps) => props.width}px;\n  height: ${(props: IContainerProps) => props.height}px;\n  ${(props: IContainerProps) =>\n    !props.hasHover\n      ? `&:hover {\n    filter: sepia(100%) saturate(300%) brightness(70%) hue-rotate(180deg);\n  }`\n      : ``}\n`;\n\nconst ImgSprite = styled.div<IImgSpriteProps>`\n  width: ${props => props.frame.w}px;\n  height: ${props => props.frame.h}px;\n  background-image: url(${props => props.atlasIMG});\n  background-position: -${props => props.frame.x}px -${props => props.frame.y}px;\n  transform: scale(${props => props.scale});\n  position: relative;\n  top: 8px;\n  left: 8px;\n  filter: ${props => (props.grayScale ? 'grayscale(100%)' : 'none')};\n  opacity: ${props => props.opacity};\n`;\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport LeftArrowClickIcon from './img/ui-arrows/arrow01-left-clicked.png';\nimport LeftArrowIcon from './img/ui-arrows/arrow01-left.png';\nimport RightArrowClickIcon from './img/ui-arrows/arrow01-right-clicked.png';\nimport RightArrowIcon from './img/ui-arrows/arrow01-right.png';\n\nexport interface IPropertySelectProps {\n  availableProperties: Array<IPropertiesProps>;\n  selectedProperty?: IPropertiesProps;\n  children?: React.ReactNode;\n  onChange: (selectedProperty: IPropertiesProps) => void;\n}\n\nexport interface IPropertiesProps {\n  id: string;\n  name: string;\n}\n\nexport const PropertySelect: React.FC<IPropertySelectProps> = ({\n  availableProperties,\n  onChange,\n}) => {\n  const [currentIndex, setCurrentIndex] = useState(0);\n  const propertiesLength = availableProperties.length - 1;\n\n  const onLeftClick = () => {\n    if (currentIndex === 0) setCurrentIndex(propertiesLength);\n    else setCurrentIndex(index => index - 1);\n  };\n  const onRightClick = () => {\n    if (currentIndex === propertiesLength) setCurrentIndex(0);\n    else setCurrentIndex(index => index + 1);\n  };\n\n  useEffect(() => {\n    onChange(availableProperties[currentIndex]);\n  }, [currentIndex]);\n\n  return (\n    <Container>\n      <TextOverlay>\n        <Item>{availableProperties[currentIndex].name}</Item>\n      </TextOverlay>\n      <div className=\"rpgui-progress-track\"></div>\n      <LeftArrow onClick={onLeftClick}></LeftArrow>\n      <RightArrow onClick={onRightClick}></RightArrow>\n    </Container>\n  );\n};\n\nconst Item = 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  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: start;\n  align-items: flex-start;\n  min-width: 100px;\n  width: 40%;\n`;\n\nconst LeftArrow = styled.div`\n  background-image: url(${LeftArrowIcon});\n  background-size: 100% 100%;\n  left: 0;\n  position: absolute;\n  width: 40px;\n  height: 42px;\n  :active {\n    background-image: url(${LeftArrowClickIcon});\n  }\n`;\n\nconst RightArrow = styled.div`\n  background-image: url(${RightArrowIcon});\n  right: 0;\n  position: absolute;\n  width: 40px;\n  background-size: 100% 100%;\n  height: 42px;\n  :active {\n    background-image: url(${RightArrowClickIcon});\n  }\n`;\n\nexport default PropertySelect;\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\n\nimport { SpriteFromAtlas } from '../shared/SpriteFromAtlas';\n\nimport entitiesJSON from '../../mocks/atlas/entities/entities.json';\nimport entitiesIMG from '../../mocks/atlas/entities/entities.png';\nimport PropertySelect, {\n  IPropertiesProps,\n} from '../PropertySelect/PropertySelect';\n\nexport interface ICharacterProps {\n  id: string;\n  name: string;\n  spriteKey: string;\n}\n\nexport interface ICharacterSelectionProps {\n  availableCharacters: ICharacterProps[];\n  onChange: (characterSpriteKey: string) => void;\n}\n\nexport const CharacterSelection: React.FC<ICharacterSelectionProps> = ({\n  availableCharacters,\n  onChange,\n}) => {\n  const getPropertySelectValues = () => {\n    return availableCharacters.map(item => {\n      return {\n        id: item.id,\n        name: item.name,\n      };\n    });\n  };\n\n  const [propertySelectValues] = useState<IPropertiesProps[]>(\n    getPropertySelectValues()\n  );\n\n  const [selectedSpriteKey, setSelectedSpriteKey] = useState('');\n  const [selectedValue, setSelectedValue] = useState<IPropertiesProps>(\n    propertySelectValues[0]\n  );\n\n  const getSelectedCharacterSpriteKey = () => {\n    const character = availableCharacters.filter(\n      item => item.id === selectedValue.id\n    )[0];\n    return character ? character.spriteKey : '';\n  };\n\n  const onSelectedValueChange = () => {\n    const spriteKey = getSelectedCharacterSpriteKey();\n    setSelectedSpriteKey(spriteKey);\n    onChange(spriteKey);\n  };\n\n  useEffect(() => {\n    onSelectedValueChange();\n  }, [selectedValue]);\n\n  return (\n    <Container>\n      {selectedSpriteKey && (\n        <SpriteFromAtlas\n          spriteKey={selectedSpriteKey}\n          atlasIMG={entitiesIMG}\n          atlasJSON={entitiesJSON}\n          imgScale={4}\n          height={50}\n          width={50}\n          containerStyle={{\n            padding: '25px 10px 5px 28px',\n          }}\n        />\n      )}\n      <PropertySelect\n        availableProperties={propertySelectValues}\n        onChange={value => {\n          setSelectedValue(value);\n        }}\n      />\n    </Container>\n  );\n};\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  image-rendering: pixelated;\n`;\n\nexport default CharacterSelection;\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: 2px;\n  right: 0px;\n  color: white;\n  z-index: 22;\n  font-size: 0.7rem;\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  darkYellow: '#FFC857',\n  orange: '#E9724C',\n  cardinal: '#C5283D',\n  raisinBlack: '#191923',\n  navyBlue: '#0E79B2',\n  purple: '#8C3D8C',\n  blue: '#3772FF',\n};\n","import { useEffect } from 'react';\n\nexport function useOutsideClick(ref: any, id: string) {\n  useEffect(() => {\n    /**\n     * Alert if clicked on outside of element\n     */\n    function handleClickOutside(event: any) {\n      if (ref.current && !ref.current.contains(event.target)) {\n        const event = new CustomEvent('clickOutside', {\n          detail: {\n            id,\n          },\n        });\n        document.dispatchEvent(event);\n      }\n    }\n    // Bind the event listener\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => {\n      // Unbind the event listener on clean up\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n  }, [ref]);\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, useRef } from 'react';\nimport Draggable, { DraggableData } from 'react-draggable';\nimport styled from 'styled-components';\nimport { useOutsideClick } from '../hooks/useOutsideAlerter';\nimport { IPosition } from '../types/eventTypes';\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  cancelDrag?: string;\n  onPositionChange?: (position: IPosition) => void;\n  onOutsideClick?: () => 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  cancelDrag,\n  onPositionChange,\n  onOutsideClick,\n}) => {\n  const draggableRef = useRef(null);\n\n  useOutsideClick(draggableRef, 'item-container');\n\n  useEffect(() => {\n    document.addEventListener('clickOutside', event => {\n      const e = event as CustomEvent;\n\n      if (e.detail.id === 'item-container') {\n        if (onOutsideClick) {\n          onOutsideClick();\n        }\n      }\n    });\n\n    return () => {\n      document.removeEventListener('clickOutside', _e => {});\n    };\n  }, []);\n\n  return (\n    <Draggable\n      cancel={`.container-close,${cancelDrag}`}\n      onDrag={(_e, data: DraggableData) => {\n        if (onPositionChange) {\n          onPositionChange({\n            x: data.x,\n            y: data.y,\n          });\n        }\n      }}\n    >\n      <Container\n        ref={draggableRef}\n        width={width}\n        height={height || 'auto'}\n        className={`rpgui-container ${type} ${className}`}\n      >\n        {title && (\n          <TitleContainer className=\"drag-handler\">\n            <Title>\n              {imgSrc && <Icon src={imgSrc} width={imgWidth} />}\n              {title}\n            </Title>\n          </TitleContainer>\n        )}\n        {onCloseButton && (\n          <CloseButton\n            className=\"container-close\"\n            onClick={onCloseButton}\n            onTouchStart={onCloseButton}\n          >\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  &.rpgui-container {\n    padding-top: 1.5rem;\n  }\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: 0.8rem;\n`;\n\nconst TitleContainer = styled.div`\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-items: center;\n`;\n\nconst Title = styled.h1`\n  color: white;\n  z-index: 22;\n  font-size: 0.6rem;\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, useRef } from 'react';\nimport styled from 'styled-components';\nimport { useOutsideClick } from '../hooks/useOutsideAlerter';\n\ninterface IListMenuOption {\n  id: string;\n  text: string;\n}\n\nexport interface IRelativeMenuProps {\n  options: IListMenuOption[];\n  onSelected: (selectedOptionId: string) => void;\n  fontSize?: number;\n  onOutsideClick?: () => void;\n}\n\nexport const RelativeListMenu: React.FC<IRelativeMenuProps> = ({\n  options,\n  onSelected,\n  onOutsideClick,\n  fontSize = 0.8,\n}) => {\n  const ref = useRef(null);\n\n  useOutsideClick(ref, 'relative-context-menu');\n\n  useEffect(() => {\n    document.addEventListener('clickOutside', event => {\n      const e = event as CustomEvent;\n\n      if (e.detail.id === 'relative-context-menu') {\n        if (onOutsideClick) {\n          onOutsideClick();\n        }\n      }\n    });\n\n    return () => {\n      document.removeEventListener('clickOutside', _e => {});\n    };\n  }, []);\n\n  return (\n    <Container fontSize={fontSize} ref={ref}>\n      <ul className=\"rpgui-list-imp\" style={{ overflow: 'hidden' }}>\n        {options.map((params, index) => (\n          <ListElement\n            key={params?.id || index}\n            onClick={() => {\n              onSelected(params?.id);\n            }}\n          >\n            {params?.text || 'No text'}\n          </ListElement>\n        ))}\n      </ul>\n    </Container>\n  );\n};\n\ninterface IContainerProps {\n  fontSize?: number;\n}\n\nconst Container = styled.div<IContainerProps>`\n  position: absolute;\n  top: 1rem;\n  left: 4rem;\n\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  justify-content: start;\n  align-items: flex-start;\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 from 'react';\nimport styled from 'styled-components';\n\ninterface IProps {\n  label: string;\n}\n\nexport const ItemTooltip: React.FC<IProps> = ({ label }) => {\n  return (\n    <Container>\n      <div>{label}</div>\n    </Container>\n  );\n};\n\nconst Container = styled.div`\n  z-index: 2;\n  position: absolute;\n  top: 1rem;\n  left: 4rem;\n\n  font-size: 0.5rem;\n  color: white;\n  background-color: black;\n  border-radius: 5px;\n  padding: 0.5rem;\n  min-width: 20px;\n  width: 100%;\n  text-align: center;\n\n  opacity: 0.75;\n`;\n","import {\n  ActionsForEquipmentSet,\n  ActionsForInventory,\n  ActionsForLoot,\n  ActionsForMapContainer,\n  ItemContainerType,\n  ItemSocketEventsDisplayLabels,\n  ItemType,\n} from '@rpg-engine/shared';\n\nexport interface IContextMenuItem {\n  id: string;\n  text: string;\n}\n\nconst generateContextMenuListOptions = (actionsByTypeList: any) => {\n  const contextMenu: IContextMenuItem[] = actionsByTypeList.map(\n    (action: string) => {\n      return { id: action, text: ItemSocketEventsDisplayLabels[action] };\n    }\n  );\n  return contextMenu;\n};\n\nexport const generateContextMenu = (\n  itemType: ItemType,\n  itemContainerType: ItemContainerType | null\n) => {\n  let contextActionMenu: IContextMenuItem[] = [];\n\n  if (itemContainerType === ItemContainerType.Inventory) {\n    switch (itemType) {\n      case ItemType.Weapon:\n      case ItemType.Armor:\n      case ItemType.Accessory:\n      case ItemType.Jewelry:\n        contextActionMenu = generateContextMenuListOptions(\n          ActionsForInventory.Equipment\n        );\n        break;\n      case ItemType.Container:\n        contextActionMenu = generateContextMenuListOptions(\n          ActionsForInventory.Container\n        );\n        break;\n      case ItemType.Consumable:\n        contextActionMenu = generateContextMenuListOptions(\n          ActionsForInventory.Consumable\n        );\n        break;\n      case ItemType.CraftMaterial:\n        contextActionMenu = generateContextMenuListOptions(\n          ActionsForInventory.CraftMaterial\n        );\n        break;\n      case ItemType.Tool:\n        contextActionMenu = generateContextMenuListOptions(\n          ActionsForInventory.Tool\n        );\n        break;\n\n      default:\n        contextActionMenu = generateContextMenuListOptions(\n          ActionsForInventory.Other\n        );\n        break;\n    }\n  }\n  if (itemContainerType === ItemContainerType.Equipment) {\n    switch (itemType) {\n      case ItemType.Container:\n        contextActionMenu = generateContextMenuListOptions(\n          ActionsForEquipmentSet.Container\n        );\n\n        break;\n      default:\n        contextActionMenu = generateContextMenuListOptions(\n          ActionsForEquipmentSet.Equipment\n        );\n    }\n  }\n  if (itemContainerType === ItemContainerType.Loot) {\n    switch (itemType) {\n      case ItemType.Weapon:\n      case ItemType.Armor:\n      case ItemType.Accessory:\n      case ItemType.Jewelry:\n        contextActionMenu = generateContextMenuListOptions(\n          ActionsForLoot.Equipment\n        );\n        break;\n      case ItemType.Consumable:\n        contextActionMenu = generateContextMenuListOptions(\n          ActionsForLoot.Consumable\n        );\n        break;\n      case ItemType.CraftMaterial:\n        contextActionMenu = generateContextMenuListOptions(\n          ActionsForLoot.CraftMaterial\n        );\n        break;\n      case ItemType.Tool:\n        contextActionMenu = generateContextMenuListOptions(ActionsForLoot.Tool);\n        break;\n      default:\n        contextActionMenu = generateContextMenuListOptions(\n          ActionsForLoot.Other\n        );\n        break;\n    }\n  }\n  if (itemContainerType === ItemContainerType.MapContainer) {\n    switch (itemType) {\n      case ItemType.Weapon:\n      case ItemType.Armor:\n      case ItemType.Accessory:\n      case ItemType.Jewelry:\n        contextActionMenu = generateContextMenuListOptions(\n          ActionsForMapContainer.Equipment\n        );\n        break;\n      case ItemType.Consumable:\n        contextActionMenu = generateContextMenuListOptions(\n          ActionsForMapContainer.Consumable\n        );\n        break;\n      case ItemType.CraftMaterial:\n        contextActionMenu = generateContextMenuListOptions(\n          ActionsForMapContainer.CraftMaterial\n        );\n        break;\n      case ItemType.Tool:\n        contextActionMenu = generateContextMenuListOptions(\n          ActionsForMapContainer.Tool\n        );\n        break;\n      default:\n        contextActionMenu = generateContextMenuListOptions(\n          ActionsForMapContainer.Other\n        );\n        break;\n    }\n  }\n  return contextActionMenu;\n};\n","import {\n  IItem,\n  IItemContainer,\n  ItemContainerType,\n  ItemSlotType,\n  ItemType,\n} from '@rpg-engine/shared';\n\nimport { observer } from 'mobx-react-lite';\nimport React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport atlasJSON from '../../../mocks/atlas/items/items.json';\nimport atlasIMG from '../../../mocks/atlas/items/items.png';\nimport { RelativeListMenu } from '../../RelativeListMenu';\nimport { SpriteFromAtlas } from '../../shared/SpriteFromAtlas';\nimport { ItemTooltip } from '../Cards/ItemTooltip';\nimport { generateContextMenu, IContextMenuItem } from './itemContainerHelper';\n\nconst EquipmentSlotSpriteByType: any = {\n  Neck: 'accessories/corruption-necklace.png',\n  LeftHand: 'swords/broad-sword.png',\n  Ring: 'rings/iron-ring.png',\n  Head: 'helmets/viking-helmet.png',\n  Torso: 'armors/iron-armor.png',\n  Legs: 'legs/studded-legs.png',\n  Feet: 'boots/iron-boots.png',\n  Inventory: 'containers/bag.png',\n  RightHand: 'shields/plate-shield.png',\n  Accessory: 'gloves/plate-gloves.png',\n};\n\ninterface IProps {\n  slotIndex: number;\n  item: IItem | null;\n  itemContainer?: IItemContainer | null;\n  itemContainerType: ItemContainerType | null;\n  slotSpriteMask?: ItemSlotType | null;\n  onSelected: (selectedOption: string, item: IItem) => void;\n  onMouseOver: (\n    event: any,\n    slotIndex: number,\n    item: IItem | null,\n    x: number,\n    y: number\n  ) => void;\n  onMouseOut?: () => void;\n  onClick: (\n    ItemType: ItemType,\n    itemContainerType: ItemContainerType | null,\n    item: IItem\n  ) => void;\n}\n\nexport const ItemSlot: React.FC<IProps> = observer(\n  ({\n    slotIndex,\n    item,\n    itemContainerType: containerType,\n    slotSpriteMask,\n    onMouseOver,\n    onMouseOut,\n    onClick,\n    onSelected,\n  }) => {\n    const [isTooltipVisible, setTooltipVisible] = useState(false);\n\n    const [isContextMenuVisible, setIsContextMenuVisible] = useState(false);\n\n    const [contextActions, setContextActions] = useState<IContextMenuItem[]>(\n      []\n    );\n\n    useEffect(() => {\n      if (item) {\n        setContextActions(generateContextMenu(item.type, containerType));\n      }\n    }, [item]);\n\n    const getLeftPositionValue = (quantity: number) => {\n      if (quantity > 0 && quantity < 10) return '2.5rem';\n      else if (quantity > 9 && quantity < 100) return '2.0rem';\n      else if (quantity > 99) return '1rem';\n      return '2.5rem';\n    };\n\n    const renderItem = (itemToRender: IItem | null) => {\n      const element = [];\n      if (itemToRender?.texturePath) {\n        element.push(\n          <SpriteFromAtlas\n            key={itemToRender._id}\n            atlasIMG={atlasIMG}\n            atlasJSON={atlasJSON}\n            spriteKey={itemToRender.texturePath}\n            imgScale={3}\n          />\n        );\n      }\n      if (itemToRender?.isStackable && itemToRender?.stackQty) {\n        element.push(\n          <ItemQty\n            left={getLeftPositionValue(itemToRender.stackQty)}\n            key={`qty-${itemToRender._id}`}\n          >\n            {' '}\n            {itemToRender.stackQty}{' '}\n          </ItemQty>\n        );\n      }\n      return element;\n    };\n\n    const renderEquipment = (itemToRender: IItem | null) => {\n      if (\n        itemToRender?.texturePath &&\n        itemToRender.allowedEquipSlotType?.includes(slotSpriteMask!)\n      ) {\n        return (\n          <SpriteFromAtlas\n            key={itemToRender._id}\n            atlasIMG={atlasIMG}\n            atlasJSON={atlasJSON}\n            spriteKey={itemToRender.texturePath}\n            imgScale={3}\n          />\n        );\n      } else {\n        return (\n          <SpriteFromAtlas\n            atlasIMG={atlasIMG}\n            atlasJSON={atlasJSON}\n            spriteKey={EquipmentSlotSpriteByType[slotSpriteMask!]}\n            imgScale={3}\n            grayScale={true}\n            opacity={0.4}\n          />\n        );\n      }\n    };\n\n    const onRenderSlot = (itemToRender: IItem | null) => {\n      switch (containerType) {\n        case ItemContainerType.Equipment:\n          return renderEquipment(itemToRender);\n        case ItemContainerType.Inventory:\n          return renderItem(itemToRender);\n        default:\n          return renderItem(itemToRender);\n      }\n    };\n\n    return (\n      <Container\n        className=\"rpgui-icon empty-slot\"\n        onMouseOver={event =>\n          onMouseOver(event, slotIndex, item, event.clientX, event.clientY)\n        }\n        onMouseOut={() => {\n          if (onMouseOut) onMouseOut();\n        }}\n        onMouseEnter={() => setTooltipVisible(true)}\n        onMouseLeave={() => setTooltipVisible(false)}\n        onClick={() => {\n          setTooltipVisible(false);\n\n          if (item) {\n            setIsContextMenuVisible(!isContextMenuVisible);\n            onClick(item.type, containerType, item);\n          }\n        }}\n      >\n        {isContextMenuVisible && contextActions && (\n          <RelativeListMenu\n            options={contextActions}\n            onSelected={(optionId: string) => {\n              setIsContextMenuVisible(false);\n              if (item) {\n                onSelected(optionId, item);\n              }\n            }}\n            onOutsideClick={() => {\n              setIsContextMenuVisible(false);\n            }}\n          />\n        )}\n\n        {isTooltipVisible && item && <ItemTooltip label={item.name} />}\n\n        {onRenderSlot(item)}\n      </Container>\n    );\n  }\n);\n\nconst Container = styled.div`\n  margin: 0.1rem;\n  .sprite-from-atlas-img {\n    position: relative;\n    top: 1.5rem;\n    left: 1.5rem;\n  }\n  position: relative;\n`;\n\ninterface IItemQtyProps {\n  left: string;\n}\nconst ItemQty = styled.span<IItemQtyProps>`\n  position: relative;\n  top: 1.5rem;\n  left: ${props => props.left};\n`;\n","import {\n  IEquipmentSet,\n  IItem,\n  IItemContainer,\n  ItemContainerType,\n  ItemSlotType,\n  ItemType,\n} from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { DraggableContainer } from '../DraggableContainer';\nimport { ItemSlot } from '../Item/Inventory/ItemSlot';\nimport { RPGUIContainerTypes } from '../RPGUIContainer';\n\nexport interface IEquipmentSetProps {\n  equipmentSet: IEquipmentSet;\n  onClose?: () => void;\n  onItemClick?: (\n    ItemType: ItemType,\n    item: IItem,\n    itemContainerType: ItemContainerType | null\n  ) => void;\n  onMouseOver?: (e: any, slotIndex: number, item: IItem | null) => void;\n  onSelected?: (optionId: string) => void;\n  initialPosition?: { x: number; y: number };\n  type: ItemContainerType | null;\n}\n\nexport const EquipmentSet: React.FC<IEquipmentSetProps> = ({\n  equipmentSet,\n  onClose,\n  onMouseOver,\n  onSelected,\n  onItemClick,\n}) => {\n  const {\n    neck,\n    leftHand,\n    ring,\n    head,\n    armor,\n    legs,\n    boot,\n    inventory,\n    rightHand,\n    accessory,\n  } = equipmentSet;\n\n  const equipmentData = [\n    neck,\n    leftHand,\n    ring,\n    head,\n    armor,\n    legs,\n    boot,\n    inventory,\n    rightHand,\n    accessory,\n  ];\n\n  const equipmentMaskSlots = [\n    ItemSlotType.Neck,\n    ItemSlotType.LeftHand,\n    ItemSlotType.Ring,\n    ItemSlotType.Head,\n    ItemSlotType.Torso,\n    ItemSlotType.Legs,\n    ItemSlotType.Feet,\n    ItemSlotType.Inventory,\n    ItemSlotType.RightHand,\n    ItemSlotType.Accessory,\n  ];\n\n  const onRenderEquipmentSlotRange = (start: number, end: number) => {\n    const equipmentRange = equipmentData.slice(start, end);\n    const slotMaksRange = equipmentMaskSlots.slice(start, end);\n\n    return equipmentRange.map((data, i) => {\n      const item = data as IItem;\n      const itemContainer =\n        (item && (item.itemContainer as IItemContainer)) ?? null;\n\n      return (\n        <ItemSlot\n          key={i}\n          slotIndex={i}\n          item={item}\n          itemContainer={itemContainer}\n          itemContainerType={ItemContainerType.Equipment}\n          slotSpriteMask={slotMaksRange[i]}\n          onMouseOver={(event, slotIndex, item) => {\n            if (onMouseOver) onMouseOver(event, slotIndex, item);\n          }}\n          onClick={(itemType, ContainerType) => {\n            if (onItemClick) onItemClick(itemType, item, ContainerType);\n          }}\n          onSelected={(optionId: string) => {\n            if (onSelected) onSelected(optionId);\n          }}\n        />\n      );\n    });\n  };\n\n  return (\n    <DraggableContainer\n      title={'Equipments'}\n      type={RPGUIContainerTypes.Framed}\n      onCloseButton={() => {\n        if (onClose) onClose();\n      }}\n      width=\"330px\"\n      cancelDrag=\".equipment-container-body\"\n    >\n      <EquipmentSetContainer className=\"equipment-container-body\">\n        <EquipmentColumn>{onRenderEquipmentSlotRange(0, 3)}</EquipmentColumn>\n        <EquipmentColumn>{onRenderEquipmentSlotRange(3, 7)}</EquipmentColumn>\n        <EquipmentColumn>{onRenderEquipmentSlotRange(7, 10)}</EquipmentColumn>\n      </EquipmentSetContainer>\n    </DraggableContainer>\n  );\n};\n\nconst EquipmentSetContainer = styled.div`\n  width: inherit;\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  flex-direction: row;\n`;\n\nconst EquipmentColumn = styled.div`\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  flex-direction: column;\n`;\n","import React from 'react';\nimport { IPosition } from '../../types/eventTypes';\nimport { DraggableContainer } from '../DraggableContainer';\nimport { RPGUIContainerTypes } from '../RPGUIContainer';\n\ninterface IProps {\n  children: React.ReactNode;\n  title: string;\n  onClose?: () => void;\n  onPositionChange?: (position: IPosition) => void;\n  onOutsideClick?: () => void;\n}\n\nexport const SlotsContainer: React.FC<IProps> = ({\n  children,\n  title,\n  onClose,\n  onPositionChange,\n  onOutsideClick,\n}) => {\n  return (\n    <DraggableContainer\n      title={title}\n      type={RPGUIContainerTypes.Framed}\n      onCloseButton={() => {\n        if (onClose) {\n          onClose();\n        }\n      }}\n      width=\"330px\"\n      cancelDrag=\".item-container-body\"\n      onPositionChange={({ x, y }) => {\n        if (onPositionChange) {\n          onPositionChange({ x, y });\n        }\n      }}\n      onOutsideClick={onOutsideClick}\n    >\n      {children}\n    </DraggableContainer>\n  );\n};\n","import { IItem, IItemContainer, ItemContainerType } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { SlotsContainer } from '../../Abstractions/SlotsContainer';\n\nimport { ItemSlot } from './ItemSlot';\n\nexport interface IItemContainerProps {\n  itemContainer: IItemContainer;\n  onClose?: () => void;\n  onItemClick?: (\n    item: IItem,\n    ItemType: IItem['type'],\n    itemContainerType: ItemContainerType | null\n  ) => void;\n  onMouseOver?: (e: any, slotIndex: number, item: IItem | null) => void;\n  onSelected?: (optionId: string, item: IItem) => void;\n  type: ItemContainerType;\n}\n\nexport const ItemContainer: React.FC<IItemContainerProps> = ({\n  itemContainer,\n  onClose,\n  onMouseOver,\n  onSelected,\n  onItemClick,\n  type,\n}) => {\n  const onRenderSlots = () => {\n    const slots = [];\n\n    for (let i = 0; i < itemContainer.slotQty; i++) {\n      slots.push(\n        <ItemSlot\n          key={i}\n          slotIndex={i}\n          item={itemContainer.slots?.[i] || null}\n          itemContainerType={type}\n          onMouseOver={(event, slotIndex, item) => {\n            if (onMouseOver) onMouseOver(event, slotIndex, item);\n          }}\n          onClick={(ItemType, ContainerType, item) => {\n            if (onItemClick) onItemClick(item, ItemType, ContainerType);\n          }}\n          onSelected={(optionId: string, item: IItem) => {\n            if (onSelected) onSelected(optionId, item);\n          }}\n        />\n      );\n    }\n    return slots;\n  };\n\n  return (\n    <SlotsContainer title={itemContainer.name || 'Container'} onClose={onClose}>\n      <ItemsContainer className=\"item-container-body\">\n        {onRenderSlots()}\n      </ItemsContainer>\n    </SlotsContainer>\n  );\n};\n\nconst ItemsContainer = styled.div`\n  max-width: 280px;\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\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, index) => (\n          <ListElement\n            key={params?.id || index}\n            onClick={() => {\n              onSelected(params?.id);\n            }}\n          >\n            {params?.text || 'No 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        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  word-break: break-all;\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  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","import React from 'react';\nimport styled from 'styled-components';\nimport { Button, ButtonTypes } from '../Button';\nimport { DraggableContainer } from '../DraggableContainer';\nimport { RPGUIContainerTypes } from '../RPGUIContainer';\nimport { Column } from '../shared/Column';\n\nimport thumbnailDefault from './img/default.png';\n\nexport interface IQuestInfoProps {\n  title: string;\n  children: React.ReactNode;\n  onClose?: () => void;\n  button?: Array<IQuestButtonProps>;\n  thumbnail?: string;\n}\n\nexport interface IQuestButtonProps {\n  disabled: boolean;\n  title: string;\n  onClick: () => void;\n}\n\nexport const QuestInfo: React.FC<IQuestInfoProps> = ({\n  title,\n  onClose,\n  button,\n  thumbnail,\n  children,\n}) => {\n  return (\n    <QuestDraggableContainer\n      type={RPGUIContainerTypes.Framed}\n      onCloseButton={() => {\n        if (onClose) onClose();\n      }}\n      width=\"730px\"\n      cancelDrag=\".equipment-container-body\"\n    >\n      {title && (\n        <TitleContainer className=\"drag-handler\">\n          <Title>\n            <Thumbnail src={thumbnail || thumbnailDefault} />\n            {title}\n          </Title>\n          <QuestSplitDiv>\n            <hr className=\"golden\" />\n          </QuestSplitDiv>\n        </TitleContainer>\n      )}\n      <Content>{children}</Content>\n      <QuestColumn className=\"dark-background\" justifyContent=\"flex-end\">\n        {button &&\n          button.map((item, index) => (\n            <Button\n              key={index}\n              onClick={item.onClick}\n              disabled={item.disabled}\n              buttonType={ButtonTypes.RPGUIButton}\n              id={`button-${index}`}\n            >\n              {item.title}\n            </Button>\n          ))}\n      </QuestColumn>\n    </QuestDraggableContainer>\n  );\n};\n\nconst QuestDraggableContainer = styled(DraggableContainer)`\n  border: 1px solid black;\n  width: 600px;\n  height: 500px;\n  overflow-y: scroll;\n  padding: 0 0 0 0 !important;\n  .DraggableContainer__TitleContainer-sc-184mpyl-2 {\n    height: auto;\n  }\n  .container-close {\n    position: sticky;\n    margin-left: auto;\n    top: 10px;\n    padding-right: 5px;\n  }\n  img {\n    display: inline-block;\n    vertical-align: middle;\n    line-height: normal;\n  }\n`;\n\nconst Content = styled.div`\n  padding: 18px;\n  h1 {\n    text-align: left;\n    margin: 14px 0px;\n  }\n`;\n\nconst QuestSplitDiv = styled.div`\n  width: 100%;\n  font-size: 11px;\n  margin-bottom: 10px;\n  hr {\n    margin: 0px;\n    padding: 0px;\n  }\n  p {\n    margin-bottom: 0px;\n  }\n`;\n\nconst QuestColumn = styled(Column)`\n  background: #4e4a4e;\n  padding-top: 5px;\n  position: sticky;\n  bottom: 0;\n`;\n\nconst TitleContainer = styled.div`\n  background: #4e4a4e;\n  position: sticky;\n  top: 0;\n  width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-items: center;\n`;\n\nconst Title = styled.h1`\n  color: white;\n  z-index: 22;\n  font-size: 0.6rem;\n`;\n\nconst Thumbnail = styled.img`\n  color: white;\n  z-index: 22;\n  font-size: 10px;\n  width: 64px;\n  margin-right: 0.5rem;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\n\nexport interface ISimpleProgressBarProps {\n  value: number;\n  bgColor?: string;\n  margin?: number;\n}\n\nexport const SimpleProgressBar: React.FC<ISimpleProgressBarProps> = ({\n  value,\n  bgColor = 'red',\n  margin = 20,\n}) => {\n  return (\n    <Container className=\"simple-progress-bar\">\n      <ProgressBarContainer margin={margin}>\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 ISimpleProgressBarThemeProps {\n  value: number;\n  bgColor: string;\n}\n\nconst Progress = styled.span`\n  background-color: ${(props: ISimpleProgressBarThemeProps) => props.bgColor};\n  width: ${(props: ISimpleProgressBarThemeProps) => props.value}%;\n`;\n\ninterface ISimpleProgressBarTheme2Props {\n  margin: number;\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  height: 8px;\n  margin-left: ${(props: ISimpleProgressBarTheme2Props) => props.margin}px;\n`;\n","import { getSPForLevel } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport atlasJSON from '../mocks/atlas/items/items.json';\nimport atlasIMG from '../mocks/atlas/items/items.png';\nimport { SpriteFromAtlas } from './shared/SpriteFromAtlas';\nimport { SimpleProgressBar } from './SimpleProgressBar';\n\nexport interface ISkillProgressBarProps {\n  skillName: string;\n  bgColor: string;\n  level: number;\n  skillPoints: number;\n  skillPointsToNextLevel?: number;\n  texturePath: string;\n  showSkillPoints?: boolean;\n}\n\nexport const SkillProgressBar: React.FC<ISkillProgressBarProps> = ({\n  bgColor,\n  skillName,\n  level,\n  skillPoints,\n  texturePath,\n  showSkillPoints = true,\n}) => {\n  const spForNextLevel = getSPForLevel(level + 1);\n\n  const ratio = (skillPoints / spForNextLevel) * 100;\n\n  return (\n    <>\n      <ProgressTitle>\n        <TitleName>{skillName}</TitleName>\n        <ValueDisplay>lv {level}</ValueDisplay>\n      </ProgressTitle>\n      <ProgressBody>\n        <ProgressIconContainer>\n          {atlasIMG && atlasJSON ? (\n            <SpriteContainer>\n              <SpriteFromAtlas\n                atlasIMG={atlasIMG}\n                atlasJSON={atlasJSON}\n                spriteKey={texturePath}\n                imgScale={1}\n                grayScale\n                opacity={0.5}\n              />\n            </SpriteContainer>\n          ) : (\n            <></>\n          )}\n        </ProgressIconContainer>\n\n        <ProgressBarContainer>\n          <SimpleProgressBar value={ratio} bgColor={bgColor} />\n        </ProgressBarContainer>\n      </ProgressBody>\n      {showSkillPoints && (\n        <SkillDisplayContainer>\n          <SkillPointsDisplay>\n            {skillPoints}/{spForNextLevel}\n          </SkillPointsDisplay>\n        </SkillDisplayContainer>\n      )}\n    </>\n  );\n};\n\nconst ProgressBarContainer = styled.div`\n  position: relative;\n  top: 8px;\n  width: 100%;\n  height: auto;\n`;\n\nconst SpriteContainer = styled.div`\n  position: relative;\n  top: -3px;\n  left: 0;\n`;\n\nconst SkillDisplayContainer = styled.div`\n  margin: 0 auto;\n\n  p {\n    margin: 0;\n  }\n`;\n\nconst SkillPointsDisplay = styled.p`\n  font-size: 0.6rem !important;\n  font-weight: bold;\n  text-align: center;\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  width: 100%;\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","import { ISkill, ISkillDetails } from '@rpg-engine/shared';\nimport _ from 'lodash';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { colors } from '../constants/uiColors';\nimport { DraggableContainer } from './DraggableContainer';\nimport { SkillProgressBar } from './SkillProgressBar';\n\nexport interface ISkillContainerProps {\n  skill: ISkill;\n  onCloseButton: () => void;\n}\n\nconst skillProps = {\n  attributes: {\n    color: colors.cardinal,\n    values: {\n      stamina: 'spell-icons/regenerate.png',\n      magic: 'spell-icons/fireball.png',\n      magicResistance: 'spell-icons/freeze.png',\n      strength: 'spell-icons/enchanted-blow.png',\n      resistance: 'spell-icons/magic-shield.png',\n      dexterity: 'spell-icons/haste.png',\n    },\n  },\n  combat: {\n    color: colors.purple,\n    values: {\n      first: 'gloves/leather-gloves.png',\n      club: 'maces/club.png',\n      sword: 'swords/double-edged-sword.png',\n      axe: 'axes/double-axe.png',\n      distance: 'bows/horse-bow.png',\n      shielding: 'shields/studded-shield.png',\n      dagger: 'daggers/dagger.png',\n    },\n  },\n  crafting: {\n    color: colors.blue,\n    values: {\n      fishing: 'foods/fish.png',\n      mining: 'crafting-resources/iron-ingot.png',\n      lumberjacking: 'crafting-resources/greater-wood-log.png',\n      cooking: 'foods/chickens-meat.png',\n      alchemy: 'potions/greater-mana-potion.png',\n    },\n  },\n};\n\nexport const SkillsContainer: React.FC<ISkillContainerProps> = ({\n  onCloseButton,\n  skill,\n}) => {\n  const onRenderSkillCategory = (\n    category: 'attributes' | 'combat' | 'crafting'\n  ) => {\n    const skillCategory = skillProps[category];\n\n    const skillCategoryColor = skillCategory.color;\n\n    const output = [];\n\n    for (const [key, value] of Object.entries(skillCategory.values)) {\n      //@ts-ignore\n      const skillDetails = (skill[key] as unknown) as ISkillDetails;\n\n      output.push(\n        <SkillProgressBar\n          key={key}\n          skillName={_.capitalize(key)}\n          bgColor={skillCategoryColor}\n          level={skillDetails.level || 0}\n          skillPoints={Math.round(skillDetails.skillPoints) || 0}\n          skillPointsToNextLevel={\n            Math.round(skillDetails.skillPointsToNextLevel) || 0\n          }\n          texturePath={value}\n        />\n      );\n    }\n\n    return output;\n  };\n\n  return (\n    <SkillsDraggableContainer title=\"Skills\">\n      {onCloseButton && (\n        <CloseButton onClick={onCloseButton} onTouchStart={onCloseButton}>\n          X\n        </CloseButton>\n      )}\n      <SkillSplitDiv>\n        <p>General</p>\n        <hr className=\"golden\" />\n\n        <SkillProgressBar\n          skillName={'Level'}\n          bgColor={colors.navyBlue}\n          level={Math.round(skill.level) || 0}\n          skillPoints={Math.round(skill.experience) || 0}\n          skillPointsToNextLevel={Math.round(skill.xpToNextLevel) || 0}\n          texturePath={'swords/broad-sword.png'}\n        />\n\n        <p>Combat Skills</p>\n        <hr className=\"golden\" />\n      </SkillSplitDiv>\n\n      {onRenderSkillCategory('combat')}\n\n      <SkillSplitDiv>\n        <p>Crafting Skills</p>\n        <hr className=\"golden\" />\n      </SkillSplitDiv>\n\n      {onRenderSkillCategory('crafting')}\n\n      <SkillSplitDiv>\n        <p>Basic Attributes</p>\n        <hr className=\"golden\" />\n      </SkillSplitDiv>\n\n      {onRenderSkillCategory('attributes')}\n\n      {/* <SkillSplitDiv>\n        <p>Magic Skills</p>\n        <hr className=\"golden\" />\n      </SkillSplitDiv>\n      <SkillProgressBar\n        skillName={'Ice'}\n        bgColor={'red'}\n        level={skill?.ice?.level || 0}\n        skillPoints={skill?.ice?.skillPoints || 0}\n        skillPointsToNextLevel={skill?.ice?.skillPointsToNextLevel || 0}\n        texturePath={'spell-icons/freeze.png'}\n      />\n      <SkillProgressBar\n        skillName={'Earth'}\n        bgColor={'red'}\n        level={skill?.earth?.level || 0}\n        skillPoints={skill?.earth?.skillPoints || 0}\n        skillPointsToNextLevel={skill?.earth?.skillPointsToNextLevel || 0}\n        texturePath={'spell-icons/earth-barrier.png'}\n      />\n      <SkillProgressBar\n        skillName={'Air'}\n        bgColor={'red'}\n        level={skill?.air?.level || 0}\n        skillPoints={skill?.air?.skillPoints || 0}\n        skillPointsToNextLevel={skill?.air?.skillPointsToNextLevel || 0}\n        texturePath={'spell-icons/poison-tornado.png'}\n      />\n      <SkillProgressBar\n        skillName={'Water'}\n        bgColor={'red'}\n        level={skill?.water?.level || 0}\n        skillPoints={skill?.water?.skillPoints || 0}\n        skillPointsToNextLevel={skill?.water?.skillPointsToNextLevel || 0}\n        texturePath={'spell-icons/tsunami.png'}\n      /> */}\n    </SkillsDraggableContainer>\n  );\n};\n\nconst SkillsDraggableContainer = styled(DraggableContainer)`\n  border: 1px solid black;\n  width: 400px;\n  height: 90%;\n  overflow-y: scroll;\n  .DraggableContainer__TitleContainer-sc-184mpyl-2 {\n    width: auto;\n    height: auto;\n  }\n`;\n\nconst SkillSplitDiv = styled.div`\n  width: 100%;\n  font-size: 11px;\n  hr {\n    margin: 0;\n    margin-bottom: 1rem;\n    padding: 0px;\n  }\n  p {\n    margin-bottom: 0px;\n  }\n`;\n\nconst CloseButton = styled.div`\n  position: absolute;\n  top: 2px;\n  right: 2px;\n  color: white;\n  z-index: 22;\n  font-size: 0.7rem;\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","disabled","children","buttonType","props","React","ButtonContainer","className","styled","button","displayName","componentId","SpriteFromAtlas","width","height","imgScale","grayScale","opacity","Container","GRID_WIDTH","GRID_HEIGHT","hasHover","onClick","style","containerStyle","ImgSprite","atlasIMG","frame","atlasJSON","frames","spriteKey","scale","imgStyle","div","w","h","x","y","PropertySelect","availableProperties","onChange","useState","currentIndex","setCurrentIndex","propertiesLength","length","useEffect","TextOverlay","Item","name","LeftArrow","index","RightArrow","span","Input","RPGUIContainer","type","Column","flex","flexWrap","alignItems","justifyContent","CloseButton","CustomInput","CustomContainer","Form","form","MessageText","p","useOutsideClick","ref","id","handleClickOutside","event","current","contains","target","CustomEvent","detail","document","dispatchEvent","addEventListener","removeEventListener","NPCDialogType","DraggableContainer","FramedGold","onCloseButton","title","imgSrc","imgWidth","cancelDrag","onPositionChange","onOutsideClick","draggableRef","useRef","_e","Draggable","cancel","onDrag","data","TitleContainer","Title","Icon","src","onTouchStart","h1","img","_RPGUI","RPGUI","RelativeListMenu","options","onSelected","fontSize","overflow","map","params","ListElement","key","text","li","ItemTooltip","label","generateContextMenuListOptions","actionsByTypeList","action","ItemSocketEventsDisplayLabels","EquipmentSlotSpriteByType","Neck","LeftHand","Ring","Head","Torso","Legs","Feet","Inventory","RightHand","Accessory","ItemSlot","observer","slotIndex","item","containerType","itemContainerType","slotSpriteMask","onMouseOver","onMouseOut","isTooltipVisible","setTooltipVisible","isContextMenuVisible","setIsContextMenuVisible","contextActions","setContextActions","itemType","contextActionMenu","ItemContainerType","ItemType","Weapon","Armor","Jewelry","ActionsForInventory","Equipment","Consumable","CraftMaterial","Tool","Other","ActionsForEquipmentSet","Loot","ActionsForLoot","MapContainer","ActionsForMapContainer","generateContextMenu","clientX","clientY","onMouseEnter","onMouseLeave","optionId","itemToRender","texturePath","allowedEquipSlotType","_itemToRender$allowed","includes","_id","renderEquipment","quantity","element","push","isStackable","stackQty","ItemQty","left","renderItem","onRenderSlot","EquipmentSetContainer","EquipmentColumn","SlotsContainer","onClose","Framed","ItemsContainer","DynamicText","onFinish","onStart","textState","setTextState","i","interval","setInterval","substring","clearInterval","TextContainer","NPCDialogText","onEndStep","onStartStep","textChunks","match","RegExp","chunkIndex","setChunkIndex","onHandleSpacePress","code","prev","useEventListener","handler","el","window","savedHandler","listener","e","QuestionDialog","questions","answers","currentQuestion","setCurrentQuestion","canShowAnswers","setCanShowAnswers","onGetFirstAnswer","answerIds","firstAnswerId","find","answer","currentAnswer","setCurrentAnswer","onGetAnswers","answerId","nextAnswerIndex","findIndex","nextAnswerID","nextAnswer","previousAnswerIndex","previousAnswerID","previousAnswer","pop","nextQuestionId","question","QuestionContainer","AnswersContainer","isSelected","selectedColor","AnswerRow","AnswerSelectedIcon","color","Answer","onAnswerClick","onRenderCurrentAnswers","RangeSliderType","ThumbnailContainer","NPCThumbnail","PressSpaceIndicator","right","ProgressBarText","minWidth","percentageWidth","QuestDraggableContainer","Content","QuestSplitDiv","QuestColumn","Thumbnail","input","SimpleProgressBar","bgColor","margin","ProgressBarContainer","BackgroundBar","Progress","value","SkillProgressBar","skillName","level","skillPoints","showSkillPoints","spForNextLevel","getSPForLevel","ratio","ProgressTitle","TitleName","ValueDisplay","ProgressBody","ProgressIconContainer","SpriteContainer","SkillDisplayContainer","SkillPointsDisplay","skillProps","attributes","values","stamina","magic","magicResistance","strength","resistance","dexterity","combat","first","club","sword","axe","distance","shielding","dagger","crafting","fishing","mining","lumberjacking","cooking","alchemy","SkillsDraggableContainer","SkillSplitDiv","maxLines","availableCharacters","propertySelectValues","selectedSpriteKey","setSelectedSpriteKey","selectedValue","setSelectedValue","character","filter","entitiesJSON","padding","chatMessages","onSendChatMessage","message","setMessage","scrollChatToBottom","scrollingElement","querySelector","scrollTop","scrollHeight","FramedGrey","ErrorBoundary","fallback","emitter","createdAt","dayjs","Date","format","onRenderMessageLines","onRenderChatMessages","onSubmit","preventDefault","autoComplete","RPGUIButton","items","selectedValues","forEach","generateSelectedValuesList","setSelectedValues","checked","dropdownId","uuidv4","getElementById","dropdownValue","get_value","option","equipmentSet","onItemClick","equipmentData","neck","leftHand","ring","head","armor","legs","boot","inventory","rightHand","accessory","equipmentMaskSlots","ItemSlotType","onRenderEquipmentSlotRange","start","end","equipmentRange","slice","slotMaksRange","itemContainer","ContainerType","handleClick","slots","slotQty","onRenderSlots","imagePath","isQuestionDialog","showGoNextIndicator","setShowGoNextIndicator","TextAndThumbnail","aliceDefaultThumbnail","TextOnly","max","displayText","calculatePercentageValue","thumbnail","valueMin","valueMax","sliderId","wasMouseDownFirst","setWasMouseDownFirst","onHandleMouseUp","rpguiSlider","Number","onMouseUp","onMouseDown","Slider","GoldSlider","min","skill","onRenderSkillCategory","category","skillCategory","skillCategoryColor","output","Object","entries","skillDetails","_","capitalize","Math","round","skillPointsToNextLevel","experience","xpToNextLevel"],"mappings":"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"}