@rpg-engine/long-bow 0.8.52 → 0.8.53

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/components/DailyTasks/DailyTasks.d.ts +3 -2
  2. package/dist/long-bow.cjs.development.js +30 -47
  3. package/dist/long-bow.cjs.development.js.map +1 -1
  4. package/dist/long-bow.cjs.production.min.js +1 -1
  5. package/dist/long-bow.cjs.production.min.js.map +1 -1
  6. package/dist/long-bow.esm.js +30 -47
  7. package/dist/long-bow.esm.js.map +1 -1
  8. package/package.json +1 -1
  9. package/src/components/DailyTasks/DailyTasks.tsx +32 -15
  10. package/src/components/DailyTasks/GlobalDailyProgress.tsx +5 -2
  11. package/dist/hooks/useDailyTasksState.d.ts +0 -13
  12. package/src/hooks/useDailyTasksState.ts +0 -40
package/dist/long-bow.cjs.production.min.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"long-bow.cjs.production.min.js","sources":["../src/components/Button.tsx","../src/components/Arrow/SelectArrow.tsx","../src/components/AsyncDropdown.tsx","../src/components/RPGUI/RPGUIContainer.tsx","../src/constants/uiFonts.ts","../src/components/shared/SpriteFromAtlas.tsx","../src/utils/colorUtils.ts","../src/components/Item/Inventory/ErrorBoundary.tsx","../src/components/shared/Ellipsis.tsx","../src/components/PropertySelect/PropertySelect.tsx","../src/components/Character/CharacterSelection.tsx","../src/components/Character/CharacterSkinSelectionModal.tsx","../src/components/Chat/Chat.tsx","../src/constants/uiColors.ts","../src/components/Input.tsx","../src/components/shared/Column.tsx","../src/components/Chatdeprecated/ChatDeprecated.tsx","../src/components/ChatRevamp/SearchCharacter.tsx","../src/components/ChatRevamp/ChatContent.tsx","../src/components/ChatRevamp/ChatTabs.tsx","../src/components/ChatRevamp/ExpandButton.tsx","../src/components/ChatRevamp/RecentChats.tsx","../src/components/ChatRevamp/ChatRevamp.tsx","../src/components/CheckItem.tsx","../src/components/Shortcuts/SingleShortcut.ts","../src/components/Shortcuts/useShortcutCooldown.ts","../src/components/CircularController/CircularController.tsx","../src/hooks/useOutsideAlerter.ts","../src/components/DraggableContainer.tsx","../src/components/Dropdown.tsx","../src/components/Abstractions/ModalPortal.tsx","../src/components/Item/Inventory/itemContainerHelper.ts","../src/components/Item/Inventory/context/ItemSlotDetailsContext.tsx","../src/components/Item/Inventory/context/ItemSlotDraggingContext.tsx","../src/components/Item/Inventory/ItemSlotRarity.ts","../src/components/Item/Inventory/ItemGem.tsx","../src/components/Item/Inventory/ItemSlotQty/ItemSlotQty.tsx","../src/components/Item/Inventory/ItemSlotRenderer.tsx","../src/components/Item/Inventory/ItemSlot.tsx","../src/hooks/useTouchTarget.ts","../src/components/Item/Inventory/ItemSlotQuality.ts","../src/components/Item/Cards/ItemInfo.tsx","../src/components/Item/Cards/ItemInfoDisplay.tsx","../src/components/Item/Cards/ItemTooltip.tsx","../src/components/Item/Cards/MobileItemTooltip.tsx","../src/components/Item/Cards/ItemInfoWrapper.tsx","../src/libs/itemCounter.ts","../src/components/CraftBook/utils/modifyString.ts","../src/components/CraftBook/CraftingTooltip.tsx","../src/components/CraftBook/CraftingRecipe.tsx","../src/components/CraftBook/hooks/useResponsiveSize.ts","../src/components/CraftBook/CraftBook.tsx","../src/components/DailyTasks/utils/dailyTasks.utils.ts","../src/components/DailyTasks/DailyRewardsTooltip.tsx","../src/components/ReadOnlyCheckItem.tsx","../src/components/DailyTasks/TaskProgressDetails.tsx","../src/components/DailyTasks/TaskProgress.tsx","../src/components/DailyTasks/DailyTaskItem.tsx","../src/components/DailyTasks/GlobalDailyProgress.tsx","../src/components/DailyTasks/DailyTasks.tsx","../src/components/DPad/JoystickDPad.tsx","../src/components/NPCDialog/NPCDialog.tsx","../src/components/DropdownSelectorContainer.tsx","../src/components/Item/Inventory/DraggedItem.tsx","../src/hooks/useCursorPosition.ts","../src/components/RelativeListMenu.tsx","../src/components/Item/Inventory/ItemSlotTooltips.tsx","../src/components/Equipment/EquipmentSet.tsx","../src/components/Table/Table.tsx","../src/components/Friends/SearchFriend.tsx","../src/components/Friends/FriendList.tsx","../src/constants/uiDevices.ts","../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/NPCDialog/NPCMultiDialog.tsx","../src/components/RangeSlider.tsx","../src/components/HistoryDialog.tsx","../src/components/ImageCarousel/ImageCarousel.tsx","../src/components/ImageCarousel/SimpleImageCarousel.tsx","../src/components/InternalTabs/InternalTabs.tsx","../src/constants/uiBreakpoints.ts","../src/hooks/useTooltipPosition.ts","../src/components/shared/Pagination/Pagination.tsx","../src/components/shared/SearchBar/SearchBar.tsx","../src/components/shared/SearchHeader/SearchHeader.tsx","../src/components/shared/PaginatedContent/PaginatedContent.tsx","../src/components/CraftBook/hooks/usePagination.ts","../src/components/shared/Portal/Portal.tsx","../src/components/InformationCenter/InformationCenterCell.tsx","../src/components/InformationCenter/shared/BaseInformationDetails.tsx","../src/components/shared/Collapsible/Collapsible.tsx","../src/components/InformationCenter/sections/items/InformationCenterItemDetails.tsx","../src/components/shared/BaseTooltip.tsx","../src/components/InformationCenter/sections/items/InformationCenterItemTooltip.tsx","../src/components/shared/AdvancedFilters/AdvancedFilters.tsx","../src/components/InformationCenter/sections/items/ItemsAdvancedFilters.tsx","../src/components/InformationCenter/sections/items/InformationCenterItemsSection.tsx","../src/components/InformationCenter/sections/bestiary/BestiaryAdvancedFilters.tsx","../src/components/InformationCenter/sections/bestiary/InformationCenterNPCDetails.tsx","../src/components/InformationCenter/sections/bestiary/InformationCenterNPCTooltip.tsx","../src/components/InformationCenter/sections/bestiary/InformationCenterBestiarySection.tsx","../src/components/InformationCenter/sections/tutorials/InformationCenterTutorialsSection.tsx","../src/components/InformationCenter/InformationCenter.tsx","../src/components/Abstractions/SlotsContainer.tsx","../src/components/Shortcuts/ShortcutsSetter.tsx","../src/components/Marketplace/filters/index.tsx","../src/components/QuantitySelector/QuantitySelector.tsx","../src/components/QuantitySelector/QuantitySelectorModal.tsx","../src/components/Item/Inventory/ItemQuantitySelectorModal.tsx","../src/components/Item/Inventory/ItemContainer.tsx","../src/hooks/useScrollOnDrag.ts","../src/components/ConfirmModal.tsx","../src/components/Item/Inventory/ItemPropertyColorSelector.tsx","../src/components/itemSelector/GemSelector.tsx","../src/components/itemSelector/ItemSelector.tsx","../src/components/Leaderboard/LeaderboardTable.tsx","../src/components/Leaderboard/Leaderboard.tsx","../src/components/ListMenu.tsx","../src/components/Pager.tsx","../src/components/Marketplace/MarketplaceRows.tsx","../src/components/Multitab/TabsContainer.tsx","../src/components/Marketplace/BuyPanel.tsx","../src/components/Marketplace/ManagmentPanel.tsx","../src/components/Marketplace/Marketplace.tsx","../src/components/Multitab/TabBody.tsx","../src/components/Multitab/Tab.tsx","../src/components/PartySystem/PartyCreate/PartyCreate.tsx","../src/components/PartySystem/PartyDashboard/PartyRows.tsx","../src/components/PartySystem/PartyDashboard/PartyDashboard.tsx","../src/components/PartySystem/PartyInvite/PlayersRows.tsx","../src/components/PartySystem/PartyInvite/PartyInvite.tsx","../src/components/Text/HighlightedText.tsx","../src/components/PartySystem/PartyManager/PartyManagerRows.tsx","../src/components/PartySystem/PartyManager/PartyManager.tsx","../src/components/PartySystem/mockedConstantes/mockedValues.tsx","../src/components/ProgressBar.tsx","../src/components/Quests/QuestInfo/QuestInfo.tsx","../src/components/Quests/QuestList.tsx","../src/components/RPGUI/RPGUIScrollbar.tsx","../src/components/RPGUI/RPGUIOverrides.tsx","../src/components/RPGUI/RPGUIRoot.tsx","../src/components/Shortcuts/Shortcuts.tsx","../src/components/SimpleProgressBar.tsx","../src/components/Tooltip/Tooltip.tsx","../src/components/SkillProgressBar.tsx","../src/components/SkillsContainer.tsx","../src/components/shared/Divider/Divider.tsx","../src/components/SocialModal/SocialModal.tsx","../src/components/Spellbook/cards/SpellInfo.tsx","../src/libs/CastingTypeHelper.ts","../src/components/Spellbook/cards/SpellInfoDisplay.tsx","../src/components/Spellbook/cards/MobileSpellTooltip.tsx","../src/components/Spellbook/cards/SpellTooltip.tsx","../src/components/Spellbook/cards/SpellInfoWrapper.tsx","../src/components/Spellbook/Spell.tsx","../src/components/Spellbook/Spellbook.tsx","../src/components/Stepper.tsx","../src/components/TimeWidget/DayNightPeriod/DayNightPeriod.tsx","../src/components/TimeWidget/TimeWidget.tsx","../src/components/TradingMenu/PremiumLabel.tsx","../src/components/TradingMenu/TradingItemRow.tsx","../src/components/TradingMenu/TradingMenu.tsx","../src/components/Truncate.tsx","../src/components/Image/ZoomableImage.tsx","../src/components/Tutorial/TutorialStepper.tsx","../src/hooks/useChat.ts","../src/components/CheckButton.tsx","../src/hooks/useLocalStorage.ts","../src/components/CraftBook/utils/calculateMaxCraftable.ts","../src/hooks/useDailyTasksState.ts","../src/components/RadioButton.tsx","../src/components/Item/Inventory/ItemPropertySimpleHandler.tsx","../src/components/TextArea.tsx","../src/components/TradingMenu/useTradingGold.ts"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { uiFonts } from '../constants/uiFonts';\n\nexport enum ButtonTypes {\n RPGUIButton = 'rpgui-button',\n RPGUIGoldButton = 'rpgui-button golden',\n}\n\nexport interface IButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n disabled?: boolean;\n children: React.ReactNode;\n buttonType: ButtonTypes;\n onPointerDown?: (e: any) => void;\n}\n\nexport const Button = ({\n disabled = false,\n children,\n buttonType,\n onPointerDown,\n ...props\n}: IButtonProps) => {\n return (\n <ButtonContainer\n className={`${buttonType}`}\n disabled={disabled}\n {...props}\n onPointerDown={onPointerDown}\n >\n <p>{children}</p>\n </ButtonContainer>\n );\n};\n\nconst ButtonContainer = styled.button`\n height: 45px;\n font-size: ${uiFonts.size.small};\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport LeftArrowClickIcon from './img/arrow01-left-clicked.png';\nimport LeftArrowIcon from './img/arrow01-left.png';\nimport RightArrowClickIcon from './img/arrow01-right-clicked.png';\nimport RightArrowIcon from './img/arrow01-right.png';\n\nexport interface ArrowBarProps extends React.HTMLAttributes<HTMLDivElement> {\n direction: 'right' | 'left';\n onPointerDown: () => void;\n size?: number;\n scale?: number;\n}\n\nexport const SelectArrow: React.FC<ArrowBarProps> = ({\n direction = 'left',\n size,\n scale = 1,\n onPointerDown,\n ...props\n}) => {\n return (\n <>\n {direction === 'left' ? (\n <LeftArrow\n size={size}\n scale={scale}\n onPointerDown={() => onPointerDown()}\n {...props}\n ></LeftArrow>\n ) : (\n <RightArrow\n size={size}\n scale={scale}\n onPointerDown={() => onPointerDown()}\n {...props}\n ></RightArrow>\n )}\n </>\n );\n};\n\ninterface IArrowProps {\n size?: number;\n scale?: number;\n}\n\nconst LeftArrow = styled.span<IArrowProps>`\n background-image: url(${LeftArrowIcon});\n background-size: 100% 100%;\n left: 0;\n position: absolute;\n width: ${props => props.size || 40}px;\n height: ${props => props.size || 42}px;\n transform: scale(${props => props.scale || 1});\n :active {\n background-image: url(${LeftArrowClickIcon});\n }\n z-index: 2;\n`;\n\nconst RightArrow = styled.span<IArrowProps>`\n background-image: url(${RightArrowIcon});\n right: 0;\n position: absolute;\n width: ${props => props.size || 40}px;\n height: ${props => props.size || 42}px;\n background-size: 100% 100%;\n transform: scale(${props => props.scale || 1});\n :active {\n background-image: url(${RightArrowClickIcon});\n }\n z-index: 2;\n`;\n\nexport default SelectArrow;\n","import React, { useEffect, useState } from 'react';\nimport { BeatLoader } from 'react-spinners';\nimport styled from 'styled-components';\nimport { v4 as uuidv4 } from 'uuid';\nimport { uiColors } from '../constants/uiColors';\n\nexport interface IAsyncDropdownOptionsProps {\n id: number;\n value: string;\n option: string | JSX.Element;\n}\n\nexport interface IAsyncDropdownProps {\n options: IAsyncDropdownOptionsProps[];\n width?: string;\n onChange: (value: string) => void;\n defaultValue?: string;\n opensUp?: boolean;\n}\n\nexport const AsyncDropdown: React.FC<IAsyncDropdownProps> = ({\n options,\n width,\n onChange,\n defaultValue,\n opensUp = false,\n}) => {\n const dropdownId = uuidv4();\n\n const [selectedValue, setSelectedValue] = useState<string>(\n defaultValue || options?.[0]?.value\n );\n const [selectedOption, setSelectedOption] = useState<string | JSX.Element>(\n options?.find(option => option.value === defaultValue)?.option ||\n options?.[0]?.option\n );\n const [opened, setOpened] = useState<boolean>(false);\n\n useEffect(() => {\n if (defaultValue) {\n setSelectedValue(defaultValue);\n setSelectedOption(\n //@ts-ignore\n options?.find(option => option.value === defaultValue)?.option\n );\n } else if (options?.length > 0) {\n setSelectedValue(options[0].value);\n setSelectedOption(options[0].option);\n }\n }, [options, defaultValue]);\n\n const handleSelection = (value: string, option: string | JSX.Element) => {\n if (value !== selectedValue) {\n setSelectedValue(value);\n setSelectedOption(option);\n onChange(value);\n }\n };\n\n return (\n <Container onMouseLeave={() => setOpened(false)} width={width}>\n <DropdownSelect\n id={`dropdown-${dropdownId}`}\n className=\"rpgui-dropdown-imp rpgui-dropdown-imp-header\"\n onPointerUp={() => setOpened(prev => !prev)}\n >\n <DropdownDisplay>\n <DropdownLabel>▼</DropdownLabel> {selectedOption}\n {!options.length && <BeatLoader size={4} color={uiColors.white} />}\n </DropdownDisplay>\n </DropdownSelect>\n\n <DropdownOptions\n className=\"rpgui-dropdown-imp\"\n opened={opened}\n opensUp={opensUp}\n >\n {options?.map(option => (\n <li\n key={option.id}\n onPointerUp={() => {\n handleSelection(option.value, option.option);\n setOpened(false);\n }}\n >\n {option.option}\n </li>\n ))}\n </DropdownOptions>\n </Container>\n );\n};\n\nconst DropdownDisplay = styled.span`\n display: flex;\n flex-wrap: wrap;\n justify-content: start;\n align-items: center;\n`;\n\nconst DropdownLabel = styled.label`\n margin-right: 0.5rem;\n`;\n\nconst Container = styled.div<{ width: string | undefined }>`\n position: relative;\n width: ${props => props.width || '100%'};\n`;\n\nconst DropdownSelect = styled.p`\n width: 100%;\n box-sizing: border-box;\n\n label {\n display: inline-block;\n transform: translateY(-2px);\n }\n`;\n\nconst DropdownOptions = styled.ul<{\n opened: boolean;\n opensUp: boolean;\n}>`\n position: absolute;\n width: 100%;\n max-height: 300px;\n overflow-y: auto;\n display: ${props => (props.opened ? 'block' : 'none')};\n box-sizing: border-box;\n bottom: ${props => (props.opensUp ? '100%' : 'auto')};\n top: ${props => (props.opensUp ? 'auto' : '100%')};\n margin: 0;\n padding: 0;\n\n @media (max-width: 768px) {\n padding: 8px 0;\n }\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","export const uiFonts = {\n size: {\n xxsmall: '8px',\n xsmall: '9px',\n small: '12px',\n medium: '14px',\n large: '16px',\n xLarge: '18px',\n xxLarge: '20px',\n xxxLarge: '24px',\n },\n};\n","import { GRID_HEIGHT, GRID_WIDTH } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled, { css } from 'styled-components';\nimport { toUppercaseHexColor } from '../../utils/colorUtils';\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 tintColor?: string;\n onPointerDown?: () => void;\n containerStyle?: any;\n imgStyle?: any;\n imgScale?: number;\n imgClassname?: string;\n centered?: boolean;\n borderRadius?: string;\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 onPointerDown,\n containerStyle,\n grayScale = false,\n opacity = 1,\n tintColor,\n imgClassname,\n centered,\n borderRadius,\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 =\n atlasJSON?.frames?.[spriteKey] ||\n atlasJSON?.frames?.['others/no-image.png'];\n\n if (!spriteData) {\n console.error(\n `SpriteFromAtlas: Could not find sprite with key ${spriteKey} in atlasJSON.`\n );\n return null;\n }\n\n const normalizedTintColor = toUppercaseHexColor(tintColor);\n // For white tint, we'll use a very light gray instead\n const effectiveTintColor =\n normalizedTintColor === '#FFFFFF' ? '#EEEEEE' : normalizedTintColor;\n\n return (\n <Container\n width={width}\n height={height}\n hasHover={grayScale}\n onPointerDown={onPointerDown}\n style={containerStyle}\n >\n <ImgSprite\n className={`sprite-from-atlas-img ${imgClassname || ''}`}\n atlasIMG={atlasIMG}\n frame={spriteData.frame}\n scale={imgScale}\n grayScale={grayScale}\n opacity={opacity}\n style={imgStyle}\n centered={centered}\n borderRadius={borderRadius}\n tintColor={effectiveTintColor}\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 centered?: boolean;\n borderRadius?: string;\n tintColor?: string;\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 =>\n props.frame.y}px;\n transform: scale(${props => props.scale});\n position: relative;\n top: ${props => (props.centered ? '0' : '8px')};\n left: ${props => (props.centered ? '0' : '8px')};\n opacity: ${props => props.opacity};\n border-radius: ${props => props.borderRadius || '0'};\n overflow: hidden;\n\n /* Apply grayscale if needed */\n ${props =>\n props.grayScale &&\n css`\n filter: grayscale(100%);\n `}\n\n /* Add tint overlay if tintColor is provided */\n ${props =>\n props.tintColor &&\n css`\n &::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: ${props.frame.w}px;\n height: ${props.frame.h}px;\n background-color: ${props.tintColor};\n mix-blend-mode: multiply;\n opacity: 0.6;\n pointer-events: none;\n -webkit-mask-image: url(${props.atlasIMG});\n -webkit-mask-position: -${props.frame.x}px -${props.frame.y}px;\n mask-image: url(${props.atlasIMG});\n mask-position: -${props.frame.x}px -${props.frame.y}px;\n }\n\n &::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: ${props.frame.w}px;\n height: ${props.frame.h}px;\n background-color: ${props.tintColor};\n mix-blend-mode: soft-light;\n opacity: 0.6;\n pointer-events: none;\n -webkit-mask-image: url(${props.atlasIMG});\n -webkit-mask-position: -${props.frame.x}px -${props.frame.y}px;\n mask-image: url(${props.atlasIMG});\n mask-position: -${props.frame.x}px -${props.frame.y}px;\n }\n `}\n`;\n","export const toUppercaseHexColor = (\n color: string | undefined\n): string | undefined => {\n if (!color) return undefined;\n\n // Check if it's a valid hex color\n const hexRegex = /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/;\n if (!hexRegex.test(color)) return color;\n\n return color.toUpperCase();\n};\n","import React, { Component, ErrorInfo, ReactNode } from 'react';\nimport atlasJSON from '../../../mocks/atlas/items/items.json';\nimport atlasIMG from '../../../mocks/atlas/items/items.png';\nimport { SpriteFromAtlas } from '../../shared/SpriteFromAtlas';\n\ninterface Props {\n children?: ReactNode;\n}\n\ninterface State {\n hasError: boolean;\n}\n\nexport class ErrorBoundary extends Component<Props, State> {\n public state: State = {\n hasError: false,\n };\n\n public static getDerivedStateFromError(_: Error): State {\n // Update state so the next render will show the fallback UI.\n return { hasError: true };\n }\n\n public componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n console.error('Uncaught error:', error, errorInfo);\n }\n\n public render() {\n if (this.state.hasError) {\n return (\n <SpriteFromAtlas\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n spriteKey={'others/no-image.png'}\n imgScale={3}\n />\n );\n }\n\n return this.props.children;\n }\n}\n","import React from 'react';\nimport styled from 'styled-components';\n\ninterface IProps {\n children: React.ReactNode;\n maxLines?: 1 | 2 | 3 | 4 | 5;\n maxWidth: string;\n fontSize?: string;\n center?: boolean;\n}\n\nexport const Ellipsis = ({\n children,\n maxLines = 1,\n maxWidth,\n fontSize,\n center,\n}: IProps) => {\n return (\n <Container maxWidth={maxWidth} fontSize={fontSize} center={center}>\n <span className={`ellipsis-${maxLines}-lines`}>{children}</span>\n </Container>\n );\n};\n\ninterface IContainerProps {\n maxWidth?: string;\n fontSize?: string;\n center?: boolean;\n}\n\nconst Container = styled.span<IContainerProps>`\n display: block;\n margin: 0;\n\n .ellipsis-1-lines {\n display: block;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: ${props => props.maxWidth};\n font-size: ${props => props.fontSize};\n ${props => props.center && `margin: 0 auto;`}\n }\n\n .ellipsis-2-lines,\n .ellipsis-3-lines,\n .ellipsis-4-lines,\n .ellipsis-5-lines {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: ${props => props.maxWidth};\n font-size: ${props => props.fontSize};\n line-height: 1.4;\n }\n\n .ellipsis-2-lines {\n -webkit-line-clamp: 2;\n }\n\n .ellipsis-3-lines {\n -webkit-line-clamp: 3;\n }\n\n .ellipsis-4-lines {\n -webkit-line-clamp: 4;\n }\n\n .ellipsis-5-lines {\n -webkit-line-clamp: 5;\n }\n`;\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { uiFonts } from '../../constants/uiFonts';\nimport SelectArrow from '../Arrow/SelectArrow';\nimport { Ellipsis } from '../shared/Ellipsis';\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 useEffect(() => {\n setCurrentIndex(0);\n }, [JSON.stringify(availableProperties)]);\n\n const getCurrentSelectionName = () => {\n const item = availableProperties[currentIndex];\n if (item) {\n return item.name;\n }\n return '';\n };\n\n return (\n <Container>\n <TextOverlay>\n <p>\n <Item>\n <Ellipsis maxLines={1} maxWidth=\"60%\" center>\n {getCurrentSelectionName()}\n </Ellipsis>\n </Item>\n </p>\n </TextOverlay>\n <div className=\"rpgui-progress-track\"></div>\n\n <SelectArrow direction=\"left\" onPointerDown={onLeftClick}></SelectArrow>\n <SelectArrow direction=\"right\" onPointerDown={onRightClick}></SelectArrow>\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 top: 12px;\n width: 100%;\n\n p {\n margin: 0 auto;\n font-size: ${uiFonts.size.small};\n }\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\nexport default PropertySelect;\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\n\nimport { SpriteFromAtlas } from '../shared/SpriteFromAtlas';\n\nimport { ErrorBoundary } from '../Item/Inventory/ErrorBoundary';\nimport PropertySelect, {\n IPropertiesProps,\n} from '../PropertySelect/PropertySelect';\n\nexport interface ICharacterProps {\n name: string;\n textureKey: string;\n}\n\nexport interface ICharacterSelectionProps {\n availableCharacters: ICharacterProps[];\n atlasJSON: any;\n atlasIMG: any;\n onChange: (textureKey: string) => void;\n}\n\nexport const CharacterSelection: React.FC<ICharacterSelectionProps> = ({\n availableCharacters,\n atlasJSON,\n atlasIMG,\n onChange,\n}) => {\n const propertySelectValues = availableCharacters.map((item) => {\n return {\n id: item.textureKey,\n name: item.name,\n };\n });\n\n const [selectedValue, setSelectedValue] = useState<IPropertiesProps>();\n const [selectedSpriteKey, setSelectedSpriteKey] = useState('');\n\n const onSelectedValueChange = () => {\n const textureKey = selectedValue ? selectedValue.id : '';\n const spriteKey = textureKey ? textureKey + '/down/standing/0.png' : '';\n\n if (spriteKey === selectedSpriteKey) {\n return;\n }\n\n setSelectedSpriteKey(spriteKey);\n onChange(textureKey);\n };\n\n useEffect(() => {\n onSelectedValueChange();\n }, [selectedValue]);\n\n useEffect(() => {\n setSelectedValue(propertySelectValues[0]);\n }, [availableCharacters]);\n\n return (\n <Container>\n {selectedSpriteKey && atlasIMG && atlasJSON && (\n <ErrorBoundary>\n <SpriteFromAtlas\n spriteKey={selectedSpriteKey}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n imgScale={4}\n height={80}\n width={64}\n containerStyle={{\n display: 'flex',\n alignItems: 'center',\n paddingBottom: '15px',\n }}\n imgStyle={{\n left: '22px',\n }}\n />\n </ErrorBoundary>\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, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { Button, ButtonTypes } from '../Button';\nimport { ErrorBoundary } from '../Item/Inventory/ErrorBoundary';\nimport PropertySelect, {\n IPropertiesProps,\n} from '../PropertySelect/PropertySelect';\nimport { SpriteFromAtlas } from '../shared/SpriteFromAtlas';\nimport { ICharacterProps } from './CharacterSelection';\n\nexport interface ICharacterSkinSelectionModalProps {\n isOpen: boolean;\n onClose: () => void;\n onConfirm: (textureKey: string) => void;\n availableCharacters: ICharacterProps[];\n atlasJSON: any;\n atlasIMG: any;\n initialSelectedSkin?: string;\n}\n\nexport const CharacterSkinSelectionModal: React.FC<ICharacterSkinSelectionModalProps> = ({\n isOpen,\n onClose,\n onConfirm,\n availableCharacters,\n atlasJSON,\n atlasIMG,\n initialSelectedSkin = '',\n}) => {\n // Convert availableCharacters to the format used by PropertySelect\n const propertySelectValues = availableCharacters.map(item => ({\n id: item.textureKey,\n name: item.name,\n }));\n\n // State to store the selected skin and the sprite key\n const [selectedValue, setSelectedValue] = useState<\n IPropertiesProps | undefined\n >();\n const [selectedSpriteKey, setSelectedSpriteKey] = useState('');\n\n // Update sprite when the selected value changes\n const updateSelectedSpriteKey = () => {\n const textureKey = selectedValue ? selectedValue.id : '';\n const spriteKey = textureKey ? textureKey + '/down/standing/0.png' : '';\n\n if (spriteKey === selectedSpriteKey) {\n return;\n }\n\n setSelectedSpriteKey(spriteKey);\n };\n\n // Update sprite when selectedValue changes\n useEffect(() => {\n updateSelectedSpriteKey();\n }, [selectedValue]);\n\n // Initialize selectedValue\n useEffect(() => {\n if (initialSelectedSkin) {\n const initialProperty = propertySelectValues.find(\n prop => prop.id === initialSelectedSkin\n );\n setSelectedValue(initialProperty || propertySelectValues[0]);\n } else if (propertySelectValues.length > 0) {\n setSelectedValue(propertySelectValues[0]);\n }\n }, [initialSelectedSkin, availableCharacters]);\n\n // Functions to handle confirmation and cancellation\n const handleConfirm = () => {\n if (selectedValue) {\n onConfirm(selectedValue.id);\n onClose();\n }\n };\n\n const handleCancel = () => {\n onClose();\n };\n\n if (!isOpen) return null;\n\n return (\n <Container>\n {selectedSpriteKey && atlasIMG && atlasJSON && (\n <ErrorBoundary>\n <SpriteFromAtlas\n spriteKey={selectedSpriteKey}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n imgScale={4}\n height={80}\n width={64}\n containerStyle={{\n display: 'flex',\n alignItems: 'center',\n paddingBottom: '15px',\n }}\n imgStyle={{\n left: '22px',\n }}\n />\n </ErrorBoundary>\n )}\n\n <PropertySelect\n availableProperties={propertySelectValues}\n onChange={value => {\n setSelectedValue(value);\n }}\n />\n\n <ButtonsContainer>\n <Button buttonType={ButtonTypes.RPGUIButton} onClick={handleCancel}>\n Cancel\n </Button>\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n onClick={handleConfirm}\n disabled={!selectedValue}\n >\n Confirm\n </Button>\n </ButtonsContainer>\n </Container>\n );\n};\n\n// Styled components\n\nconst Container = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n image-rendering: pixelated;\n`;\n\nconst ButtonsContainer = styled.div`\n display: flex;\n justify-content: center;\n gap: 0.8rem;\n width: 100%;\n margin: 3rem 0 0.75rem;\n\n button {\n min-width: 95px;\n font-size: 0.9rem;\n }\n`;\n","import dayjs from 'dayjs';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { ErrorBoundary } from 'react-error-boundary';\nimport { FaTimes } from 'react-icons/fa';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { ChatMessage } from '../ChatRevamp/types';\n\nexport interface IStyles {\n textColor?: string;\n buttonColor?: string;\n buttonBackgroundColor?: string;\n width?: string;\n height?: string;\n}\n\nexport interface IEmitter {\n _id: string;\n name: string;\n}\n\nexport interface IChatProps {\n chatMessages: ChatMessage[];\n onSendChatMessage: (message: string) => void;\n onCloseButton: () => void;\n onFocus?: () => void;\n onBlur?: () => void;\n opacity?: number;\n sendMessage: boolean;\n styles?: IStyles;\n isExpanded: boolean;\n}\n\nexport const Chat: React.FC<IChatProps> = ({\n chatMessages,\n onSendChatMessage,\n onCloseButton,\n onFocus,\n onBlur,\n styles = {\n textColor: '#ff6600',\n buttonColor: '#ff6600',\n buttonBackgroundColor: '#333',\n width: '100%',\n height: '100%',\n },\n isExpanded,\n}) => {\n const [message, setMessage] = useState('');\n const inputRef = useRef<HTMLInputElement>(null);\n\n useEffect(() => {\n if (isExpanded) {\n scrollChatToBottom();\n }\n inputRef.current?.focus();\n }, [chatMessages, isExpanded]);\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.FormEvent<HTMLFormElement>) => {\n event.preventDefault();\n if (!message.trim()) return;\n onSendChatMessage(message);\n setMessage('');\n };\n\n const truncateName = (name: string, maxLength: number = 10) => {\n return name.length > maxLength ? name.slice(0, maxLength) + '...' : name;\n };\n\n const formatMessage = (chatMessage: ChatMessage) => {\n const timestamp = dayjs(chatMessage.createdAt).format('HH:mm');\n const truncatedName = truncateName(chatMessage.emitter.name);\n return `${timestamp} ${truncatedName}: ${chatMessage.message}`;\n };\n\n return (\n <ChatContainer\n width={styles.width || 'auto'}\n height={styles.height || 'auto'}\n isExpanded={isExpanded}\n >\n {isExpanded && (\n <ErrorBoundary fallback={<p>Oops! Your chat has crashed.</p>}>\n <CloseButton onClick={onCloseButton}>\n <FaTimes />\n </CloseButton>\n <MessagesContainer className=\"chat-body\">\n {chatMessages.map((chatMessage, index) => (\n <Message\n color={styles.textColor || uiColors.yellow}\n key={`${chatMessage._id}_${index}`}\n >\n {formatMessage(chatMessage)}\n </Message>\n ))}\n </MessagesContainer>\n </ErrorBoundary>\n )}\n <Form onSubmit={handleSubmit} isExpanded={isExpanded}>\n <TextField\n ref={inputRef}\n value={message}\n onChange={e => setMessage(e.target.value)}\n type=\"text\"\n autoComplete=\"off\"\n onFocus={onFocus}\n onBlur={onBlur}\n onPointerDown={onFocus}\n placeholder=\"Type your message...\"\n />\n <SendButton type=\"submit\" disabled={!message.trim()}>\n ▶\n </SendButton>\n </Form>\n </ChatContainer>\n );\n};\n\ninterface IContainerProps {\n width: string;\n height: string;\n}\n\ninterface IMessageProps {\n color: string;\n}\n\nconst ChatContainer = styled.div<IContainerProps & { isExpanded: boolean }>`\n width: ${props => props.width};\n height: ${props => (props.isExpanded ? props.height : 'auto')};\n background-color: rgba(30, 30, 30, 0.3);\n display: flex;\n flex-direction: column;\n position: relative;\n border-radius: 8px;\n border: 1px solid rgba(0, 0, 0, 0.1);\n overflow: hidden;\n`;\n\nconst CloseButton = styled.button`\n position: absolute;\n top: 8px;\n right: 8px;\n background-color: transparent;\n border: none;\n color: white;\n font-size: 16px;\n cursor: pointer;\n z-index: 1;\n`;\n\nconst MessagesContainer = styled.div`\n flex-grow: 1;\n overflow-y: auto;\n padding: 12px;\n margin-bottom: 8px;\n\n scrollbar-width: thin;\n scrollbar-color: rgba(51, 51, 51, 0.4) rgba(30, 30, 30, 0.4);\n\n &::-webkit-scrollbar {\n width: 6px;\n }\n\n &::-webkit-scrollbar-track {\n background: rgba(30, 30, 30, 0.4);\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: rgba(51, 51, 51, 0.4);\n border-radius: 3px;\n }\n`;\n\nconst Message = styled.div<IMessageProps>`\n margin-bottom: 6px;\n color: ${({ color }) => color};\n font-family: 'Press Start 2P', cursive;\n font-size: 0.7rem;\n line-height: 1.4;\n word-break: break-word;\n`;\n\nconst Form = styled.form<{ isExpanded: boolean }>`\n display: flex;\n padding: 8px;\n background-color: rgba(42, 42, 42, 0.4);\n border-radius: ${props => (props.isExpanded ? '0' : '8px')};\n`;\n\nconst TextField = styled.input`\n flex-grow: 1;\n background-color: rgba(26, 26, 26, 0.6);\n color: #ff6600;\n border: 1px solid rgba(51, 51, 51, 0.6);\n border-radius: 4px;\n padding: 8px;\n margin-right: 8px;\n font-family: 'Press Start 2P', cursive;\n font-size: 0.7rem;\n height: 32px;\n transition: border-color 0.3s, background-color 0.3s;\n\n &::placeholder {\n color: rgba(255, 255, 255, 0.5);\n font-size: 0.6rem;\n }\n\n &:focus {\n outline: none;\n border-color: #ff6600;\n background-color: rgba(42, 42, 42, 0.9);\n }\n`;\n\nconst SendButton = styled.button`\n background-color: transparent;\n color: #ff6600;\n border: none;\n padding: 8px 12px;\n font-size: 14px;\n cursor: pointer;\n transition: opacity 0.3s ease;\n\n &:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n`;\n","export const uiColors = {\n lightGray: '#888',\n gray: '#4E4A4E',\n darkGray: '#3e3e3e',\n darkYellow: '#FFC857',\n yellow: '#FFFF00',\n orange: '#D27D2C',\n cardinal: '#C5283D',\n red: '#D04648',\n darkRed: '#442434',\n raisinBlack: '#191923',\n navyBlue: '#0E79B2',\n purple: '#6833A3',\n darkPurple: '#522761',\n blue: '#597DCE',\n darkBlue: '#30346D',\n brown: '#854C30',\n lightGreen: '#66cd1c',\n green: '#4CAF50',\n brownGreen: '#346524',\n white: '#fff'\n};\n","import React from 'react';\n\nexport interface IInputProps\n extends React.DetailedHTMLProps<\n React.InputHTMLAttributes<HTMLInputElement>,\n HTMLInputElement\n > {\n innerRef?: React.Ref<HTMLInputElement>;\n}\n\nexport const Input: React.FC<IInputProps> = ({ ...props }) => {\n const { innerRef, ...rest } = props;\n\n return <input {...rest} ref={props.innerRef} />;\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 { ILocalChatMessage } 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 { uiColors } from '../../constants/uiColors';\nimport { uiFonts } from '../../constants/uiFonts';\nimport { Button, ButtonTypes } from '../Button';\nimport { Input } from '../Input';\nimport { RPGUIContainer, RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';\nimport { Column } from '../shared/Column';\n\ninterface IEmitter {\n _id: string;\n name: string;\n}\nexport interface IChatDeprecatedProps {\n chatMessages: ILocalChatMessage[];\n onSendChatMessage: (message: string) => void;\n onCloseButton: () => void;\n onFocus?: () => void;\n onBlur?: () => void;\n opacity?: number;\n width?: string;\n height?: string;\n}\n\nexport const ChatDeprecated: React.FC<IChatDeprecatedProps> = ({\n chatMessages,\n onSendChatMessage,\n opacity = 1,\n width = '100%',\n height = '250px',\n onCloseButton,\n onFocus,\n onBlur,\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: ILocalChatMessage[]) => {\n return chatMessages?.length ? (\n chatMessages?.map(({ _id, createdAt, emitter, message }, index) => (\n <MessageText key={`${_id}_${index}`}>\n {onRenderMessageLines(emitter, createdAt as string, 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 onPointerDown={onCloseButton}>X</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 onFocus={onFocus}\n onBlur={onBlur}\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: ${uiColors.darkGray} !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: ${uiFonts.size.xsmall} !important;\n overflow-y: auto;\n margin: 0;\n`;\n","import React, { useEffect, useRef, useState } from 'react';\nimport { RxMagnifyingGlass } from 'react-icons/rx';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { uiFonts } from '../../constants/uiFonts';\nimport { IStyles } from '../Chat/Chat';\nimport { Column } from '../shared/Column';\nimport { Ellipsis } from '../shared/Ellipsis';\nimport { PrivateChatCharacter } from './types';\n\ninterface ISearchCharacterProps {\n onFocus?: () => void;\n onBlur?: () => void;\n onChangeCharacterName: (characterName: string) => void;\n styles?: IStyles;\n recentCharacters?: PrivateChatCharacter[];\n onCharacterClick?: (character: PrivateChatCharacter) => void;\n hideSearchCharacterUI: () => void;\n}\n\nexport const SearchCharacter = ({\n onChangeCharacterName,\n onBlur,\n onFocus,\n recentCharacters,\n hideSearchCharacterUI,\n onCharacterClick,\n styles = {\n textColor: '#c65102',\n buttonColor: '#005b96',\n buttonBackgroundColor: 'rgba(0,0,0,.2)',\n width: '80%',\n height: 'auto',\n },\n}: ISearchCharacterProps) => {\n const [characterName, setCharacterName] = useState('');\n const searchCharacterRef = useRef<HTMLInputElement>(null);\n\n useEffect(() => {\n const timer = setTimeout(() => {\n if (searchCharacterRef.current) {\n searchCharacterRef.current.focus();\n }\n }, 100);\n\n return () => clearTimeout(timer);\n }, []);\n\n const handleSubmit = (event: React.SyntheticEvent<HTMLFormElement>) => {\n event.preventDefault();\n if (!characterName || characterName.trim() === '') return;\n onChangeCharacterName(characterName);\n };\n\n const handleCharacterClick = (character: PrivateChatCharacter) => {\n if (!onCharacterClick) return;\n setCharacterName('');\n onCharacterClick(character);\n hideSearchCharacterUI();\n };\n\n return (\n <SearchContainer>\n <Form onSubmit={handleSubmit}>\n <Column flex={70}>\n <TextField\n value={characterName}\n ref={searchCharacterRef}\n id=\"characterName\"\n name=\"characterName\"\n onChange={e => {\n setCharacterName(e.target.value);\n onChangeCharacterName(e.target.value);\n }}\n placeholder=\"Search for a character...\"\n height={20}\n type=\"text\"\n autoComplete=\"off\"\n onFocus={onFocus}\n onBlur={onBlur}\n onPointerDown={onFocus}\n />\n </Column>\n <Column justifyContent=\"flex-end\">\n <SearchButton\n type=\"submit\"\n buttonColor={styles?.buttonColor || '#005b96'}\n buttonBackgroundColor={\n styles?.buttonBackgroundColor || 'rgba(0,0,0,.5)'\n }\n id=\"chat-send-button\"\n style={{ borderRadius: '20%' }}\n >\n <RxMagnifyingGlass size={15} />\n </SearchButton>\n </Column>\n </Form>\n\n {recentCharacters && recentCharacters.length > 0 && (\n <ListContainer>\n {recentCharacters.map(character => (\n <ListElement\n onPointerDown={() => handleCharacterClick(character)}\n key={character._id}\n >\n <Ellipsis maxWidth=\"150px\" maxLines={1}>\n {character.name}\n </Ellipsis>\n </ListElement>\n ))}\n </ListContainer>\n )}\n </SearchContainer>\n );\n};\n\ninterface IButtonProps {\n buttonColor: string;\n buttonBackgroundColor: string;\n}\n\nconst SearchContainer = styled.div`\n width: 100%;\n`;\n\nconst Form = styled.form`\n display: flex;\n width: 100%;\n justify-content: center;\n align-items: center;\n`;\n\nconst TextField = styled.input`\n width: 100%;\n background-color: rgba(0, 0, 0, 0.25) !important;\n border: none !important;\n max-height: 28px !important;\n`;\n\nconst SearchButton = styled.button<IButtonProps>`\n color: ${({ buttonColor }) => buttonColor};\n background-color: ${({ buttonBackgroundColor }) => buttonBackgroundColor};\n width: 28px;\n height: 28px;\n border: none !important;\n`;\n\nconst ListContainer = styled.ul`\n border: none;\n overflow-y: scroll;\n list-style: none;\n padding: 0;\n`;\n\nconst ListElement = styled.li`\n margin: 0.5rem 0 !important;\n font-size: ${uiFonts.size.small};\n padding: 0.5rem 2px;\n\n &:hover {\n color: #ff0;\n background-color: ${uiColors.darkGray};\n }\n\n button {\n all: unset;\n }\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { Chat, IStyles } from '../Chat/Chat';\nimport { SearchCharacter } from './SearchCharacter';\nimport { ChatMessage, PrivateChatCharacter } from './types';\n\ninterface ChatContentProps {\n isPrivate: boolean;\n isTrade: boolean;\n isGlobal: boolean;\n searchCharacterUI: boolean;\n chatMessages: ChatMessage[];\n onSendGlobalChatMessage: (message: string) => void;\n onSendLocalChatMessage: (message: string) => void;\n onSendPrivateChatMessage: (message: string) => void;\n onSendTradeMessage: (message: string) => void;\n onCloseButton: () => void;\n styles?: IStyles;\n onFocus?: () => void;\n onBlur?: () => void;\n isExpanded: boolean;\n autoCloseOnSend: boolean;\n onChangeCharacterName: (characterName: string) => void;\n privateChatCharacters?: PrivateChatCharacter[];\n hideSearchCharacterUI: () => void;\n onCharacterClick?: (character: PrivateChatCharacter) => void;\n isGuild: boolean;\n onSendGuildChatMessage: (message: string) => void;\n}\n\nexport const ChatContent: React.FC<ChatContentProps> = ({\n isPrivate,\n isTrade,\n isGlobal,\n searchCharacterUI,\n chatMessages,\n onSendLocalChatMessage,\n onSendGlobalChatMessage,\n onSendPrivateChatMessage,\n onSendTradeMessage,\n onCloseButton,\n styles,\n onFocus,\n onBlur,\n isExpanded,\n autoCloseOnSend,\n onChangeCharacterName,\n privateChatCharacters,\n hideSearchCharacterUI,\n onCharacterClick,\n isGuild,\n onSendGuildChatMessage,\n}) => {\n const handleSendMessage = (message: string) => {\n if (autoCloseOnSend) {\n onCloseButton();\n }\n\n if (isPrivate) {\n onSendPrivateChatMessage(message);\n } else if (isTrade) {\n onSendTradeMessage(message);\n } else if (isGuild) {\n onSendGuildChatMessage(message);\n } else if (isGlobal) {\n onSendGlobalChatMessage(message);\n } else {\n onSendLocalChatMessage(message);\n }\n };\n\n if (isPrivate && searchCharacterUI) {\n return (\n <SearchCharacter\n onFocus={onFocus}\n onBlur={onBlur}\n onChangeCharacterName={onChangeCharacterName}\n styles={styles}\n recentCharacters={privateChatCharacters}\n hideSearchCharacterUI={hideSearchCharacterUI}\n onCharacterClick={onCharacterClick}\n />\n );\n }\n\n return (\n <ChatWrapper>\n <Chat\n chatMessages={chatMessages}\n onSendChatMessage={handleSendMessage}\n sendMessage={true}\n onCloseButton={onCloseButton}\n styles={styles}\n onFocus={onFocus}\n onBlur={onBlur}\n isExpanded={isExpanded}\n />\n </ChatWrapper>\n );\n};\n\nconst ChatWrapper = styled.div`\n flex-grow: 1;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n position: relative;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\n\ninterface ChatTabsProps {\n tabs: { label: string; id: string }[];\n activeTab: string;\n onChangeTab: (tabId: string) => void;\n}\n\nexport const ChatTabs: React.FC<ChatTabsProps> = ({\n tabs,\n activeTab,\n onChangeTab,\n}) => (\n <TabContainer>\n {tabs.map((tab, index) => (\n <Tab\n key={`${tab.label}_${index}`}\n active={tab.id === activeTab}\n onPointerDown={() => onChangeTab(tab.id)}\n >\n {tab.label}\n </Tab>\n ))}\n </TabContainer>\n);\n\nconst TabContainer = styled.div`\n display: flex;\n gap: 10px;\n align-items: center;\n flex-grow: 1;\n`;\n\nconst Tab = styled.button<{ active: boolean }>`\n width: 120px;\n color: white;\n font-size: 0.8rem;\n all: unset;\n padding: 0.6rem;\n font-size: 0.8rem;\n border-radius: 5px 5px 0 0;\n border-width: 0.25rem 0.25rem 0 0.25rem;\n border-style: solid;\n border-color: ${props =>\n props.active ? 'rgba(198, 81, 2, 0.5)' : 'rgba(128, 128, 128, 0.5)'};\n background-color: ${props =>\n props.active ? uiColors.orange : 'rgba(0, 0, 0, 0.2)'};\n color: ${props => (props.active ? 'white' : uiColors.darkGray)};\n`;\n","import React from 'react';\nimport { IoMdContract, IoMdExpand } from 'react-icons/io';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\n\ninterface ExpandButtonProps {\n isExpanded: boolean;\n onClick: () => void;\n}\n\nexport const ExpandButton: React.FC<ExpandButtonProps> = ({\n isExpanded,\n onClick,\n}) => (\n <StyledExpandButton isExpanded={isExpanded} onClick={onClick}>\n {isExpanded ? <IoMdContract size={20} /> : <IoMdExpand size={20} />}\n </StyledExpandButton>\n);\n\nconst StyledExpandButton = styled.button<{ isExpanded: boolean }>`\n position: absolute;\n top: 0;\n ${({ isExpanded }) => (isExpanded ? 'right: 0' : 'left: 0.5rem')};\n width: 30px;\n height: 30px;\n background-color: ${uiColors.orange};\n color: white;\n border: none;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n transition: all 0.3s ease;\n z-index: 10;\n\n &:hover {\n background-color: ${uiColors.orange};\n }\n`;\n","import React from 'react';\nimport { RxCross2, RxMagnifyingGlass } from 'react-icons/rx';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { uiFonts } from '../../constants/uiFonts';\nimport { Ellipsis } from '../shared/Ellipsis';\nimport { PrivateChatCharacter } from './types';\n\ninterface IRecentChatsProps {\n showRecentChats: boolean;\n toggleRecentChats: () => void;\n hasUnseenMessages: boolean;\n showSearchCharacterUI: () => void;\n recentChatCharacters?: PrivateChatCharacter[];\n recentSelectedChatCharacterId?: string;\n unseenMessageCharacterIds?: string[];\n onPreviousChatCharacterClick: (character: PrivateChatCharacter) => void;\n onRemoveRecentChatCharacter?: (character: PrivateChatCharacter) => void;\n isPrivate: boolean;\n hideSearchCharacterUI: () => void; // Add this line\n}\n\nexport const RecentChats: React.FC<IRecentChatsProps> = ({\n showRecentChats,\n toggleRecentChats,\n hasUnseenMessages,\n showSearchCharacterUI,\n recentChatCharacters,\n recentSelectedChatCharacterId,\n unseenMessageCharacterIds,\n onPreviousChatCharacterClick,\n onRemoveRecentChatCharacter,\n isPrivate,\n hideSearchCharacterUI, // Add this line\n}) => {\n const handlePreviousChatCharacterClick = (\n character: PrivateChatCharacter\n ) => {\n onPreviousChatCharacterClick(character);\n hideSearchCharacterUI(); // Call hideSearchCharacterUI here\n };\n\n return (\n <RecentChatTabContainer isOpen={showRecentChats} isPrivate={isPrivate}>\n <RecentChatTopBar>\n <BurgerIconContainer\n onPointerDown={toggleRecentChats}\n hasUnseenMessages={hasUnseenMessages}\n >\n <BurgerLineIcon />\n <BurgerLineIcon />\n <BurgerLineIcon />\n </BurgerIconContainer>\n {showRecentChats && (\n <SearchButton onPointerDown={showSearchCharacterUI}>\n <RxMagnifyingGlass size={16} color={uiColors.white} />\n </SearchButton>\n )}\n </RecentChatTopBar>\n <RecentChatLogContainer isOpen={showRecentChats}>\n {recentChatCharacters?.map(character => (\n <ListElementContainer key={character._id}>\n <ListElement\n active={character._id === recentSelectedChatCharacterId}\n onPointerDown={() => handlePreviousChatCharacterClick(character)}\n >\n <StatusDot\n isUnseen={\n unseenMessageCharacterIds?.includes(character._id) ?? false\n }\n />\n <Ellipsis maxWidth=\"140px\" maxLines={1}>\n {character.name}\n </Ellipsis>\n </ListElement>\n <CloseButton\n className=\"close-button\"\n onPointerDown={() => onRemoveRecentChatCharacter?.(character)}\n >\n <RxCross2 size={16} />\n </CloseButton>\n </ListElementContainer>\n ))}\n </RecentChatLogContainer>\n </RecentChatTabContainer>\n );\n};\n\nconst RecentChatTabContainer = styled.div<{\n isPrivate: boolean;\n isOpen: boolean;\n}>`\n display: ${props => (props.isPrivate ? 'flex' : 'none')};\n flex-direction: column;\n border-right: 1px solid ${uiColors.gray};\n outline: none;\n width: ${props => (props.isOpen ? '25%' : '30px')};\n max-width: 200px;\n min-width: ${props => (props.isOpen ? '180px' : '30px')};\n transition: all 0.3s ease-in-out;\n overflow: hidden;\n height: 100%;\n @media (max-width: 768px) {\n width: ${props => (props.isOpen ? '50%' : '30px')};\n min-width: ${props => (props.isOpen ? '150px' : '30px')};\n }\n`;\n\nconst RecentChatTopBar = styled.div`\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 30px;\n flex-shrink: 0;\n`;\n\nconst SearchButton = styled.button`\n border: none;\n background-color: transparent;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: 2px;\n padding: 4px;\n position: relative;\n`;\n\nconst BurgerIconContainer = styled.button<{ hasUnseenMessages: boolean }>`\n border: none;\n background-color: transparent;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n padding: 4px;\n gap: 2px;\n position: relative;\n\n &:after {\n content: '';\n width: 6px;\n height: 6px;\n position: absolute;\n top: 0;\n right: 2px;\n border-radius: 50%;\n background-color: ${uiColors.lightGreen};\n display: ${props => (props.hasUnseenMessages ? 'block' : 'none')};\n }\n`;\n\nconst BurgerLineIcon = styled.span`\n width: 1rem;\n height: 2px;\n background-color: #ffffff;\n`;\n\nconst RecentChatLogContainer = styled.div<{ isOpen: boolean }>`\n display: ${props => (props.isOpen ? 'flex' : 'none')};\n opacity: ${props => (props.isOpen ? 1 : 0)};\n flex-direction: column;\n gap: 0.25rem; // Reduce this from 0.5rem to 0.25rem\n transition: opacity 0.3s ease-in-out;\n padding: 0;\n margin: 0;\n overflow-y: auto;\n flex-grow: 1;\n height: 0;\n\n /* Firefox */\n scrollbar-width: thin;\n scrollbar-color: rgba(51, 51, 51, 0.4) rgba(30, 30, 30, 0.4);\n\n /* WebKit and Chromium-based browsers */\n &::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n }\n\n &::-webkit-scrollbar-track {\n background: rgba(30, 30, 30, 0.2);\n border-radius: 4px;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: rgba(255, 102, 0, 0.5);\n border-radius: 4px;\n border: 2px solid rgba(30, 30, 30, 0.2);\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background-color: rgba(255, 102, 0, 0.7);\n }\n`;\n\nconst ListElementContainer = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 2px 0; // Add small vertical padding\n`;\n\nconst ListElement = styled.button<{ active: boolean }>`\n margin: 0 !important; // Remove vertical margins\n font-size: ${uiFonts.size.small} !important;\n padding: 2px;\n all: unset;\n color: ${props => (props.active ? uiColors.yellow : uiColors.white)};\n width: 100%;\n position: relative;\n display: flex;\n align-items: center;\n gap: 4px;\n\n &:hover {\n color: #ff0;\n }\n max-width: calc(100% - 24px);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n`;\n\nconst StatusDot = styled.span<{ isUnseen: boolean }>`\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background-color: ${props =>\n props.isUnseen ? uiColors.lightGreen : uiColors.gray};\n display: inline-block;\n margin-right: 6px;\n`;\n\nconst CloseButton = styled.button`\n all: unset;\n font-size: ${uiFonts.size.xxsmall};\n margin: 0 0.5rem;\n transition: all 0.2s ease-in-out;\n background-color: ${uiColors.red};\n color: ${uiColors.white};\n width: 16px;\n height: 16px;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n &:hover {\n background-color: ${uiColors.white};\n color: ${uiColors.red};\n }\n`;\n","import React from 'react';\nimport { FaDiscord, FaWhatsapp } from 'react-icons/fa';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { useChat } from '../../hooks/useChat';\nimport { Chat } from '../Chat/Chat';\nimport { ChatContent } from './ChatContent';\nimport { ChatTabs } from './ChatTabs';\nimport { ExpandButton } from './ExpandButton';\nimport { RecentChats } from './RecentChats';\nimport { IChatRevampProps } from './types';\n\ninterface ITopBarProps {\n isExpanded: boolean;\n}\n\ninterface IAllChatsContainerProps {\n width: string;\n height: string;\n isExpanded: boolean;\n}\n\ninterface IChatContentWrapperProps {\n isPrivate: boolean;\n}\n\nexport const ChatRevamp: React.FC<IChatRevampProps> = ({\n chatMessages,\n onSendGlobalChatMessage,\n onSendGuildChatMessage,\n onChangeCharacterName,\n onFocus,\n onBlur,\n onCloseButton,\n styles,\n tabs,\n onChangeTab,\n activeTab = 'global',\n privateChatCharacters,\n onCharacterClick,\n onSendPrivateChatMessage,\n recentChatCharacters,\n recentSelectedChatCharacterId,\n onPreviousChatCharacterClick,\n onRemoveRecentChatCharacter,\n unseenMessageCharacterIds,\n onSendTradeMessage,\n searchCharacterUI = false,\n hideSearchCharacterUI = () => {},\n showSearchCharacterUI = () => {},\n minimizedByDefault = false,\n autoCloseOnSend,\n onSendLocalChatMessage,\n onDiscordClick,\n onWhatsAppClick,\n}: IChatRevampProps) => {\n const isPrivate = activeTab === 'private';\n const isTrade = activeTab === 'trade';\n const isGuild = activeTab === 'guild';\n const isGlobal = activeTab === 'global';\n const chatHook = useChat({\n minimizedByDefault,\n isPrivate,\n onChangeTab,\n onPreviousChatCharacterClick,\n unseenMessageCharacterIds,\n });\n\n const handleDiscordClick = (e: React.MouseEvent) => {\n e.preventDefault();\n onDiscordClick?.();\n };\n\n const handleWhatsAppClick = (e: React.MouseEvent) => {\n e.preventDefault();\n onWhatsAppClick?.();\n };\n\n return (\n <ChatRevampContainer>\n <TopBar isExpanded={chatHook.isExpanded}>\n {chatHook.isExpanded && (\n <>\n <ChatTabs\n tabs={tabs}\n activeTab={activeTab}\n onChangeTab={chatHook.handleTabChange}\n />\n <SocialButtons>\n <SocialButton onClick={handleDiscordClick}>\n <FaDiscord />\n </SocialButton>\n <SocialButton onClick={handleWhatsAppClick}>\n <FaWhatsapp />\n </SocialButton>\n </SocialButtons>\n </>\n )}\n <ExpandButton\n isExpanded={chatHook.isExpanded}\n onClick={chatHook.toggleExpand}\n />\n </TopBar>\n <AllChatsContainer\n width={styles?.width || '80%'}\n height={styles?.height || 'auto'}\n isExpanded={chatHook.isExpanded}\n >\n {chatHook.isExpanded ? (\n <ExpandedChatContent>\n {isPrivate && (\n <RecentChats\n showRecentChats={chatHook.showRecentChats}\n toggleRecentChats={chatHook.toggleRecentChats}\n hasUnseenMessages={!!chatHook.hasUnseenMessages}\n showSearchCharacterUI={showSearchCharacterUI}\n recentChatCharacters={recentChatCharacters}\n recentSelectedChatCharacterId={recentSelectedChatCharacterId}\n unseenMessageCharacterIds={unseenMessageCharacterIds}\n onPreviousChatCharacterClick={\n chatHook.handlePreviousChatCharacterClick\n }\n onRemoveRecentChatCharacter={onRemoveRecentChatCharacter}\n isPrivate={isPrivate}\n hideSearchCharacterUI={hideSearchCharacterUI}\n />\n )}\n <ChatContentWrapper isPrivate={isPrivate}>\n <ChatContent\n isPrivate={isPrivate}\n isTrade={isTrade}\n isGuild={isGuild}\n isGlobal={isGlobal}\n searchCharacterUI={searchCharacterUI}\n chatMessages={chatMessages}\n onSendGlobalChatMessage={onSendGlobalChatMessage}\n onSendPrivateChatMessage={onSendPrivateChatMessage}\n onSendTradeMessage={onSendTradeMessage}\n onSendGuildChatMessage={onSendGuildChatMessage}\n onSendLocalChatMessage={onSendLocalChatMessage}\n onCloseButton={onCloseButton}\n styles={styles}\n onFocus={onFocus}\n onBlur={onBlur}\n isExpanded={chatHook.isExpanded}\n autoCloseOnSend={autoCloseOnSend || false}\n onChangeCharacterName={onChangeCharacterName}\n privateChatCharacters={privateChatCharacters}\n hideSearchCharacterUI={hideSearchCharacterUI}\n onCharacterClick={onCharacterClick}\n />\n </ChatContentWrapper>\n </ExpandedChatContent>\n ) : (\n <CollapsedChatInput>\n <Chat\n chatMessages={[]}\n onSendChatMessage={onSendLocalChatMessage}\n sendMessage={true}\n onCloseButton={onCloseButton}\n styles={styles}\n onFocus={onFocus}\n onBlur={onBlur}\n isExpanded={false}\n />\n </CollapsedChatInput>\n )}\n </AllChatsContainer>\n </ChatRevampContainer>\n );\n};\n\nconst ChatRevampContainer = styled.div`\n display: flex;\n flex-direction: column;\n width: 100%;\n position: relative;\n`;\n\nconst TopBar = styled.div<ITopBarProps>`\n display: flex;\n align-items: center;\n justify-content: space-between;\n min-height: ${({ isExpanded }) => (isExpanded ? 'auto' : '32px')};\n padding: 0 8px;\n`;\n\nconst AllChatsContainer = styled.div<IAllChatsContainerProps>`\n width: ${({ width }) => width};\n height: ${({ height, isExpanded }) => (isExpanded ? height : 'auto')};\n padding: 10px;\n background-color: rgba(0, 0, 0, 0.2);\n display: flex;\n gap: 10px;\n flex-wrap: wrap;\n`;\n\nconst ChatContentWrapper = styled.div<IChatContentWrapperProps>`\n flex-grow: 1;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n position: relative;\n width: ${({ isPrivate }) => (isPrivate ? '75%' : '100%')};\n`;\n\nconst CollapsedChatInput = styled.div`\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n`;\n\nconst ExpandedChatContent = styled.div`\n display: flex;\n width: 100%;\n height: 100%;\n`;\n\nconst SocialButtons = styled.div`\n display: flex;\n gap: 8px;\n margin-right: 42px;\n`;\n\nconst SocialButton = styled.button`\n background-color: transparent;\n border: none;\n color: white;\n font-size: 20px;\n cursor: pointer;\n transition: color 0.3s ease;\n padding: 4px;\n margin-bottom: 4px;\n\n &:hover {\n color: ${uiColors.yellow};\n }\n`;\n","import React, { useState } from 'react';\n\nexport interface ICheckItemProps {\n label?: string;\n defaultValue?: boolean;\n onChange: (label: string | undefined, selected: boolean) => void;\n}\n\nexport const CheckItem: React.FC<ICheckItemProps> = ({\n label,\n defaultValue = false,\n onChange,\n}) => {\n const [checked, setChecked] = useState(defaultValue);\n\n const handleClick = () => {\n const newCheckedState = !checked;\n setChecked(newCheckedState);\n onChange(label, newCheckedState);\n };\n\n return (\n <div onPointerDown={handleClick}>\n <input\n className=\"rpgui-checkbox\"\n type=\"checkbox\"\n checked={checked}\n readOnly\n />\n <label>{label}</label>\n <br />\n </div>\n );\n};\n","import styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\n\nexport const SingleShortcut = styled.button`\n width: 3rem;\n height: 3rem;\n background-color: ${uiColors.lightGray};\n border: 2px solid ${uiColors.darkGray};\n border-radius: 50%;\n text-transform: uppercase;\n font-size: 0.7rem;\n font-weight: bold;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n\n span {\n pointer-events: none;\n }\n\n .mana {\n position: absolute;\n top: -5px;\n right: 0;\n font-size: 0.65rem;\n color: ${uiColors.blue};\n }\n\n .qty {\n position: absolute;\n top: -5px;\n right: 0;\n font-size: 0.65rem;\n }\n\n .magicWords {\n margin-top: 4px;\n }\n\n .keyboard {\n position: absolute;\n bottom: -5px;\n left: 0;\n font-size: 0.65rem;\n color: ${uiColors.yellow};\n }\n\n .onCooldown {\n color: ${uiColors.gray};\n }\n\n .cooldown {\n position: absolute;\n z-index: 1;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border-radius: inherit;\n background-color: rgba(0 0 0 / 60%);\n font-size: 0.7rem;\n display: flex;\n align-items: center;\n justify-content: center;\n color: ${uiColors.darkYellow};\n }\n\n &:hover,\n &:focus {\n background-color: ${uiColors.darkGray};\n }\n\n &:active {\n background-color: ${uiColors.gray};\n border-color: ${uiColors.yellow};\n }\n\n &:disabled {\n opacity: 0.5;\n }\n`;\n","import { useEffect, useRef, useState } from 'react';\n\nexport const useShortcutCooldown = (\n onShortcutCast: (index: number) => void\n) => {\n const [shortcutCooldown, setShortcutCooldown] = useState(0);\n const cooldownTimeout = useRef<NodeJS.Timeout | null>(null);\n\n const handleShortcutCast = (index: number) => {\n if (shortcutCooldown <= 0) setShortcutCooldown(1.5);\n onShortcutCast(index);\n };\n\n useEffect(() => {\n if (cooldownTimeout.current) clearTimeout(cooldownTimeout.current);\n\n if (shortcutCooldown > 0) {\n cooldownTimeout.current = setTimeout(() => {\n setShortcutCooldown(shortcutCooldown - 0.1);\n }, 100);\n }\n }, [shortcutCooldown]);\n\n return { shortcutCooldown, handleShortcutCast };\n};\n","import {\n getItemTextureKeyPath,\n IItem,\n IItemContainer,\n IRawSpell,\n IShortcut,\n ShortcutType,\n} from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { SpriteFromAtlas } from '../shared/SpriteFromAtlas';\nimport { SingleShortcut } from '../Shortcuts/SingleShortcut';\nimport { useShortcutCooldown } from '../Shortcuts/useShortcutCooldown';\n\nexport type CircularControllerProps = {\n onActionClick: () => void;\n onCancelClick: () => void;\n onShortcutClick: (index: number) => void;\n mana: number;\n shortcuts: IShortcut[];\n inventory?: IItemContainer | null;\n atlasIMG: any;\n atlasJSON: any;\n spellCooldowns?: Record<string, number>;\n};\n\nexport const CircularController: React.FC<CircularControllerProps> = ({\n onActionClick,\n onCancelClick,\n onShortcutClick,\n mana,\n shortcuts,\n inventory,\n atlasIMG,\n atlasJSON,\n spellCooldowns,\n}) => {\n const { handleShortcutCast, shortcutCooldown } = useShortcutCooldown(\n onShortcutClick\n );\n\n const onTouchStart = (e: React.TouchEvent<HTMLButtonElement>) => {\n const target = e.target as HTMLButtonElement;\n target?.classList.add('active');\n };\n\n const onTouchEnd = (\n action: () => void,\n e: React.TouchEvent<HTMLButtonElement>\n ) => {\n const target = e.target as HTMLButtonElement;\n setTimeout(() => {\n target?.classList.remove('active');\n }, 100);\n action();\n };\n\n const renderShortcut = (i: number) => {\n const buildClassName = (classBase: string, isOnCooldown: boolean) => {\n return `${classBase} ${isOnCooldown ? 'onCooldown' : ''}`;\n };\n\n let variant = '';\n\n if (i === 0) variant = 'top';\n else if (i >= 3) variant = `bottom-${i - 3}`;\n\n const onShortcutClickBinded =\n shortcuts[i]?.type !== ShortcutType.None\n ? handleShortcutCast.bind(null, i)\n : () => {};\n\n const isOnShortcutCooldown = shortcutCooldown > 0;\n\n if (shortcuts[i]?.type === ShortcutType.Item) {\n const payload = shortcuts[i]?.payload as IItem | undefined;\n\n let itemsFromEquipment: (IItem | undefined | null)[] = [];\n\n if (inventory) {\n Object.keys(inventory.slots).forEach(i => {\n const index = parseInt(i);\n\n if (inventory.slots[index]?.key === payload?.key) {\n itemsFromEquipment.push(inventory.slots[index]);\n }\n });\n }\n\n const totalQty = itemsFromEquipment.reduce(\n (acc, item) => acc + (item?.stackQty || 1),\n 0\n );\n\n return (\n <StyledShortcut\n key={i}\n onTouchStart={onTouchStart}\n onTouchEnd={onTouchEnd.bind(null, onShortcutClickBinded)}\n disabled={false}\n className={variant}\n >\n {isOnShortcutCooldown && (\n <span className=\"cooldown\">{shortcutCooldown.toFixed(1)}</span>\n )}\n {payload && (\n <SpriteFromAtlas\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n spriteKey={getItemTextureKeyPath(\n {\n key: payload.texturePath,\n texturePath: payload.texturePath,\n stackQty: payload.stackQty || 1,\n isStackable: payload.isStackable,\n },\n atlasJSON\n )}\n width={32}\n height={32}\n imgScale={1.4}\n imgStyle={{ left: '4px' }}\n containerStyle={{ pointerEvents: 'none' }}\n />\n )}\n <span className={buildClassName('qty', isOnShortcutCooldown)}>\n {totalQty}\n </span>\n </StyledShortcut>\n );\n }\n\n const payload = shortcuts[i]?.payload as IRawSpell | undefined;\n\n const spellCooldown = !payload\n ? 0\n : spellCooldowns?.[payload.magicWords.replaceAll(' ', '_')] ??\n shortcutCooldown;\n const cooldown =\n spellCooldown > shortcutCooldown ? spellCooldown : shortcutCooldown;\n const isOnCooldown = cooldown > 0 && !!payload;\n\n const CONTAINER_STYLE = { width: '32px', height: '32px' };\n const IMAGE_SCALE = 1.5;\n\n return (\n <StyledShortcut\n key={i}\n onTouchStart={onTouchStart}\n onTouchEnd={onTouchEnd.bind(null, onShortcutClickBinded)}\n disabled={mana < (payload?.manaCost ?? 0)}\n className={variant}\n >\n {isOnCooldown && (\n <span className=\"cooldown\">\n {cooldown.toFixed(cooldown < 10 ? 1 : 0)}\n </span>\n )}\n <span className={buildClassName('mana', isOnCooldown)}>\n {payload && payload.manaCost}\n </span>\n <span className=\"magicWords\">\n {payload?.texturePath ? (\n <SpriteFromAtlas\n atlasIMG={payload.atlasIMG}\n atlasJSON={payload.atlasJSON}\n spriteKey={payload.texturePath}\n imgScale={IMAGE_SCALE}\n containerStyle={CONTAINER_STYLE}\n centered={true}\n borderRadius=\"50%\"\n />\n ) : (\n payload?.magicWords.split(' ').map(word => word[0])\n )}\n </span>\n </StyledShortcut>\n );\n };\n\n return (\n <ButtonsContainer>\n <ShortcutsContainer>\n {Array.from({ length: 12 }).map((_, i) => renderShortcut(i))}\n </ShortcutsContainer>\n <Button\n onTouchStart={onTouchStart}\n onTouchEnd={onTouchEnd.bind(null, onActionClick)}\n >\n <div className=\"rpgui-icon sword\" />\n </Button>\n\n <CancelButton\n onTouchStart={onTouchStart}\n onTouchEnd={onTouchEnd.bind(null, onCancelClick)}\n >\n <span>X</span>\n </CancelButton>\n </ButtonsContainer>\n );\n};\n\nconst Button = styled.button`\n width: 4.3rem;\n height: 4.3rem;\n background-color: ${uiColors.lightGray};\n border: 2px solid ${uiColors.darkGray};\n border-radius: 50%;\n text-transform: uppercase;\n font-size: 0.7rem;\n font-weight: bold;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n transition: all 0.1s;\n margin-top: -3rem;\n top: -144px;\n\n &.active {\n background-color: ${uiColors.gray};\n border-color: ${uiColors.yellow};\n }\n\n .sword {\n transform: rotate(-45deg);\n height: 2.5rem;\n width: 1.9rem;\n pointer-events: none;\n }\n`;\n\nconst CancelButton = styled(Button)`\n width: 3rem;\n height: 3rem;\n font-size: 0.8rem;\n position: relative;\n left: 2.6rem;\n\n span {\n margin-top: 4px;\n margin-left: 2px;\n pointer-events: none;\n }\n`;\n\nconst ButtonsContainer = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n\n scale: 0.9;\n`;\n\nconst ShortcutsContainer = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n flex-direction: column;\n margin-top: 3rem;\n\n .top {\n transform: translate(93%, 25%);\n }\n\n .bottom-0 {\n transform: translate(93%, -25%);\n }\n\n .bottom-1 {\n transform: translate(320%, calc(-4.5rem));\n }\n\n .bottom-2 {\n transform: translate(-13.5%, calc(-5.6rem - 25%));\n }\n\n .bottom-3 {\n transform: translate(318%, calc(-15.8rem - 25%));\n }\n\n .bottom-4 {\n transform: translate(-15%, calc(-20.2rem - 25%));\n }\n .bottom-5 {\n transform: translate(210%, calc(-15rem - 25%));\n }\n\n .bottom-6 {\n transform: translate(210%, calc(-25.7rem - 25%));\n }\n\n .bottom-7 {\n transform: translate(304%, calc(-24.9rem - 25%));\n }\n\n .bottom-8 {\n transform: translate(-101%, calc(-27.7rem - 25%));\n }\n`;\n\nconst StyledShortcut = styled(SingleShortcut)`\n width: 2.5rem;\n height: 2.5rem;\n transition: all 0.1s;\n\n .mana,\n .qty {\n font-size: 0.5rem;\n }\n\n &:hover,\n &:focus,\n &:active {\n background-color: ${uiColors.lightGray};\n }\n\n &.active {\n background-color: ${uiColors.gray};\n border-color: ${uiColors.yellow};\n }\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('pointerdown', handleClickOutside);\n return () => {\n // Unbind the event listener on clean up\n document.removeEventListener('pointerdown', handleClickOutside);\n };\n }, [ref]);\n}\n","import React, { useEffect, useRef } from 'react';\nimport Draggable from 'react-draggable';\nimport styled, { css } from 'styled-components';\nimport { uiFonts } from '../constants/uiFonts';\nimport { useOutsideClick } from '../hooks/useOutsideAlerter';\nimport { IPosition } from '../types/eventTypes';\nimport { RPGUIContainerTypes } from './RPGUI/RPGUIContainer';\n\nexport interface IDraggableContainerProps {\n children: React.ReactNode;\n width?: string;\n height?: string;\n minWidth?: string;\n minHeight?: 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 onPositionChangeEnd?: (position: IPosition) => void;\n onPositionChangeStart?: (position: IPosition) => void;\n onOutsideClick?: () => void;\n initialPosition?: IPosition;\n scale?: number;\n dragDisabled?: boolean;\n isFullScreen?: boolean;\n opacity?: number;\n}\n\nexport const DraggableContainer: React.FC<IDraggableContainerProps> = ({\n children,\n width = '50%',\n height,\n minHeight,\n minWidth,\n className,\n type = RPGUIContainerTypes.FramedGold,\n onCloseButton,\n title,\n imgSrc,\n imgWidth = '20px',\n cancelDrag,\n onPositionChange,\n onPositionChangeEnd,\n onPositionChangeStart,\n onOutsideClick,\n initialPosition = { x: 0, y: 0 },\n scale,\n dragDisabled = false,\n isFullScreen,\n opacity,\n}) => {\n const draggableRef = useRef(null);\n\n if (isFullScreen) {\n width = '100%';\n height = '100%';\n }\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,input,button,${cancelDrag}`}\n disabled={dragDisabled}\n onDrag={(_e, data) => {\n if (onPositionChange) {\n onPositionChange({\n x: data.x,\n y: data.y,\n });\n }\n }}\n onStop={(_e, data) => {\n if (onPositionChangeEnd) {\n onPositionChangeEnd({\n x: data.x,\n y: data.y,\n });\n }\n }}\n onStart={(_e, data) => {\n if (onPositionChangeStart) {\n onPositionChangeStart({\n x: data.x,\n y: data.y,\n });\n }\n }}\n defaultPosition={initialPosition}\n scale={scale}\n >\n <Container\n ref={draggableRef}\n width={width}\n height={height || 'auto'}\n minWidth={minWidth}\n minHeight={minHeight}\n className={`rpgui-container ${type} ${className}`}\n isFullScreen={isFullScreen}\n opacity={opacity}\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 onPointerDown={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 minWidth?: string;\n minHeight?: string;\n isFullScreen?: boolean;\n opacity?: number;\n}\n\nconst Container = styled.div<IContainerProps>`\n height: ${props => props.height};\n width: ${({ width }) => width};\n min-width: ${({ minWidth }) => minWidth || 'auto'};\n min-height: ${({ minHeight }) => minHeight || 'auto'};\n display: flex;\n flex-wrap: wrap;\n image-rendering: pixelated;\n\n overflow-y: hidden;\n\n ${({ opacity }) =>\n opacity &&\n css`\n opacity: ${opacity};\n `}\n\n ${({ isFullScreen }) =>\n isFullScreen &&\n css`\n justify-content: center;\n align-items: flex-start;\n align-content: flex-start;\n `}\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: 1.5rem;\n @media (max-width: 950px) {\n font-size: 1.7rem;\n padding: 12px;\n }\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 max-height: 42px;\n`;\n\nconst Title = styled.h1`\n color: white;\n z-index: 22;\n font-size: ${uiFonts.size.large};\n`;\n\ninterface ICustomIconProps {\n width: string;\n}\n\nconst Icon = styled.img<ICustomIconProps>`\n color: white;\n z-index: 22;\n font-size: ${uiFonts.size.xsmall};\n width: ${({ width }) => width};\n margin-right: 0.5rem;\n`;\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { v4 as uuidv4 } from 'uuid';\n\nexport interface IOptionsProps {\n id: number;\n value: string;\n option: string | JSX.Element;\n}\n\nexport interface IDropdownProps {\n options: IOptionsProps[];\n width?: string;\n onChange: (value: string) => void;\n opensUp?: boolean; // Add a new prop to control the dropdown direction\n}\n\nconst ITEM_HEIGHT = 35;\nconst MAX_ITEMS_VISIBLE = 10;\nconst MAX_HEIGHT = MAX_ITEMS_VISIBLE * ITEM_HEIGHT;\n\nexport const Dropdown: React.FC<IDropdownProps> = ({\n options,\n width,\n onChange,\n opensUp = false, // Default value is false\n}) => {\n const dropdownId = uuidv4();\n\n const [selectedValue, setSelectedValue] = useState<string>('');\n const [selectedOption, setSelectedOption] = useState<string | JSX.Element>(\n ''\n );\n const [opened, setOpened] = useState<boolean>(false);\n\n useEffect(() => {\n const firstOption = options[0];\n\n if (firstOption) {\n let change = !selectedValue;\n if (!change) {\n change = options.filter(o => o.value === selectedValue).length < 1;\n }\n\n if (change) {\n setSelectedValue(firstOption.value);\n setSelectedOption(firstOption.option);\n }\n }\n }, [options]);\n\n useEffect(() => {\n if (selectedValue) {\n onChange(selectedValue);\n }\n }, [selectedValue]);\n\n return (\n <Container onMouseLeave={() => setOpened(false)} width={width}>\n <DropdownSelect\n id={`dropdown-${dropdownId}`}\n className=\"rpgui-dropdown-imp rpgui-dropdown-imp-header\"\n onPointerUp={() => setOpened(prev => !prev)}\n >\n <label>▼</label> {selectedOption}\n </DropdownSelect>\n\n <DropdownOptions\n className=\"rpgui-dropdown-imp\"\n opened={opened}\n opensUp={opensUp}\n optionsCount={options.length}\n >\n {options.map(option => {\n return (\n <li\n key={option.id}\n onPointerUp={() => {\n setSelectedValue(option.value);\n setSelectedOption(option.option);\n setOpened(false);\n }}\n >\n {option.option}\n </li>\n );\n })}\n </DropdownOptions>\n </Container>\n );\n};\n\nconst Container = styled.div<{ width: string | undefined }>`\n position: relative;\n width: ${props => props.width || '100%'};\n max-height: ${MAX_HEIGHT}px;\n`;\n\nconst DropdownSelect = styled.p`\n width: 100%;\n box-sizing: border-box;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-height: ${ITEM_HEIGHT}px;\n\n label {\n display: inline-block;\n transform: translateY(-2px);\n }\n`;\n\nconst DropdownOptions = styled.ul<{\n opened: boolean;\n opensUp: boolean;\n optionsCount: number;\n}>`\n position: absolute;\n width: 100%;\n max-height: ${props =>\n props.opened\n ? `${Math.min(props.optionsCount * ITEM_HEIGHT, MAX_HEIGHT)}px`\n : '0'};\n overflow-y: auto;\n display: ${props => (props.opened ? 'block' : 'none')};\n box-sizing: border-box;\n bottom: ${props => (props.opensUp ? '100%' : 'auto')};\n top: ${props => (props.opensUp ? 'auto' : '100%')};\n margin: 0;\n padding: 0;\n\n li {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n padding: 8px 12px;\n min-height: ${ITEM_HEIGHT}px;\n max-height: ${ITEM_HEIGHT}px;\n box-sizing: border-box;\n line-height: 1.2;\n }\n`;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport styled from 'styled-components';\n\nconst modalRoot = document.getElementById('modal-root')!;\n\ninterface ModalPortalProps {\n children: React.ReactNode;\n}\n\nconst ModalPortal: React.FC<ModalPortalProps> = ({ children }) => {\n return ReactDOM.createPortal(\n <Container className=\"rpgui-content\">{children}</Container>,\n modalRoot\n );\n};\n\nconst Container = styled.div`\n position: static !important;\n`;\n\nexport default ModalPortal;\n","import {\n ActionsForEquipmentSet,\n ActionsForInventory,\n ActionsForLoot,\n ActionsForMapContainer,\n DepotSocketEvents,\n IItem,\n ItemContainerType,\n ItemSocketEvents,\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 item: IItem,\n itemContainerType: ItemContainerType | null,\n isDepotSystem?: boolean\n) => {\n let contextActionMenu: IContextMenuItem[] = [];\n\n if (itemContainerType === ItemContainerType.Inventory) {\n switch (item.type) {\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.CraftingResource:\n contextActionMenu = generateContextMenuListOptions(\n ActionsForInventory.CraftingResource\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 (isDepotSystem) {\n contextActionMenu.push({\n id: DepotSocketEvents.Deposit,\n text: 'Deposit',\n });\n }\n\n const contextActionMenuDontHaveUseWith = !contextActionMenu.find(action =>\n action.text.toLowerCase().includes('use with')\n );\n\n if (item.hasUseWith && contextActionMenuDontHaveUseWith) {\n contextActionMenu.push({\n id: ItemSocketEvents.UseWith,\n text: ItemSocketEvents.UseWith,\n });\n }\n }\n if (itemContainerType === ItemContainerType.Equipment) {\n switch (item.type) {\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 (item.type) {\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.CraftingResource:\n contextActionMenu = generateContextMenuListOptions(\n ActionsForLoot.CraftingResource\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 (item.type) {\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.CraftingResource:\n contextActionMenu = generateContextMenuListOptions(\n ActionsForMapContainer.CraftingResource\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 const contextActionMenuDontHaveUseWith = !contextActionMenu.find(action =>\n action.text.toLowerCase().includes('use with')\n );\n\n if (item.hasUseWith && contextActionMenuDontHaveUseWith) {\n contextActionMenu.push({ id: 'use-with', text: 'Use with...' });\n }\n }\n if (itemContainerType === ItemContainerType.Depot) {\n contextActionMenu = [\n {\n id: ItemSocketEvents.GetItemInfo,\n text: ItemSocketEventsDisplayLabels.GetItemInfo,\n },\n { id: DepotSocketEvents.Withdraw, text: 'Withdraw' },\n ];\n }\n\n if (item.type && item.type === ItemType.Container) {\n const existInContextAction = contextActionMenu.some(\n item => item.text === DepotSocketEvents.OpenContainer\n || item.id === ItemSocketEvents.ContainerOpen\n || item.text === 'Open'\n );\n\n if (!existInContextAction) {\n contextActionMenu.push({ id: DepotSocketEvents.OpenContainer, text: 'Open' });\n }\n\n if (itemContainerType === ItemContainerType.Inventory) {\n if (item.textureAtlas === 'items' && item.type === ItemType.Container) {\n contextActionMenu.push({\n id: ItemSocketEvents.ItemPropertyUpdate,\n text: 'Set Color...'\n });\n }\n }\n }\n\n if (item.attachedGems && item.attachedGems.length > 0) {\n contextActionMenu.push({ id: ItemSocketEvents.DetachGem, text: \"Detach Gems\" });\n }\n\n return contextActionMenu;\n};\n","import { IItem, ItemContainerType } from '@rpg-engine/shared';\nimport React, {\n createContext,\n useCallback,\n useContext,\n useMemo,\n useState,\n} from 'react';\nimport { generateContextMenu, IContextMenuItem } from '../itemContainerHelper';\n\ninterface IPosition {\n x: number;\n y: number;\n}\n\ninterface IItemSlotDetailsState {\n item: IItem | null;\n isTooltipVisible: boolean;\n isTooltipMobileVisible: boolean;\n isContextMenuVisible: boolean;\n contextMenuPosition: IPosition;\n contextActions: IContextMenuItem[];\n clearContextActions: () => void;\n clearDetailsState: () => void;\n}\n\ninterface IItemSlotDetailsContext {\n detailsState: IItemSlotDetailsState;\n updateDetailsState: (newState: Partial<IItemSlotDetailsState>) => void;\n clearDetailsState: () => void;\n setContextActions: (\n item: IItem | null,\n containerType: string | null,\n isDepotSystem: boolean,\n isContextMenuDisabled: boolean\n ) => void;\n clearContextActions: () => void;\n}\n\nconst initialDetailsState: IItemSlotDetailsState = {\n item: null,\n isTooltipVisible: false,\n isTooltipMobileVisible: false,\n isContextMenuVisible: false,\n contextMenuPosition: { x: 0, y: 0 },\n contextActions: [],\n clearContextActions: () => {},\n clearDetailsState: () => {},\n};\n\nconst ItemSlotDetailsContext = createContext<IItemSlotDetailsContext>({\n detailsState: initialDetailsState,\n updateDetailsState: () => {},\n clearDetailsState: () => {},\n setContextActions: () => {},\n clearContextActions: () => {},\n});\n\nexport const useItemSlotDetails = (): IItemSlotDetailsContext =>\n useContext(ItemSlotDetailsContext);\n\ninterface IProps {\n children: React.ReactNode;\n}\n\nexport const ItemSlotDetailsProvider: React.FC<IProps> = ({ children }) => {\n const [detailsState, setDetailsState] = useState<IItemSlotDetailsState>(\n initialDetailsState\n );\n\n const updateDetailsState = useCallback(\n (newState: Partial<IItemSlotDetailsState>): void => {\n setDetailsState(prevState => ({\n ...prevState,\n ...newState,\n }));\n },\n []\n );\n\n const clearDetailsState = useCallback(() => {\n setDetailsState(initialDetailsState);\n }, [setDetailsState]);\n\n const setContextActions = useCallback(\n (\n item: IItem | null,\n containerType: string | null,\n isDepotSystem: boolean,\n isContextMenuDisabled: boolean\n ): void => {\n if (item && containerType && !isContextMenuDisabled) {\n const newContextActions = generateContextMenu(\n item,\n containerType as ItemContainerType,\n isDepotSystem\n );\n updateDetailsState({ contextActions: newContextActions });\n } else {\n updateDetailsState({ contextActions: [] });\n }\n },\n []\n );\n\n const clearContextActions = useCallback(() => {\n updateDetailsState({ contextActions: [] });\n }, [updateDetailsState]);\n\n const contextValue = useMemo(\n () => ({\n detailsState,\n updateDetailsState,\n clearDetailsState,\n setContextActions,\n clearContextActions,\n }),\n [\n detailsState,\n updateDetailsState,\n clearDetailsState,\n setContextActions,\n clearContextActions,\n ]\n );\n\n return (\n <ItemSlotDetailsContext.Provider value={contextValue}>\n {children}\n </ItemSlotDetailsContext.Provider>\n );\n};\n","import { IItem } from '@rpg-engine/shared';\nimport React, {\n createContext,\n useCallback,\n useContext,\n useMemo,\n useState,\n} from 'react';\nimport { IPosition } from '../../../../types/eventTypes';\n\ninterface IDraggingState {\n item: IItem | null;\n isDragging: boolean;\n position: IPosition;\n dropPosition: IPosition | null;\n isFocused: boolean;\n draggingDistance: number;\n}\n\ninterface IDraggingContext {\n draggingState: IDraggingState;\n updateDraggingState: (newState: Partial<IDraggingState>) => void;\n clearDraggingState: () => void;\n}\n\nconst initialDraggingState: IDraggingState = {\n item: null,\n isDragging: false,\n position: { x: 0, y: 0 },\n dropPosition: null,\n isFocused: false,\n draggingDistance: 0,\n};\n\nconst ItemSlotDraggingContext = createContext<IDraggingContext>({\n draggingState: initialDraggingState,\n updateDraggingState: () => {},\n clearDraggingState: () => {},\n});\n\nexport const useItemSlotDragging = (): IDraggingContext =>\n useContext(ItemSlotDraggingContext);\n\ninterface IProps {\n children: React.ReactNode;\n}\n\nexport const ItemSlotDraggingProvider: React.FC<IProps> = ({ children }) => {\n const [draggingState, setDraggingState] = useState<IDraggingState>(\n initialDraggingState\n );\n\n const updateDraggingState = useCallback(\n (newState: Partial<IDraggingState>): void => {\n setDraggingState(prevState => ({\n ...prevState,\n ...newState,\n }));\n },\n []\n );\n\n const clearDraggingState = useCallback(() => {\n setDraggingState(initialDraggingState);\n }, []);\n\n const contextValue = useMemo(\n () => ({\n draggingState,\n updateDraggingState,\n clearDraggingState,\n }),\n [draggingState, updateDraggingState, clearDraggingState]\n );\n\n return (\n <ItemSlotDraggingContext.Provider value={contextValue}>\n {children}\n </ItemSlotDraggingContext.Provider>\n );\n};\n","import { IItem, ItemRarities } from '@rpg-engine/shared';\n\n\nexport const rarityColor = (item: IItem | null) => {\n switch (item?.rarity) {\n case ItemRarities.Uncommon:\n return 'rgba(13, 193, 13, 0.6)';\n case ItemRarities.Rare:\n return 'rgba(8, 104, 187, 0.6)';\n case ItemRarities.Epic:\n return 'rgba(191, 0, 255, 0.6)';\n case ItemRarities.Legendary:\n return 'rgba(255, 191, 0,0.6)';\n default:\n return null;\n }\n};\n","import { IItem } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\n\ninterface IProps {\n item: IItem;\n}\n\nexport const gemColors: { [key: string]: string } = {\n 'emerald-gem': '#50C878', // Emerald green\n 'topaz-radiance': '#FFC87C', // Topaz yellow\n 'sapphire-gem': '#0F52BA', // Sapphire blue\n 'ruby-gem': '#E0115F', // Ruby red\n 'misty-quartz-gem': '#D9D9F3', // Misty Quartz purple\n 'coral-reef-gem': '#FF7F50', // Coral reef orange\n 'jasper-gem': '#D73B3E', // Jasper red\n 'earthstone-gem': '#8B4513', // Earthstone brown\n 'obsidian-gem': '#0B0C0E', // Obsidian black\n 'amethyst-gem': '#9966CC', // Amethyst purple\n};\n\nconst defaultColor = '#FFFFFF'; // Default color (white)\n\nexport const onRenderGems = (item: IItem) => {\n const gemQty = item.attachedGems?.length || 0;\n\n if (gemQty > 0) {\n return <ItemSlotQty item={item} />;\n }\n return undefined;\n};\n\nexport const ItemSlotQty = ({ item }: IProps): JSX.Element => {\n const itemId = item._id;\n\n return (\n <ItemQtyContainer key={`qty-${itemId}`} className=\"item-slot-qty\">\n {item.attachedGems?.map((gem, index) => (\n <Gem\n key={`${itemId}-gem-${index}`}\n color={gemColors[gem.key] || defaultColor}\n />\n ))}\n </ItemQtyContainer>\n );\n};\n\nconst ItemQtyContainer = styled.div`\n position: relative;\n width: 85%;\n height: 16px;\n top: 28px;\n left: 0px;\n pointer-events: none;\n transform: scale(0.8);\n display: flex;\n align-items: center;\n justify-content: flex-start; /* Align gems to the left */\n opacity: 0.8;\n`;\n\nconst Gem = styled.div<{ color: string }>`\n width: 8px;\n height: 8px;\n background: ${({ color }) =>\n `radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.8), transparent 30%), \n linear-gradient(45deg, ${color}, ${color} 50%, rgba(255, 255, 255, 0.2))`};\n border: 1px solid black;\n transform: rotate(45deg);\n margin: 0 2px;\n box-shadow: 0 0 5px ${({ color }) => color}; /* Glow effect */\n transition: transform 0.2s, box-shadow 0.2s; /* Smooth transition for hover effect */\n\n &:hover {\n transform: rotate(45deg) scale(1.2);\n box-shadow: 0 0 10px ${({ color }) => color}; /* Enhanced glow on hover */\n }\n`;\n\nexport default ItemSlotQty;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { uiFonts } from '../../../../constants/uiFonts';\nimport { Ellipsis } from '../../../shared/Ellipsis';\n\ninterface IProps {\n itemId: string;\n stackQty: number;\n qtyClassName: string;\n}\n\nexport const onRenderStackInfo = (itemId: string, stackQty: number) => {\n const isFractionalStackQty = stackQty % 1 !== 0;\n const isLargerThan999 = stackQty > 999;\n\n let qtyClassName = 'regular';\n if (isLargerThan999) qtyClassName = 'small';\n if (isFractionalStackQty) qtyClassName = 'xsmall';\n\n if (stackQty > 1) {\n return (\n <ItemSlotQty\n itemId={itemId}\n stackQty={stackQty}\n qtyClassName={qtyClassName}\n />\n );\n }\n return undefined;\n};\n\nexport const ItemSlotQty = ({\n itemId,\n stackQty,\n qtyClassName,\n}: IProps): JSX.Element => {\n return (\n <ItemQtyContainer key={`qty-${itemId}`} className=\"item-slot-qty\">\n <Ellipsis maxLines={1} maxWidth=\"48px\">\n <ItemQty className={qtyClassName}>\n {Math.round(stackQty * 100) / 100}{' '}\n </ItemQty>\n </Ellipsis>\n </ItemQtyContainer>\n );\n};\n\nconst ItemQtyContainer = styled.div`\n position: relative;\n width: 85%;\n height: 16px;\n top: 25px;\n left: 2px;\n pointer-events: none;\n\n display: flex;\n justify-content: flex-end;\n`;\n\nconst ItemQty = styled.span`\n &.regular {\n font-size: ${uiFonts.size.small};\n }\n &.small {\n font-size: ${uiFonts.size.xsmall};\n }\n &.xsmall {\n font-size: ${uiFonts.size.xxsmall};\n }\n`;\n","import {\n getItemTextureKeyPath,\n IItem,\n ItemContainerType,\n ItemQualityLevel,\n ItemSlotType,\n} from '@rpg-engine/shared';\nimport React from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport { SpriteFromAtlas } from '../../shared/SpriteFromAtlas';\nimport { ErrorBoundary } from './ErrorBoundary';\nimport { onRenderGems } from './ItemGem';\nimport { EquipmentSlotSpriteByType } from './ItemSlot';\nimport { onRenderStackInfo } from './ItemSlotQty/ItemSlotQty';\n\ninterface IProps {\n containerType: ItemContainerType | null | undefined;\n atlasJSON: any;\n atlasIMG: any;\n slotSpriteMask: ItemSlotType | null | undefined;\n item: IItem | null;\n}\n\nexport const ItemSlotRenderer: React.FC<IProps> = ({\n containerType,\n atlasJSON,\n atlasIMG,\n slotSpriteMask,\n item,\n}) => {\n const renderStackInfo = (item: IItem) => {\n return (\n item.stackQty &&\n item.stackQty > 1 &&\n onRenderStackInfo(item._id, item.stackQty)\n );\n };\n\n const renderGems = (item: IItem) => {\n return item.attachedGems && onRenderGems(item);\n };\n\n const renderItem = (item: IItem | null) => {\n if (!item?.texturePath) {\n return null;\n }\n\n return (\n <ErrorBoundary key={item._id}>\n {item.quality && item.quality !== ItemQualityLevel.Normal && (\n <div className=\"quality-star\">★</div>\n )}\n <SpriteFromAtlas\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n spriteKey={getItemTextureKeyPath(\n {\n key: item.texturePath,\n texturePath: item.texturePath,\n stackQty: item.stackQty || 1,\n isStackable: item.isStackable,\n },\n atlasJSON\n )}\n imgScale={3}\n imgClassname=\"sprite-from-atlas-img--item\"\n tintColor={item.tintColor}\n />\n {renderStackInfo(item)}\n {renderGems(item)}\n </ErrorBoundary>\n );\n };\n\n const renderEquipment = (itemToRender: IItem | null) => {\n if (\n !itemToRender?.texturePath ||\n !itemToRender.allowedEquipSlotType?.includes(slotSpriteMask!)\n ) {\n return (\n <ErrorBoundary key={uuidv4()}>\n <SpriteFromAtlas\n key={uuidv4()}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n spriteKey={EquipmentSlotSpriteByType[slotSpriteMask!]}\n imgScale={3}\n grayScale={true}\n opacity={0.4}\n imgClassname=\"sprite-from-atlas-img--item\"\n />\n </ErrorBoundary>\n );\n }\n\n return renderItem(itemToRender);\n };\n\n const onRenderSlot = (itemToRender: IItem | null) => {\n switch (containerType) {\n case ItemContainerType.Equipment:\n return renderEquipment(itemToRender);\n default:\n return renderItem(itemToRender);\n }\n };\n\n return onRenderSlot(item);\n};\n","import {\n IEquipmentSet,\n IItem,\n IItemContainer,\n isMobile,\n ItemContainerType,\n ItemSlotType,\n ItemSubType,\n ItemType\n} from '@rpg-engine/shared';\n\nimport { observer } from 'mobx-react-lite';\nimport React, { useCallback, useEffect, useRef } from 'react';\nimport Draggable, { DraggableEventHandler } from 'react-draggable';\nimport styled from 'styled-components';\nimport useTouchTarget from '../../../hooks/useTouchTarget';\nimport { IPosition } from '../../../types/eventTypes';\nimport { useItemSlotDetails } from './context/ItemSlotDetailsContext';\nimport { useItemSlotDragging } from './context/ItemSlotDraggingContext';\nimport { qualityColorHex } from './ItemSlotQuality';\nimport { rarityColor } from './ItemSlotRarity';\nimport { ItemSlotRenderer } from './ItemSlotRenderer';\n\nexport const 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: 'ranged-weapons/arrow.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 onMouseOver?: (\n event: any,\n slotIndex: number,\n item: IItem | null,\n x: number,\n y: number\n ) => void;\n onMouseOut?: () => void;\n onPointerDown: (\n ItemType: ItemType,\n itemContainerType: ItemContainerType | null,\n item: IItem\n ) => void;\n onDragStart?: (\n item: IItem,\n slotIndex: number,\n itemContainerType: ItemContainerType | null\n ) => void;\n onDragEnd?: (quantity?: number) => void;\n onOutsideDrop?: (item: IItem, position: IPosition) => void;\n dragScale?: number;\n checkIfItemCanBeMoved?: () => boolean;\n checkIfItemShouldDragEnd?: () => boolean;\n openQuantitySelector?: (maxQuantity: number, callback: () => void) => void;\n onPlaceDrop?: (\n item: IItem | null,\n slotIndex: number,\n itemContainerType: ItemContainerType | null\n ) => void;\n atlasJSON: any;\n atlasIMG: any;\n isContextMenuDisabled?: boolean;\n isSelectingShortcut?: boolean;\n equipmentSet?: IEquipmentSet | null;\n setItemShortcut?: (item: IItem, shortcutIndex: number) => void;\n isDepotSystem?: boolean;\n}\n\ninterface IProps {\n slotIndex: number;\n item: IItem | null;\n itemContainer?: IItemContainer | null;\n itemContainerType?: ItemContainerType | null;\n slotSpriteMask?: ItemSlotType | null;\n onMouseOver?: (\n event: any,\n slotIndex: number,\n item: IItem | null,\n x: number,\n y: number\n ) => void;\n onMouseOut?: () => void;\n onPointerDown: (\n ItemType: ItemType,\n itemContainerType: ItemContainerType | null,\n item: IItem\n ) => void;\n onDragStart?: (\n item: IItem,\n slotIndex: number,\n itemContainerType: ItemContainerType | null\n ) => void;\n onDragEnd?: (quantity?: number) => void;\n onOutsideDrop?: (item: IItem, position: IPosition) => void;\n dragScale?: number;\n checkIfItemCanBeMoved?: () => boolean;\n checkIfItemShouldDragEnd?: () => boolean;\n openQuantitySelector?: (maxQuantity: number, callback: () => void) => void;\n onPlaceDrop?: (\n item: IItem | null,\n slotIndex: number,\n itemContainerType: ItemContainerType | null\n ) => void;\n atlasJSON: any;\n atlasIMG: any;\n isContextMenuDisabled?: boolean;\n isSelectingShortcut?: boolean;\n equipmentSet?: IEquipmentSet | null;\n setItemShortcut?: (item: IItem, shortcutIndex: number) => void;\n isDepotSystem?: boolean;\n}\n\nexport const ItemSlot: React.FC<IProps> = observer(\n ({\n slotIndex,\n item,\n itemContainerType: containerType,\n slotSpriteMask,\n onMouseOver,\n onMouseOut,\n onPointerDown,\n atlasJSON,\n atlasIMG,\n isContextMenuDisabled = false,\n onDragEnd,\n onDragStart,\n onPlaceDrop,\n onOutsideDrop: onDrop,\n checkIfItemCanBeMoved,\n openQuantitySelector,\n checkIfItemShouldDragEnd,\n dragScale,\n isSelectingShortcut,\n\n setItemShortcut,\n isDepotSystem,\n }) => {\n const {\n detailsState,\n updateDetailsState,\n setContextActions,\n } = useItemSlotDetails();\n\n const getTouchTarget = useTouchTarget();\n\n const {\n isContextMenuVisible,\n clearDetailsState,\n clearContextActions,\n } = detailsState;\n\n const dragContainer = useRef<HTMLDivElement>(null);\n\n const {\n draggingState,\n updateDraggingState,\n clearDraggingState,\n } = useItemSlotDragging();\n\n const { isFocused, isDragging, draggingDistance } = draggingState;\n\n useEffect(() => {\n // Reset drag position and focus when item changes\n updateDraggingState({\n position: { x: 0, y: 0 },\n isFocused: false,\n });\n\n clearDraggingState();\n\n // Clear context actions when component unmounts or dependencies change\n return () => {\n clearDraggingState();\n clearDetailsState();\n clearContextActions();\n };\n }, [\n containerType,\n isDepotSystem,\n setContextActions,\n clearContextActions,\n isContextMenuDisabled,\n clearDraggingState,\n clearDetailsState,\n updateDraggingState,\n ]);\n\n const resetItem = () => {\n clearDraggingState();\n clearDetailsState();\n };\n\n const onSuccessfulDrag = (quantity?: number) => {\n resetItem();\n\n if (quantity === -1) {\n updateDraggingState({\n position: { x: 0, y: 0 },\n isFocused: false,\n });\n } else if (item) {\n onDragEnd?.(quantity);\n }\n };\n\n const refreshContextActions = () => {\n setContextActions(\n item,\n containerType as ItemContainerType,\n isDepotSystem ?? false,\n isContextMenuDisabled\n );\n };\n\n const onDraggableStop: DraggableEventHandler = (e, data) => {\n requestAnimationFrame(() => {\n updateDraggingState({\n item: null,\n });\n\n let target = e.target as HTMLElement;\n\n if (isMobile()) {\n target = getTouchTarget(e as MouseEvent);\n }\n\n handleShortcutSetter(target);\n removeDraggingClass(target);\n\n const shouldHandleDraggedItemResult = shouldHandleDraggedItem();\n\n if (shouldHandleDraggedItemResult) {\n handleDraggedItem(e, data);\n } else if (item && !isDragging) {\n handleContextMenuOrTooltip(e as React.MouseEvent);\n }\n });\n };\n\n /**\n * Handles the shortcut setter logic if the target element is a shortcut setter.\n */\n const handleShortcutSetter = (target: HTMLElement) => {\n if (target?.id.includes('shortcutSetter') && setItemShortcut && item) {\n const index = parseInt(target.id.split('_')[1], 10);\n if (!isNaN(index)) {\n setItemShortcut(item, index);\n }\n }\n };\n\n /**\n * Removes the dragging CSS class from the target element.\n */\n const removeDraggingClass = (target: HTMLElement) => {\n target.classList.remove('react-draggable-dragging');\n };\n\n /**\n * Determines whether the dragged item should be processed.\n */\n const shouldHandleDraggedItem = (): boolean => {\n return !!(isDragging && draggingState.item && !isSelectingShortcut);\n };\n\n /**\n * Handles the logic when an item has been dragged.\n */\n const handleDraggedItem = useCallback(\n (e: any, data: any) => {\n const targetClasses = Array.from((e.target as HTMLElement).classList);\n const isOutsideDrop =\n targetClasses.some(elm => elm.includes('rpgui-content')) ||\n targetClasses.length === 0;\n\n if (isOutsideDrop && draggingState.isDragging && draggingState.item) {\n console.log('ITEM SLOT: Outside drop', draggingState.item.key);\n onDrop?.(draggingState.item, { x: data.x, y: data.y });\n clearDraggingState();\n } else {\n updateDraggingState({\n dropPosition: {\n x: data.x,\n y: data.y,\n },\n isDragging: false,\n });\n\n const targetElement = dragContainer.current;\n if (!targetElement) return;\n\n const { x, y } = getElementTransform(targetElement);\n\n updateDraggingState({\n position: { x, y },\n });\n\n processDragEnd(item!);\n }\n },\n [\n draggingState.isDragging,\n draggingState.item,\n onDrop,\n clearDraggingState,\n updateDraggingState,\n ]\n );\n\n /**\n * Retrieves the current transform position of the dragged element.\n */\n const getElementTransform = (\n element: HTMLElement\n ): { x: number; y: number } => {\n const style = window.getComputedStyle(element);\n const matrix = new DOMMatrixReadOnly(style.transform);\n return { x: matrix.m41, y: matrix.m42 };\n };\n\n const processDragEnd = useCallback(\n (item: IItem) => {\n if (checkIfItemCanBeMoved?.()) {\n if (checkIfItemShouldDragEnd && !checkIfItemShouldDragEnd()) {\n resetItem();\n return;\n }\n\n if (item.stackQty && item.stackQty !== 1 && openQuantitySelector) {\n openQuantitySelector(item.stackQty, onSuccessfulDrag);\n } else {\n onSuccessfulDrag(item.stackQty);\n }\n } else {\n resetItem();\n }\n },\n [\n checkIfItemCanBeMoved,\n checkIfItemShouldDragEnd,\n openQuantitySelector,\n onSuccessfulDrag,\n resetItem,\n ]\n );\n\n /**\n * Handles the context menu or tooltip display after dragging stops without a drop.\n */\n const handleContextMenuOrTooltip = (\n e: React.MouseEvent | React.TouchEvent\n ) => {\n const isTouchEvent = e.type === 'touchend';\n const shouldShowMobileTooltip =\n !isContextMenuDisabled && isTouchEvent && !isSelectingShortcut;\n const shouldToggleContextMenu =\n !isContextMenuDisabled && !isSelectingShortcut && !isTouchEvent;\n\n if (shouldShowMobileTooltip) {\n updateDetailsState({\n item,\n isTooltipMobileVisible: true,\n isContextMenuVisible: false, // Ensure context menu is hidden\n });\n } else if (shouldToggleContextMenu) {\n const mouseEvent = e as React.MouseEvent;\n updateDetailsState({\n item,\n isContextMenuVisible: !isContextMenuVisible && !isMobile(),\n isTooltipMobileVisible: false, // Ensure mobile tooltip is hidden\n contextMenuPosition: {\n x: mouseEvent.clientX - 10,\n y: mouseEvent.clientY - 5,\n },\n });\n }\n\n if (item) {\n onPointerDown(item.type, containerType ?? null, item);\n }\n };\n\n const onDraggableStart: DraggableEventHandler = () => {\n if (!item || isSelectingShortcut) {\n return;\n }\n\n refreshContextActions();\n\n if (onDragStart && containerType) {\n onDragStart(item, slotIndex, containerType);\n }\n };\n\n const onDraggableProgress: DraggableEventHandler = (_e, _data) => {\n // increment draggingDistance by 1\n updateDraggingState({\n draggingDistance: draggingState.draggingDistance + 1,\n });\n\n if (draggingDistance > 10) {\n updateDraggingState({\n isDragging: true,\n isFocused: true,\n });\n }\n\n if (!draggingState.item) {\n updateDraggingState({\n item: item,\n });\n }\n };\n\n return (\n <Container\n isDraggingItem={!!draggingState.item}\n item={item}\n className=\"rpgui-icon empty-slot\"\n onMouseUp={() => {\n const data = item ? item : null;\n if (onPlaceDrop && containerType)\n onPlaceDrop(data, slotIndex, containerType);\n }}\n onTouchEnd={e => {\n const { clientX, clientY } = e.changedTouches[0];\n const simulatedEvent = new MouseEvent('mouseup', {\n clientX,\n clientY,\n bubbles: true,\n });\n\n document\n .elementFromPoint(clientX, clientY)\n ?.dispatchEvent(simulatedEvent);\n }}\n onPointerDown={\n onDragStart !== undefined && onDragEnd !== undefined\n ? undefined\n : () => {\n if (item) onPointerDown(item.type, containerType ?? null, item);\n }\n }\n isSelectingShortcut={\n isSelectingShortcut &&\n (item?.type === ItemType.Consumable ||\n item?.type === ItemType.Tool ||\n item?.subType === ItemSubType.Seed)\n }\n >\n <Draggable\n axis={isSelectingShortcut ? 'none' : 'both'}\n defaultClassName={item ? 'draggable' : 'empty-slot'}\n scale={dragScale}\n disabled={onDragStart === undefined || onDragEnd === undefined}\n onStop={onDraggableStop}\n onStart={onDraggableStart}\n onDrag={onDraggableProgress}\n position={draggingState.position}\n cancel=\".empty-slot\"\n bounds=\".item-container-body, .equipment-container-body\"\n >\n <ItemContainer\n ref={dragContainer}\n isFocused={isFocused}\n onMouseOver={event => {\n onMouseOver?.(\n event,\n slotIndex,\n item,\n event.clientX,\n event.clientY\n );\n }}\n onMouseOut={() => {\n if (onMouseOut) onMouseOut();\n }}\n onMouseEnter={() => {\n updateDetailsState({\n item,\n isTooltipVisible: true,\n });\n }}\n onMouseLeave={() => {\n updateDetailsState({\n item,\n isTooltipVisible: false,\n });\n }}\n >\n <ItemSlotRenderer\n item={item}\n slotSpriteMask={slotSpriteMask}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n containerType={containerType}\n />\n </ItemContainer>\n </Draggable>\n </Container>\n );\n }\n);\n\ninterface ContainerTypes {\n item: IItem | null;\n containerType?: ItemContainerType | null;\n isSelectingShortcut?: boolean;\n isDraggingItem?: boolean;\n}\n\nconst Container = styled.div<ContainerTypes>`\n margin: 0.1rem;\n\n .react-draggable-dragging {\n // If dragging item, set opacity to 0\n opacity: ${({ isDraggingItem }) => (isDraggingItem ? 0 : 1)};\n }\n\n position: relative;\n\n .sprite-from-atlas-img--item {\n position: relative;\n top: 1.5rem;\n left: 1.5rem;\n border-color: ${({ item }) => rarityColor(item)};\n box-shadow: ${({ item }) => `0 0 5px 2px ${rarityColor(item)}`} inset,\n ${({ item }) => `0 0 4px 3px ${rarityColor(item)}`};\n }\n\n .quality-star {\n position: absolute;\n top: 0.5rem;\n left: 0.5rem;\n font-size: 1.2rem;\n z-index: 2;\n text-shadow: 0 0 3px black;\n pointer-events: none;\n color: ${({ item }) => qualityColorHex(item)};\n }\n\n &::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n border-radius: 12px;\n pointer-events: none;\n animation: ${({ isSelectingShortcut }) =>\n isSelectingShortcut ? 'bg-color-change 1s infinite' : 'none'};\n\n @keyframes bg-color-change {\n 0% {\n background-color: rgba(255 255 255 / 0.5);\n }\n 50% {\n background-color: transparent;\n }\n 100% {\n background-color: rgba(255 255 255 / 0.5);\n }\n }\n }\n`;\n\nconst ItemContainer = styled.div<{ isFocused?: boolean }>`\n width: 64px;\n height: 64px;\n\n position: relative;\n ${props => props.isFocused && 'z-index: 100; pointer-events: none;'};\n`;\n","import { useCallback } from 'react';\n\ninterface IEventWithTarget {\n target: EventTarget | null;\n}\n\ninterface ITouchEvent extends IEventWithTarget {\n changedTouches?: TouchList;\n\n touches?: TouchList;\n}\n\nexport function useTouchTarget() {\n const getTouchTarget = useCallback(\n (e: MouseEvent | TouchEvent | IEventWithTarget): HTMLElement => {\n // Check if it's a touch event\n if ('changedTouches' in e || 'touches' in e) {\n const touchEvent = e as ITouchEvent;\n const touch = touchEvent.changedTouches?.[0] || touchEvent.touches?.[0];\n\n if (touch) {\n return document.elementFromPoint(\n touch.clientX,\n touch.clientY\n ) as HTMLElement;\n }\n }\n\n // If it's not a touch event or touch is not available, fallback to target\n return (e.target as HTMLElement) || document.body;\n },\n []\n );\n\n return getTouchTarget;\n}\n\nexport default useTouchTarget;\n","import { IItem, ItemQualityLevel } from '@rpg-engine/shared';\n\nexport const qualityColorHex = (item: IItem | null) => {\n switch (item?.quality) {\n case ItemQualityLevel.HighQuality:\n return '#00bfff'; \n case ItemQualityLevel.Exceptional:\n return '#ff8c00'; \n case ItemQualityLevel.Mastercrafted:\n return '#ff00ff';\n case ItemQualityLevel.Ancient:\n return '#ffd700'; \n case ItemQualityLevel.Mythic:\n return '#ff0080'; \n default:\n return 'transparent';\n }\n}; ","import { IItem } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../constants/uiColors';\nimport { uiFonts } from '../../../constants/uiFonts';\nimport { SpriteFromAtlas } from '../../shared/SpriteFromAtlas';\nimport { ErrorBoundary } from '../Inventory/ErrorBoundary';\nimport { EquipmentSlotSpriteByType } from '../Inventory/ItemSlot';\nimport { rarityColor } from '../Inventory/ItemSlotRarity';\n\ninterface IItemInfoProps {\n item: IItem;\n itemToCompare?: IItem;\n atlasIMG: any;\n atlasJSON: any;\n}\n\ninterface IItemStat {\n key: keyof IItem;\n label?: string;\n higherIsWorse?: boolean;\n}\n\nconst statisticsToDisplay: IItemStat[] = [\n { key: 'attack' },\n { key: 'defense' },\n { key: 'maxRange', label: 'Range' },\n { key: 'weight', higherIsWorse: true },\n];\n\nexport const ItemInfo: React.FC<IItemInfoProps> = ({\n item,\n itemToCompare,\n atlasIMG,\n atlasJSON,\n}) => {\n const renderStatistics = () => {\n const statistics: React.ReactNode[] = [];\n\n for (const stat of statisticsToDisplay) {\n const itemStatistic = item[stat.key];\n\n if (itemStatistic) {\n const label =\n stat.label || stat.key[0].toUpperCase() + stat.key.slice(1);\n\n const isItemToCompare = !!itemToCompare;\n\n const isOnlyInOneItem = isItemToCompare && !itemToCompare?.[stat.key];\n const statDiff =\n parseInt(itemStatistic.toString()) -\n parseInt(itemToCompare?.[stat.key]?.toString() ?? '0');\n\n const isDifference = isItemToCompare && statDiff !== 0;\n const isBetter =\n (statDiff > 0 && !stat.higherIsWorse) ||\n (statDiff < 0 && stat.higherIsWorse);\n\n statistics.push(\n <Statistic key={stat.key} className={isOnlyInOneItem ? 'better' : ''}>\n <div className=\"label\">{label}:</div>\n <div\n className={`value ${\n isDifference ? (isBetter ? 'better' : 'worse') : ''\n }`}\n >\n {`${itemStatistic.toString()} ${\n isDifference ? `(${statDiff > 0 ? '+' : ''}${statDiff})` : ''\n }`}\n </div>\n </Statistic>\n );\n }\n }\n\n return statistics;\n };\n\n const renderMissingStatistic = () => {\n const statistics: React.ReactNode[] = [];\n\n for (const stat of statisticsToDisplay) {\n const itemToCompareStatistic = itemToCompare?.[stat.key];\n\n if (itemToCompareStatistic && !item[stat.key]) {\n const label =\n stat.label || stat.key[0].toUpperCase() + stat.key.slice(1);\n\n statistics.push(\n <Statistic key={stat.key} className=\"worse\">\n <div className=\"label\">{label}:</div>\n <div className=\"value worse\">\n {itemToCompareStatistic.toString()}\n </div>\n </Statistic>\n );\n }\n }\n\n return statistics;\n };\n\n const renderEntityEffects = () => {\n if (!item.entityEffects || !item.entityEffectChance) return null;\n\n return item.entityEffects.map((effect, index) => (\n <Statistic key={index} $isSpecial>\n {effect[0].toUpperCase() + effect.slice(1)} ({item.entityEffectChance}%)\n </Statistic>\n ));\n };\n\n const renderAvaibleSlots = () => {\n if (!item.allowedEquipSlotType) return null;\n\n return item.allowedEquipSlotType.map((slotType, index) => (\n <ErrorBoundary key={index}>\n <SpriteFromAtlas\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n spriteKey={EquipmentSlotSpriteByType[slotType]}\n imgScale={2}\n grayScale={true}\n opacity={0.4}\n containerStyle={{ width: '32px', height: '32px' }}\n />\n </ErrorBoundary>\n ));\n };\n\n const skillName = item.minRequirements?.skill?.name;\n\n return (\n <Container item={item}>\n <Header>\n <div>\n <Title>{item.name}</Title>\n {item.rarity !== 'Common' && (\n <Rarity item={item}>{item.rarity}</Rarity>\n )}\n <Type>{item.subType}</Type>\n </div>\n <AllowedSlots>{renderAvaibleSlots()}</AllowedSlots>\n </Header>\n\n {item.minRequirements && (\n <LevelRequirement>\n <div className=\"title\">Requirements:</div>\n <div>- Level: {item.minRequirements?.level}</div>\n {skillName && (\n <div>\n - {skillName.charAt(0).toUpperCase() + skillName.slice(1)}:{' '}\n {item.minRequirements?.skill?.level}\n </div>\n )}\n </LevelRequirement>\n )}\n\n {renderStatistics()}\n {renderEntityEffects()}\n {item.usableEffectDescription && (\n <Statistic $isSpecial>{item.usableEffectDescription}</Statistic>\n )}\n {item.equippedBuffDescription && (\n <Statistic $isSpecial>{item.equippedBuffDescription}</Statistic>\n )}\n {item.isTwoHanded && <Statistic $isSpecial>Two handed</Statistic>}\n\n <Description>{item.description}</Description>\n\n {item.maxStackSize && item.maxStackSize !== 1 && (\n <StackInfo>\n x{Math.round((item.stackQty ?? 1) * 100) / 100}({item.maxStackSize})\n </StackInfo>\n )}\n\n {renderMissingStatistic().length > 0 && (\n <MissingStatistics>\n <Statistic>Equipped Diff</Statistic>\n {itemToCompare && renderMissingStatistic()}\n </MissingStatistics>\n )}\n </Container>\n );\n};\n\nconst Container = styled.div<{ item: IItem }>`\n color: white;\n background-color: #222;\n border-radius: 5px;\n padding: 0.5rem;\n font-size: ${uiFonts.size.small};\n border: 3px solid ${({ item }) => rarityColor(item) ?? uiColors.lightGray};\n box-shadow: ${({ item }) => `0 0 5px 2px ${rarityColor(item)}`};\n height: max-content;\n width: 18rem;\n position: relative;\n\n @media (max-width: 640px) {\n width: 80vw;\n }\n`;\n\nconst Title = styled.div`\n font-size: ${uiFonts.size.medium};\n font-weight: bold;\n margin-bottom: 0.5rem;\n display: flex;\n align-items: center;\n margin: 0;\n`;\n\nconst Rarity = styled.div<{ item: IItem }>`\n font-size: ${uiFonts.size.small};\n font-weight: normal;\n margin-top: 0.2rem;\n color: ${({ item }) => rarityColor(item)};\n filter: brightness(1.5);\n`;\n\nconst Type = styled.div`\n font-size: ${uiFonts.size.small};\n margin-top: 0.2rem;\n color: ${uiColors.lightGray};\n`;\n\nconst LevelRequirement = styled.div`\n font-size: ${uiFonts.size.small};\n margin-top: 0.2rem;\n margin-bottom: 1rem;\n color: ${uiColors.orange};\n\n .title {\n margin-bottom: 4px;\n }\n\n div {\n margin-bottom: 2px;\n }\n`;\n\nconst Statistic = styled.div<{ $isSpecial?: boolean }>`\n margin-bottom: 0.4rem;\n width: 100%;\n color: ${({ $isSpecial }) => ($isSpecial ? uiColors.darkYellow : 'inherit')};\n\n .label {\n display: inline-block;\n margin-right: 0.5rem;\n color: inherit;\n }\n\n .value {\n display: inline-block;\n color: inherit;\n }\n\n &.better,\n .better {\n color: ${uiColors.lightGreen};\n }\n\n &.worse,\n .worse {\n color: ${uiColors.cardinal};\n }\n`;\n\nconst Description = styled.div`\n margin-top: 1.5rem;\n font-size: ${uiFonts.size.small};\n color: ${uiColors.lightGray};\n font-style: italic;\n`;\n\nconst Header = styled.div`\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 0.5rem;\n`;\n\nconst AllowedSlots = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n margin-left: auto;\n align-self: flex-start;\n`;\n\nconst StackInfo = styled.div`\n width: 100%;\n text-align: right;\n font-size: ${uiFonts.size.small};\n color: ${uiColors.orange};\n margin-top: 1rem;\n`;\n\nconst MissingStatistics = styled.div`\n margin-top: 1rem;\n color: ${uiColors.cardinal};\n`;\n","import { IEquipmentSet, IItem } from '@rpg-engine/shared';\nimport { camelCase } from 'lodash';\nimport React, { useMemo } from 'react';\nimport styled from 'styled-components';\nimport { ItemInfo } from './ItemInfo';\n\nexport interface IItemInfoDisplayProps {\n item: IItem;\n atlasIMG: any;\n atlasJSON: any;\n equipmentSet?: IEquipmentSet | null;\n isMobile?: boolean;\n}\n\ntype EquipmentSlotTypes =\n | 'head'\n | 'neck'\n | 'leftHand'\n | 'rightHand'\n | 'ring'\n | 'legs'\n | 'boot'\n | 'accessory'\n | 'armor'\n | 'inventory';\n\nconst itemSlotTypes: EquipmentSlotTypes[] = [\n 'head',\n 'neck',\n 'leftHand',\n 'rightHand',\n 'ring',\n 'legs',\n 'boot',\n 'accessory',\n 'armor',\n 'inventory',\n];\n\nconst getSlotType = (\n itemSlotTypes: string[],\n slotType: string,\n subType: string\n): keyof IEquipmentSet => {\n if (!itemSlotTypes.includes(slotType)) {\n return subType as keyof IEquipmentSet;\n }\n return slotType as keyof IEquipmentSet;\n};\n\nexport const ItemInfoDisplay: React.FC<IItemInfoDisplayProps> = ({\n item,\n atlasIMG,\n atlasJSON,\n equipmentSet,\n isMobile,\n}) => {\n const itemToCompare = useMemo(() => {\n if (equipmentSet && item.allowedEquipSlotType?.length) {\n const allowedSlotTypeCamelCase = camelCase(item.allowedEquipSlotType[0]);\n const itemSubTypeCamelCase = camelCase(item.subType);\n\n const slotType = getSlotType(\n itemSlotTypes,\n allowedSlotTypeCamelCase,\n itemSubTypeCamelCase\n );\n\n const itemSubTypeFromEquipment = Object.values(equipmentSet).find(\n item => camelCase(item?.subType ?? '') === itemSubTypeCamelCase\n );\n\n const itemFromEquipment = itemSubTypeFromEquipment\n ? itemSubTypeFromEquipment\n : (equipmentSet[slotType] as IItem);\n\n if (\n itemFromEquipment &&\n (!item._id || itemFromEquipment._id !== item._id)\n ) {\n return itemFromEquipment;\n }\n }\n\n return undefined;\n }, [equipmentSet, item]);\n\n return (\n <Flex $isMobile={isMobile}>\n <ItemInfo\n item={item}\n itemToCompare={itemToCompare}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n />\n\n {itemToCompare && (\n <CompareContainer>\n <Equipped>\n <span>Equipped</span>\n </Equipped>\n <ItemInfo\n item={itemToCompare}\n itemToCompare={item}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n />\n </CompareContainer>\n )}\n </Flex>\n );\n};\n\nconst Flex = styled.div<{ $isMobile?: boolean }>`\n display: flex;\n gap: 0.5rem;\n flex-direction: ${({ $isMobile }) => ($isMobile ? 'row-reverse' : 'row')};\n align-items: center;\n\n @media (max-width: 640px) {\n flex-direction: column-reverse;\n align-items: center;\n }\n`;\n\nconst Equipped = styled.div`\n position: absolute;\n bottom: 100%;\n left: 50%;\n transform: translateX(-50%);\n`;\n\nconst CompareContainer = styled.div`\n position: relative;\n`;\n","import { IEquipmentSet, IItem } from '@rpg-engine/shared';\nimport React, { useEffect, useRef } from 'react';\nimport styled from 'styled-components';\nimport ModalPortal from '../../Abstractions/ModalPortal';\nimport { ItemInfoDisplay } from './ItemInfoDisplay';\n\nexport interface IItemTooltipProps {\n item: IItem;\n atlasIMG: any;\n atlasJSON: any;\n equipmentSet?: IEquipmentSet | null;\n}\n\nconst offset = 20;\n\nexport const ItemTooltip: React.FC<IItemTooltipProps> = ({\n item,\n atlasIMG,\n atlasJSON,\n equipmentSet,\n}) => {\n const ref = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const { current } = ref;\n\n if (current) {\n const handleMouseMove = (event: MouseEvent) => {\n const { clientX, clientY } = event;\n\n // Adjust the position of the tooltip based on the mouse position\n const rect = current.getBoundingClientRect();\n\n const tooltipWidth = rect.width;\n const tooltipHeight = rect.height;\n const isOffScreenRight =\n clientX + tooltipWidth + offset > window.innerWidth;\n const isOffScreenBottom =\n clientY + tooltipHeight + offset > window.innerHeight;\n const x = isOffScreenRight\n ? clientX - tooltipWidth - offset\n : clientX + offset;\n const y = isOffScreenBottom\n ? clientY - tooltipHeight - offset\n : clientY + offset;\n\n current.style.transform = `translate(${x}px, ${y}px)`;\n current.style.opacity = '1';\n };\n\n window.addEventListener('mousemove', handleMouseMove);\n\n return () => {\n window.removeEventListener('mousemove', handleMouseMove);\n };\n }\n\n return;\n }, []);\n\n return (\n <ModalPortal>\n <Container ref={ref}>\n <ItemInfoDisplay\n item={item}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n equipmentSet={equipmentSet}\n />\n </Container>\n </ModalPortal>\n );\n};\n\nconst Container = styled.div`\n position: absolute;\n z-index: 100;\n pointer-events: none;\n left: 0;\n top: 0;\n opacity: 0;\n transition: opacity 0.08s;\n`;\n","import { IEquipmentSet, IItem } from '@rpg-engine/shared';\nimport React, { useRef } from 'react';\nimport styled from 'styled-components';\nimport ModalPortal from '../../Abstractions/ModalPortal';\nimport { ItemInfoDisplay } from './ItemInfoDisplay';\n\ninterface IListMenuOption {\n id: string;\n text: string;\n}\n\nexport interface MobileItemTooltipProps {\n item: IItem;\n atlasIMG: any;\n atlasJSON: any;\n closeTooltip: () => void;\n equipmentSet?: IEquipmentSet | null;\n scale?: number;\n options?: IListMenuOption[];\n onSelected?: (selectedOptionId: string) => void;\n}\n\nexport const MobileItemTooltip: React.FC<MobileItemTooltipProps> = ({\n item,\n atlasIMG,\n atlasJSON,\n closeTooltip,\n equipmentSet,\n scale = 1,\n options,\n onSelected,\n}) => {\n const ref = useRef<HTMLDivElement>(null);\n\n const handleFadeOut = () => {\n ref.current?.classList.add('fadeOut');\n };\n\n return (\n <ModalPortal>\n <Container\n ref={ref}\n onTouchEnd={() => {\n handleFadeOut();\n setTimeout(() => {\n closeTooltip();\n }, 100);\n }}\n scale={scale}\n >\n <ItemInfoDisplay\n item={item}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n equipmentSet={equipmentSet}\n isMobile\n />\n <OptionsContainer>\n {options?.map(option => (\n <Option\n key={option.id}\n onTouchEnd={() => {\n handleFadeOut();\n setTimeout(() => {\n onSelected?.(option.id);\n closeTooltip();\n }, 100);\n }}\n >\n {option.text}\n </Option>\n ))}\n </OptionsContainer>\n </Container>\n </ModalPortal>\n );\n};\n\nconst Container = styled.div<{ scale: number }>`\n position: absolute;\n z-index: 100;\n left: 0;\n top: 0;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0 0 0 / 0.5);\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 0.5rem;\n transition: opacity 0.08s;\n animation: fadeIn 0.1s forwards;\n\n @keyframes fadeIn {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 0.92;\n }\n }\n\n @keyframes fadeOut {\n 0% {\n opacity: 0.92;\n }\n 100% {\n opacity: 0;\n }\n }\n\n &.fadeOut {\n animation: fadeOut 0.1s forwards;\n }\n\n @media (max-width: 640px) {\n flex-direction: column;\n }\n`;\n\nconst OptionsContainer = styled.div`\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n flex-wrap: wrap;\n\n @media (max-width: 640px) {\n flex-direction: row;\n justify-content: center;\n }\n`;\n\nconst Option = styled.button`\n padding: 1rem;\n background-color: #333;\n color: white;\n border: none;\n border-radius: 3px;\n width: 8rem;\n transition: background-color 0.1s;\n\n &:hover {\n background-color: #555;\n }\n\n @media (max-width: 640px) {\n padding: 1rem 0.5rem;\n }\n`;\n","import { IEquipmentSet, IItem } from '@rpg-engine/shared';\nimport React, { useState } from 'react';\nimport { ItemTooltip } from './ItemTooltip';\nimport { MobileItemTooltip } from './MobileItemTooltip';\n\ninterface IItemInfoWrapperProps {\n item: IItem;\n children: React.ReactNode;\n atlasIMG: any;\n atlasJSON: any;\n equipmentSet?: IEquipmentSet | null;\n scale?: number;\n}\n\nexport const ItemInfoWrapper: React.FC<IItemInfoWrapperProps> = ({\n children,\n atlasIMG,\n atlasJSON,\n item,\n equipmentSet,\n scale,\n}) => {\n const [isTooltipVisible, setIsTooltipVisible] = useState(false);\n const [isTooltipMobileVisible, setIsTooltipMobileVisible] = useState(false);\n\n return (\n <div\n onMouseEnter={() => {\n if (!isTooltipMobileVisible) setIsTooltipVisible(true);\n }}\n onMouseLeave={setIsTooltipVisible.bind(null, false)}\n onTouchEnd={() => {\n setIsTooltipMobileVisible(true);\n setIsTooltipVisible(false);\n }}\n >\n {children}\n\n {isTooltipVisible && !isTooltipMobileVisible && (\n <ItemTooltip\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n equipmentSet={equipmentSet}\n item={item}\n />\n )}\n {isTooltipMobileVisible && (\n <MobileItemTooltip\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n equipmentSet={equipmentSet}\n closeTooltip={() => {\n setIsTooltipMobileVisible(false);\n console.log('close');\n }}\n item={item}\n scale={scale}\n />\n )}\n </div>\n );\n};\n","import { IItem, IItemContainer } from \"@rpg-engine/shared\";\n\nexport const countItemFromInventory = (itemKey: string, inventory: IItemContainer) => {\n let itemsFromInventory: (IItem | undefined | null)[] = [];\n\n if (inventory) {\n Object.keys(inventory.slots).forEach(i => {\n const index = parseInt(i);\n\n if (inventory.slots[index]?.key === itemKey) {\n itemsFromInventory.push(inventory.slots[index]);\n }\n });\n }\n\n const totalQty = itemsFromInventory.reduce(\n (acc, item) => acc + (item?.stackQty || 1),\n 0\n );\n\n return totalQty;\n};","export const modifyString = (str: string): string => {\n let parts = str.split('/');\n let fileName = parts[parts.length - 1];\n parts = fileName.split('.');\n let name = parts[0];\n name = name.replace(/-/g, ' ');\n let words = name.split(' ');\n let firstWord = words[0].slice(0, 1).toUpperCase() + words[0].slice(1);\n let modifiedWords = [firstWord].concat(words.slice(1));\n return modifiedWords.join(' ');\n};\n","import { ICraftableItem, IItemContainer, ISkill } from '@rpg-engine/shared';\nimport React, { useEffect, useRef } from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { countItemFromInventory } from '../../libs/itemCounter';\nimport { SpriteFromAtlas } from '../shared/SpriteFromAtlas';\nimport { modifyString } from './utils/modifyString';\n\ninterface ICraftingTooltipProps {\n x: number;\n y: number;\n recipe: ICraftableItem;\n inventory?: IItemContainer | null;\n skills?: ISkill | null;\n atlasIMG: any;\n atlasJSON: any;\n}\n\nconst OFFSET = 20;\n\nconst TooltipContainer = styled.div<{\n x: number;\n y: number;\n}>`\n position: fixed;\n left: ${props => props.x}px;\n top: ${props => props.y}px;\n background-color: rgba(0, 0, 0, 0.95);\n color: white;\n text-align: left;\n border-radius: 4px;\n padding: 10px;\n z-index: 1000;\n font-family: 'Press Start 2P', cursive;\n font-size: 0.6rem;\n width: max-content;\n max-width: 250px;\n white-space: normal;\n border: 1px solid ${uiColors.darkGray};\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n line-height: 1.4;\n`;\n\nconst MinCraftingRequirementsText = styled.div<{ levelIsOk: boolean }>`\n font-size: 0.55rem;\n margin: 0;\n margin-bottom: 12px;\n margin-left: 0.5rem;\n color: ${({ levelIsOk }) =>\n levelIsOk ? uiColors.lightGreen : uiColors.lightGray} !important;\n`;\n\nconst TooltipTitle = styled.div`\n color: ${uiColors.yellow};\n font-size: 0.6rem;\n margin-bottom: 12px;\n letter-spacing: 0.5px;\n`;\n\nconst Recipe = styled.div`\n display: flex;\n align-items: center;\n font-size: 0.55rem;\n margin-bottom: 8px;\n margin-left: 4px;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n .sprite-from-atlas-img {\n top: 0px;\n left: 0px;\n }\n`;\n\nconst Ingredient = styled.div<{ isQuantityOk: boolean }>`\n margin: 0;\n margin-left: 14px;\n color: ${({ isQuantityOk }) =>\n isQuantityOk ? uiColors.lightGreen : uiColors.lightGray} !important;\n`;\n\nexport const CraftingTooltip: React.FC<ICraftingTooltipProps> = ({\n x,\n y,\n recipe,\n inventory,\n skills,\n atlasIMG,\n atlasJSON,\n}) => {\n const tooltipRef = useRef<HTMLDivElement>(null);\n const [adjustedPosition, setAdjustedPosition] = React.useState({ x, y });\n\n useEffect(() => {\n const tooltipElement = tooltipRef.current;\n if (tooltipElement) {\n const rect = tooltipElement.getBoundingClientRect();\n const tooltipWidth = rect.width;\n const tooltipHeight = rect.height;\n\n let adjustedX = x;\n let adjustedY = y;\n\n // If tooltip would go off the right edge, show it on the left side of the cursor\n if (x + tooltipWidth + OFFSET > window.innerWidth) {\n adjustedX = x - tooltipWidth - OFFSET;\n } else {\n // Otherwise, show it on the right side of the cursor\n adjustedX = x + OFFSET;\n }\n\n // Vertical positioning\n if (y + tooltipHeight > window.innerHeight) {\n adjustedY = window.innerHeight - tooltipHeight - OFFSET;\n }\n if (y < OFFSET) {\n adjustedY = OFFSET;\n }\n\n setAdjustedPosition({ x: adjustedX, y: adjustedY });\n }\n }, [x, y]);\n\n const levelInSkill =\n (skills?.[\n (recipe?.minCraftingRequirements?.[0] ?? '') as keyof ISkill\n ] as any)?.level ?? 1;\n\n const levelIsOk = recipe?.levelIsOk ?? false;\n\n return (\n <TooltipContainer\n ref={tooltipRef}\n x={adjustedPosition.x}\n y={adjustedPosition.y}\n >\n <TooltipTitle>Skill Requirements</TooltipTitle>\n <MinCraftingRequirementsText levelIsOk={levelIsOk}>\n {modifyString(`${recipe?.minCraftingRequirements?.[0] ?? ''}`)} lvl{' '}\n {recipe?.minCraftingRequirements?.[1] ?? 0} ({levelInSkill})\n </MinCraftingRequirementsText>\n\n <TooltipTitle>Ingredients</TooltipTitle>\n {recipe.ingredients.map((ingredient, index) => {\n const itemQtyInInventory = !inventory\n ? 0\n : countItemFromInventory(ingredient.key, inventory);\n const isQuantityOk = ingredient.qty <= itemQtyInInventory;\n\n return (\n <Recipe key={index}>\n <SpriteFromAtlas\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n spriteKey={ingredient.texturePath}\n imgScale={1.2}\n />\n <Ingredient isQuantityOk={isQuantityOk}>\n {modifyString(ingredient.key)} x{ingredient.qty} (\n {itemQtyInInventory})\n </Ingredient>\n </Recipe>\n );\n })}\n </TooltipContainer>\n );\n};\n","import {\n ICraftableItem,\n IEquipmentSet,\n IItemContainer,\n ISkill,\n} from '@rpg-engine/shared';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport styled from 'styled-components';\nimport { ItemInfoWrapper } from '../Item/Cards/ItemInfoWrapper';\nimport { SpriteFromAtlas } from '../shared/SpriteFromAtlas';\nimport { CraftingTooltip } from './CraftingTooltip';\nimport { modifyString } from './utils/modifyString';\n\ninterface ICraftingRecipeProps {\n atlasJSON: any;\n atlasIMG: any;\n equipmentSet?: IEquipmentSet | null;\n recipe: ICraftableItem;\n scale?: number;\n handleRecipeSelect: () => void;\n selectedCraftItemKey?: string;\n inventory?: IItemContainer | null;\n skills?: ISkill | null;\n}\n\nconst RadioOptionsWrapper = styled.div`\n display: flex;\n align-items: stretch;\n margin-bottom: 0.5rem;\n padding: 8px;\n position: relative;\n cursor: pointer;\n`;\n\nconst SpriteAtlasWrapper = styled.div`\n margin-right: 40px;\n flex-shrink: 0;\n width: 32px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n\nconst MainContent = styled.div`\n flex: 1;\n min-width: 0;\n`;\n\nconst ItemHeader = styled.div`\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 4px;\n\n label {\n font-size: 0.8rem;\n font-weight: bold;\n display: flex;\n align-items: center;\n padding-right: 1rem;\n }\n`;\n\nexport const CraftingRecipe: React.FC<ICraftingRecipeProps> = ({\n atlasIMG,\n atlasJSON,\n equipmentSet,\n recipe,\n scale,\n handleRecipeSelect,\n selectedCraftItemKey,\n inventory,\n skills,\n}) => {\n const [showTooltip, setShowTooltip] = useState(false);\n const [tooltipPosition, setTooltipPosition] = useState({ x: 0, y: 0 });\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n const isSelected = selectedCraftItemKey === recipe.key;\n\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (\n wrapperRef.current &&\n !wrapperRef.current.contains(event.target as Node)\n ) {\n setShowTooltip(false);\n }\n };\n\n document.addEventListener('mousedown', handleClickOutside);\n return () => {\n document.removeEventListener('mousedown', handleClickOutside);\n };\n }, []);\n\n const handleClick = () => {\n if (wrapperRef.current) {\n const rect = wrapperRef.current.getBoundingClientRect();\n setTooltipPosition({\n x: rect.right + 10,\n y: rect.top,\n });\n setShowTooltip(true);\n }\n };\n\n return (\n <RadioOptionsWrapper ref={wrapperRef} onClick={handleClick}>\n <SpriteAtlasWrapper>\n <ItemInfoWrapper\n item={recipe}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n equipmentSet={equipmentSet}\n scale={scale}\n >\n <SpriteFromAtlas\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n spriteKey={recipe.texturePath}\n imgScale={3}\n grayScale={!recipe.canCraft}\n />\n </ItemInfoWrapper>\n </SpriteAtlasWrapper>\n\n <MainContent>\n <ItemHeader\n onPointerUp={recipe.canCraft ? handleRecipeSelect : undefined}\n >\n <input\n className=\"rpgui-radio\"\n type=\"radio\"\n value={recipe.name}\n name=\"test\"\n disabled={!recipe.canCraft}\n checked={isSelected}\n onChange={handleRecipeSelect}\n />\n <label>{modifyString(recipe.name)}</label>\n </ItemHeader>\n </MainContent>\n\n {showTooltip &&\n createPortal(\n <CraftingTooltip\n x={tooltipPosition.x}\n y={tooltipPosition.y}\n recipe={recipe}\n inventory={inventory}\n skills={skills}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n />,\n document.body\n )}\n </RadioOptionsWrapper>\n );\n};\n","import { useEffect, useState } from 'react';\n\nconst desktop = {\n width: 'min(900px, 80%)',\n height: 'min(auto, 80%)',\n};\n\nconst mobileLanscape = {\n width: '800px',\n height: '500px',\n};\n\nconst mobilePortrait = {\n width: '500px',\n height: '700px',\n};\n\ninterface Size {\n width: string;\n height: string;\n}\n\nexport const useResponsiveSize = (scale?: number): Size | undefined => {\n const [size, setSize] = useState<Size>();\n\n useEffect(() => {\n const handleResize = (): void => {\n if (\n window.innerWidth < 500 &&\n size?.width !== mobilePortrait.width &&\n (!scale || scale < 1)\n ) {\n setSize(mobilePortrait);\n } else if (\n (!scale || scale < 1) &&\n size?.width !== mobileLanscape.width\n ) {\n setSize(mobileLanscape);\n } else if (size?.width !== desktop.width) {\n setSize(desktop);\n }\n };\n handleResize();\n\n window.addEventListener('resize', handleResize);\n return () => window.removeEventListener('resize', handleResize);\n }, [scale]);\n\n return size;\n};\n","import {\n ICraftableItem,\n IEquipmentSet,\n IItemContainer,\n ISkill,\n ItemSubType,\n} from '@rpg-engine/shared';\nimport React, { useEffect, useState } from 'react';\nimport {\n FaBoxOpen,\n FaChevronLeft,\n FaChevronRight,\n FaSearch,\n FaThumbtack,\n} from 'react-icons/fa';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { useLocalStorage } from '../../hooks/useLocalStorage';\nimport { Button, ButtonTypes } from '../Button';\nimport { DraggableContainer } from '../DraggableContainer';\nimport { Dropdown, IOptionsProps } from '../Dropdown';\nimport { RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';\nimport { CraftingRecipe } from './CraftingRecipe';\nimport { useResponsiveSize } from './hooks/useResponsiveSize';\nimport { calculateMaxCraftable } from './utils/calculateMaxCraftable';\n\nconst MOBILE_WIDTH = '500px';\nconst ITEMS_PER_PAGE = 8;\n\nexport interface IItemCraftSelectorProps {\n atlasJSON: any;\n atlasIMG: any;\n onClose: () => void;\n onSelect: (value: string) => void;\n onCraftItem: (value: string | undefined, maxCraftable: number) => void;\n craftablesItems: ICraftableItem[];\n equipmentSet?: IEquipmentSet | null;\n inventory?: IItemContainer | null;\n scale?: number;\n skills?: ISkill | null;\n savedSelectedType?: string;\n}\n\nexport interface ShowMessage {\n show: boolean;\n index: number;\n}\n\nexport const CraftBook: React.FC<IItemCraftSelectorProps> = ({\n atlasIMG,\n atlasJSON,\n onClose,\n onSelect,\n onCraftItem,\n craftablesItems,\n equipmentSet,\n scale,\n inventory,\n skills,\n savedSelectedType,\n}) => {\n const [craftItemKey, setCraftItemKey] = useState<string>();\n const [selectedType, setSelectedType] = useState<string>(\n savedSelectedType ?? Object.keys(ItemSubType)[0]\n );\n const size = useResponsiveSize(scale);\n const [searchTerm, setSearchTerm] = useState('');\n const [isSearchVisible, setIsSearchVisible] = useState(false);\n const [isCraftingDisabled, setIsCraftingDisabled] = useState(false);\n const [pinnedItems, setPinnedItems] = useLocalStorage<string[]>(\n 'pinnedCraftItems',\n []\n );\n const [currentPage, setCurrentPage] = useState(1);\n const [items, setItems] = useState<ICraftableItem[]>(craftablesItems);\n\n useEffect(() => {\n setItems(craftablesItems);\n }, [craftablesItems]);\n\n const togglePinItem = (itemKey: string) => {\n setPinnedItems(current =>\n current.includes(itemKey)\n ? current.filter(key => key !== itemKey)\n : [...current, itemKey]\n );\n };\n\n const categoryOptions: IOptionsProps[] = [\n { id: 0, value: 'Suggested', option: 'Suggested' },\n ...(pinnedItems.length > 0\n ? [{ id: 1, value: 'Pinned', option: 'Pinned' }]\n : []),\n ...Object.keys(ItemSubType)\n .filter(type => type !== 'DeadBody')\n .map((type, index) => ({\n id: index + (pinnedItems.length > 0 ? 2 : 1),\n value: type,\n option:\n type === 'CraftingResources' || type === 'CraftingResource'\n ? 'Resources'\n : type,\n })),\n ].sort((a, b) => {\n if (a.value === 'Suggested') return -1;\n if (b.value === 'Suggested') return 1;\n if (a.value === 'Pinned') return -1;\n if (b.value === 'Pinned') return 1;\n return a.value.localeCompare(b.value);\n });\n\n const filteredCraftableItems = items?.filter(item => {\n const matchesSearch = item.name\n .toLowerCase()\n .includes(searchTerm.toLowerCase());\n const matchesCategory =\n selectedType === 'Suggested' ||\n (selectedType === 'Pinned'\n ? pinnedItems.includes(item.key)\n : item.subType === selectedType);\n return matchesSearch && matchesCategory;\n });\n\n const sortedItems = [...(filteredCraftableItems || [])].sort((a, b) => {\n const aIsPinned = pinnedItems.includes(a.key);\n const bIsPinned = pinnedItems.includes(b.key);\n if (aIsPinned && !bIsPinned) return -1;\n if (!aIsPinned && bIsPinned) return 1;\n return 0;\n });\n\n const totalPages = Math.ceil(sortedItems.length / ITEMS_PER_PAGE);\n const paginatedItems = sortedItems.slice(\n (currentPage - 1) * ITEMS_PER_PAGE,\n currentPage * ITEMS_PER_PAGE\n );\n\n useEffect(() => {\n setCurrentPage(1);\n }, [selectedType, searchTerm]);\n\n if (!size) return null;\n\n return (\n <DraggableContainer\n type={RPGUIContainerTypes.Framed}\n width={size.width}\n height={size.height}\n cancelDrag=\".inputRadioCraftBook\"\n onCloseButton={onClose}\n scale={scale}\n >\n <Wrapper>\n <HeaderContainer>\n <Title>Craftbook</Title>\n <HeaderControls>\n <DropdownWrapper>\n <Dropdown\n options={categoryOptions}\n onChange={value => {\n setSelectedType(value);\n onSelect(value);\n }}\n width=\"200px\"\n />\n </DropdownWrapper>\n <SearchButton onClick={() => setIsSearchVisible(!isSearchVisible)}>\n <FaSearch size={16} />\n </SearchButton>\n </HeaderControls>\n </HeaderContainer>\n\n {isSearchVisible && (\n <SearchContainer>\n <input\n type=\"text\"\n className=\"rpgui-input\"\n placeholder=\"Search items...\"\n value={searchTerm}\n onChange={e => setSearchTerm(e.target.value)}\n autoFocus\n />\n </SearchContainer>\n )}\n\n <ContentContainer>\n {paginatedItems.length > 0 ? (\n <RadioInputScroller className=\"inputRadioCraftBook\">\n {paginatedItems?.map(item => (\n <CraftingRecipeWrapper\n key={item.key}\n isSelected={pinnedItems.includes(item.key)}\n >\n <PinButton\n onClick={e => {\n e.stopPropagation();\n togglePinItem(item.key);\n }}\n isPinned={pinnedItems.includes(item.key)}\n >\n <FaThumbtack size={14} />\n </PinButton>\n <CraftingRecipe\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n equipmentSet={equipmentSet}\n recipe={item}\n scale={scale}\n handleRecipeSelect={setCraftItemKey.bind(null, item.key)}\n selectedCraftItemKey={craftItemKey}\n inventory={inventory}\n skills={skills}\n />\n </CraftingRecipeWrapper>\n ))}\n </RadioInputScroller>\n ) : (\n <EmptyState>\n <FaBoxOpen size={48} />\n <p>No craftable items found</p>\n </EmptyState>\n )}\n </ContentContainer>\n\n {totalPages > 1 && (\n <PaginationContainer>\n <PaginationButton\n onClick={() => setCurrentPage(prev => Math.max(1, prev - 1))}\n disabled={currentPage === 1}\n >\n <FaChevronLeft size={12} />\n </PaginationButton>\n <PageInfo>\n Page {currentPage} of {totalPages}\n </PageInfo>\n <PaginationButton\n onClick={() =>\n setCurrentPage(prev => Math.min(totalPages, prev + 1))\n }\n disabled={currentPage === totalPages}\n >\n <FaChevronRight size={12} />\n </PaginationButton>\n </PaginationContainer>\n )}\n\n <Footer>\n <Button buttonType={ButtonTypes.RPGUIButton} onPointerDown={onClose}>\n Close\n </Button>\n <Button\n disabled={!craftItemKey || isCraftingDisabled}\n buttonType={ButtonTypes.RPGUIButton}\n onPointerDown={() => {\n if (!craftItemKey || isCraftingDisabled) return;\n\n const selectedItem = craftablesItems.find(\n item => item.key === craftItemKey\n );\n const maxCraftable = calculateMaxCraftable(\n selectedItem,\n inventory\n );\n\n onCraftItem(craftItemKey, maxCraftable);\n setIsCraftingDisabled(true);\n\n setTimeout(() => {\n setIsCraftingDisabled(false);\n }, 2000);\n }}\n >\n Craft\n </Button>\n </Footer>\n </Wrapper>\n </DraggableContainer>\n );\n};\n\nconst Wrapper = styled.div`\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n\n & > * {\n box-sizing: border-box;\n }\n`;\n\nconst HeaderContainer = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n padding: 16px 16px 0;\n`;\n\nconst Title = styled.h1`\n font-size: 1.2rem;\n color: ${uiColors.yellow} !important;\n margin: 0;\n text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);\n`;\n\nconst HeaderControls = styled.div`\n display: flex;\n align-items: center;\n gap: 16px;\n position: relative;\n left: -2rem;\n`;\n\nconst DropdownWrapper = styled.div`\n width: 200px;\n`;\n\nconst SearchButton = styled.button`\n background: none;\n border: none;\n cursor: pointer;\n padding: 8px;\n width: 32px;\n height: 32px;\n color: ${uiColors.yellow};\n opacity: 0.8;\n transition: opacity 0.2s;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &:hover {\n opacity: 1;\n }\n`;\n\nconst SearchContainer = styled.div`\n padding: 0 16px;\n margin-top: 16px;\n\n input {\n width: 100%;\n font-size: 0.8rem;\n padding: 8px 12px;\n background-color: rgba(0, 0, 0, 0.3);\n border: none;\n color: white;\n border-radius: 4px;\n\n &::placeholder {\n color: rgba(255, 255, 255, 0.5);\n }\n\n &:focus {\n outline: none;\n background-color: rgba(0, 0, 0, 0.4);\n }\n }\n`;\n\nconst ContentContainer = styled.div`\n flex: 1;\n display: flex;\n flex-direction: column;\n padding: 16px;\n padding-right: 0;\n padding-bottom: 0;\n width: 100%;\n position: relative;\n min-height: 250px;\n overflow: hidden;\n`;\n\nconst RadioInputScroller = styled.div`\n height: 100%;\n min-height: 300px;\n overflow-y: auto;\n overflow-x: hidden;\n padding: 8px 16px;\n padding-right: 24px;\n width: 100%;\n box-sizing: border-box;\n\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 16px;\n align-content: start;\n\n @media (max-width: ${MOBILE_WIDTH}) {\n grid-template-columns: 1fr;\n }\n`;\n\nconst CraftingRecipeWrapper = styled.div<{ isSelected: boolean }>`\n position: relative;\n width: 100%;\n min-width: 0;\n box-sizing: border-box;\n transition: background-color 0.2s;\n\n &:hover {\n background: rgba(0, 0, 0, 0.4);\n }\n\n ${props =>\n props.isSelected &&\n `\n background: rgba(255, 215, 0, 0.1);\n `}\n`;\n\nconst PinButton = styled.button<{ isPinned: boolean }>`\n position: absolute;\n top: 8px;\n right: 8px;\n background: none;\n border: none;\n cursor: pointer;\n padding: 4px;\n color: ${props => (props.isPinned ? uiColors.yellow : uiColors.lightGray)};\n opacity: ${props => (props.isPinned ? 1 : 0.6)};\n transition: all 0.2s;\n z-index: 2;\n\n &:hover {\n opacity: 1;\n color: ${uiColors.yellow};\n }\n`;\n\nconst Footer = styled.div`\n display: flex;\n justify-content: flex-end;\n gap: 16px;\n padding: 8px;\n\n button {\n min-width: 100px;\n }\n\n @media (max-width: ${MOBILE_WIDTH}) {\n justify-content: center;\n }\n`;\n\nconst PaginationContainer = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 16px;\n padding: 8px;\n margin-top: 8px;\n border-top: 1px solid ${uiColors.darkGray};\n`;\n\nconst PaginationButton = styled.button<{ disabled?: boolean }>`\n background: none;\n border: none;\n color: ${props => (props.disabled ? uiColors.darkGray : uiColors.yellow)};\n cursor: ${props => (props.disabled ? 'not-allowed' : 'pointer')};\n opacity: ${props => (props.disabled ? 0.5 : 0.8)};\n padding: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: opacity 0.2s;\n\n &:hover:not(:disabled) {\n opacity: 1;\n }\n`;\n\nconst PageInfo = styled.div`\n color: ${uiColors.lightGray};\n font-size: 0.8rem;\n font-family: 'Press Start 2P', cursive;\n`;\n\nconst EmptyState = styled.div`\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n color: ${uiColors.lightGray};\n width: 100%;\n padding: 2rem;\n\n svg {\n font-size: 3rem;\n margin-bottom: 1rem;\n opacity: 0.7;\n }\n\n p {\n font-family: 'Press Start 2P', cursive;\n font-size: 0.9rem;\n margin: 0;\n }\n`;\n","import { ICharacterDailyTask, ICollectProgress, ICraftProgress, IKillMobsProgress, IMapVisitProgress, TaskStatus, TaskType } from '@rpg-engine/shared';\nimport { uiColors } from '../../../constants/uiColors';\n\nexport const formatTaskKey = (key: string): string => {\n let formatted = key.replace(/[-_]/g, ' ');\n formatted = formatted.replace(/([A-Z])/g, ' $1');\n formatted = formatted.trim();\n return formatted\n .split(' ')\n .map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())\n .join(' ');\n};\n\nexport const getTaskIcon = (taskType: TaskType, difficulty?: string): string => {\n const MapIcon = 'map-2.png';\n const KillMobsIconRegular = 'white-skull.png';\n const KillMobsIconChallenge = 'red-skull.png';\n const CollectItemIcon = 'inventory-2.png';\n const CraftItemIcon = 'crafting.png';\n\n switch (taskType) {\n case TaskType.KillMobs:\n return difficulty === 'Challenge'\n ? KillMobsIconChallenge\n : KillMobsIconRegular;\n case TaskType.CollectItems:\n return CollectItemIcon;\n case TaskType.MapVisit:\n return MapIcon;\n case TaskType.CraftItems:\n return CraftItemIcon;\n default:\n return 'check.png';\n }\n};\n\nexport const getStatusInfo = (\n task: ICharacterDailyTask\n): { text: string; color: string } => {\n if (task.status === TaskStatus.Completed) {\n return { text: 'Completed', color: uiColors.lightGreen };\n }\n\n if (task.claimed) {\n return { text: 'Claimed', color: uiColors.yellow };\n }\n\n const isTaskNotStarted = (() => {\n switch (task.type) {\n case TaskType.KillMobs:\n return (\n task.type === TaskType.KillMobs &&\n Object.values((task.progress as IKillMobsProgress).kills || {}).every(\n kill => kill === 0\n )\n );\n\n case TaskType.CollectItems:\n return (\n task.type === TaskType.CollectItems &&\n Object.values(\n (task.progress as ICollectProgress).collected || {}\n ).every(quantity => quantity === 0)\n );\n\n case TaskType.CraftItems:\n return (\n task.type === TaskType.CraftItems &&\n Object.values((task.progress as ICraftProgress).crafted || {}).every(\n quantity => quantity === 0\n )\n );\n\n case TaskType.MapVisit:\n return (\n task.type === TaskType.MapVisit &&\n Object.values(\n (task.progress as IMapVisitProgress).visitedMaps || {}\n ).every(visited => !visited)\n );\n\n default:\n return false;\n }\n })();\n\n if (isTaskNotStarted) {\n return { text: 'Not Started', color: uiColors.lightGray };\n }\n\n return { text: 'In Progress', color: uiColors.blue };\n};\n\nexport const formatDifficulty = (difficulty: string): string => {\n return difficulty.charAt(0).toUpperCase() + difficulty.slice(1).toLowerCase();\n};","import { ITaskReward, RewardType } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { Ellipsis } from '../shared/Ellipsis';\nimport { SpriteFromAtlas } from '../shared/SpriteFromAtlas';\nimport { formatTaskKey } from './utils/dailyTasks.utils';\n\ninterface IDailyRewardsTooltipProps {\n rewards: ITaskReward[];\n itemsAtlasJSON: Record<string, any>;\n itemsAtlasIMG: string;\n iconAtlasJSON?: Record<string, any>;\n iconAtlasIMG?: string;\n}\n\nexport const DailyRewardsTooltip: React.FC<IDailyRewardsTooltipProps> = ({\n rewards,\n itemsAtlasJSON,\n itemsAtlasIMG,\n}) => {\n const [isExpanded, setIsExpanded] = React.useState(true);\n\n const sortedRewards = React.useMemo(() => {\n if (!rewards) return [];\n\n const REWARD_PRIORITY = {\n [RewardType.Item]: 1,\n [RewardType.Gold]: 2,\n [RewardType.Experience]: 3,\n } as const;\n\n const getPriority = (type: RewardType) =>\n REWARD_PRIORITY[type] ?? Number.MAX_SAFE_INTEGER;\n\n return [...rewards].sort((a, b) => {\n return getPriority(a.type) - getPriority(b.type);\n });\n }, [rewards]);\n\n const toggleExpand = () => {\n setIsExpanded(!isExpanded);\n };\n\n return (\n <TooltipContainer>\n <CollapsibleHeader onClick={toggleExpand}>\n <HeaderText>Rewards?</HeaderText>\n <ExpandIcon>{isExpanded ? '▼' : '▶'}</ExpandIcon>\n </CollapsibleHeader>\n\n {isExpanded && (\n <CollapsibleContent>\n <RewardsList>\n {sortedRewards.map((reward: ITaskReward, index: number) => (\n <RewardItem key={index}>\n <SpriteFromAtlas\n atlasJSON={itemsAtlasJSON}\n atlasIMG={itemsAtlasIMG}\n spriteKey={reward.texturePath ?? 'check.png'}\n width={24}\n height={24}\n imgScale={1.75}\n />\n <ItemContent>\n <RewardLabel>\n <Ellipsis maxWidth=\"100%\" maxLines={2}>\n {formatTaskKey(reward.key ?? reward.type)}:\n </Ellipsis>\n </RewardLabel>\n </ItemContent>\n <RewardValue>x{reward.quantity}</RewardValue>\n </RewardItem>\n ))}\n </RewardsList>\n </CollapsibleContent>\n )}\n </TooltipContainer>\n );\n};\n\nconst TooltipContainer = styled.div`\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n`;\n\nconst RewardsList = styled.div`\n display: flex;\n flex-direction: column;\n gap: 8px;\n width: 100%;\n`;\n\nconst CollapsibleHeader = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid ${uiColors.darkGray};\n width: 100%;\n`;\n\nconst HeaderText = styled.span`\n color: ${uiColors.yellow} !important;\n`;\n\nconst ExpandIcon = styled.span`\n color: ${uiColors.yellow};\n font-size: 0.8rem;\n margin-left: 8px;\n`;\n\nconst CollapsibleContent = styled.div`\n display: block;\n padding-top: 8px;\n width: 100%;\n`;\n\nconst RewardItem = styled.div`\n display: flex;\n align-items: center;\n gap: 12px;\n width: 100%;\n min-width: 200px;\n`;\n\nconst ItemContent = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: center;\n`;\n\nconst RewardLabel = styled.span`\n color: ${uiColors.yellow};\n font-size: 0.9rem;\n line-height: 1.2;\n padding-top: 15px;\n display: inline-flex;\n align-items: center;\n`;\n\nconst RewardValue = styled.span`\n color: ${uiColors.yellow};\n font-size: 0.9rem;\n margin-left: auto;\n line-height: 1.2;\n display: inline-flex;\n align-items: center;\n min-width: 50px;\n text-align: right;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\n\nexport interface IReadOnlyCheckItemProps {\n labelLeft?: string;\n labelRight?: string;\n checked: boolean;\n}\n\nexport const ReadOnlyCheckItem: React.FC<IReadOnlyCheckItemProps> = ({\n labelLeft,\n labelRight,\n checked,\n }) => {\n return (\n <Container>\n {labelLeft && <Label>{labelLeft}</Label>}\n <div className=\"rpgui-checkbox-container\">\n <CheckBox\n className=\"rpgui-checkbox\"\n type=\"checkbox\"\n checked={checked}\n readOnly\n />\n <label></label>\n </div>\n {labelRight && <Label isRight>{labelRight}</Label>}\n </Container>\n );\n };\n\nconst Container = styled.div`\n display: flex;\n align-items: center;\n width: 100%;\n height: 20px;\n`;\n\nconst Label = styled.span<{ isRight?: boolean }>`\n ${({ isRight }) => (isRight ? 'margin-left: auto;' : 'margin-right: auto;')}\n`;\n\nconst CheckBox = styled.input.attrs({ type: 'checkbox' })``;\n","import {\n ICharacterDailyTask,\n ICollectItemsRequirement,\n ICollectProgress,\n ICraftProgress,\n ICraftRequirement,\n IKillMobsProgress,\n IKillMobsRequirement,\n IMapVisitProgress,\n TaskType,\n} from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { ReadOnlyCheckItem } from '../ReadOnlyCheckItem';\nimport { formatTaskKey } from './utils/dailyTasks.utils';\n\ninterface ITaskProgressDetailsProps {\n task: ICharacterDailyTask;\n}\n\nexport const TaskProgressDetails: React.FC<ITaskProgressDetailsProps> = ({\n task,\n}) => {\n const { progress, type } = task;\n\n const progressRenderers = {\n [TaskType.KillMobs]: () => {\n return (\n (progress as IKillMobsProgress).kills &&\n Object.entries((progress as IKillMobsProgress).kills).map(\n ([key, value], index) => (\n <ProgressItem key={index}>\n <span>{formatTaskKey(key)}:</span>\n <ProgressCount>\n {value}/\n {(task.requirements as IKillMobsRequirement).targets.find(\n t => t.key === key\n )?.quantity || 0}\n </ProgressCount>\n </ProgressItem>\n )\n )\n );\n },\n\n [TaskType.CollectItems]: () => {\n return Object.entries((progress as ICollectProgress).collected || {}).map(\n ([key, value], index) => (\n <ProgressItem key={index}>\n <span>{formatTaskKey(key)}:</span>\n <ProgressCount>\n {value}/\n {(task.requirements as ICollectItemsRequirement).targets.find(\n t => t.key === key\n )?.quantity || 0}\n </ProgressCount>\n </ProgressItem>\n )\n );\n },\n\n [TaskType.CraftItems]: () => {\n return Object.entries((progress as ICraftProgress).crafted || {}).map(\n ([key, value], index) => (\n <ProgressItem key={index}>\n <span>{formatTaskKey(key)}:</span>\n <ProgressCount>\n {value}/\n {(task.requirements as ICraftRequirement).targets.find(\n t => t.key === key\n )?.quantity || 0}\n </ProgressCount>\n </ProgressItem>\n )\n );\n },\n\n [TaskType.MapVisit]: () => {\n return Object.entries(\n (progress as IMapVisitProgress).visitedMaps || {}\n ).map(([mapName, visited], index) => (\n <ProgressItem key={index}>\n <CheckItemWrapper>\n <ReadOnlyCheckItem\n labelLeft={formatTaskKey(mapName)}\n checked={visited}\n />\n </CheckItemWrapper>\n </ProgressItem>\n ));\n },\n };\n\n return (\n <ProgressList>\n {progressRenderers[type] ? progressRenderers[type]() : null}\n </ProgressList>\n );\n};\n\nconst ProgressList = styled.div`\n display: flex;\n flex-direction: column;\n gap: 8px;\n`;\n\nconst ProgressItem = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n`;\n\nconst ProgressCount = styled.span`\n color: ${uiColors.white} !important;\n`;\n\nconst CheckItemWrapper = styled.div`\n display: flex;\n justify-content: center;\n width: 100%;\n height: 20px;\n\n input.rpgui-checkbox + label {\n margin: 0 !important;\n padding-left: 23px !important;\n }\n`;\n","import { ICharacterDailyTask } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { DailyRewardsTooltip } from './DailyRewardsTooltip';\nimport { TaskProgressDetails } from './TaskProgressDetails';\nimport { formatDifficulty, getStatusInfo } from './utils/dailyTasks.utils';\n\ninterface TaskProgressProps {\n task: ICharacterDailyTask;\n itemsAtlasJSON: Record<string, any>;\n itemsAtlasIMG: string;\n iconAtlasJSON?: Record<string, any>;\n iconAtlasIMG?: string;\n}\n\nexport const TaskProgress: React.FC<TaskProgressProps> = ({\n task,\n itemsAtlasJSON,\n itemsAtlasIMG,\n iconAtlasJSON,\n iconAtlasIMG,\n}) => {\n const { difficulty } = task;\n\n return (\n <ProgressContainer>\n <ProgressList>\n <ProgressItem>\n <ProgressLabel>Difficulty:</ProgressLabel>\n <TaskDifficulty difficulty={difficulty}>\n {formatDifficulty(difficulty)}\n </TaskDifficulty>\n </ProgressItem>\n\n <ProgressItem>\n <ProgressLabel>Status:</ProgressLabel>\n <StatusText color={getStatusInfo(task).color}>\n {getStatusInfo(task).text}\n </StatusText>\n </ProgressItem>\n\n <TaskProgressDetails task={task} />\n\n {task.rewards && task.rewards.length > 0 && (\n <ProgressItem>\n <DailyRewardsTooltip\n rewards={task.rewards}\n itemsAtlasJSON={itemsAtlasJSON}\n itemsAtlasIMG={itemsAtlasIMG}\n iconAtlasJSON={iconAtlasJSON}\n iconAtlasIMG={iconAtlasIMG}\n />\n </ProgressItem>\n )}\n </ProgressList>\n </ProgressContainer>\n );\n};\n\nconst ProgressContainer = styled.div`\n width: 100%;\n position: relative;\n`;\n\nconst ProgressList = styled.div`\n display: flex;\n flex-direction: column;\n gap: 6px;\n`;\n\nconst ProgressItem = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n`;\n\nconst ProgressLabel = styled.span`\n color: ${uiColors.white} !important;\n`;\n\nconst TaskDifficulty = styled.span<{ difficulty: string }>`\n color: ${props =>\n props.difficulty.toLowerCase() === 'challenge'\n ? uiColors.red\n : uiColors.lightGray} !important;\n`;\n\nconst StatusText = styled.span<{ color: string }>`\n color: ${props => props.color} !important;\n font-weight: bold;\n`;\n","import {\n ICharacterDailyTask,\n isMobileOrTablet,\n TaskStatus,\n TaskType,\n} from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { Button, ButtonTypes } from '../Button';\nimport { Ellipsis } from '../shared/Ellipsis';\nimport { SpriteFromAtlas } from '../shared/SpriteFromAtlas';\nimport { TaskProgress } from './TaskProgress';\nimport { formatTaskKey } from './utils/dailyTasks.utils';\n\ninterface IDailyTaskItemProps {\n task: ICharacterDailyTask;\n spriteKey: string;\n onClaimReward: (taskKey: string, taskType: TaskType) => void;\n itemsAtlasJSON: Record<string, any>;\n itemsAtlasIMG: string;\n iconAtlasJSON?: Record<string, any>;\n iconAtlasIMG?: string;\n isRewardClaimed: boolean;\n}\n\nexport const DailyTaskItem: React.FC<IDailyTaskItemProps> = ({\n task,\n spriteKey,\n onClaimReward,\n itemsAtlasJSON,\n itemsAtlasIMG,\n iconAtlasJSON,\n iconAtlasIMG,\n isRewardClaimed,\n}) => {\n const isMobile = isMobileOrTablet();\n\n const isCompleted = task.status === TaskStatus.Completed;\n const isClaimed = task.claimed || isRewardClaimed;\n\n const handleClaimReward = () => {\n onClaimReward(task.key, task.type);\n };\n\n return (\n <TaskContainer>\n <TaskHeader>\n {iconAtlasJSON && iconAtlasIMG && (\n <NonInteractiveWrapper>\n <SpriteFromAtlas\n atlasJSON={iconAtlasJSON}\n atlasIMG={iconAtlasIMG}\n spriteKey={spriteKey}\n width={12}\n height={12}\n imgScale={2.75}\n />\n </NonInteractiveWrapper>\n )}\n <TaskContent>\n <TaskTitle>\n <Ellipsis maxWidth=\"100%\" maxLines={isMobile ? 3 : 2}>\n {task.name ?? formatTaskKey(task.key)}\n </Ellipsis>\n </TaskTitle>\n <TaskDescription>\n <Ellipsis maxWidth=\"100%\" maxLines={isMobile ? 5 : 3}>\n {task.description}\n </Ellipsis>\n </TaskDescription>\n </TaskContent>\n </TaskHeader>\n\n <TaskProgress\n task={task}\n itemsAtlasJSON={itemsAtlasJSON}\n itemsAtlasIMG={itemsAtlasIMG}\n />\n\n {isCompleted && !isClaimed && (\n <CollectWrapper>\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n onPointerDown={handleClaimReward}\n >\n Collect Reward\n </Button>\n </CollectWrapper>\n )}\n\n {isClaimed && <ClaimedText>Reward Claimed</ClaimedText>}\n </TaskContainer>\n );\n};\n\nconst TaskContainer = styled.div`\n background: rgba(0, 0, 0, 0.5) !important;\n border: 2px solid ${uiColors.darkGray} !important;\n border-radius: 8px;\n padding: 12px;\n display: flex;\n flex-direction: column;\n gap: 8px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\n`;\n\nconst TaskHeader = styled.div`\n display: flex;\n width: 100%;\n justify-content: center;\n border-bottom: 1.3px solid ${uiColors.darkGray};\n`;\n\nconst NonInteractiveWrapper = styled.div`\n pointer-events: none;\n user-select: none;\n margin-top: 5px;\n`;\n\nconst TaskContent = styled.div`\n display: flex;\n flex-direction: column;\n flex: 1;\n`;\n\nconst TaskTitle = styled.h3`\n && {\n color: ${uiColors.yellow};\n padding-left: 10px;\n text-align: center;\n text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);\n flex: 1;\n display: block;\n\n span {\n color: inherit;\n }\n }\n`;\n\nconst TaskDescription = styled.h3`\n font-size: 0.6rem !important;\n text-decoration: none !important;\n a\n`;\n\nconst ClaimedText = styled.span`\n color: ${uiColors.green};\n font-size: 0.9rem;\n text-align: center;\n font-weight: bold;\n`;\n\nconst CollectWrapper = styled.div`\n && {\n width: 100% !important;\n display: flex !important;\n justify-content: center !important;\n align-items: center !important;\n margin: 5px 0 !important;\n }\n`;\n","import {\n ICharacterDailyTask,\n ICollectGlobalRewardRequest,\n TaskStatus,\n} from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { Button, ButtonTypes } from '../Button';\n\ninterface IGlobalTaskProgressProps {\n tasks: ICharacterDailyTask[];\n onClaimAllRewards: (tasks: ICollectGlobalRewardRequest) => void;\n globalRewardClaimed: boolean;\n}\n\nexport const GlobalDailyProgress: React.FC<IGlobalTaskProgressProps> = ({\n tasks,\n onClaimAllRewards,\n globalRewardClaimed,\n}) => {\n const totalTasks = tasks.length;\n const completedTasks = tasks.filter(\n task => task.status === TaskStatus.Completed\n ).length;\n\n const allCompleted =\n tasks.length > 0 &&\n tasks.every(task => task.status === TaskStatus.Completed);\n\n const allClaimed =\n tasks.length > 0 && tasks.every(task => task.claimed === true);\n\n const shouldShowGlobalButton =\n allCompleted && allClaimed && !globalRewardClaimed;\n\n const handleClaimAll = () => {\n const taskIdentifiers = tasks.map(task => ({\n taskKey: task.key,\n type: task.type,\n }));\n onClaimAllRewards({ tasks: taskIdentifiers });\n };\n\n return (\n <GlobalProgressContainer>\n <HeaderContainer>\n <GlobeIcon>🌍</GlobeIcon>\n <ProgressText>\n Global Tasks Completed: {completedTasks}/{totalTasks}\n </ProgressText>\n </HeaderContainer>\n <ProgressBar>\n <ProgressFill percentage={(completedTasks / totalTasks) * 100} />\n </ProgressBar>\n {allCompleted && (\n <>\n {shouldShowGlobalButton ? (\n <CollectWrapper>\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n onPointerDown={handleClaimAll}\n >\n Collect Global Rewards\n </Button>\n </CollectWrapper>\n ) : (\n <ClaimedText>Global Rewards Claimed</ClaimedText>\n )}\n </>\n )}\n </GlobalProgressContainer>\n );\n};\n\nconst GlobalProgressContainer = styled.div`\n background: rgba(0, 0, 0, 0.5) !important;\n border: 2px solid ${uiColors.darkGray} !important;\n border-radius: 8px;\n padding: 12px;\n display: flex;\n flex-direction: column;\n gap: 12px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\n`;\n\nconst HeaderContainer = styled.div`\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 8px;\n`;\n\nconst GlobeIcon = styled.span`\n font-size: 1.5rem !important;\n line-height: 1;\n color: ${uiColors.blue};\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n\nconst ProgressText = styled.div`\n color: ${uiColors.white};\n text-align: center !important;\n margin-top: 8px;\n line-height: 1.2;\n`;\n\nconst ProgressBar = styled.div`\n width: 100%;\n height: 8px;\n background: ${uiColors.darkGray};\n border-radius: 4px;\n overflow: hidden;\n`;\n\nconst ProgressFill = styled.div<{ percentage: number }>`\n width: ${props => props.percentage}%;\n height: 100%;\n background: ${uiColors.green};\n transition: width 0.3s ease;\n`;\n\nconst ClaimedText = styled.span`\n color: ${uiColors.green};\n font-size: 0.9rem;\n text-align: center;\n margin-top: 8px;\n font-weight: bold;\n`;\n\nconst CollectWrapper = styled.div`\n && {\n width: 100% !important;\n display: flex !important;\n justify-content: center !important;\n align-items: center !important;\n margin: 5px 0 !important;\n }\n`;\n","import {\n ICharacterDailyTask,\n ICollectGlobalRewardRequest,\n ITaskIdentifier,\n} from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { useDailyTasksState } from '../../hooks/useDailyTasksState';\nimport { useResponsiveSize } from '../CraftBook/hooks/useResponsiveSize';\nimport { DraggableContainer } from '../DraggableContainer';\nimport { RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';\nimport { DailyTaskItem } from './DailyTaskItem';\nimport { GlobalDailyProgress } from './GlobalDailyProgress';\nimport { getTaskIcon } from './utils/dailyTasks.utils';\n\nexport interface IDailyTasksProps {\n tasks: ICharacterDailyTask[];\n onClaimReward: (task: ITaskIdentifier) => void;\n onClaimGlobalReward: (tasks: ICollectGlobalRewardRequest) => void;\n onClose: () => void;\n scale?: number;\n itemsAtlasJSON: Record<string, any>;\n itemsAtlasIMG: string;\n iconAtlasJSON?: Record<string, any>;\n iconAtlasIMG?: string;\n}\n\nexport const DailyTasks: React.FC<IDailyTasksProps> = ({\n tasks,\n onClaimReward,\n onClaimGlobalReward,\n onClose,\n scale = 1,\n itemsAtlasJSON,\n itemsAtlasIMG,\n iconAtlasJSON,\n iconAtlasIMG,\n}): JSX.Element | null => {\n const [localTasks] = React.useState(tasks);\n const size = useResponsiveSize(scale);\n\n const {\n globalRewardClaimed,\n handleClaimReward,\n handleClaimGlobalRewards,\n isTaskRewardClaimed,\n } = useDailyTasksState({\n onClaimReward,\n onClaimGlobalReward,\n });\n\n if (!size) return null;\n\n return (\n <TasksContainer\n type={RPGUIContainerTypes.Framed}\n onCloseButton={onClose}\n cancelDrag=\".tasks-container\"\n scale={scale}\n width={size.width}\n height={size.height}\n >\n <TaskTitle>Daily Tasks</TaskTitle>\n <Container>\n <TasksList className=\"tasks-container\">\n <GlobalDailyProgress\n tasks={localTasks}\n onClaimAllRewards={handleClaimGlobalRewards}\n globalRewardClaimed={globalRewardClaimed}\n />\n {localTasks.map(task => (\n <DailyTaskItem\n key={task.key}\n task={task}\n spriteKey={getTaskIcon(task.type, task.difficulty)}\n onClaimReward={handleClaimReward}\n itemsAtlasJSON={itemsAtlasJSON}\n itemsAtlasIMG={itemsAtlasIMG}\n iconAtlasJSON={iconAtlasJSON}\n iconAtlasIMG={iconAtlasIMG}\n isRewardClaimed={isTaskRewardClaimed(task.key)}\n />\n ))}\n </TasksList>\n </Container>\n </TasksContainer>\n );\n};\n\nconst TasksContainer = styled(DraggableContainer)`\n min-width: 450px;\n max-width: 550px;\n margin: 0 auto;\n\n .rpgui-container-title {\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n }\n\n .rpgui-container {\n padding: 0 !important;\n overflow: hidden !important;\n background-color: rgba(30, 30, 30, 0.9) !important;\n }\n`;\n\nconst Container = styled.div`\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n padding: 0.125rem;\n overflow-y: auto;\n\n box-sizing: border-box;\n\n @media (min-width: 320px) {\n padding: 0.25rem;\n }\n\n @media (min-width: 360px) {\n padding: 0.5rem;\n }\n\n @media (min-width: 480px) {\n padding: 0.75rem;\n }\n`;\n\nconst TasksList = styled.div`\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding: 15px;\n max-height: 70vh;\n`;\n\nconst TaskTitle = styled.h2`\n color: ${uiColors.yellow} !important;\n text-align: center;\n padding-right: 30px !important;\n font-size: 1.4rem !important;\n width: 100%;\n`;\n","import React, { memo, useCallback, useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\n\ninterface IDPadContainerProps {\n opacity?: number;\n showBackground?: boolean;\n size?: number;\n disabled?: boolean;\n}\n\ninterface IDPadButtonProps {\n size?: number;\n isPressed?: boolean;\n disabled?: boolean;\n}\n\ninterface IDPadOptions {\n /** Opacity of the entire component (0-1) */\n opacity?: number;\n /** Show the silver background behind the controller (default: false) */\n showBackground?: boolean;\n /** Size in pixels (default: 100) */\n size?: number;\n /** Interval in ms for continuous press events (default: 500) */\n pressInterval?: number;\n}\n\ninterface IDPadProps {\n /** Callback fired when a direction is pressed */\n onDirectionPress?: (direction: 'up' | 'down' | 'left' | 'right') => void;\n /** Callback fired when a direction is released */\n onDirectionRelease?: (direction: 'up' | 'down' | 'left' | 'right') => void;\n /** Whether the component is disabled */\n disabled?: boolean;\n /** Additional options for customizing the D-pad */\n options?: IDPadOptions;\n}\n\n// Memoize the styled components since they don't depend on props that change frequently\nconst DPadButton = memo(styled.div<IDPadButtonProps>`\n position: absolute;\n background: ${props => (props.isPressed ? '#363636' : '#424242')};\n box-shadow: ${props =>\n props.isPressed\n ? 'inset 0 0 12px rgba(0, 0, 0, 0.8), 0 0 2px rgba(0, 0, 0, 0.3)'\n : 'inset 0 0 5px rgba(0, 0, 0, 0.5), 0 2px 4px rgba(0, 0, 0, 0.2)'};\n cursor: ${props => (props.disabled ? 'not-allowed' : 'pointer')};\n user-select: none;\n transition: all 0.08s cubic-bezier(0.4, 0, 0.2, 1);\n touch-action: none;\n -webkit-tap-highlight-color: transparent;\n transform-origin: center center;\n\n &:hover:not(:active) {\n @media (hover: hover) {\n filter: ${props =>\n !props.disabled && !props.isPressed ? 'brightness(1.1)' : 'none'};\n }\n }\n\n &::after {\n content: '';\n position: absolute;\n width: 0;\n height: 0;\n border: ${props => (props.size ?? 100) * 0.05}px solid transparent;\n pointer-events: none;\n opacity: ${props => (props.isPressed ? 0.7 : 1)};\n transition: all 0.08s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n &.up,\n &.down {\n width: ${props => (props.size ?? 100) * 0.3}px;\n height: ${props => (props.size ?? 100) * 0.4}px;\n left: 50%;\n transform: translateX(-50%) scale(${props => (props.isPressed ? 0.95 : 1)});\n }\n\n &.left,\n &.right {\n width: ${props => (props.size ?? 100) * 0.4}px;\n height: ${props => (props.size ?? 100) * 0.3}px;\n top: 50%;\n transform: translateY(-50%) scale(${props => (props.isPressed ? 0.95 : 1)});\n }\n\n &.up {\n top: 0;\n border-radius: 5px 5px 0 0;\n &::after {\n border-bottom-color: #2a2a2a;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n }\n\n &.down {\n bottom: 0;\n border-radius: 0 0 5px 5px;\n &::after {\n border-top-color: #2a2a2a;\n bottom: 45%;\n left: 50%;\n transform: translate(-50%, 50%);\n }\n }\n\n &.left {\n left: 0;\n border-radius: 5px 0 0 5px;\n &::after {\n border-right-color: #2a2a2a;\n left: 45%;\n top: 50%;\n transform: translate(-50%, -50%);\n }\n }\n\n &.right {\n right: 0;\n border-radius: 0 5px 5px 0;\n &::after {\n border-left-color: #2a2a2a;\n right: 45%;\n top: 50%;\n transform: translate(50%, -50%);\n }\n }\n`);\n\nconst DPadCenter = memo(styled.div<IDPadButtonProps>`\n position: absolute;\n width: ${props => (props.size ?? 100) * 0.3}px;\n height: ${props => (props.size ?? 100) * 0.3}px;\n background: #424242;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.6);\n border-radius: 50%;\n user-select: none;\n cursor: ${props => (props.disabled ? 'not-allowed' : 'default')};\n touch-action: none;\n -webkit-tap-highlight-color: transparent;\n\n &::after {\n content: '';\n position: absolute;\n width: ${props => (props.size ?? 100) * 0.08}px;\n height: ${props => (props.size ?? 100) * 0.08}px;\n background: #2a2a2a;\n border-radius: 50%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n pointer-events: none;\n box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.8);\n }\n`);\n\nconst DPadContainer = memo(styled.div<IDPadContainerProps>`\n width: ${props => props.size ?? 100}px;\n height: ${props => props.size ?? 100}px;\n position: relative;\n background: ${props => (props.showBackground ? '#b8b8b8' : 'transparent')};\n border-radius: 50%;\n box-shadow: ${props =>\n props.showBackground\n ? 'inset 0 0 10px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.2)'\n : 'none'};\n opacity: ${props => (props.disabled ? 0.5 : props.opacity ?? 1)};\n user-select: none;\n cursor: ${props => (props.disabled ? 'not-allowed' : 'default')};\n transition: opacity 0.2s ease;\n touch-action: none;\n -webkit-tap-highlight-color: transparent;\n`);\n\nexport const JoystickDPad = memo(\n ({\n onDirectionPress,\n onDirectionRelease,\n disabled = false,\n options = {},\n }: IDPadProps): JSX.Element => {\n const {\n opacity = 1,\n showBackground = false,\n size = 100,\n pressInterval = 500,\n } = options;\n\n // Use refs for values that don't need to trigger re-renders\n const [pressedButtons, setPressedButtons] = useState<Set<string>>(\n new Set()\n );\n const intervalRef = useRef<number | null>(null);\n const activeDirectionRef = useRef<'up' | 'down' | 'left' | 'right' | null>(\n null\n );\n const touchStartRef = useRef<{ x: number; y: number } | null>(null);\n const isPressedRef = useRef<boolean>(false);\n\n const clearPressInterval = useCallback(() => {\n if (intervalRef.current !== null) {\n window.clearInterval(intervalRef.current);\n intervalRef.current = null;\n }\n activeDirectionRef.current = null;\n }, []);\n\n const clearAllPresses = useCallback(() => {\n if (activeDirectionRef.current && onDirectionRelease) {\n onDirectionRelease(activeDirectionRef.current);\n }\n clearPressInterval();\n setPressedButtons(new Set());\n activeDirectionRef.current = null;\n isPressedRef.current = false;\n }, [clearPressInterval, onDirectionRelease]);\n\n const handleDirectionPress = useCallback(\n (direction: 'up' | 'down' | 'left' | 'right') => {\n if (disabled) return;\n\n // Clear any existing presses first\n clearAllPresses();\n\n // Set new direction\n activeDirectionRef.current = direction;\n isPressedRef.current = true;\n setPressedButtons(new Set([direction]));\n onDirectionPress?.(direction);\n\n intervalRef.current = window.setInterval(() => {\n if (activeDirectionRef.current === direction) {\n onDirectionPress?.(direction);\n } else {\n clearPressInterval();\n }\n }, pressInterval);\n },\n [\n disabled,\n onDirectionPress,\n pressInterval,\n clearPressInterval,\n clearAllPresses,\n ]\n );\n\n const handleDirectionRelease = useCallback(\n (direction: 'up' | 'down' | 'left' | 'right') => {\n if (activeDirectionRef.current === direction) {\n clearAllPresses();\n }\n },\n [clearAllPresses]\n );\n\n const handleTouchStart = useCallback(\n (e: React.TouchEvent, direction: 'up' | 'down' | 'left' | 'right') => {\n const touch = e.touches[0];\n if (touch) {\n touchStartRef.current = { x: touch.clientX, y: touch.clientY };\n handleDirectionPress(direction);\n }\n },\n [handleDirectionPress]\n );\n\n const handleTouchMove = useCallback(\n (e: React.TouchEvent) => {\n const touch = e.touches[0];\n if (!touch || !touchStartRef.current) return;\n\n const { x: startX, y: startY } = touchStartRef.current;\n const deltaX = touch.clientX - startX;\n const deltaY = touch.clientY - startY;\n\n // Calculate angle and distance\n const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);\n const angle = Math.atan2(deltaY, deltaX) * (180 / Math.PI);\n\n // Only trigger if we've moved enough\n const threshold = size * 0.15; // Adaptive threshold based on d-pad size\n if (distance < threshold) return;\n\n let newDirection: 'up' | 'down' | 'left' | 'right' | null = null;\n\n // Determine direction based on angle\n if (angle > -45 && angle <= 45) newDirection = 'right';\n else if (angle > 45 && angle <= 135) newDirection = 'down';\n else if (angle > 135 || angle <= -135) newDirection = 'left';\n else if (angle > -135 && angle <= -45) newDirection = 'up';\n\n if (newDirection && newDirection !== activeDirectionRef.current) {\n handleDirectionPress(newDirection);\n // Update touch start to current position to prevent jitter\n touchStartRef.current = { x: touch.clientX, y: touch.clientY };\n }\n },\n [handleDirectionPress, size]\n );\n\n // Add a new cleanup function for touch events\n const cleanupTouchEvents = useCallback(() => {\n touchStartRef.current = null;\n if (activeDirectionRef.current) {\n handleDirectionRelease(activeDirectionRef.current);\n }\n }, [handleDirectionRelease]);\n\n // Enhance the touch end handler\n const handleTouchEnd = useCallback(() => {\n cleanupTouchEvents();\n }, [cleanupTouchEvents]);\n\n // Add touch cancel handler\n const handleTouchCancel = useCallback(() => {\n cleanupTouchEvents();\n }, [cleanupTouchEvents]);\n\n // Enhance cleanup effect\n useEffect(() => {\n if (disabled) {\n clearAllPresses();\n }\n\n const handleBlur = () => {\n clearAllPresses();\n };\n\n const handleVisibilityChange = () => {\n if (document.hidden) {\n clearAllPresses();\n }\n };\n\n const handlePointerUp = () => {\n // Global pointer up as fallback for stuck buttons\n if (isPressedRef.current) {\n clearAllPresses();\n }\n };\n\n window.addEventListener('blur', handleBlur);\n window.addEventListener('pointerup', handlePointerUp);\n document.addEventListener('visibilitychange', handleVisibilityChange);\n\n return () => {\n clearAllPresses();\n window.removeEventListener('blur', handleBlur);\n window.removeEventListener('pointerup', handlePointerUp);\n document.removeEventListener(\n 'visibilitychange',\n handleVisibilityChange\n );\n };\n }, [disabled, clearAllPresses]);\n\n // Memoize the preventDefault handler\n const preventDefault = useCallback(\n (e: React.MouseEvent | React.TouchEvent) => {\n e.preventDefault();\n e.stopPropagation();\n },\n []\n );\n\n // Memoize button props to prevent unnecessary re-renders\n const buttonProps = useCallback(\n (direction: 'up' | 'down' | 'left' | 'right') => ({\n onMouseDown: () => handleDirectionPress(direction),\n onMouseUp: () => handleDirectionRelease(direction),\n onMouseLeave: () => handleDirectionRelease(direction),\n onTouchStart: (e: React.TouchEvent) => handleTouchStart(e, direction),\n onTouchMove: handleTouchMove,\n onTouchEnd: handleTouchEnd,\n onContextMenu: preventDefault,\n size,\n isPressed: pressedButtons.has(direction),\n disabled,\n }),\n [\n handleDirectionPress,\n handleDirectionRelease,\n handleTouchStart,\n handleTouchMove,\n handleTouchEnd,\n preventDefault,\n size,\n pressedButtons,\n disabled,\n ]\n );\n\n return (\n <DPadContainer\n opacity={opacity}\n showBackground={showBackground}\n size={size}\n disabled={disabled}\n onContextMenu={preventDefault}\n onTouchCancel={handleTouchCancel}\n >\n <DPadButton className=\"up\" {...buttonProps('up')} />\n <DPadButton className=\"right\" {...buttonProps('right')} />\n <DPadButton className=\"down\" {...buttonProps('down')} />\n <DPadButton className=\"left\" {...buttonProps('left')} />\n <DPadCenter\n size={size}\n disabled={disabled}\n onContextMenu={preventDefault}\n />\n </DPadContainer>\n );\n }\n);\n\nJoystickDPad.displayName = 'JoystickDPad';\n","import React from 'react';\nimport styled from 'styled-components';\nimport { RPGUIContainer, RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';\nimport { NPCDialogText } from './NPCDialogText';\nimport {\n IQuestionDialog,\n IQuestionDialogAnswer,\n QuestionDialog,\n} from './QuestionDialog/QuestionDialog';\nimport aliceDefaultThumbnail from './img/npcDialog/npcThumbnails/alice.png';\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 return (\n <RPGUIContainer\n type={RPGUIContainerTypes.FramedGold}\n width={isQuestionDialog ? '600px' : '80%'}\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 <CloseIcon onPointerDown={onClose}>X</CloseIcon>\n <TextContainer\n flex={type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'}\n >\n <NPCDialogText\n type={type}\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 </>\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\nconst CloseIcon = styled.p`\n position: absolute;\n top: -1.5rem;\n right: -0.4rem;\n cursor: pointer;\n color: white;\n font-size: 1.1rem !important;\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","import React from 'react';\nimport styled from 'styled-components';\nimport { uiFonts } from '../constants/uiFonts';\nimport { Dropdown } from './Dropdown';\n\ninterface IDropdownSelectorOption {\n id: string;\n name: string;\n}\n\nexport interface IDropdownSelectorContainer {\n onChange: (id: string) => void;\n options: IDropdownSelectorOption[];\n details?: string;\n title: string;\n}\n\nexport const DropdownSelectorContainer: React.FC<IDropdownSelectorContainer> = ({\n title,\n onChange,\n options,\n details,\n}) => {\n return (\n <div>\n <p>{title}</p>\n <Dropdown\n options={options.map((option, index) => ({\n option: option.name,\n value: option.id,\n id: index,\n }))}\n onChange={onChange}\n />\n <Details>{details}</Details>\n </div>\n );\n};\n\nconst Details = styled.p`\n font-size: ${uiFonts.size.xsmall} !important;\n`;\n","import { getItemTextureKeyPath } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useCursorPosition } from '../../../hooks/useCursorPosition';\nimport { SpriteFromAtlas } from '../../shared/SpriteFromAtlas';\nimport { onRenderStackInfo } from './ItemSlotQty/ItemSlotQty';\nimport { useItemSlotDragging } from './context/ItemSlotDraggingContext';\n\nconst CONTAINER_SIZE = 32;\nconst OFFSET = CONTAINER_SIZE / 2;\n\ninterface IProps {\n atlasJSON: any;\n atlasIMG: any;\n scale?: number;\n}\n\nexport const DraggedItem = ({\n atlasJSON,\n atlasIMG,\n scale,\n}: IProps): JSX.Element | null => {\n const { draggingState } = useItemSlotDragging();\n\n const { item } = draggingState;\n\n const { x, y } = useCursorPosition({\n scale,\n });\n\n if (!item) {\n return null;\n }\n\n if (x === 0 && y === 0) {\n return null;\n }\n\n const centeredX = x - OFFSET;\n const centeredY = y - OFFSET;\n\n const stackInfo = onRenderStackInfo(item?._id ?? '', item?.stackQty ?? 0);\n\n return (\n <Container>\n <SpriteContainer x={centeredX} y={centeredY}>\n <SpriteFromAtlas\n key={item._id}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n spriteKey={getItemTextureKeyPath(\n {\n key: item.texturePath,\n texturePath: item.texturePath,\n stackQty: item.stackQty || 1,\n isStackable: item.isStackable,\n },\n atlasJSON\n )}\n imgScale={3}\n imgClassname=\"sprite-from-atlas-img--item\"\n />\n {stackInfo}\n </SpriteContainer>\n </Container>\n );\n};\n\ninterface IContainer {\n x: number;\n y: number;\n}\n\nconst pulse = `\n @keyframes pulse {\n 0%, 100% {\n transform: scale(1) rotate(-3deg);\n }\n 50% {\n transform: scale(0.95) rotate(-3deg);\n }\n }\n`;\n\nconst Container = styled.div`\n position: relative;\n`;\n\nconst SpriteContainer = styled.div.attrs<IContainer>(props => ({\n style: {\n left: `${props.x}px`,\n top: `${props.y}px`,\n },\n}))<IContainer>`\n ${pulse}\n\n position: absolute;\n z-index: 100;\n pointer-events: none;\n\n width: ${CONTAINER_SIZE}px;\n height: ${CONTAINER_SIZE}px;\n\n transform: rotate(-3deg);\n\n filter: grayscale(100%);\n opacity: 0.35;\n\n animation: pulse 2s infinite;\n\n .item-slot-qty {\n position: absolute;\n bottom: 0;\n margin-left: 0.8rem;\n }\n`;\n\nexport default DraggedItem;\n","import { GRID_HEIGHT, GRID_WIDTH } from '@rpg-engine/shared';\nimport { useCallback, useEffect, useState } from 'react';\nimport { IPosition } from '../types/eventTypes';\n\ninterface ICursorPositionProps {\n scale?: number;\n}\n\nexport const useCursorPosition = ({ scale = 1 }: ICursorPositionProps): IPosition => {\n const [position, setPosition] = useState<IPosition>({ x: 0, y: 0 });\n\n const scalePosition = useCallback((x: number, y: number): IPosition => {\n return {\n x: ((x - GRID_WIDTH / 2) / scale) + GRID_WIDTH / 2,\n y: ((y - GRID_HEIGHT / 2) / scale) + GRID_HEIGHT / 2,\n };\n }, [scale]);\n\n const setFromEvent = useCallback((e: MouseEvent | TouchEvent) => {\n let x, y;\n\n if ('touches' in e) {\n x = e.touches[0].clientX;\n y = e.touches[0].clientY;\n } else {\n x = e.clientX;\n y = e.clientY;\n }\n\n const scaledPosition = scalePosition(x, y);\n setPosition(scaledPosition);\n }, [scale, scalePosition]);\n\n const cleanup = useCallback(() => {\n setPosition({ x: 0, y: 0 });\n }, []);\n\n useEffect(() => {\n const handleEvent = (e: Event) => setFromEvent(e as MouseEvent | TouchEvent);\n\n window.addEventListener('mousemove', handleEvent);\n window.addEventListener('touchmove', handleEvent);\n window.addEventListener('mouseup', cleanup);\n window.addEventListener('touchend', cleanup);\n\n return () => {\n window.removeEventListener('mousemove', handleEvent);\n window.removeEventListener('touchmove', handleEvent);\n window.removeEventListener('mouseup', cleanup);\n window.removeEventListener('touchend', cleanup);\n };\n }, [setFromEvent, cleanup]);\n\n return position;\n};\n","import React, { useEffect, useRef } from 'react';\nimport styled from 'styled-components';\nimport { useOutsideClick } from '../hooks/useOutsideAlerter';\nimport ModalPortal from './Abstractions/ModalPortal';\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 pos: { x: number; y: number };\n}\n\nexport const RelativeListMenu: React.FC<IRelativeMenuProps> = ({\n options,\n onSelected,\n onOutsideClick,\n fontSize = 0.8,\n pos,\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 <ModalPortal>\n <Container fontSize={fontSize} ref={ref} {...pos}>\n <ul className=\"rpgui-list-imp\" style={{ overflow: 'hidden' }}>\n {options.map((params, index) => (\n <ListElement\n key={params?.id || index}\n onPointerDown={() => {\n onSelected(params?.id);\n }}\n >\n {params?.text || 'No text'}\n </ListElement>\n ))}\n </ul>\n </Container>\n </ModalPortal>\n );\n};\n\ninterface IContainerProps {\n fontSize?: number;\n x: number;\n y: number;\n}\n\nconst Container = styled.div<IContainerProps>`\n position: absolute;\n top: ${props => props.y}px;\n left: ${props => props.x}px;\n\n display: flex;\n flex-direction: column;\n width: max-content;\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 { IEquipmentSet, IItem } from '@rpg-engine/shared';\nimport React from 'react';\nimport { RelativeListMenu } from '../../RelativeListMenu';\nimport { ItemTooltip } from '../Cards/ItemTooltip';\nimport { MobileItemTooltip } from '../Cards/MobileItemTooltip';\nimport { useItemSlotDetails } from './context/ItemSlotDetailsContext';\nimport { useItemSlotDragging } from './context/ItemSlotDraggingContext';\n\ninterface IProps {\n dragScale: number | undefined;\n onSelected?: (optionId: string, item: IItem) => void;\n atlasIMG: any;\n atlasJSON: any;\n equipmentSet?: IEquipmentSet | null;\n isContextMenuDisabled?: boolean;\n}\n\nexport const ItemSlotToolTips = ({\n dragScale,\n onSelected,\n atlasIMG,\n atlasJSON,\n equipmentSet,\n isContextMenuDisabled,\n}: IProps): JSX.Element => {\n const { detailsState, updateDetailsState } = useItemSlotDetails();\n\n const {\n isTooltipVisible,\n isTooltipMobileVisible,\n isContextMenuVisible,\n contextMenuPosition,\n contextActions,\n item,\n } = detailsState;\n\n const { draggingState } = useItemSlotDragging();\n\n const { isFocused } = draggingState;\n\n return (\n <>\n {isTooltipVisible && item && !isFocused && (\n <ItemTooltip\n item={item}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n equipmentSet={equipmentSet}\n />\n )}\n\n {isTooltipMobileVisible && item && (\n <MobileItemTooltip\n item={item}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n equipmentSet={equipmentSet}\n closeTooltip={() => {\n updateDetailsState({ isTooltipMobileVisible: false });\n }}\n scale={dragScale}\n options={contextActions}\n onSelected={(optionId: string) => {\n updateDetailsState({\n isContextMenuVisible: false,\n });\n if (item) {\n onSelected?.(optionId, item);\n }\n }}\n />\n )}\n\n {!isContextMenuDisabled &&\n isContextMenuVisible &&\n contextActions &&\n contextActions.length > 0 && (\n <RelativeListMenu\n options={contextActions}\n onSelected={(optionId: string) => {\n updateDetailsState({ isContextMenuVisible: false });\n if (item) {\n onSelected?.(optionId, item);\n }\n }}\n onOutsideClick={() => {\n updateDetailsState({ isContextMenuVisible: false });\n }}\n pos={contextMenuPosition}\n />\n )}\n </>\n );\n};\n","import {\n IEquipmentSet,\n IItem,\n IItemContainer,\n isMobile,\n ItemContainerType,\n ItemSlotType,\n ItemType,\n} from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { IPosition } from '../../types/eventTypes';\nimport { DraggableContainer } from '../DraggableContainer';\nimport { ItemSlotDetailsProvider } from '../Item/Inventory/context/ItemSlotDetailsContext';\nimport { ItemSlotDraggingProvider } from '../Item/Inventory/context/ItemSlotDraggingContext';\nimport DraggedItem from '../Item/Inventory/DraggedItem';\nimport { ItemSlot } from '../Item/Inventory/ItemSlot';\nimport { ItemSlotToolTips } from '../Item/Inventory/ItemSlotTooltips';\nimport { RPGUIContainerTypes } from '../RPGUI/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 onItemDragStart?: (\n item: IItem,\n slotIndex: number,\n itemContainerType: ItemContainerType | null\n ) => void;\n onItemDragEnd?: (quantity?: number) => void;\n onItemPlaceDrop?: (\n item: IItem | null,\n slotIndex: number,\n itemContainerType: ItemContainerType | null\n ) => void;\n onItemOutsideDrop?: (item: IItem, position: IPosition) => void;\n scale?: number;\n checkIfItemCanBeMoved: () => boolean;\n checkIfItemShouldDragEnd?: () => boolean;\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 atlasIMG: any;\n atlasJSON: any;\n onPositionChangeEnd?: (position: IPosition) => void;\n onPositionChangeStart?: (position: IPosition) => void;\n}\n\nexport const EquipmentSet: React.FC<IEquipmentSetProps> = ({\n equipmentSet,\n onClose,\n onMouseOver,\n onSelected,\n onItemClick,\n atlasIMG,\n atlasJSON,\n onItemDragEnd,\n onItemDragStart,\n onItemPlaceDrop,\n onItemOutsideDrop,\n checkIfItemCanBeMoved,\n checkIfItemShouldDragEnd,\n scale,\n initialPosition,\n onPositionChangeEnd,\n onPositionChangeStart,\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 onPointerDown={(itemType, ContainerType) => {\n if (onItemClick) onItemClick(itemType, item, ContainerType);\n }}\n onDragStart={(item, slotIndex, itemContainerType) => {\n if (!item) {\n return;\n }\n\n if (onItemDragStart)\n onItemDragStart(item, slotIndex, itemContainerType);\n }}\n onDragEnd={quantity => {\n if (onItemDragEnd) onItemDragEnd(quantity);\n }}\n dragScale={scale}\n checkIfItemCanBeMoved={checkIfItemCanBeMoved}\n checkIfItemShouldDragEnd={checkIfItemShouldDragEnd}\n onPlaceDrop={(item, slotIndex, itemContainerType) => {\n if (onItemPlaceDrop)\n onItemPlaceDrop(item, slotIndex, itemContainerType);\n }}\n onOutsideDrop={(item, position) => {\n if (onItemOutsideDrop) onItemOutsideDrop(item, position);\n }}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n />\n );\n });\n };\n\n return (\n <ItemSlotDraggingProvider>\n <ItemSlotDetailsProvider>\n <DraggedItem atlasIMG={atlasIMG} atlasJSON={atlasJSON} scale={scale} />\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 scale={scale}\n initialPosition={initialPosition}\n onPositionChangeEnd={onPositionChangeEnd}\n onPositionChangeStart={onPositionChangeStart}\n >\n <EquipmentSetContainer className=\"equipment-container-body\">\n <EquipmentColumn>\n {onRenderEquipmentSlotRange(0, 3)}\n </EquipmentColumn>\n <EquipmentColumn>\n {onRenderEquipmentSlotRange(3, 7)}\n </EquipmentColumn>\n <EquipmentColumn>\n {onRenderEquipmentSlotRange(7, 10)}\n </EquipmentColumn>\n </EquipmentSetContainer>\n </DraggableContainer>\n\n <ItemSlotToolTips\n dragScale={scale}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n equipmentSet={equipmentSet}\n onSelected={onSelected}\n isContextMenuDisabled={isMobile()}\n />\n </ItemSlotDetailsProvider>\n </ItemSlotDraggingProvider>\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 touch-action: none;\n overflow: hidden;\n`;\n\nconst EquipmentColumn = styled.div`\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n flex-direction: column;\n touch-action: none;\n`;\n","import styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\n\nexport const Table = styled.table`\n width: 100%;\n border-collapse: collapse;\n margin-top: 1rem;\n`;\n\nexport const TableRow = styled.tr`\n &:nth-child(even) {\n background-color: rgba(255, 255, 255, 0.05) !important;\n }\n &:hover {\n background-color: rgba(255, 255, 255, 0.1) !important;\n }\n`;\n\nexport const TableHeader = styled.th`\n text-align: left;\n padding: 0.5rem;\n color: ${uiColors.yellow} !important;\n border-bottom: 1px solid ${uiColors.lightGray};\n text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;\n`;\n\nexport const TableCell = styled.td`\n padding: 0.5rem;\n color: ${uiColors.white};\n border-bottom: 1px solid ${uiColors.lightGray};\n text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;\n`;\n\nexport const ActionButtons = styled.div`\n display: flex;\n gap: 10px;\n align-items: center;\n`;\n\ninterface IUserActionProps {\n color: string;\n}\n\nexport const UserActionLink = styled.span<IUserActionProps>`\n color: ${({ color }) => color} !important;\n cursor: pointer;\n margin-right: 0.5rem;\n\n &:hover {\n text-decoration: underline;\n }\n`;\n","import { debounce } from 'lodash';\nimport React, { useCallback, useState } from 'react';\nimport styled from 'styled-components';\nimport { InternalTabs, UserActionLink } from '../..';\nimport { uiColors } from '../../constants/uiColors';\nimport { uiFonts } from '../../constants/uiFonts';\nimport { IFriend } from './FriendList';\n\ninterface ISearchFriendProps {\n searchedCharacters: IFriend[];\n friendRequests: IFriend[];\n onFocus?: () => void;\n onBlur?: () => void;\n onSearch: (characterName: string) => void;\n onSendFriendRequest: (character: IFriend) => void;\n onAcceptRequest: (character: IFriend) => void;\n onRejectRequest: (character: IFriend) => void;\n}\n\nexport const SearchFriend: React.FC<ISearchFriendProps> = ({\n searchedCharacters,\n friendRequests,\n onBlur,\n onFocus,\n onSearch,\n onSendFriendRequest,\n onAcceptRequest,\n onRejectRequest,\n}) => {\n const [characterName, setCharacterName] = useState('');\n\n const debouncedSearch = useCallback(\n debounce((name: string) => {\n onSearch(name);\n }, 300),\n []\n );\n\n const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const name = e.target.value;\n setCharacterName(name);\n debouncedSearch(name);\n };\n\n const handleSubmit = (event: React.SyntheticEvent<HTMLFormElement>) => {\n event.preventDefault();\n if (characterName.trim()) {\n onSearch(characterName);\n }\n };\n\n const searchTabContent = (\n <ListContainer>\n <SearchForm onSubmit={handleSubmit}>\n <SearchInput\n value={characterName}\n id=\"characterName\"\n name=\"characterName\"\n onChange={handleInputChange}\n type=\"text\"\n autoComplete=\"off\"\n onFocus={onFocus}\n onBlur={onBlur}\n onPointerDown={onFocus}\n autoFocus\n placeholder=\"Search for a character...\"\n />\n </SearchForm>\n <CharacterList\n characters={searchedCharacters}\n onAction={onSendFriendRequest}\n actionLabel=\"Add Friend\"\n />\n </ListContainer>\n );\n\n const requestsTabContent = (\n <ListContainer>\n <FriendRequestSection\n friendRequests={friendRequests}\n onAccept={onAcceptRequest}\n onReject={onRejectRequest}\n />\n </ListContainer>\n );\n\n const tabs = [\n { id: 'search', title: 'Search', content: searchTabContent },\n {\n id: 'requests',\n title: `Requests (${friendRequests.length})`,\n content: requestsTabContent,\n },\n ];\n\n return (\n <Container>\n <InternalTabs\n tabs={tabs}\n activeTextColor=\"#000\"\n inactiveColor=\"#777\"\n borderColor=\"#f59e0b\"\n />\n </Container>\n );\n};\n\nconst CharacterList: React.FC<{\n characters: IFriend[];\n onAction: (character: IFriend) => void;\n actionLabel: string;\n}> = ({ characters, onAction, actionLabel }) => (\n <ListContainer>\n {characters.map(character => (\n <ListItem key={character._id}>\n <CharacterName>{character.name}</CharacterName>\n <UserActionLink\n color={uiColors.lightGreen}\n onClick={() => onAction(character)}\n >\n {actionLabel}\n </UserActionLink>\n </ListItem>\n ))}\n </ListContainer>\n);\n\nconst FriendRequestSection: React.FC<{\n friendRequests: IFriend[];\n onAccept: (character: IFriend) => void;\n onReject: (character: IFriend) => void;\n}> = ({ friendRequests, onAccept, onReject }) => (\n <>\n {friendRequests.length > 0 && (\n <ListContainer>\n {friendRequests.map(character => (\n <ListItem key={character._id}>\n <CharacterName>{character.name}</CharacterName>\n <AcceptRejectActions>\n <UserActionLink\n color={uiColors.lightGreen}\n onClick={() => onAccept(character)}\n >\n Accept\n </UserActionLink>\n <UserActionLink\n color={uiColors.red}\n onClick={() => onReject(character)}\n >\n Reject\n </UserActionLink>\n </AcceptRejectActions>\n </ListItem>\n ))}\n </ListContainer>\n )}\n </>\n);\n\nconst Container = styled.div`\n display: flex;\n flex-direction: column;\n gap: 1rem;\n`;\n\nconst SearchForm = styled.form`\n display: flex;\n align-items: center;\n width: 100%;\n margin-top: 1rem;\n`;\n\nconst SearchInput = styled.input`\n width: 100%;\n background-color: rgba(0, 0, 0, 0.25);\n border: none;\n padding: 0.5rem;\n font-size: ${uiFonts.size.small};\n`;\n\nconst ListContainer = styled.ul`\n list-style: none;\n padding: 0;\n margin: 0;\n width: 100%;\n max-height: 50vh;\n overflow-y: auto;\n\n @media (max-width: 768px) {\n max-height: 90vh;\n }\n`;\n\nconst ListItem = styled.li`\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.5rem;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n`;\n\nconst CharacterName = styled.p`\n font-size: ${uiFonts.size.small};\n margin: 0;\n`;\n\nconst AcceptRejectActions = styled.div`\n display: flex;\n gap: 0.5rem;\n`;\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { Button, ButtonTypes } from '../Button';\n\nimport { ICharacter } from '@rpg-engine/shared';\nimport {\n ActionButtons,\n Table,\n TableCell,\n TableHeader,\n TableRow,\n UserActionLink,\n} from '../Table/Table';\nimport { SearchFriend } from './SearchFriend';\nexport type IFriend = Pick<ICharacter, 'name' | '_id' | 'isOnline'>;\ninterface IFriendListProps {\n scale?: number;\n friends: IFriend[];\n friendRequests: IFriend[];\n searchedCharacters: IFriend[];\n onFocus?: () => void;\n onBlur?: () => void;\n onClose: () => void;\n onOpenPrivateMessage: (character: IFriend) => void;\n onRemoveFriend: (character: IFriend) => void;\n onSendFriendRequest: (character: IFriend) => void;\n onSearch: (characterName: string) => void;\n onAcceptRequest: (character: IFriend) => void;\n onRejectRequest: (character: IFriend) => void;\n onAddFriend?: () => void;\n onBackFriendList?: () => void;\n}\n\nexport const FriendList: React.FC<IFriendListProps> = ({\n friends,\n friendRequests,\n searchedCharacters,\n onFocus,\n onBlur,\n onSearch,\n onAcceptRequest,\n onSendFriendRequest,\n onRemoveFriend,\n onOpenPrivateMessage,\n onRejectRequest,\n onAddFriend,\n onBackFriendList,\n}) => {\n const [isAddFriendUI, setIsAddFriendUI] = useState(false);\n\n useEffect(() => {\n if (isAddFriendUI) {\n onAddFriend?.();\n } else {\n onBackFriendList?.();\n }\n }, [isAddFriendUI]);\n\n return (\n <ListWrapper>\n {isAddFriendUI ? (\n <SearchFriend\n searchedCharacters={searchedCharacters}\n onSendFriendRequest={onSendFriendRequest}\n onAcceptRequest={onAcceptRequest}\n onRejectRequest={onRejectRequest}\n friendRequests={friendRequests}\n onSearch={onSearch}\n onBlur={onBlur}\n onFocus={onFocus}\n />\n ) : (\n <>\n <ScrollableArea>\n <Table>\n <thead>\n <TableRow>\n <TableHeader>Online</TableHeader>\n <TableHeader>Name</TableHeader>\n <TableHeader>Actions</TableHeader>\n </TableRow>\n </thead>\n <tbody>\n {friends.map(friend => (\n <TableRow key={friend._id}>\n <TableCell>\n <IsOnlineBadge $isOnline={friend.isOnline} />\n </TableCell>\n <TableCell>{friend.name}</TableCell>\n <TableCell>\n <ActionButtons>\n <UserActionLink\n color={uiColors.white}\n onClick={() => onOpenPrivateMessage(friend)}\n >\n Chat\n </UserActionLink>\n <UserActionLink\n color={uiColors.red}\n onClick={() => onRemoveFriend(friend)}\n >\n Remove\n </UserActionLink>\n </ActionButtons>\n </TableCell>\n </TableRow>\n ))}\n </tbody>\n </Table>\n </ScrollableArea>\n </>\n )}\n\n <ButtonContainer>\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n onClick={() => setIsAddFriendUI(prev => !prev)}\n >\n {isAddFriendUI ? 'Back' : 'Add New Friend'}\n </Button>\n </ButtonContainer>\n </ListWrapper>\n );\n};\n\n// Styled components for FriendList UI\nconst ListWrapper = styled.div`\n margin-top: 1rem;\n max-height: 350px;\n display: flex;\n flex-direction: column;\n`;\n\nconst ScrollableArea = styled.div`\n overflow-y: auto;\n max-height: 300px; /* Adjust this value based on your layout */\n`;\n\nconst IsOnlineBadge = styled.div<{ $isOnline: boolean }>`\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background-color: ${({ $isOnline }) =>\n $isOnline ? uiColors.lightGreen : uiColors.red};\n margin-right: 1rem;\n`;\n\nconst ButtonContainer = styled.div`\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n margin-top: 1rem;\n`;\n","import { isMobileOrTablet } from '@rpg-engine/shared';\n\nexport const IS_MOBILE_OR_TABLET = isMobileOrTablet();\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 }, 25);\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, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { NPCDialogType } from '../..';\nimport { IS_MOBILE_OR_TABLET } from '../../constants/uiDevices';\nimport { chunkString } from '../../libs/StringHelpers';\nimport { DynamicText } from '../typography/DynamicText';\nimport pressButtonGif from './img/press-button.gif';\nimport pressSpaceGif from './img/space.gif';\n\ninterface IProps {\n text: string;\n onClose: () => void;\n onEndStep?: () => void;\n onStartStep?: () => void;\n type?: NPCDialogType;\n}\n\nexport const NPCDialogText: React.FC<IProps> = ({\n text,\n onClose,\n onEndStep,\n onStartStep,\n type,\n}) => {\n const windowSize = useRef([window.innerWidth, window.innerHeight]);\n function maxCharacters(width: number) {\n // Set the font size to 16 pixels\n var fontSize = 11.2;\n\n // Calculate the number of characters that can fit in one line\n var charactersPerLine = Math.floor(width / 2 / fontSize);\n\n // Calculate the number of lines that can fit in the div\n var linesPerDiv = Math.floor(180 / fontSize);\n\n // Calculate the maximum number of characters that can fit in the div\n var maxCharacters = charactersPerLine * linesPerDiv;\n\n // Return the maximum number of characters\n return Math.round(maxCharacters / 5);\n }\n\n const textChunks = chunkString(text, maxCharacters(windowSize.current[0]));\n\n const [chunkIndex, setChunkIndex] = useState<number>(0);\n const onHandleSpacePress = (event: KeyboardEvent) => {\n if (event.code === 'Space') {\n goToNextStep();\n }\n };\n\n const goToNextStep = () => {\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 useEffect(() => {\n document.addEventListener('keydown', onHandleSpacePress);\n\n return () => document.removeEventListener('keydown', onHandleSpacePress);\n }, [chunkIndex]);\n\n const [showGoNextIndicator, setShowGoNextIndicator] = useState<boolean>(\n false\n );\n\n return (\n <Container>\n <DynamicText\n text={textChunks?.[chunkIndex] || ''}\n onFinish={() => {\n setShowGoNextIndicator(true);\n\n onEndStep && onEndStep();\n }}\n onStart={() => {\n setShowGoNextIndicator(false);\n\n onStartStep && onStartStep();\n }}\n />\n {showGoNextIndicator && (\n <PressSpaceIndicator\n right={type === NPCDialogType.TextOnly ? '1rem' : '10.5rem'}\n src={IS_MOBILE_OR_TABLET ? pressButtonGif : pressSpaceGif}\n onPointerDown={() => {\n goToNextStep();\n }}\n />\n )}\n </Container>\n );\n};\n\nconst Container = styled.div``;\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","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 onPointerDown={() => 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, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { RPGUIContainer, RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';\nimport { NPCDialogText } from './NPCDialogText';\nimport aliceDefaultThumbnail from './img/npcDialog/npcThumbnails/alice.png';\nimport pressSpaceGif from './img/space.gif';\n\nexport enum ImgSide {\n right = 'right',\n left = 'left',\n}\n\nexport interface NPCMultiDialogType {\n text: string;\n imagePath?: string;\n imageSide: ImgSide;\n}\n\nexport interface INPCMultiDialogProps {\n onClose: () => void;\n textAndTypeArray: NPCMultiDialogType[];\n}\n\nexport const NPCMultiDialog: React.FC<INPCMultiDialogProps> = ({\n onClose,\n textAndTypeArray,\n}) => {\n const [showGoNextIndicator, setShowGoNextIndicator] = useState<boolean>(\n false\n );\n const [slide, setSlide] = useState<number>(0);\n\n const onHandleSpacePress = (event: KeyboardEvent) => {\n if (event.code === 'Space') {\n if (slide < textAndTypeArray?.length - 1) {\n setSlide(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 }, [slide]);\n\n return (\n <RPGUIContainer\n type={RPGUIContainerTypes.FramedGold}\n width={'50%'}\n height={'180px'}\n >\n <>\n <Container>\n {textAndTypeArray[slide]?.imageSide === 'right' && (\n <>\n <TextContainer flex={'70%'}>\n <NPCDialogText\n onStartStep={() => setShowGoNextIndicator(false)}\n onEndStep={() => setShowGoNextIndicator(true)}\n text={textAndTypeArray[slide].text || 'No text provided.'}\n onClose={() => {\n if (onClose) {\n onClose();\n }\n }}\n />\n </TextContainer>\n <ThumbnailContainer>\n <NPCThumbnail\n src={\n textAndTypeArray[slide].imagePath || aliceDefaultThumbnail\n }\n />\n </ThumbnailContainer>\n {showGoNextIndicator && (\n <PressSpaceIndicator right={'10.5rem'} src={pressSpaceGif} />\n )}\n </>\n )}\n {textAndTypeArray[slide].imageSide === 'left' && (\n <>\n <ThumbnailContainer>\n <NPCThumbnail\n src={\n textAndTypeArray[slide].imagePath || aliceDefaultThumbnail\n }\n />\n </ThumbnailContainer>\n <TextContainer flex={'70%'}>\n <NPCDialogText\n onStartStep={() => setShowGoNextIndicator(false)}\n onEndStep={() => setShowGoNextIndicator(true)}\n text={textAndTypeArray[slide].text || 'No text provided.'}\n onClose={() => {\n if (onClose) {\n onClose();\n }\n }}\n />\n </TextContainer>\n {showGoNextIndicator && (\n <PressSpaceIndicator right={'1rem'} src={pressSpaceGif} />\n )}\n </>\n )}\n </Container>\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, { useCallback, useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { v4 as uuidv4 } from 'uuid';\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 value: number;\n step?: number;\n}\n\nexport const RangeSlider: React.FC<IRangeSliderProps> = React.memo(\n ({ type, valueMin, valueMax, width, onChange, value, step = 1 }) => {\n const sliderId = uuidv4();\n\n const containerRef = useRef<HTMLDivElement>(null);\n const [left, setLeft] = useState(0);\n\n useEffect(() => {\n const calculatedWidth = containerRef.current?.clientWidth || 0;\n setLeft(\n Math.max(\n ((value - valueMin) / (valueMax - valueMin)) *\n (calculatedWidth - 35) +\n 10\n )\n );\n }, [value, valueMin, valueMax]);\n\n const typeClass = type === RangeSliderType.GoldSlider ? 'golden' : '';\n\n const handleChange = useCallback(\n (e: { target: { value: any } }) => {\n onChange(Number(e.target.value));\n },\n [onChange]\n );\n\n return (\n <div\n style={{ width: width, position: 'relative' }}\n className={`rpgui-slider-container ${typeClass}`}\n id={`rpgui-slider-${sliderId}`}\n ref={containerRef}\n >\n <div style={{ pointerEvents: 'none' }}>\n <div className={`rpgui-slider-track ${typeClass}`} />\n <div className={`rpgui-slider-left-edge ${typeClass}`} />\n <div className={`rpgui-slider-right-edge ${typeClass}`} />\n <div className={`rpgui-slider-thumb ${typeClass}`} style={{ left }} />\n </div>\n <Input\n type=\"range\"\n style={{ width: width }}\n min={valueMin}\n max={valueMax}\n step={step}\n onChange={handleChange}\n value={value}\n className=\"rpgui-cursor-point\"\n />\n </div>\n );\n }\n);\n\nconst Input = styled.input`\n opacity: 0;\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n margin-top: -5px;\n`;\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { NPCDialog, NPCDialogType } from './NPCDialog/NPCDialog';\nimport { NPCMultiDialog, NPCMultiDialogType } from './NPCDialog/NPCMultiDialog';\nimport {\n IQuestionDialog,\n IQuestionDialogAnswer,\n QuestionDialog,\n} from './NPCDialog/QuestionDialog/QuestionDialog';\n\nexport interface IHistoryDialogProps {\n backgroundImgPath: string[];\n fullCoverBackground: boolean;\n questions?: IQuestionDialog[];\n answers?: IQuestionDialogAnswer[];\n text?: string;\n imagePath?: string;\n textAndTypeArray?: NPCMultiDialogType[];\n onClose: () => void;\n}\n\nexport const HistoryDialog: React.FC<IHistoryDialogProps> = ({\n backgroundImgPath,\n fullCoverBackground,\n questions,\n answers,\n text,\n imagePath,\n textAndTypeArray,\n onClose,\n}) => {\n const [img, setImage] = useState<number>(0);\n const onHandleSpacePress = (event: KeyboardEvent) => {\n if (event.code === 'Space') {\n if (img < backgroundImgPath?.length - 1) {\n setImage(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 }, [backgroundImgPath]);\n return (\n <BackgroundContainer\n imgPath={backgroundImgPath[img]}\n fullImg={fullCoverBackground}\n >\n <DialogContainer>\n {textAndTypeArray ? (\n <NPCMultiDialog\n textAndTypeArray={textAndTypeArray}\n onClose={onClose}\n />\n ) : questions && answers ? (\n <QuestionDialog\n questions={questions}\n answers={answers}\n onClose={onClose}\n />\n ) : text && imagePath ? (\n <NPCDialog\n text={text}\n imagePath={imagePath}\n onClose={onClose}\n type={NPCDialogType.TextAndThumbnail}\n />\n ) : (\n <NPCDialog\n text={text}\n onClose={onClose}\n type={NPCDialogType.TextOnly}\n />\n )}\n </DialogContainer>\n </BackgroundContainer>\n );\n};\n\ninterface IImgContainerProps {\n imgPath: string;\n fullImg: boolean;\n}\n\nconst BackgroundContainer = styled.div<IImgContainerProps>`\n width: 100%;\n height: 100%;\n background-image: url(${props => props.imgPath});\n background-size: ${props => (props.imgPath ? 'cover' : 'auto')};\n display: flex;\n justify-content: space-evenly;\n align-items: center;\n`;\n\nconst DialogContainer = styled.div`\n display: flex;\n justify-content: center;\n padding-top: 200px;\n`;\n","import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport SelectArrow from '../Arrow/SelectArrow';\nimport { DraggableContainer } from '../DraggableContainer';\nimport { RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';\nimport { DynamicText } from '../typography/DynamicText';\n\nexport interface ITextImageProps {\n image: string;\n textPosition?: 'flex-start' | 'flex-end';\n text: string;\n}\n\nexport interface IImageCarouselProps {\n textImage: ITextImageProps[];\n isTextFixed: boolean;\n onCloseButton?: () => void;\n}\n\nexport const ImageCarousel: React.FC<IImageCarouselProps> = ({\n textImage,\n isTextFixed,\n onCloseButton,\n}) => {\n const [textImageSelected, setTextImageSelected] = useState(textImage[0]);\n\n const goToPreviousImage = () => {\n const currentIndex = textImage.indexOf(textImageSelected);\n if (currentIndex > 0) {\n setTextImageSelected(textImage[currentIndex - 1]);\n }\n };\n\n const goToNextImage = () => {\n const currentIndex = textImage.indexOf(textImageSelected);\n if (currentIndex < textImage.length - 1) {\n setTextImageSelected(textImage[currentIndex + 1]);\n }\n };\n\n return (\n <CarouselWrapper type={RPGUIContainerTypes.Framed}>\n {isTextFixed ? (\n <>\n <BackgroundImage\n imagePath={textImageSelected.image}\n isTextFixed={isTextFixed}\n >\n <ArrowContainer>\n {textImageSelected !== textImage[0] && (\n <SelectArrow\n direction=\"left\"\n onPointerDown={() => goToPreviousImage()}\n ></SelectArrow>\n )}\n\n {textImageSelected !== textImage[textImage.length - 1] && (\n <SelectArrow\n direction=\"right\"\n onPointerDown={() => goToNextImage()}\n ></SelectArrow>\n )}\n </ArrowContainer>\n </BackgroundImage>\n <Description\n textPosition={textImageSelected.textPosition ?? 'flex-start'}\n isTextFixed={isTextFixed}\n >\n <DynamicText text={textImageSelected.text} />\n </Description>\n </>\n ) : (\n <BackgroundImage\n imagePath={textImageSelected.image}\n isTextFixed={isTextFixed}\n >\n <ArrowContainer>\n {textImageSelected !== textImage[0] && (\n <SelectArrow\n direction=\"left\"\n onPointerDown={() => goToPreviousImage()}\n ></SelectArrow>\n )}\n <Description\n textPosition={textImageSelected.textPosition ?? 'flex-start'}\n isTextFixed={isTextFixed}\n >\n <DynamicText text={textImageSelected.text} />\n </Description>\n {textImageSelected !== textImage[textImage.length - 1] && (\n <SelectArrow\n direction=\"right\"\n onPointerDown={() => goToNextImage()}\n ></SelectArrow>\n )}\n </ArrowContainer>\n </BackgroundImage>\n )}\n {onCloseButton && (\n <CloseButton className=\"container-close\" onPointerDown={onCloseButton}>\n X\n </CloseButton>\n )}\n </CarouselWrapper>\n );\n};\n\ninterface IBackgroundImage {\n imagePath: string;\n isTextFixed: boolean;\n}\n\ninterface ITextDescription {\n textPosition: 'flex-start' | 'flex-end';\n isTextFixed: boolean;\n}\n\nconst CarouselWrapper = styled(DraggableContainer)`\n width: 100%;\n height: 100%;\n`;\n\nconst ArrowContainer = styled.span`\n display: flex;\n height: 100%;\n align-items: center;\n`;\n\nconst BackgroundImage = styled.div<IBackgroundImage>`\n background-image: url(${props => props.imagePath});\n background-repeat: no-repeat;\n background-attachment: fixed;\n background-size: contain;\n background-position: center;\n width: 100%;\n height: ${props => (props.isTextFixed ? '80%' : '100%')};\n`;\n\nconst Description = styled.div<ITextDescription>`\n width: 100%;\n height: ${props => (props.isTextFixed ? 'auto' : '100%')};\n display: flex;\n align-items: ${props => props.textPosition};\n p {\n background-color: ${props =>\n props.isTextFixed ? 'none' : 'rgba(0, 0, 0, 0.6)'};\n border-radius: 5px;\n text-align: justify;\n height: auto;\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: 1.5rem;\n @media (max-width: 950px) {\n font-size: 1.7rem;\n padding: 12px;\n }\n`;\n","import React, { useEffect, useRef, useState } from 'react';\nimport styled, { keyframes } from 'styled-components';\nimport SelectArrow from '../Arrow/SelectArrow';\n\nexport interface ISimpleImageCarousel {\n images: string[];\n styles?: React.CSSProperties;\n autoCycle?: boolean;\n autoCycleDelay?: number;\n stopAutoCyclingOnInteraction?: boolean;\n}\n\nexport const SimpleImageCarousel: React.FC<ISimpleImageCarousel> = ({\n images,\n styles,\n autoCycle = false,\n autoCycleDelay = 3000,\n stopAutoCyclingOnInteraction = false,\n}) => {\n const [currentImage, setCurrentImage] = useState(0);\n const autoCycleId = useRef<NodeJS.Timeout | null>(null);\n\n const handleLeftClick = () => {\n setCurrentImage(\n prevImage => (prevImage - 1 + images?.length) % images?.length\n );\n if (stopAutoCyclingOnInteraction && autoCycleId.current) {\n clearInterval(autoCycleId.current);\n autoCycleId.current = null;\n }\n };\n\n const handleRightClick = () => {\n setCurrentImage(prevImage => (prevImage + 1) % images?.length);\n if (stopAutoCyclingOnInteraction && autoCycleId.current) {\n clearInterval(autoCycleId.current);\n autoCycleId.current = null;\n }\n };\n\n useEffect(() => {\n if (autoCycle) {\n autoCycleId.current = setInterval(() => {\n setCurrentImage(prevImage => (prevImage + 1) % images?.length);\n }, autoCycleDelay);\n }\n\n return () => {\n if (autoCycleId.current) {\n clearInterval(autoCycleId.current);\n }\n };\n }, [autoCycle, autoCycleDelay, images?.length]);\n\n const hasMoreThanOneImage = images?.length > 1;\n\n return (\n <ImageContainer style={styles}>\n {hasMoreThanOneImage && (\n <CustomLeftArrow direction=\"left\" onPointerDown={handleLeftClick} />\n )}\n {hasMoreThanOneImage && (\n <CustomRightArrow direction=\"right\" onPointerDown={handleRightClick} />\n )}\n <Carousel>\n <FadeInCarouselImg\n key={currentImage}\n src={images?.[currentImage]}\n alt={`Image ${currentImage}`}\n />\n </Carousel>\n </ImageContainer>\n );\n};\n\nconst ImageContainer = styled.div`\n flex: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n margin-right: 0.5rem;\n max-width: 400px;\n position: relative;\n width: 400px;\n`;\n\nconst CustomLeftArrow = styled(SelectArrow)`\n position: absolute;\n left: -0.5rem;\n top: 50%;\n transform: translateY(-50%);\n`;\n\nconst CustomRightArrow = styled(SelectArrow)`\n position: absolute;\n right: -2.5rem;\n top: 50%;\n transform: translateY(-50%);\n`;\n\nconst Carousel = styled.div`\n display: flex;\n`;\n\nconst CarouselImg = styled.img`\n flex: 0 0 auto;\n width: 100%;\n height: auto;\n margin: 0 1rem;\n border-radius: 5px;\n box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);\n scroll-snap-align: start;\n margin-right: 3rem;\n`;\n\nconst fadeIn = keyframes`\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n`;\n\nconst FadeInCarouselImg = styled(CarouselImg)`\n animation: ${fadeIn} 0.5s;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { UI_BREAKPOINT_MOBILE } from '../../constants/uiBreakpoints';\n\ninterface TabItem {\n id: string;\n title: string;\n content: React.ReactNode;\n}\n\nexport interface TableTabProps {\n tabs: TabItem[];\n activeColor?: string;\n activeTextColor: string;\n inactiveColor?: string;\n borderColor?: string;\n hoverColor?: string;\n onTabChange?: (tabId: string) => void;\n activeTab?: string;\n}\n\nexport const InternalTabs: React.FC<TableTabProps> = ({\n tabs,\n activeColor = '#fef08a',\n activeTextColor = '#000000',\n inactiveColor = '#6b7280',\n borderColor = '#f59e0b',\n hoverColor = '#fef3c7',\n onTabChange,\n activeTab: externalActiveTab,\n}) => {\n const activeTabId = externalActiveTab ?? tabs[0].id;\n\n return (\n <TableWrapper>\n <TabHeader borderColor={borderColor}>\n {tabs.map(tab => (\n <TabButton\n key={tab.id}\n active={activeTabId === tab.id}\n activeColor={activeColor}\n activeTextColor={activeTextColor}\n inactiveColor={inactiveColor}\n borderColor={borderColor}\n hoverColor={hoverColor}\n onClick={() => onTabChange?.(tab.id)}\n >\n {tab.title}\n </TabButton>\n ))}\n </TabHeader>\n <ContentWrapper>\n {tabs.find(tab => tab.id === activeTabId)?.content}\n </ContentWrapper>\n </TableWrapper>\n );\n};\n\nconst TableWrapper = styled.div`\n width: 100%;\n`;\n\nconst TabHeader = styled.div<{ borderColor: string }>`\n display: flex;\n border-bottom: 1px solid ${props => props.borderColor};\n`;\n\nconst TabButton = styled.button<{\n active: boolean;\n activeColor: string;\n activeTextColor: string;\n inactiveColor: string;\n borderColor: string;\n hoverColor: string;\n}>`\n flex: 1;\n padding: 0.25rem 0.5rem;\n font-size: 0.75rem;\n font-weight: 500;\n border-right: 1px solid ${props => props.borderColor};\n background-color: ${props =>\n props.active ? props.activeColor : 'transparent'};\n color: ${props =>\n props.active ? props.activeTextColor : props.inactiveColor};\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n @media (min-width: 480px) {\n padding: 0.375rem 0.75rem;\n font-size: 0.8125rem;\n }\n\n @media (min-width: ${UI_BREAKPOINT_MOBILE}) {\n padding: 0.5rem 1rem;\n font-size: 0.875rem;\n }\n\n &:last-child {\n border-right: none;\n }\n\n &:hover {\n background-color: ${props =>\n props.active ? props.activeColor : props.hoverColor};\n }\n`;\n\nconst ContentWrapper = styled.div`\n width: 100%;\n`;\n","\nexport const UI_BREAKPOINT_MOBILE = '950px';\nexport const UI_BREAKPOINT_SMALL_LAPTOP = '1400px';\n","import { useState } from 'react';\n\nconst TOOLTIP_OFFSET = 10;\nconst MIN_VISIBLE_HEIGHT = 100;\n\ninterface ITooltipPosition {\n x: number;\n y: number;\n}\n\ninterface ITooltipState<T> {\n item: T | null;\n position: ITooltipPosition;\n}\n\nexport const useTooltipPosition = <T>() => {\n // Dynamically calculate tooltip width based on screen size\n const getTooltipWidth = (): number => {\n const viewportWidth = window.innerWidth;\n if (viewportWidth < 360) {\n return Math.min(280, viewportWidth - 20);\n }\n if (viewportWidth < 480) {\n return 300;\n }\n return 320;\n };\n\n const TOOLTIP_WIDTH = getTooltipWidth();\n\n const [tooltipState, setTooltipState] = useState<ITooltipState<T> | null>(\n null\n );\n\n const calculateTooltipPosition = (rect: DOMRect): ITooltipPosition => {\n const viewportWidth = window.innerWidth;\n const viewportHeight = window.innerHeight;\n const tooltipWidth = getTooltipWidth();\n\n // Try to position to the right first\n let x = rect.right + TOOLTIP_OFFSET;\n\n // If it would overflow right, try positioning to the left\n if (x + tooltipWidth > viewportWidth - TOOLTIP_OFFSET) {\n x = rect.left - tooltipWidth - TOOLTIP_OFFSET;\n }\n\n // If left positioning would go off screen, center it or position relative to viewport\n if (x < TOOLTIP_OFFSET) {\n if (viewportWidth < 400) {\n // For very small screens, center the tooltip\n x = Math.max(TOOLTIP_OFFSET, (viewportWidth - tooltipWidth) / 2);\n } else {\n x = TOOLTIP_OFFSET;\n }\n }\n\n // Position vertically aligned with the top of the element\n let y = rect.top;\n\n // Ensure tooltip doesn't go above viewport\n if (y < TOOLTIP_OFFSET) {\n y = TOOLTIP_OFFSET;\n }\n\n // Ensure some part of tooltip is always visible if element is near bottom\n if (y > viewportHeight - MIN_VISIBLE_HEIGHT) {\n y = viewportHeight - MIN_VISIBLE_HEIGHT;\n }\n\n return { x, y };\n };\n\n const handleMouseEnter = (item: T, event: React.MouseEvent) => {\n const rect = event.currentTarget.getBoundingClientRect();\n setTooltipState({\n item,\n position: calculateTooltipPosition(rect),\n });\n };\n\n const handleMouseLeave = () => {\n setTooltipState(null);\n };\n\n return {\n tooltipState,\n handleMouseEnter,\n handleMouseLeave,\n TOOLTIP_WIDTH,\n };\n};\n","import React from 'react';\nimport { FaChevronLeft, FaChevronRight } from 'react-icons/fa';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../constants/uiColors';\n\ninterface PaginationProps {\n currentPage: number;\n totalPages: number;\n onPageChange: (page: number) => void;\n className?: string;\n}\n\nexport const Pagination: React.FC<PaginationProps> = ({\n currentPage,\n totalPages,\n onPageChange,\n className,\n}) => {\n return (\n <Container className={className}>\n <PaginationButton\n onClick={() => onPageChange(Math.max(1, currentPage - 1))}\n disabled={currentPage === 1}\n >\n <FaChevronLeft size={12} />\n </PaginationButton>\n <PageInfo>\n Page {currentPage} of {totalPages}\n </PageInfo>\n <PaginationButton\n onClick={() => onPageChange(Math.min(totalPages, currentPage + 1))}\n disabled={currentPage === totalPages}\n >\n <FaChevronRight size={12} />\n </PaginationButton>\n </Container>\n );\n};\n\nconst Container = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 16px;\n padding: 8px;\n`;\n\nconst PaginationButton = styled.button<{ disabled?: boolean }>`\n background: none;\n border: none;\n color: ${props => (props.disabled ? uiColors.darkGray : uiColors.yellow)};\n cursor: ${props => (props.disabled ? 'not-allowed' : 'pointer')};\n opacity: ${props => (props.disabled ? 0.5 : 0.8)};\n padding: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: opacity 0.2s;\n\n &:hover:not(:disabled) {\n opacity: 1;\n }\n`;\n\nconst PageInfo = styled.div`\n color: ${uiColors.lightGray};\n font-size: 0.8rem;\n font-family: 'Press Start 2P', cursive;\n`;\n","import React from 'react';\nimport { FaSearch } from 'react-icons/fa';\nimport styled from 'styled-components';\n\ninterface ISearchBarProps {\n value: string;\n onChange: (value: string) => void;\n placeholder?: string;\n className?: string;\n rightElement?: React.ReactNode;\n}\n\nexport const SearchBar: React.FC<ISearchBarProps> = ({\n value,\n onChange,\n placeholder,\n className,\n rightElement,\n}) => {\n const hasRightElement = Boolean(rightElement);\n\n return (\n <Container className={className}>\n <Input\n type=\"text\"\n value={value}\n onChange={e => onChange(e.target.value)}\n placeholder={placeholder}\n className=\"rpgui-input\"\n $hasRightElement={hasRightElement}\n />\n <IconContainer>\n <SearchIcon />\n {rightElement}\n </IconContainer>\n </Container>\n );\n};\n\nconst Container = styled.div`\n position: relative;\n width: 100%;\n`;\n\nconst Input = styled.input<{ $hasRightElement: boolean }>`\n width: 100%;\n padding-right: ${props =>\n props.$hasRightElement ? '6rem' : '2.5rem'} !important;\n background: rgba(0, 0, 0, 0.2) !important;\n border: 2px solid #f59e0b !important;\n box-shadow: 0 0 10px rgba(245, 158, 11, 0.3);\n color: #ffffff !important;\n font-family: 'Press Start 2P', cursive !important;\n font-size: 0.875rem !important;\n\n &::placeholder {\n color: rgba(255, 255, 255, 0.5) !important;\n }\n`;\n\nconst IconContainer = styled.div`\n position: absolute;\n right: 0.75rem;\n top: 50%;\n transform: translateY(-50%);\n display: flex;\n align-items: center;\n gap: 0.5rem;\n pointer-events: none;\n z-index: 1;\n\n > * {\n pointer-events: auto;\n }\n`;\n\nconst SearchIcon = styled(FaSearch)`\n font-size: 1rem;\n color: #f59e0b;\n filter: drop-shadow(0 0 2px rgba(245, 158, 11, 0.3));\n`;\n","import { isMobileOrTablet } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { Dropdown, IOptionsProps } from '../../Dropdown';\nimport { SearchBar } from '../SearchBar/SearchBar';\n\ninterface ISearchHeaderProps {\n searchOptions?: {\n value: string;\n onChange: (value: string) => void;\n placeholder?: string;\n rightElement?: React.ReactNode;\n };\n filterOptions?: {\n options: IOptionsProps[];\n selectedOption: string;\n onOptionChange: (value: string) => void;\n };\n className?: string;\n}\n\nexport const SearchHeader: React.FC<ISearchHeaderProps> = ({\n searchOptions,\n filterOptions,\n className,\n}) => {\n if (!searchOptions && !filterOptions) return null;\n\n const isMobile = isMobileOrTablet();\n const isSmallScreen = isMobile && window.innerWidth < 480;\n\n return (\n <HeaderContainer className={className}>\n <HeaderContent $isSmallScreen={isSmallScreen}>\n {searchOptions && (\n <SearchContainer>\n <StyledSearchBar\n value={searchOptions.value}\n onChange={searchOptions.onChange}\n placeholder={\n isSmallScreen\n ? 'Search...'\n : searchOptions.placeholder || 'Search...'\n }\n rightElement={searchOptions.rightElement}\n />\n </SearchContainer>\n )}\n {filterOptions && (\n <FilterContainer $isSmallScreen={isSmallScreen}>\n <StyledDropdown\n options={filterOptions.options}\n onChange={filterOptions.onOptionChange}\n width={isSmallScreen ? '100%' : '200px'}\n />\n </FilterContainer>\n )}\n </HeaderContent>\n </HeaderContainer>\n );\n};\n\nconst HeaderContainer = styled.div``;\n\nconst HeaderContent = styled.div<{ $isSmallScreen?: boolean }>`\n display: flex;\n flex-direction: ${props => (props.$isSmallScreen ? 'column' : 'row')};\n justify-content: space-between;\n align-items: ${props => (props.$isSmallScreen ? 'stretch' : 'center')};\n gap: ${props => (props.$isSmallScreen ? '0.5rem' : '1rem')};\n background: rgba(0, 0, 0, 0.2);\n padding: ${props => (props.$isSmallScreen ? '0.5rem' : '1rem')};\n border-radius: 4px;\n`;\n\nconst SearchContainer = styled.div`\n flex: 1;\n`;\n\nconst FilterContainer = styled.div<{ $isSmallScreen?: boolean }>`\n display: flex;\n justify-content: ${props => (props.$isSmallScreen ? 'stretch' : 'flex-end')};\n width: ${props => (props.$isSmallScreen ? '100%' : 'auto')};\n`;\n\nconst StyledSearchBar = styled(SearchBar)`\n width: 100%;\n`;\n\nconst StyledDropdown = styled(Dropdown)`\n min-width: 150px;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport {\n UI_BREAKPOINT_MOBILE,\n UI_BREAKPOINT_SMALL_LAPTOP,\n} from '../../../constants/uiBreakpoints';\nimport { usePagination } from '../../CraftBook/hooks/usePagination';\nimport { IOptionsProps } from '../../Dropdown';\nimport { Pagination } from '../Pagination/Pagination';\nimport { SearchHeader } from '../SearchHeader/SearchHeader';\n\ninterface IPaginatedContentProps<T> {\n items: T[];\n itemsPerPage?: number;\n renderItem: (item: T) => React.ReactNode;\n emptyMessage?: string;\n className?: string;\n filterOptions?: {\n options: IOptionsProps[];\n selectedOption: string;\n onOptionChange: (value: string) => void;\n };\n searchOptions?: {\n value: string;\n onChange: (value: string) => void;\n placeholder?: string;\n rightElement?: React.ReactNode;\n };\n dependencies?: any[];\n tabId?: string;\n layout?: 'grid' | 'list';\n gridColumns?: number;\n itemHeight?: string;\n}\n\nexport const PaginatedContent = <T extends unknown>({\n items,\n itemsPerPage = 8,\n renderItem,\n emptyMessage = 'No items found',\n className,\n filterOptions,\n searchOptions,\n dependencies = [],\n tabId,\n layout = 'list',\n gridColumns = 4,\n itemHeight = '180px',\n}: IPaginatedContentProps<T>): React.ReactElement => {\n const {\n currentPage,\n setCurrentPage,\n paginatedItems,\n totalPages,\n } = usePagination({\n items,\n itemsPerPage,\n dependencies: [...dependencies, tabId],\n });\n\n return (\n <Container className={className}>\n {(searchOptions || filterOptions) && (\n <SearchHeader\n searchOptions={searchOptions}\n filterOptions={filterOptions}\n />\n )}\n {items.length === 0 ? (\n <EmptyMessage>{emptyMessage}</EmptyMessage>\n ) : (\n <>\n <Content\n className={`PaginatedContent-content ${layout}`}\n $gridColumns={gridColumns}\n $itemHeight={itemHeight}\n >\n {paginatedItems.map((item, index) => (\n <div key={index} className=\"PaginatedContent-item\">\n {renderItem(item)}\n </div>\n ))}\n </Content>\n <PaginationContainer className=\"PaginatedContent-pagination\">\n <Pagination\n currentPage={currentPage}\n totalPages={totalPages}\n onPageChange={setCurrentPage}\n />\n </PaginationContainer>\n </>\n )}\n </Container>\n );\n};\n\nconst Container = styled.div`\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n min-height: 400px;\n width: 100%;\n`;\n\nconst Content = styled.div<{\n $gridColumns: number;\n $maxHeight?: string;\n $itemHeight?: string;\n}>`\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n flex: 1;\n padding: 0.25rem;\n min-height: 200px;\n max-height: 60vh;\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n box-sizing: border-box;\n\n scrollbar-width: thin;\n scrollbar-color: rgba(255, 255, 255, 0.3) rgba(0, 0, 0, 0.2);\n\n @media (min-width: 360px) {\n padding: 0.5rem;\n }\n\n @media (min-width: 480px) {\n padding: 0.5rem;\n }\n\n &.grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.5rem;\n align-items: start;\n justify-content: center;\n width: 100%;\n\n @media (min-width: 320px) {\n grid-template-columns: repeat(2, minmax(100px, 1fr));\n }\n\n @media (min-width: 400px) {\n grid-template-columns: repeat(2, minmax(120px, 1fr));\n gap: 0.75rem;\n }\n\n @media (min-width: 480px) {\n grid-template-columns: repeat(3, minmax(120px, 1fr));\n gap: 1rem;\n }\n\n @media (min-width: 768px) {\n grid-template-columns: repeat(4, minmax(120px, 1fr));\n }\n\n @media (min-width: ${UI_BREAKPOINT_MOBILE}) {\n grid-template-columns: repeat(\n ${props => Math.min(props.$gridColumns, 4)},\n minmax(120px, 1fr)\n );\n }\n\n @media (min-width: ${UI_BREAKPOINT_SMALL_LAPTOP}) {\n grid-template-columns: repeat(\n ${props => props.$gridColumns},\n minmax(120px, 1fr)\n );\n }\n\n .PaginatedContent-item {\n display: flex;\n align-items: flex-start;\n justify-content: center;\n height: ${props => props.$itemHeight ?? 'auto'};\n width: 100%;\n box-sizing: border-box;\n min-height: 120px;\n }\n }\n\n &.list {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n }\n`;\n\nconst PaginationContainer = styled.div`\n display: flex;\n justify-content: center;\n padding: 0.5rem;\n\n @media (min-width: 480px) {\n padding: 1rem;\n }\n`;\n\nconst EmptyMessage = styled.div`\n text-align: center;\n color: #9ca3af;\n padding: 2rem;\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n","import { useEffect, useState } from 'react';\n\ninterface UsePaginationProps<T> {\n items: T[];\n itemsPerPage: number;\n dependencies?: any[];\n}\n\ninterface UsePaginationReturn<T> {\n currentPage: number;\n setCurrentPage: (page: number) => void;\n paginatedItems: T[];\n totalPages: number;\n}\n\nexport const usePagination = <T>({\n items,\n itemsPerPage,\n dependencies = [],\n}: UsePaginationProps<T>): UsePaginationReturn<T> => {\n const [currentPage, setCurrentPage] = useState(1);\n const totalPages = Math.ceil(items.length / itemsPerPage);\n\n const paginatedItems = items.slice(\n (currentPage - 1) * itemsPerPage,\n currentPage * itemsPerPage\n );\n\n useEffect(() => {\n setCurrentPage(1);\n }, [...dependencies]);\n\n return {\n currentPage,\n setCurrentPage,\n paginatedItems,\n totalPages,\n };\n};\n","import { useEffect, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\ninterface IPortalProps {\n children: React.ReactNode;\n}\n\nexport const Portal: React.FC<IPortalProps> = ({ children }) => {\n const [container] = useState(() => document.createElement('div'));\n\n useEffect(() => {\n document.body.appendChild(container);\n return () => {\n document.body.removeChild(container);\n };\n }, [container]);\n\n return createPortal(children, container);\n};\n","import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { UI_BREAKPOINT_MOBILE } from '../../constants/uiBreakpoints';\nimport { SpriteFromAtlas } from '../shared/SpriteFromAtlas';\n\ninterface IInformationCenterCellProps {\n name: string;\n spriteKey: string;\n atlasJSON: any;\n atlasIMG: string;\n onClick?: () => void;\n onMouseEnter?: (e: React.MouseEvent) => void;\n onMouseLeave?: () => void;\n onMouseMove?: (e: React.MouseEvent) => void;\n onTouchStart?: (e: React.TouchEvent) => void;\n}\n\nexport const InformationCenterCell: React.FC<IInformationCenterCellProps> = ({\n name,\n spriteKey,\n atlasJSON,\n atlasIMG,\n onClick,\n onMouseEnter,\n onMouseLeave,\n onMouseMove,\n onTouchStart,\n}) => {\n const [touchStartY, setTouchStartY] = useState<number | null>(null);\n const [touchStartX, setTouchStartX] = useState<number | null>(null);\n const [isTouchScrolling, setIsTouchScrolling] = useState(false);\n\n const handleTouchStart = (e: React.TouchEvent) => {\n setTouchStartY(e.touches[0].clientY);\n setTouchStartX(e.touches[0].clientX);\n setIsTouchScrolling(false);\n };\n\n const handleTouchMove = (e: React.TouchEvent) => {\n if (touchStartY !== null && touchStartX !== null) {\n const touchDiffY = Math.abs(e.touches[0].clientY - touchStartY);\n const touchDiffX = Math.abs(e.touches[0].clientX - touchStartX);\n\n // If user moved finger more than 15px in any direction, consider it scrolling\n if (touchDiffY > 15 || touchDiffX > 15) {\n setIsTouchScrolling(true);\n e.stopPropagation(); // Prevent parent elements from handling this touch\n }\n }\n };\n\n const handleTouchEnd = (e: React.TouchEvent) => {\n if (!isTouchScrolling && onTouchStart) {\n onTouchStart(e);\n }\n setTouchStartY(null);\n setTouchStartX(null);\n };\n\n return (\n <CellContainer\n onClick={onClick}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n onMouseMove={onMouseMove}\n onTouchStart={handleTouchStart}\n onTouchMove={handleTouchMove}\n onTouchEnd={handleTouchEnd}\n >\n <SpriteContainer>\n <SpriteFromAtlas\n atlasJSON={atlasJSON}\n atlasIMG={atlasIMG}\n spriteKey={spriteKey}\n width={32}\n height={32}\n imgScale={1}\n />\n </SpriteContainer>\n <CellNameContainer>\n <CellName>{name}</CellName>\n </CellNameContainer>\n </CellContainer>\n );\n};\n\nconst CellContainer = styled.div`\n position: relative;\n background: rgba(0, 0, 0, 0.2);\n padding: 0.2rem;\n border-radius: 4px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: background-color 0.2s ease;\n width: 100%;\n height: 100%;\n min-height: 90px;\n box-sizing: border-box;\n gap: 0.2rem;\n margin: 0;\n\n @media (min-width: 360px) {\n padding: 0.3rem;\n gap: 0.3rem;\n margin: 1px;\n width: calc(100% - 2px);\n min-height: 100px;\n }\n\n @media (min-width: ${UI_BREAKPOINT_MOBILE}) {\n min-height: 110px;\n }\n\n &:hover {\n background: rgba(0, 0, 0, 0.3);\n }\n`;\n\nconst SpriteContainer = styled.div`\n display: flex;\n justify-content: center;\n align-items: center;\n width: 32px;\n height: 32px;\n position: relative;\n background: rgba(0, 0, 0, 0.3);\n border-radius: 4px;\n flex-shrink: 0;\n overflow: hidden;\n\n padding: 1rem;\n margin-top: 1rem;\n\n @media (min-width: 360px) {\n width: 36px;\n height: 36px;\n }\n\n @media (min-width: 480px) {\n width: 42px;\n height: 42px;\n }\n\n @media (min-width: ${UI_BREAKPOINT_MOBILE}) {\n width: 48px;\n height: 48px;\n }\n\n .sprite-from-atlas-img {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) scale(2);\n image-rendering: pixelated;\n }\n`;\n\nconst CellNameContainer = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n flex: 1;\n width: 100%;\n padding-top: 0.1rem;\n`;\n\nconst CellName = styled.h3`\n font-size: 0.5rem;\n color: #fef08a;\n margin: 0;\n text-align: center;\n font-family: 'Press Start 2P', cursive;\n line-height: 1.1;\n word-break: break-word;\n max-width: 100%;\n overflow-wrap: break-word;\n hyphens: auto;\n width: 100%;\n padding: 0 0.125rem;\n box-sizing: border-box;\n\n @media (min-width: 320px) {\n padding: 0 0.25rem;\n }\n\n @media (min-width: 360px) {\n font-size: 0.55rem;\n }\n\n @media (min-width: 480px) {\n font-size: 0.6rem;\n }\n\n @media (min-width: ${UI_BREAKPOINT_MOBILE}) {\n font-size: 0.65rem;\n }\n`;\n","import React, { ReactNode } from 'react';\nimport { FaTimes } from 'react-icons/fa';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../constants/uiColors';\nimport { SpriteFromAtlas } from '../../shared/SpriteFromAtlas';\n\nexport interface IBaseInformationDetailsProps {\n name: string;\n spriteKey: string;\n atlasJSON: Record<string, any>;\n atlasIMG: string;\n onBack: () => void;\n children?: ReactNode;\n}\n\nexport const BaseInformationDetails: React.FC<IBaseInformationDetailsProps> = ({\n name,\n spriteKey,\n atlasJSON,\n atlasIMG,\n onBack,\n children,\n}) => {\n return (\n <Container>\n <Overlay onClick={onBack} />\n <Modal>\n <CloseButton onClick={onBack}>\n <FaTimes />\n </CloseButton>\n\n <Header>\n <SpriteContainer>\n <SpriteFromAtlas\n atlasJSON={atlasJSON}\n atlasIMG={atlasIMG}\n spriteKey={spriteKey}\n width={32}\n height={32}\n imgScale={1}\n />\n </SpriteContainer>\n <Title>{name}</Title>\n </Header>\n <Content>{children}</Content>\n </Modal>\n </Container>\n );\n};\n\nconst Container = styled.div`\n position: fixed;\n inset: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 9999;\n`;\n\nconst Overlay = styled.div`\n position: fixed;\n inset: 0;\n background-color: rgba(0, 0, 0, 0.8);\n`;\n\nconst Modal = styled.div`\n position: relative;\n background-color: rgba(0, 0, 0, 0.95);\n border-radius: 4px;\n padding: 12px;\n overflow: hidden;\n z-index: 1;\n font-family: 'Press Start 2P', cursive;\n border: 1px solid ${uiColors.darkGray};\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n width: 90%;\n height: 90vh;\n max-width: 800px;\n max-height: 800px;\n\n @media (max-width: 768px) {\n width: 100%;\n height: 100%;\n border-radius: 0;\n padding: 8px;\n }\n\n &::-webkit-scrollbar {\n width: 2px;\n }\n\n &::-webkit-scrollbar-track {\n background: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: ${uiColors.yellow};\n border-radius: 4px;\n opacity: 0.5;\n\n &:hover {\n opacity: 1;\n }\n }\n\n scrollbar-width: thin;\n scrollbar-color: ${uiColors.yellow} transparent;\n`;\n\nconst CloseButton = styled.button`\n position: absolute;\n top: 20px;\n right: 20px;\n background: none;\n border: none;\n color: ${uiColors.yellow};\n font-size: 1.2rem;\n cursor: pointer;\n padding: 0;\n z-index: 1;\n transition: transform 0.2s ease;\n\n &:hover {\n transform: scale(1.1);\n }\n`;\n\nconst Header = styled.div`\n display: flex;\n align-items: center;\n gap: 16px;\n margin-bottom: 24px;\n`;\n\nconst Content = styled.div`\n display: flex;\n flex-direction: column;\n gap: 12px;\n height: calc(100% - 80px);\n overflow-y: auto;\n overflow-x: hidden;\n padding-right: 6px;\n margin-right: -6px;\n\n @media (max-width: 768px) {\n height: calc(100% - 64px);\n gap: 8px;\n padding-right: 4px;\n margin-right: -4px;\n }\n`;\n\nconst Title = styled.h2`\n color: ${uiColors.yellow};\n font-size: 1rem;\n margin: 0;\n`;\n\nconst SpriteContainer = styled.div`\n width: 64px;\n height: 64px;\n background: rgba(0, 0, 0, 0.3);\n border-radius: 4px;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n\n .sprite-from-atlas-img {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) scale(2);\n transform-origin: center;\n }\n`;\n","import React, { useState } from 'react';\nimport { FaChevronDown, FaChevronUp } from 'react-icons/fa';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../constants/uiColors';\n\ninterface ICollapsibleProps {\n title: string;\n children: React.ReactNode;\n defaultOpen?: boolean;\n className?: string;\n}\n\nexport const Collapsible: React.FC<ICollapsibleProps> = ({\n title,\n children,\n defaultOpen = false,\n className,\n}) => {\n const [isOpen, setIsOpen] = useState(defaultOpen);\n\n return (\n <Container className={className}>\n <Header onClick={() => setIsOpen(!isOpen)}>\n <Title>{title}</Title>\n <Icon>{isOpen ? <FaChevronUp /> : <FaChevronDown />}</Icon>\n </Header>\n {isOpen && <Content>{children}</Content>}\n </Container>\n );\n};\n\nconst Container = styled.div`\n background: rgba(0, 0, 0, 0.3);\n border-radius: 4px;\n overflow: hidden;\n border: 1px solid ${uiColors.darkGray};\n`;\n\nconst Header = styled.div`\n padding: 10px 12px;\n background: rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n transition: background-color 0.2s ease;\n\n &:hover {\n background: rgba(0, 0, 0, 0.4);\n }\n`;\n\nconst Title = styled.h3`\n margin: 0;\n font-size: 0.6rem;\n color: ${uiColors.yellow};\n font-family: 'Press Start 2P', cursive;\n letter-spacing: 0.5px;\n`;\n\nconst Icon = styled.span`\n color: ${uiColors.yellow};\n font-size: 0.6rem;\n display: flex;\n align-items: center;\n`;\n\nconst Content = styled.div`\n padding: 6px;\n`;\n","import {\n IInformationCenterItem,\n IInformationCenterNPC,\n isMobileOrTablet,\n} from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../../constants/uiColors';\nimport { Collapsible } from '../../../shared/Collapsible/Collapsible';\nimport { BaseInformationDetails } from '../../shared/BaseInformationDetails';\n\ninterface IInformationCenterItemDetailsProps {\n item: IInformationCenterItem;\n itemsAtlasJSON: Record<string, any>;\n itemsAtlasIMG: string;\n droppedBy: IInformationCenterNPC[];\n onBack: () => void;\n}\n\nexport const InformationCenterItemDetails: React.FC<IInformationCenterItemDetailsProps> = ({\n item,\n itemsAtlasJSON,\n itemsAtlasIMG,\n droppedBy,\n onBack,\n}) => {\n const isMobile = isMobileOrTablet();\n\n const renderAllowedSlots = () => {\n if (!item.allowedEquipSlotType?.length) return null;\n return (\n <InfoItem>\n <Label>Equip Slots:</Label>\n <Value>{item.allowedEquipSlotType.join(', ')}</Value>\n </InfoItem>\n );\n };\n\n const renderRequirements = () => {\n if (!item.minRequirements) return null;\n return (\n <StyledCollapsible title=\"Requirements\" defaultOpen={!isMobile}>\n <RequirementsGrid>\n {item.minRequirements.level && (\n <RequirementItem>\n <Label>Level:</Label>\n <Value>{item.minRequirements.level}</Value>\n </RequirementItem>\n )}\n {item.minRequirements.skill && (\n <RequirementItem>\n <Label>{item.minRequirements.skill.name}:</Label>\n <Value>{item.minRequirements.skill.level}</Value>\n </RequirementItem>\n )}\n </RequirementsGrid>\n </StyledCollapsible>\n );\n };\n\n return (\n <BaseInformationDetails\n name={item.name}\n spriteKey={item.texturePath}\n atlasJSON={itemsAtlasJSON}\n atlasIMG={itemsAtlasIMG}\n onBack={onBack}\n >\n <InfoSection>\n <InfoItem>\n <Label>Type:</Label>\n <Value>{item.type}</Value>\n </InfoItem>\n <InfoItem>\n <Label>Subtype:</Label>\n <Value>{item.subType}</Value>\n </InfoItem>\n <InfoItem>\n <Label>Tier:</Label>\n <Value>{item.tier}</Value>\n </InfoItem>\n <InfoItem>\n <Label>Rarity:</Label>\n <Value>{item.rarity}</Value>\n </InfoItem>\n {renderAllowedSlots()}\n </InfoSection>\n\n <StyledCollapsible title=\"Description\" defaultOpen={!isMobile}>\n <Description>\n {item.description || 'No description available.'}\n </Description>\n </StyledCollapsible>\n\n <StyledCollapsible title=\"Stats\" defaultOpen={!isMobile}>\n <StatGrid>\n <StatItem>Weight: {item.weight}</StatItem>\n <StatItem>Stack Size: {item.maxStackSize}</StatItem>\n {item.rangeType && <StatItem>Range Type: {item.rangeType}</StatItem>}\n {item.basePrice > 0 && (\n <StatItem>Base Price: {item.basePrice}</StatItem>\n )}\n </StatGrid>\n </StyledCollapsible>\n\n {renderRequirements()}\n\n {item.entityEffects && item.entityEffects.length > 0 && (\n <StyledCollapsible title=\"Effects\" defaultOpen={!isMobile}>\n <EffectsList>\n {item.entityEffects.map((effect, index) => (\n <EffectItem key={index}>\n {effect}\n {item.entityEffectChance && (\n <EffectChance>({item.entityEffectChance}%)</EffectChance>\n )}\n </EffectItem>\n ))}\n </EffectsList>\n {item.usableEffectDescription && (\n <EffectDescription>\n {item.usableEffectDescription}\n </EffectDescription>\n )}\n </StyledCollapsible>\n )}\n\n {item.equippedBuff && item.equippedBuff.length > 0 && (\n <StyledCollapsible title=\"Equipped Buffs\" defaultOpen={!isMobile}>\n <BuffsList>\n {item.equippedBuff.map((buff, index) => (\n <BuffItem key={index}>\n <BuffName>\n {buff.trait.replace(/^\\w/, c => c.toUpperCase())}\n </BuffName>\n <BuffValue>+{buff.buffPercentage}%</BuffValue>\n </BuffItem>\n ))}\n </BuffsList>\n {item.equippedBuffDescription && (\n <BuffDescription>{item.equippedBuffDescription}</BuffDescription>\n )}\n </StyledCollapsible>\n )}\n\n {droppedBy.length > 0 && (\n <StyledCollapsible title=\"Dropped By\" defaultOpen={!isMobile}>\n <DropList>\n {droppedBy.map(npc => {\n const loot = npc.loots.find(l => l.itemBlueprintKey === item.key);\n return (\n <DropItem key={npc.id}>\n <NPCName>{npc.name}</NPCName>\n <DropRate>{loot?.chance}%</DropRate>\n </DropItem>\n );\n })}\n </DropList>\n </StyledCollapsible>\n )}\n </BaseInformationDetails>\n );\n};\n\nconst InfoSection = styled.div`\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 8px;\n background: rgba(255, 255, 255, 0.05);\n padding: 12px;\n border-radius: 4px;\n`;\n\nconst InfoItem = styled.div`\n display: flex;\n align-items: center;\n gap: 8px;\n`;\n\nconst Label = styled.span`\n color: ${uiColors.yellow};\n font-size: 0.5rem;\n opacity: 0.8;\n`;\n\nconst Value = styled.span`\n color: ${uiColors.white};\n font-size: 0.5rem;\n`;\n\nconst StyledCollapsible = styled(Collapsible)`\n background: rgba(255, 255, 255, 0.05);\n border-radius: 4px;\n overflow: auto;\n scrollbar-width: thin;\n scrollbar-color: ${uiColors.darkGray} transparent;\n`;\n\nconst Description = styled.p`\n color: ${uiColors.white};\n font-size: 0.5rem;\n margin: 0;\n padding: 12px;\n line-height: 1.5;\n`;\n\nconst StatGrid = styled.div`\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 8px;\n padding: 12px;\n`;\n\nconst StatItem = styled.div`\n color: ${uiColors.white};\n font-size: 0.5rem;\n background: rgba(255, 255, 255, 0.05);\n padding: 8px;\n border-radius: 4px;\n`;\n\nconst EffectsList = styled.div`\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n padding: 12px;\n`;\n\nconst EffectItem = styled.div`\n display: flex;\n align-items: center;\n gap: 4px;\n color: ${uiColors.white};\n font-size: 0.5rem;\n background: rgba(255, 255, 255, 0.1);\n padding: 4px 8px;\n border-radius: 4px;\n`;\n\nconst EffectChance = styled.span`\n color: ${uiColors.yellow};\n opacity: 0.8;\n`;\n\nconst BuffsList = styled.div`\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 12px;\n`;\n\nconst BuffItem = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: rgba(255, 255, 255, 0.05);\n padding: 8px;\n border-radius: 4px;\n`;\n\nconst BuffName = styled.span`\n color: ${uiColors.white};\n font-size: 0.5rem;\n`;\n\nconst BuffValue = styled.span`\n color: ${uiColors.yellow};\n font-size: 0.5rem;\n`;\n\nconst BuffDescription = styled.p`\n color: ${uiColors.lightGray};\n font-size: 0.45rem;\n margin: 0;\n padding: 0 12px 12px;\n font-style: italic;\n`;\n\nconst DropList = styled.div`\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n padding: 12px;\n`;\n\nconst DropItem = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0.5rem;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 4px;\n`;\n\nconst NPCName = styled.span`\n color: ${uiColors.white};\n font-size: 0.5rem;\n`;\n\nconst DropRate = styled.span`\n color: ${uiColors.yellow};\n font-size: 0.5rem;\n`;\n\nconst RequirementsGrid = styled.div`\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 8px;\n padding: 12px;\n`;\n\nconst RequirementItem = styled.div`\n display: flex;\n align-items: center;\n gap: 8px;\n background: rgba(255, 255, 255, 0.05);\n padding: 8px;\n border-radius: 4px;\n`;\n\nconst EffectDescription = styled.p`\n color: ${uiColors.lightGray};\n font-size: 0.45rem;\n margin: 8px 0 0;\n padding: 0 12px;\n font-style: italic;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\n\ninterface IBaseTooltipProps {\n children: React.ReactNode;\n width?: string;\n}\n\nconst TooltipContainer = styled.div<{ width?: string }>`\n background-color: rgba(0, 0, 0, 0.95);\n border-radius: 4px;\n padding: 8px;\n font-family: 'Press Start 2P', cursive;\n font-size: 0.6rem;\n width: ${props => props.width || '280px'};\n border: 1px solid ${uiColors.darkGray};\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n`;\n\nexport const TooltipTitle = styled.div`\n color: ${uiColors.yellow};\n font-size: 0.6rem;\n letter-spacing: 0.5px;\n margin-bottom: 8px;\n`;\n\nexport const Section = styled.div`\n margin-top: 6px;\n`;\n\nexport const SectionTitle = styled.div`\n color: ${uiColors.yellow};\n font-size: 0.5rem;\n margin-bottom: 4px;\n opacity: 0.7;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n padding-bottom: 4px;\n`;\n\nexport const StatsContainer = styled.div`\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 2px 8px;\n`;\n\nexport const StatItem = styled.div`\n color: ${uiColors.white};\n font-size: 0.5rem;\n text-align: left;\n`;\n\nexport const BaseTooltip: React.FC<IBaseTooltipProps> = ({\n children,\n width,\n}) => {\n return <TooltipContainer width={width}>{children}</TooltipContainer>;\n};\n\nexport default BaseTooltip;\n","import { IInformationCenterItem } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../../constants/uiColors';\nimport BaseTooltip, {\n Section,\n SectionTitle,\n StatItem,\n StatsContainer,\n TooltipTitle,\n} from '../../../shared/BaseTooltip';\n\ninterface IItemTooltipProps {\n item: IInformationCenterItem;\n}\n\nconst ItemHeader = styled.div`\n display: flex;\n align-items: center;\n gap: 8px;\n`;\n\nconst Description = styled.div`\n color: ${uiColors.white};\n font-size: 0.5rem;\n line-height: 1.4;\n margin-top: 8px;\n opacity: 0.8;\n`;\n\nconst RarityText = styled.span<{ rarity: string }>`\n color: ${props => {\n switch (props.rarity.toLowerCase()) {\n case 'legendary':\n return '#ff8c00';\n case 'rare':\n return '#0070dd';\n case 'uncommon':\n return '#1eff00';\n default:\n return '#ffffff';\n }\n }};\n font-size: 0.5rem;\n`;\n\nexport const InformationCenterItemTooltip: React.FC<IItemTooltipProps> = ({\n item,\n}) => {\n return (\n <BaseTooltip>\n <ItemHeader>\n <TooltipTitle>{item.name}</TooltipTitle>\n </ItemHeader>\n\n <Description>{item.description}</Description>\n\n <Section>\n <SectionTitle>Details</SectionTitle>\n <StatsContainer>\n <StatItem>Type: {item.type}</StatItem>\n <StatItem>Weight: {item.weight}</StatItem>\n {item.attack !== undefined && (\n <StatItem>Attack: {item.attack}</StatItem>\n )}\n {item.defense !== undefined && (\n <StatItem>Defense: {item.defense}</StatItem>\n )}\n {item.tier !== undefined && <StatItem>Tier: {item.tier}</StatItem>}\n {item.rangeType && <StatItem>Range: {item.rangeType}</StatItem>}\n </StatsContainer>\n </Section>\n\n <Section>\n <SectionTitle>Market</SectionTitle>\n <StatsContainer>\n <StatItem>Price: {item.basePrice}</StatItem>\n {item.rarity && (\n <StatItem>\n Rarity:{' '}\n <RarityText rarity={item.rarity}>{item.rarity}</RarityText>\n </StatItem>\n )}\n </StatsContainer>\n </Section>\n </BaseTooltip>\n );\n};\n","import { isMobileOrTablet } from '@rpg-engine/shared';\nimport React, { useEffect, useRef } from 'react';\nimport {\n AiFillCaretRight,\n AiFillFilter,\n AiOutlineFilter,\n} from 'react-icons/ai';\nimport styled from 'styled-components';\nimport { Dropdown } from '../../Dropdown';\nimport { Input } from '../../Input';\nimport { Portal } from '../Portal/Portal';\n\nexport interface IFilterOption {\n id: number;\n value: string;\n option: string;\n}\n\nexport interface IFilterSection {\n type: 'range' | 'dropdown';\n label: string;\n key: string;\n options?: IFilterOption[];\n value?: string | [number | undefined, number | undefined];\n onChange: (value: any) => void;\n}\n\ninterface IAdvancedFiltersProps {\n isOpen: boolean;\n onToggle: () => void;\n sections: IFilterSection[];\n onClearAll: () => void;\n hasActiveFilters: boolean;\n onClose?: () => void;\n}\n\nexport const AdvancedFilters: React.FC<IAdvancedFiltersProps> = ({\n isOpen,\n onToggle,\n sections,\n onClearAll,\n hasActiveFilters,\n onClose,\n}) => {\n const renderFilterSection = (section: IFilterSection) => {\n switch (section.type) {\n case 'range':\n const rangeValue = section.value as [\n number | undefined,\n number | undefined\n ];\n return (\n <FilterSection key={section.key}>\n <Label>{section.label}</Label>\n <RangeInputs>\n <Input\n type=\"number\"\n min={0}\n placeholder=\"Min\"\n value={rangeValue[0] || ''}\n onChange={e =>\n section.onChange([\n e.target.value ? Number(e.target.value) : undefined,\n rangeValue[1],\n ])\n }\n />\n <AiFillCaretRight />\n <Input\n type=\"number\"\n min={0}\n placeholder=\"Max\"\n value={rangeValue[1] || ''}\n onChange={e =>\n section.onChange([\n rangeValue[0],\n e.target.value ? Number(e.target.value) : undefined,\n ])\n }\n />\n </RangeInputs>\n </FilterSection>\n );\n\n case 'dropdown':\n return (\n <FilterSection key={section.key}>\n <Label>{section.label}</Label>\n <StyledDropdownWrapper>\n <Dropdown\n options={section.options || []}\n onChange={section.onChange}\n width=\"100%\"\n />\n </StyledDropdownWrapper>\n </FilterSection>\n );\n\n default:\n return null;\n }\n };\n\n // Calculate button position for the portal\n const [buttonPosition, setButtonPosition] = React.useState({\n top: 0,\n left: 0,\n isMobile: false,\n });\n const buttonRef = useRef<HTMLButtonElement>(null);\n const panelRef = useRef<HTMLDivElement>(null);\n const isMobile = isMobileOrTablet();\n\n useEffect(() => {\n if (isOpen && buttonRef.current) {\n const rect = buttonRef.current.getBoundingClientRect();\n\n if (isMobile) {\n // For mobile, position in center of screen\n setButtonPosition({\n top: window.innerHeight / 2,\n left: window.innerWidth / 2,\n isMobile: true,\n });\n } else {\n // Position below the button for larger screens\n setButtonPosition({\n top: rect.bottom + window.scrollY,\n left: rect.left + rect.width / 2 + window.scrollX,\n isMobile: false,\n });\n }\n }\n }, [isOpen, isMobile]);\n\n // Handle click outside to close the panel\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (\n isOpen &&\n panelRef.current &&\n !panelRef.current.contains(event.target as Node) &&\n buttonRef.current &&\n !buttonRef.current.contains(event.target as Node)\n ) {\n onToggle();\n }\n };\n\n if (isOpen) {\n document.addEventListener('mousedown', handleClickOutside);\n }\n\n return () => {\n document.removeEventListener('mousedown', handleClickOutside);\n };\n }, [isOpen, onToggle]);\n\n const handleClose = () => {\n onToggle();\n if (onClose) {\n onClose();\n }\n };\n\n return (\n <Container>\n <FilterButton\n onClick={onToggle}\n $hasActiveFilters={hasActiveFilters}\n ref={buttonRef}\n >\n {hasActiveFilters ? (\n <AiFillFilter size={20} />\n ) : (\n <AiOutlineFilter size={20} />\n )}\n <FilterCount $visible={hasActiveFilters}>\n {\n sections.filter(section => {\n if (section.type === 'range') {\n const rangeValue = section.value as [\n number | undefined,\n number | undefined\n ];\n return (\n rangeValue[0] !== undefined || rangeValue[1] !== undefined\n );\n }\n return section.value !== 'all';\n }).length\n }\n </FilterCount>\n </FilterButton>\n\n {isOpen && (\n <Portal>\n {isMobile && <Overlay />}\n <FiltersPanel\n ref={panelRef}\n style={{\n position: 'fixed',\n top: isMobile ? '50vh' : `${buttonPosition.top}px`,\n left: isMobile ? '50vw' : `${buttonPosition.left}px`,\n zIndex: 9999,\n }}\n $isMobile={isMobile}\n >\n <FilterHeader>\n <FilterTitle>Advanced Filters</FilterTitle>\n <CloseButton onClick={handleClose}>×</CloseButton>\n </FilterHeader>\n\n {sections.map(renderFilterSection)}\n\n {hasActiveFilters && (\n <ClearFiltersButton onClick={onClearAll}>\n Clear All Filters\n </ClearFiltersButton>\n )}\n </FiltersPanel>\n </Portal>\n )}\n </Container>\n );\n};\n\nconst Container = styled.div`\n position: relative;\n margin-left: 0.5rem;\n`;\n\nconst FilterButton = styled.button<{ $hasActiveFilters: boolean }>`\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 36px;\n height: 36px;\n background: transparent;\n border: none;\n color: ${({ $hasActiveFilters }) =>\n $hasActiveFilters ? '#ffd700' : 'rgba(255, 255, 255, 0.8)'};\n cursor: pointer;\n transition: all 0.2s;\n\n &:hover {\n color: ${({ $hasActiveFilters }) =>\n $hasActiveFilters ? '#ffd700' : '#ffffff'};\n }\n`;\n\nconst FilterCount = styled.div<{ $visible: boolean }>`\n position: absolute;\n top: -4px;\n right: -4px;\n background: #ffd700;\n color: #000;\n border-radius: 50%;\n width: 16px;\n height: 16px;\n font-size: 10px;\n font-weight: bold;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: ${({ $visible }) => ($visible ? 1 : 0)};\n transform: scale(${({ $visible }) => ($visible ? 1 : 0.5)});\n transition: all 0.2s;\n`;\n\nconst FiltersPanel = styled.div<{ $isMobile?: boolean }>`\n background: #1a1a1a;\n border: 1px solid #333;\n border-radius: 6px;\n padding: ${props => (props.$isMobile ? '0.75rem' : '1rem')};\n width: ${props => (props.$isMobile ? '240px' : '280px')};\n max-width: calc(100vw - 20px);\n display: flex;\n flex-direction: column;\n gap: ${props => (props.$isMobile ? '0.75rem' : '1rem')};\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n font-family: 'Press Start 2P', cursive;\n transform: ${props =>\n props.$isMobile ? 'translate(-50%, -50%) scale(0.9)' : 'translateX(-50%)'};\n\n @media (max-width: 320px) {\n width: 220px;\n padding: 0.65rem;\n gap: 0.65rem;\n }\n\n &:before {\n content: '';\n position: absolute;\n top: -6px;\n left: 50%;\n transform: translateX(-50%) rotate(45deg);\n width: 12px;\n height: 12px;\n background: #1a1a1a;\n border-left: 1px solid #333;\n border-top: 1px solid #333;\n display: ${props => (props.$isMobile ? 'none' : 'block')};\n }\n`;\n\nconst FilterHeader = styled.div`\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding-bottom: 0.75rem;\n margin-bottom: 0.5rem;\n border-bottom: 1px solid #333;\n`;\n\nconst Overlay = styled.div`\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.6);\n z-index: 9998;\n animation: fadeIn 0.2s ease-out;\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n`;\n\nconst FilterTitle = styled.div`\n font-weight: 600;\n color: #ffd700;\n font-size: 0.75rem;\n`;\n\nconst FilterSection = styled.div`\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n`;\n\nconst Label = styled.div`\n color: #999;\n font-size: 0.65rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n`;\n\nconst RangeInputs = styled.div`\n display: flex;\n align-items: center;\n gap: 0.5rem;\n\n input {\n width: 80px;\n background: #262626 !important;\n border: 1px solid #444 !important;\n border-radius: 4px !important;\n color: #ddd !important;\n font-size: 0.65rem !important;\n padding: 0.5rem !important;\n height: auto !important;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2) !important;\n\n &::placeholder {\n color: #666 !important;\n }\n\n &:focus {\n border-color: #f59e0b !important;\n outline: none !important;\n }\n }\n\n svg {\n color: #666;\n font-size: 0.875rem;\n }\n`;\n\nconst ClearFiltersButton = styled.button`\n width: 100%;\n background: transparent;\n color: #666;\n border: none;\n padding: 0.75rem 0;\n margin-top: 0.5rem;\n cursor: pointer;\n font-size: 0.65rem;\n transition: all 0.2s;\n border-top: 1px solid #333;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n font-family: 'Press Start 2P', cursive;\n\n &:hover {\n color: #ffd700;\n }\n`;\n\nconst CloseButton = styled.button`\n background: transparent;\n border: none;\n color: #999;\n font-size: 1.5rem;\n line-height: 1;\n cursor: pointer;\n padding: 0;\n margin: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n\n &:hover {\n color: #ffd700;\n }\n`;\n\nconst StyledDropdownWrapper = styled.div`\n .rpgui-dropdown-imp {\n font-size: 0.8rem;\n min-height: unset;\n padding-top: 0.3rem;\n }\n`;\n","import { ItemType } from '@rpg-engine/shared';\nimport React from 'react';\nimport {\n AdvancedFilters,\n IFilterOption,\n IFilterSection,\n} from '../../../shared/AdvancedFilters/AdvancedFilters';\nimport { formatItemType } from './InformationCenterItemsSection';\n\ninterface IItemsAdvancedFiltersProps {\n isOpen: boolean;\n onToggle: () => void;\n onTierChange: (value: string) => void;\n onTypeChange: (value: string) => void;\n selectedTier: string;\n selectedType: string;\n}\n\nexport const ItemsAdvancedFilters = ({\n isOpen,\n onToggle,\n onTierChange,\n onTypeChange,\n selectedTier,\n selectedType,\n}: IItemsAdvancedFiltersProps): JSX.Element => {\n const tierOptions: IFilterOption[] = [\n { id: 0, value: 'all', option: 'All Tiers' },\n ...Array.from({ length: 5 }, (_, i) => ({\n id: i + 1,\n value: String(i + 1),\n option: `Tier ${i + 1}`,\n })),\n ];\n\n const typeOptions: IFilterOption[] = [\n { id: 0, value: 'all', option: 'All Types' },\n ...Object.entries(ItemType).map(([, value], index) => ({\n id: index + 1,\n value: value as string,\n option: formatItemType(value as string),\n })),\n ];\n\n const hasActiveFilters = selectedTier !== 'all' || selectedType !== 'all';\n\n const handleClearFilters = () => {\n onTierChange('all');\n onTypeChange('all');\n };\n\n const sections: IFilterSection[] = [\n {\n type: 'dropdown',\n label: 'Tier',\n key: 'tier',\n options: tierOptions,\n value: selectedTier,\n onChange: onTierChange,\n },\n {\n type: 'dropdown',\n label: 'Item Type',\n key: 'type',\n options: typeOptions,\n value: selectedType,\n onChange: onTypeChange,\n },\n ];\n\n return (\n <AdvancedFilters\n isOpen={isOpen}\n onToggle={onToggle}\n sections={sections}\n onClearAll={handleClearFilters}\n hasActiveFilters={hasActiveFilters}\n />\n );\n};\n","import {\n IInformationCenterItem,\n IInformationCenterNPC,\n isMobileOrTablet,\n} from '@rpg-engine/shared';\nimport React, { useMemo, useState } from 'react';\nimport styled from 'styled-components';\nimport { useTooltipPosition } from '../../../../hooks/useTooltipPosition';\nimport { PaginatedContent } from '../../../shared/PaginatedContent/PaginatedContent';\nimport { Portal } from '../../../shared/Portal/Portal';\nimport { InformationCenterCell } from '../../InformationCenterCell';\nimport { BaseInformationDetails } from '../../shared/BaseInformationDetails';\nimport { InformationCenterItemDetails } from './InformationCenterItemDetails';\nimport { InformationCenterItemTooltip } from './InformationCenterItemTooltip';\nimport { ItemsAdvancedFilters } from './ItemsAdvancedFilters';\n\ninterface IItemsSectionProps {\n items: IInformationCenterItem[];\n bestiaryItems: IInformationCenterNPC[];\n itemsAtlasJSON: Record<string, any>;\n itemsAtlasIMG: string;\n initialSearchQuery: string;\n tabId: string;\n}\n\nexport const formatItemType = (type: string): string => {\n const words = type.split(/(?=[A-Z])/);\n\n if (words.length === 1) {\n return words[0];\n }\n\n return words\n .map((word, index) => {\n if (index === 0) {\n return word.charAt(0) + '.';\n }\n return word;\n })\n .join(' ');\n};\n\nexport const InformationCenterItemsSection: React.FC<IItemsSectionProps> = ({\n items,\n bestiaryItems,\n itemsAtlasJSON,\n itemsAtlasIMG,\n initialSearchQuery,\n tabId,\n}) => {\n const isMobile = isMobileOrTablet();\n const [searchQuery, setSearchQuery] = useState(initialSearchQuery);\n const [selectedItemCategory, setSelectedItemCategory] = useState<string>(\n 'all'\n );\n const [selectedTier, setSelectedTier] = useState<string>('all');\n const [isAdvancedFiltersOpen, setIsAdvancedFiltersOpen] = useState(false);\n const [\n selectedItem,\n setSelectedItem,\n ] = useState<IInformationCenterItem | null>(null);\n\n const {\n tooltipState,\n handleMouseEnter,\n handleMouseLeave,\n TOOLTIP_WIDTH,\n } = useTooltipPosition<IInformationCenterItem>();\n\n const filteredItems = useMemo<IInformationCenterItem[]>(() => {\n return items.filter(item => {\n const matchesSearch = item.name\n .toLowerCase()\n .includes(searchQuery.toLowerCase());\n const matchesCategory =\n selectedItemCategory === 'all' || item.type === selectedItemCategory;\n const matchesTier =\n selectedTier === 'all' || String(item.tier) === selectedTier;\n\n return matchesSearch && matchesCategory && matchesTier;\n });\n }, [items, searchQuery, selectedItemCategory, selectedTier]);\n\n const getDroppedByNPCs = (\n itemId: string,\n npcs: IInformationCenterNPC[]\n ): IInformationCenterNPC[] => {\n return (\n npcs.filter(npc =>\n npc.loots?.some(loot => loot.itemBlueprintKey === itemId)\n ) || []\n );\n };\n\n const handleTouchStart = (\n e: React.TouchEvent,\n item: IInformationCenterItem\n ) => {\n e.preventDefault();\n setSelectedItem(item);\n };\n\n const handleItemClick = (item: IInformationCenterItem) => {\n setSelectedItem(item);\n };\n\n const handleSearchChange = (newQuery: string) => {\n setSearchQuery(newQuery);\n if (newQuery && selectedItemCategory !== 'all') {\n setSelectedItemCategory('all');\n }\n };\n\n const renderItem = (item: IInformationCenterItem) => (\n <InformationCenterCell\n key={item.key}\n name={item.name}\n spriteKey={item.texturePath}\n atlasJSON={itemsAtlasJSON}\n atlasIMG={itemsAtlasIMG}\n onMouseEnter={e => handleMouseEnter(item, e)}\n onMouseLeave={handleMouseLeave}\n onTouchStart={e => handleTouchStart(e, item)}\n onClick={() => handleItemClick(item)}\n />\n );\n\n const SearchBarRightElement = (\n <SearchBarActions>\n <ItemsAdvancedFilters\n isOpen={isAdvancedFiltersOpen}\n onToggle={() => setIsAdvancedFiltersOpen(!isAdvancedFiltersOpen)}\n onTierChange={setSelectedTier}\n onTypeChange={setSelectedItemCategory}\n selectedTier={selectedTier}\n selectedType={selectedItemCategory}\n />\n </SearchBarActions>\n );\n\n return (\n <>\n <PaginatedContent<IInformationCenterItem>\n items={filteredItems}\n renderItem={renderItem}\n emptyMessage=\"No items found\"\n searchOptions={{\n value: searchQuery,\n onChange: handleSearchChange,\n placeholder: 'Search items...',\n rightElement: SearchBarRightElement,\n }}\n dependencies={[selectedItemCategory, selectedTier]}\n tabId={tabId}\n layout=\"grid\"\n itemHeight={isMobile ? '150px' : '180px'}\n />\n {!isMobile && tooltipState && tooltipState.item && (\n <Portal>\n <TooltipWrapper\n width={TOOLTIP_WIDTH}\n style={{\n position: 'fixed',\n left: `${tooltipState.position.x}px`,\n top: `${tooltipState.position.y}px`,\n }}\n >\n <InformationCenterItemTooltip item={tooltipState.item} />\n </TooltipWrapper>\n </Portal>\n )}\n {selectedItem && (\n <Portal>\n <BaseInformationDetails\n name={selectedItem.name}\n spriteKey={selectedItem.texturePath}\n atlasJSON={itemsAtlasJSON}\n atlasIMG={itemsAtlasIMG}\n onBack={() => setSelectedItem(null)}\n >\n <InformationCenterItemDetails\n item={selectedItem}\n itemsAtlasJSON={itemsAtlasJSON}\n itemsAtlasIMG={itemsAtlasIMG}\n droppedBy={getDroppedByNPCs(selectedItem.key, bestiaryItems)}\n onBack={() => setSelectedItem(null)}\n />\n </BaseInformationDetails>\n </Portal>\n )}\n </>\n );\n};\n\nconst TooltipWrapper = styled.div<{ width: number }>`\n z-index: 1000;\n pointer-events: none;\n width: ${props => `${props.width}px`};\n`;\n\nconst SearchBarActions = styled.div`\n display: flex;\n align-items: center;\n gap: 0.5rem;\n`;\n","import { EntityAttackType, NPCSubtype } from '@rpg-engine/shared';\nimport React from 'react';\nimport {\n AdvancedFilters,\n IFilterSection,\n} from '../../../shared/AdvancedFilters/AdvancedFilters';\nimport { formatItemType } from '../items/InformationCenterItemsSection';\n\ninterface IBestiaryAdvancedFiltersProps {\n isOpen: boolean;\n onToggle: () => void;\n onLevelRangeChange: (range: [number | undefined, number | undefined]) => void;\n onSubtypeChange: (value: string) => void;\n onAttackTypeChange: (value: string) => void;\n levelRange: [number | undefined, number | undefined];\n selectedSubtype: string;\n selectedAttackType: string;\n}\n\nexport const BestiaryAdvancedFilters = ({\n isOpen,\n onToggle,\n onLevelRangeChange,\n onSubtypeChange,\n onAttackTypeChange,\n levelRange,\n selectedSubtype,\n selectedAttackType,\n}: IBestiaryAdvancedFiltersProps): JSX.Element => {\n const subtypeOptions = [\n { id: 0, value: 'all', option: 'All Types' },\n ...Object.entries(NPCSubtype).map(([, value], index) => ({\n id: index + 1,\n value,\n option: formatItemType(value),\n })),\n ];\n\n const attackTypeOptions = [\n { id: 0, value: 'all', option: 'All Attack Types' },\n ...Object.entries(EntityAttackType).map(([, value], index) => ({\n id: index + 1,\n value,\n option: formatItemType(value),\n })),\n ];\n\n const hasActiveFilters =\n levelRange[0] !== undefined ||\n levelRange[1] !== undefined ||\n selectedSubtype !== 'all' ||\n selectedAttackType !== 'all';\n\n const handleClearFilters = () => {\n onLevelRangeChange([undefined, undefined]);\n onSubtypeChange('all');\n onAttackTypeChange('all');\n };\n\n const sections: IFilterSection[] = [\n {\n type: 'range',\n label: 'Level Range',\n key: 'level',\n value: levelRange,\n onChange: onLevelRangeChange,\n },\n {\n type: 'dropdown',\n label: 'Monster Type',\n key: 'subtype',\n options: subtypeOptions,\n value: selectedSubtype,\n onChange: onSubtypeChange,\n },\n {\n type: 'dropdown',\n label: 'Attack Type',\n key: 'attackType',\n options: attackTypeOptions,\n value: selectedAttackType,\n onChange: onAttackTypeChange,\n },\n ];\n\n return (\n <AdvancedFilters\n isOpen={isOpen}\n onToggle={onToggle}\n sections={sections}\n onClearAll={handleClearFilters}\n hasActiveFilters={hasActiveFilters}\n />\n );\n};\n","import {\n IInformationCenterItem,\n IInformationCenterNPC,\n isMobileOrTablet,\n ItemRarities,\n ItemSubType,\n ItemType,\n MovementSpeed,\n RangeTypes,\n} from '@rpg-engine/shared';\nimport React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../../constants/uiColors';\nimport { Collapsible } from '../../../shared/Collapsible/Collapsible';\nimport { Pagination } from '../../../shared/Pagination/Pagination';\nimport { Portal } from '../../../shared/Portal/Portal';\nimport { SearchBar } from '../../../shared/SearchBar/SearchBar';\nimport { SpriteFromAtlas } from '../../../shared/SpriteFromAtlas';\nimport { BaseInformationDetails } from '../../shared/BaseInformationDetails';\nimport { InformationCenterItemDetails } from '../items/InformationCenterItemDetails';\n\ninterface INPCDetailsProps {\n npc: IInformationCenterNPC;\n itemsAtlasJSON: Record<string, any>;\n itemsAtlasIMG: string;\n entitiesAtlasJSON: Record<string, any>;\n entitiesAtlasIMG: string;\n iconAtlasIMG?: any;\n iconAtlasJSON?: any;\n onBack: () => void;\n}\n\nconst ITEMS_PER_PAGE = 5;\n\nexport const formatItemName = (itemPath: string): string => {\n const cleanText =\n itemPath\n .split('/')\n .pop()\n ?.split('.')\n .shift() || '';\n\n return cleanText\n .split('-')\n .map(word => word.charAt(0).toUpperCase() + word.slice(1))\n .join(' ');\n};\n\nexport const InformationCenterNPCDetails: React.FC<INPCDetailsProps> = ({\n npc,\n itemsAtlasJSON,\n itemsAtlasIMG,\n entitiesAtlasJSON,\n entitiesAtlasIMG,\n iconAtlasIMG,\n iconAtlasJSON,\n onBack,\n}) => {\n const isMobile = isMobileOrTablet();\n const [lootSearchQuery, setLootSearchQuery] = useState('');\n const [currentLootPage, setCurrentLootPage] = useState(1);\n const [\n selectedItem,\n setSelectedItem,\n ] = useState<IInformationCenterItem | null>(null);\n\n useEffect(() => {\n setCurrentLootPage(1);\n }, [lootSearchQuery]);\n\n const formatText = (text: string | RangeTypes | MovementSpeed): string => {\n if (typeof text === 'number') {\n return text.toString();\n }\n\n return text\n .toString()\n .replace(/([A-Z])/g, ' $1')\n .trim()\n .replace(/([A-Z]+)([A-Z][a-z])/g, '$1 $2')\n .replace(/\\s+/g, ' ')\n .replace(/^\\w/, c => c.toUpperCase());\n };\n\n const formatRarity = (rarity: number): string => {\n switch (rarity) {\n case 0.5:\n return 'Very Rare';\n case 1:\n return 'Rare';\n case 10:\n return 'Uncommon';\n case 15:\n return 'Semi Common';\n case 20:\n return 'Common';\n case 35:\n return 'Very Common';\n default:\n return 'Unknown';\n }\n };\n\n const filteredLoots =\n npc.loots?.filter(loot =>\n formatItemName(loot.itemBlueprintKey)\n .toLowerCase()\n .includes(lootSearchQuery.toLowerCase())\n ) || [];\n\n const totalLootPages = Math.ceil(filteredLoots.length / ITEMS_PER_PAGE);\n const paginatedLoots = filteredLoots.slice(\n (currentLootPage - 1) * ITEMS_PER_PAGE,\n currentLootPage * ITEMS_PER_PAGE\n );\n\n const handleItemClick = (loot: any) => {\n const item: IInformationCenterItem = {\n key: loot.itemBlueprintKey,\n name: formatItemName(loot.itemBlueprintKey),\n texturePath: loot.itemBlueprintKey,\n textureAtlas: 'items',\n type: ItemType.Weapon,\n subType: ItemSubType.Sword,\n tier: 1,\n rarity: ItemRarities.Common,\n weight: 0,\n maxStackSize: loot.quantityRange ? loot.quantityRange[1] : 1,\n canSell: true,\n description: 'A basic item.',\n basePrice: 100,\n allowedEquipSlotType: [],\n };\n setSelectedItem(item);\n };\n\n return (\n <BaseInformationDetails\n name={npc.name}\n spriteKey={npc.key}\n atlasJSON={entitiesAtlasJSON}\n atlasIMG={entitiesAtlasIMG}\n onBack={onBack}\n >\n <InfoSection>\n <InfoItem>\n <Label>Type:</Label>\n <Value>{formatText(npc.subType)}</Value>\n </InfoItem>\n <InfoItem>\n <Label>Alignment:</Label>\n <Value>{formatText(npc.alignment)}</Value>\n </InfoItem>\n <InfoItem>\n <Label>Attack Type:</Label>\n <Value>{formatText(npc.attackType)}</Value>\n </InfoItem>\n <InfoItem>\n <Label>Range:</Label>\n <Value>{formatText(npc.maxRangeAttack)}</Value>\n </InfoItem>\n <InfoItem>\n <Label>Speed:</Label>\n <Value>{formatText(npc.speed)}</Value>\n </InfoItem>\n </InfoSection>\n\n <StyledCollapsible title=\"Stats\" defaultOpen={!isMobile}>\n <StatGrid>\n <StatItem>HP: {npc.baseHealth}</StatItem>\n <StatItem>Level: {npc.skills.level}</StatItem>\n {npc.skills.strength?.level && (\n <StatItem>Strength: {npc.skills.strength.level}</StatItem>\n )}\n {npc.skills.dexterity?.level && (\n <StatItem>Dexterity: {npc.skills.dexterity.level}</StatItem>\n )}\n {npc.skills.resistance?.level && (\n <StatItem>Resistance: {npc.skills.resistance.level}</StatItem>\n )}\n </StatGrid>\n </StyledCollapsible>\n\n {npc.loots && npc.loots.length > 0 && (\n <StyledCollapsible title=\"Loot\" defaultOpen={!isMobile}>\n <LootSearchContainer>\n <StyledSearchBar\n value={lootSearchQuery}\n onChange={(query: string) => {\n setLootSearchQuery(query);\n setCurrentLootPage(1);\n }}\n placeholder=\"Search loot...\"\n />\n </LootSearchContainer>\n <LootGrid>\n {paginatedLoots.map((loot, index) => (\n <LootItem\n key={`${loot.itemBlueprintKey}-${index}`}\n onClick={() => handleItemClick(loot)}\n >\n <SpriteFromAtlas\n atlasJSON={itemsAtlasJSON}\n atlasIMG={itemsAtlasIMG}\n spriteKey={loot.itemBlueprintKey}\n width={24}\n height={24}\n imgScale={1}\n />\n <LootDetails>\n <LootName>{formatItemName(loot.itemBlueprintKey)}</LootName>\n <LootInfo>\n <LootChance>{formatRarity(loot.chance)}</LootChance>\n {loot.quantityRange && (\n <LootQuantity>\n x{loot.quantityRange[0]}-{loot.quantityRange[1]}\n </LootQuantity>\n )}\n </LootInfo>\n </LootDetails>\n </LootItem>\n ))}\n </LootGrid>\n {filteredLoots.length > ITEMS_PER_PAGE && (\n <PaginationContainer>\n <StyledPagination\n currentPage={currentLootPage}\n totalPages={totalLootPages}\n onPageChange={setCurrentLootPage}\n />\n </PaginationContainer>\n )}\n </StyledCollapsible>\n )}\n\n {npc.entityEffects && npc.entityEffects.length > 0 && (\n <StyledCollapsible title=\"Effects\" defaultOpen={!isMobile}>\n <EffectsList>\n {npc.entityEffects.map((effect, index) => (\n <EffectItem key={index}>{formatText(effect)}</EffectItem>\n ))}\n </EffectsList>\n </StyledCollapsible>\n )}\n\n {npc.areaSpells && npc.areaSpells.length > 0 && (\n <StyledCollapsible title=\"Spells\" defaultOpen={!isMobile}>\n <SpellsList>\n {npc.areaSpells.map((spell, index) => (\n <SpellItem key={index}>\n <SpellIconContainer>\n <SpriteFromAtlas\n atlasJSON={iconAtlasJSON}\n atlasIMG={iconAtlasIMG}\n spriteKey={spell.texturePath || spell.spellKey}\n width={24}\n height={24}\n imgScale={1}\n />\n </SpellIconContainer>\n <SpellContent>\n <SpellName>{formatText(spell.spellKey)}</SpellName>\n <SpellDetails>\n Power: <SpellValue>{formatText(spell.power)}</SpellValue>\n <Separator>•</Separator>\n Chance: <SpellValue>{spell.probability}%</SpellValue>\n </SpellDetails>\n </SpellContent>\n </SpellItem>\n ))}\n </SpellsList>\n </StyledCollapsible>\n )}\n\n {selectedItem && (\n <Portal>\n <InformationCenterItemDetails\n item={selectedItem}\n itemsAtlasJSON={itemsAtlasJSON}\n itemsAtlasIMG={itemsAtlasIMG}\n droppedBy={[npc]}\n onBack={() => setSelectedItem(null)}\n />\n </Portal>\n )}\n </BaseInformationDetails>\n );\n};\n\nconst InfoSection = styled.div`\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 8px;\n background: rgba(255, 255, 255, 0.05);\n padding: 12px;\n border-radius: 4px;\n`;\n\nconst InfoItem = styled.div`\n display: flex;\n align-items: center;\n gap: 8px;\n`;\n\nconst Label = styled.span`\n color: ${uiColors.yellow};\n font-size: 0.5rem;\n opacity: 0.8;\n`;\n\nconst Value = styled.span`\n color: ${uiColors.white};\n font-size: 0.5rem;\n`;\n\nconst StyledCollapsible = styled(Collapsible)`\n background: rgba(255, 255, 255, 0.05);\n border-radius: 4px;\n overflow: visible;\n scrollbar-width: thin;\n scrollbar-color: ${uiColors.darkGray} transparent;\n width: 100%;\n box-sizing: border-box;\n`;\n\nconst StatGrid = styled.div`\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 8px;\n padding: 12px;\n`;\n\nconst StatItem = styled.div`\n color: ${uiColors.white};\n font-size: 0.5rem;\n background: rgba(255, 255, 255, 0.05);\n padding: 8px;\n border-radius: 4px;\n`;\n\nconst EffectsList = styled.div`\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n padding: 12px;\n`;\n\nconst EffectItem = styled.div`\n color: ${uiColors.white};\n font-size: 0.5rem;\n background: rgba(255, 255, 255, 0.1);\n padding: 4px 8px;\n border-radius: 4px;\n`;\n\nconst SpellsList = styled.div`\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 12px;\n`;\n\nconst SpellIconContainer = styled.div`\n display: flex;\n padding-right: 30px;\n padding-bottom: 30px;\n`;\n\nconst SpellContent = styled.div`\n display: flex;\n flex-direction: column;\n gap: 4px;\n flex: 1;\n`;\n\nconst SpellItem = styled.div`\n display: flex;\n gap: 8px;\n background: rgba(255, 255, 255, 0.05);\n padding: 8px;\n padding-left: 10px;\n border-radius: 4px;\n align-items: center;\n`;\n\nconst SpellName = styled.div`\n color: ${uiColors.yellow};\n font-size: 0.5rem;\n`;\n\nconst SpellDetails = styled.div`\n display: flex;\n align-items: center;\n gap: 8px;\n color: ${uiColors.white};\n font-size: 0.45rem;\n opacity: 0.8;\n`;\n\nconst SpellValue = styled.span`\n color: ${uiColors.yellow};\n`;\n\nconst Separator = styled.span`\n color: ${uiColors.yellow};\n opacity: 0.5;\n`;\n\nconst LootSearchContainer = styled.div`\n padding: 8px;\n background: rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n margin: 8px 8px 4px;\n box-sizing: border-box;\n`;\n\nconst StyledSearchBar = styled(SearchBar)`\n width: 100%;\n box-sizing: border-box;\n input {\n background: rgba(0, 0, 0, 0.2) !important;\n border: 1px solid rgba(255, 255, 255, 0.1) !important;\n box-sizing: border-box;\n &:focus {\n border-color: ${uiColors.yellow} !important;\n }\n }\n`;\n\nconst LootGrid = styled.div`\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 4px;\n padding: 4px 8px;\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n\n @media (max-width: 768px) {\n grid-template-columns: 1fr;\n padding: 4px;\n }\n`;\n\nconst LootItem = styled.div`\n display: flex;\n align-items: center;\n gap: 4px;\n background: rgba(255, 255, 255, 0.05);\n padding: 4px;\n border-radius: 4px;\n min-width: 0;\n cursor: pointer;\n user-select: none;\n transition: background-color 0.2s ease;\n\n &:hover {\n background: rgba(255, 255, 255, 0.1);\n }\n`;\n\nconst LootDetails = styled.div`\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 4px;\n user-select: none;\n`;\n\nconst LootName = styled.div`\n color: ${uiColors.white};\n font-size: 0.5rem;\n user-select: none;\n`;\n\nconst LootInfo = styled.div`\n display: flex;\n align-items: center;\n gap: 8px;\n user-select: none;\n`;\n\nconst LootChance = styled.span`\n color: ${uiColors.yellow};\n font-size: 0.45rem;\n user-select: none;\n`;\n\nconst LootQuantity = styled.span`\n color: ${uiColors.lightGray};\n font-size: 0.45rem;\n user-select: none;\n`;\n\nconst PaginationContainer = styled.div`\n display: flex;\n justify-content: center;\n padding: 12px;\n`;\n\nconst StyledPagination = styled(Pagination)`\n font-size: 0.6rem;\n`;\n","import {\n IInformationCenterNPC,\n MovementSpeed,\n RangeTypes,\n} from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../../constants/uiColors';\nimport BaseTooltip, {\n Section,\n SectionTitle,\n StatItem,\n StatsContainer,\n TooltipTitle,\n} from '../../../shared/BaseTooltip';\nimport { SpriteFromAtlas } from '../../../shared/SpriteFromAtlas';\nimport { formatItemName } from './InformationCenterNPCDetails';\n\ninterface INPCTooltipProps {\n npc: IInformationCenterNPC;\n itemsAtlasJSON: any;\n itemsAtlasIMG: string;\n}\n\nconst EffectsList = styled.div`\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n`;\n\nconst EffectItem = styled.span`\n font-size: 0.5rem;\n color: ${uiColors.white};\n background: rgba(255, 255, 255, 0.1);\n padding: 2px 6px;\n border-radius: 4px;\n`;\n\nconst SpellList = styled.div`\n display: flex;\n flex-direction: column;\n gap: 2px;\n`;\n\nconst SpellItem = styled.div`\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: 0.5rem;\n color: ${uiColors.white};\n background: rgba(255, 255, 255, 0.05);\n padding: 2px 6px;\n border-radius: 4px;\n`;\n\nconst SpellInfo = styled.span`\n color: ${uiColors.yellow};\n margin-left: 8px;\n opacity: 0.8;\n`;\n\nconst LootList = styled.div`\n display: flex;\n flex-direction: column;\n gap: 2px;\n`;\n\nconst LootItem = styled.div`\n display: flex;\n align-items: center;\n gap: 4px;\n font-size: 0.5rem;\n background: rgba(255, 255, 255, 0.05);\n padding: 4px 6px;\n border-radius: 4px;\n\n .sprite-from-atlas-img {\n top: 0px;\n left: 0px;\n }\n`;\n\nconst LootName = styled.span`\n color: ${uiColors.white};\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin-left: 4px;\n`;\n\nconst LootChance = styled.span`\n color: ${uiColors.yellow};\n font-size: 0.45rem;\n text-transform: lowercase;\n opacity: 0.8;\n`;\n\nconst MoreIndicator = styled.div`\n color: ${uiColors.yellow};\n font-size: 0.45rem;\n text-align: center;\n margin-top: 2px;\n opacity: 0.7;\n`;\n\nconst formatText = (text: string | RangeTypes | MovementSpeed): string => {\n if (typeof text === 'number') {\n return text.toString();\n }\n return text\n .toString()\n .replace(/([A-Z])/g, ' $1')\n .trim()\n .replace(/([A-Z]+)([A-Z][a-z])/g, '$1 $2')\n .replace(/\\s+/g, ' ');\n};\n\nconst formatRarity = (rarity: number): string => {\n switch (rarity) {\n case 0.5:\n return 'Very Rare';\n case 1:\n return 'Rare';\n case 10:\n return 'Uncommon';\n case 15:\n return 'Semi Common';\n case 20:\n return 'Common';\n case 35:\n return 'Very Common';\n default:\n return 'Unknown';\n }\n};\n\nexport const InformationCenterNPCTooltip: React.FC<INPCTooltipProps> = ({\n npc,\n itemsAtlasJSON,\n itemsAtlasIMG,\n}) => {\n return (\n <BaseTooltip>\n <TooltipTitle>{npc.name}</TooltipTitle>\n\n <StatsContainer>\n <StatItem>HP: {npc.baseHealth}</StatItem>\n <StatItem>LVL: {npc.skills.level}</StatItem>\n <StatItem>STR: {npc.skills.strength?.level || '-'}</StatItem>\n <StatItem>DEX: {npc.skills.dexterity?.level || '-'}</StatItem>\n <StatItem>RES: {npc.skills.resistance?.level || '-'}</StatItem>\n <StatItem>SPD: {formatText(npc.speed)}</StatItem>\n </StatsContainer>\n\n {npc.entityEffects && npc.entityEffects.length > 0 && (\n <Section>\n <SectionTitle>Effects</SectionTitle>\n <EffectsList>\n {npc.entityEffects.map(effect => (\n <EffectItem key={effect}>{formatText(effect)}</EffectItem>\n ))}\n </EffectsList>\n </Section>\n )}\n\n {npc.areaSpells && npc.areaSpells.length > 0 && (\n <Section>\n <SectionTitle>Spells</SectionTitle>\n <SpellList>\n {npc.areaSpells.map(spell => (\n <SpellItem key={spell.spellKey}>\n {formatText(spell.spellKey)}\n <SpellInfo>\n {formatText(spell.power)}, {spell.probability}%\n </SpellInfo>\n </SpellItem>\n ))}\n </SpellList>\n </Section>\n )}\n\n {npc.loots && npc.loots.length > 0 && (\n <Section>\n <SectionTitle>Possible Loot</SectionTitle>\n <LootList>\n {npc.loots.slice(0, 4).map(loot => (\n <LootItem key={loot.itemBlueprintKey}>\n <SpriteFromAtlas\n atlasIMG={itemsAtlasIMG}\n atlasJSON={itemsAtlasJSON}\n spriteKey={loot.itemBlueprintKey}\n imgScale={1}\n />\n <LootName>{formatItemName(loot.itemBlueprintKey)}</LootName>\n <LootChance>{formatRarity(loot.chance)}</LootChance>\n </LootItem>\n ))}\n {npc.loots.length > 4 && <MoreIndicator>...</MoreIndicator>}\n </LootList>\n </Section>\n )}\n </BaseTooltip>\n );\n};\n","import {\n IInformationCenterNPC,\n NPCAlignment,\n isMobileOrTablet,\n} from '@rpg-engine/shared';\nimport React, { useMemo, useState } from 'react';\nimport styled from 'styled-components';\nimport { useTooltipPosition } from '../../../../hooks/useTooltipPosition';\nimport { IOptionsProps } from '../../../Dropdown';\nimport { PaginatedContent } from '../../../shared/PaginatedContent/PaginatedContent';\nimport { Portal } from '../../../shared/Portal/Portal';\nimport { InformationCenterCell } from '../../InformationCenterCell';\nimport { BaseInformationDetails } from '../../shared/BaseInformationDetails';\nimport { formatItemType } from '../items/InformationCenterItemsSection';\nimport { BestiaryAdvancedFilters } from './BestiaryAdvancedFilters';\nimport { InformationCenterNPCDetails } from './InformationCenterNPCDetails';\nimport { InformationCenterNPCTooltip } from './InformationCenterNPCTooltip';\n\ninterface IBestiarySectionProps {\n bestiaryItems: IInformationCenterNPC[];\n itemsAtlasJSON: Record<string, any>;\n itemsAtlasIMG: string;\n entitiesAtlasJSON: Record<string, any>;\n entitiesAtlasIMG: string;\n iconsAtlasIMG: any;\n iconsAtlasJSON: any;\n initialSearchQuery: string;\n tabId: string;\n}\n\nexport const InformationCenterBestiarySection = ({\n bestiaryItems,\n itemsAtlasJSON,\n itemsAtlasIMG,\n iconsAtlasIMG,\n iconsAtlasJSON,\n entitiesAtlasJSON,\n entitiesAtlasIMG,\n initialSearchQuery,\n tabId,\n}: IBestiarySectionProps): JSX.Element => {\n const isMobile = isMobileOrTablet();\n const [searchQuery, setSearchQuery] = useState<string>(initialSearchQuery);\n const [\n selectedMonster,\n setSelectedMonster,\n ] = useState<IInformationCenterNPC | null>(null);\n const [selectedBestiaryCategory, setSelectedBestiaryCategory] = useState<\n string\n >('all');\n\n const {\n tooltipState,\n handleMouseEnter,\n handleMouseLeave,\n TOOLTIP_WIDTH,\n } = useTooltipPosition<IInformationCenterNPC>();\n\n // Advanced filters state\n const [isAdvancedFiltersOpen, setIsAdvancedFiltersOpen] = useState<boolean>(\n false\n );\n const [levelRange, setLevelRange] = useState<\n [number | undefined, number | undefined]\n >([undefined, undefined]);\n const [selectedSubtype, setSelectedSubtype] = useState<string>('all');\n const [selectedAttackType, setSelectedAttackType] = useState<string>('all');\n\n const handleTouchStart = (\n monster: IInformationCenterNPC,\n event: React.TouchEvent\n ): void => {\n event.preventDefault();\n setSelectedMonster(monster);\n };\n\n const handleMonsterClick = (monster: IInformationCenterNPC): void => {\n setSelectedMonster(monster);\n };\n\n const bestiaryCategoryOptions: IOptionsProps[] = [\n { id: 0, value: 'all', option: 'All Monsters' },\n { id: 1, value: 'bosses', option: 'Bosses' },\n ...Object.entries(NPCAlignment)\n .filter(([, value]) => value !== NPCAlignment.Friendly)\n .map(([, value], index) => ({\n id: index + 2,\n value,\n option: formatItemType(value),\n })),\n ];\n\n const renderItem = (item: IInformationCenterNPC): JSX.Element => (\n <InformationCenterCell\n key={item.id}\n name={item.name}\n spriteKey={item.key}\n atlasJSON={entitiesAtlasJSON}\n atlasIMG={entitiesAtlasIMG}\n onClick={() => handleMonsterClick(item)}\n onMouseEnter={e => handleMouseEnter(item, e)}\n onMouseLeave={handleMouseLeave}\n onTouchStart={e => handleTouchStart(item, e)}\n />\n );\n\n const filteredItems = useMemo<IInformationCenterNPC[]>(() => {\n return bestiaryItems.filter(item => {\n // Basic search filter\n const matchesSearch = item.name\n .toLowerCase()\n .includes(searchQuery.toLowerCase());\n\n // Category filter\n let matchesCategory = true;\n if (selectedBestiaryCategory === 'bosses') {\n matchesCategory = item.isBoss === true;\n } else if (selectedBestiaryCategory === NPCAlignment.Hostile) {\n matchesCategory =\n item.alignment === NPCAlignment.Hostile && !item.isBoss;\n } else if (selectedBestiaryCategory !== 'all') {\n matchesCategory = item.alignment === selectedBestiaryCategory;\n }\n\n // Advanced filters\n const matchesLevel =\n (!levelRange[0] || item.skills.level >= levelRange[0]) &&\n (!levelRange[1] || item.skills.level <= levelRange[1]);\n\n const matchesSubtype =\n selectedSubtype === 'all' || item.subType === selectedSubtype;\n\n const matchesAttackType =\n selectedAttackType === 'all' || item.attackType === selectedAttackType;\n\n // Filter out friendly NPCs\n const isNotFriendly = item.alignment !== NPCAlignment.Friendly;\n\n return (\n matchesSearch &&\n matchesCategory &&\n matchesLevel &&\n matchesSubtype &&\n matchesAttackType &&\n isNotFriendly\n );\n });\n }, [\n bestiaryItems,\n searchQuery,\n selectedBestiaryCategory,\n levelRange,\n selectedSubtype,\n selectedAttackType,\n ]);\n\n const handleSearchChange = (newQuery: string): void => {\n setSearchQuery(newQuery);\n if (newQuery && selectedBestiaryCategory !== 'all') {\n setSelectedBestiaryCategory('all');\n }\n };\n\n const SearchBarRightElement = (\n <SearchBarActions>\n <BestiaryAdvancedFilters\n isOpen={isAdvancedFiltersOpen}\n onToggle={() => setIsAdvancedFiltersOpen(!isAdvancedFiltersOpen)}\n onLevelRangeChange={setLevelRange}\n onSubtypeChange={setSelectedSubtype}\n onAttackTypeChange={setSelectedAttackType}\n levelRange={levelRange}\n selectedSubtype={selectedSubtype}\n selectedAttackType={selectedAttackType}\n />\n </SearchBarActions>\n );\n\n return (\n <>\n <PaginatedContent<IInformationCenterNPC>\n items={filteredItems}\n renderItem={renderItem}\n emptyMessage=\"No monsters found\"\n tabId={tabId}\n layout=\"grid\"\n filterOptions={{\n options: bestiaryCategoryOptions,\n selectedOption: selectedBestiaryCategory,\n onOptionChange: setSelectedBestiaryCategory,\n }}\n searchOptions={{\n value: searchQuery,\n onChange: handleSearchChange,\n placeholder: 'Search monsters...',\n rightElement: SearchBarRightElement,\n }}\n dependencies={[\n selectedBestiaryCategory,\n levelRange,\n selectedSubtype,\n selectedAttackType,\n ]}\n itemHeight={isMobile ? '150px' : '180px'}\n />\n {!isMobile && tooltipState && tooltipState.item && (\n <Portal>\n <TooltipWrapper\n width={TOOLTIP_WIDTH}\n style={{\n position: 'fixed',\n left: `${tooltipState.position.x}px`,\n top: `${tooltipState.position.y}px`,\n }}\n >\n <InformationCenterNPCTooltip\n npc={tooltipState.item}\n itemsAtlasJSON={itemsAtlasJSON}\n itemsAtlasIMG={itemsAtlasIMG}\n />\n </TooltipWrapper>\n </Portal>\n )}\n {selectedMonster && (\n <Portal>\n <BaseInformationDetails\n name={selectedMonster.name}\n spriteKey={selectedMonster.key}\n atlasJSON={entitiesAtlasJSON}\n atlasIMG={entitiesAtlasIMG}\n onBack={() => setSelectedMonster(null)}\n >\n <InformationCenterNPCDetails\n npc={selectedMonster}\n itemsAtlasJSON={itemsAtlasJSON}\n itemsAtlasIMG={itemsAtlasIMG}\n iconAtlasIMG={iconsAtlasIMG}\n iconAtlasJSON={iconsAtlasJSON}\n entitiesAtlasJSON={entitiesAtlasJSON}\n entitiesAtlasIMG={entitiesAtlasIMG}\n onBack={() => setSelectedMonster(null)}\n />\n </BaseInformationDetails>\n </Portal>\n )}\n </>\n );\n};\n\nconst TooltipWrapper = styled.div<{ width: number }>`\n z-index: 1000;\n pointer-events: none;\n width: ${props => `${props.width}px`};\n`;\n\nconst SearchBarActions = styled.div`\n display: flex;\n align-items: center;\n gap: 0.5rem;\n`;\n","import {\n IVideoGuide,\n VideoGuideCategory,\n VideoGuideLanguage,\n isMobileOrTablet,\n} from '@rpg-engine/shared';\nimport React, { useMemo, useState } from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../../constants/uiColors';\nimport { IOptionsProps } from '../../../Dropdown';\nimport { PaginatedContent } from '../../../shared/PaginatedContent/PaginatedContent';\n\nimport { Ellipsis } from '../../../shared/Ellipsis';\nimport { formatItemType } from '../items/InformationCenterItemsSection';\n\ninterface ITutorialsSectionProps {\n videoGuides: IVideoGuide[];\n initialSearchQuery: string;\n tabId: string;\n}\n\nconst ITEMS_PER_PAGE = 4;\nconst GRID_COLUMNS = 4;\n\nexport const InformationCenterTutorialsSection: React.FC<ITutorialsSectionProps> = ({\n videoGuides,\n initialSearchQuery,\n tabId,\n}) => {\n const isMobile = isMobileOrTablet();\n const [searchQuery, setSearchQuery] = useState(initialSearchQuery);\n const [selectedCategory, setSelectedCategory] = useState<string>('all');\n const [, setCurrentPage] = useState(1);\n\n const getYouTubeThumbnail = (videoUrl: string): string => {\n const regExp = /^.*(youtu.be\\/|v\\/|u\\/\\w\\/|embed\\/|watch\\?v=|&v=)([^#&?]*).*/;\n const match = videoUrl.match(regExp);\n const videoId = match && match[2].length === 11 ? match[2] : null;\n\n return videoId\n ? `https://img.youtube.com/vi/${videoId}/hqdefault.jpg`\n : '/placeholder-thumbnail.png';\n };\n const categoryOptions: IOptionsProps[] = [\n { id: 0, value: 'all', option: 'All Categories' },\n ...(VideoGuideCategory\n ? Object.entries(VideoGuideCategory).map(([, value], index) => ({\n id: index + 1,\n value: value as string,\n option: formatItemType(value),\n }))\n : []),\n ...(VideoGuideLanguage\n ? Object.entries(VideoGuideLanguage).map(([, value], index) => ({\n id:\n index +\n (VideoGuideCategory\n ? Object.entries(VideoGuideCategory).length\n : 0) +\n 1,\n value: value as string,\n option: formatItemType(value),\n }))\n : []),\n ];\n\n const handleVideoClick = (videoUrl: string) => {\n window.open(videoUrl, '_blank', 'noopener,noreferrer');\n };\n\n const renderItem = (guide: IVideoGuide) => (\n <GuideItem key={guide.id} onClick={() => handleVideoClick(guide.videoUrl)}>\n <GuideThumbnail>\n <img\n src={guide.localImage || getYouTubeThumbnail(guide.videoUrl)}\n alt={guide.title}\n />\n </GuideThumbnail>\n <GuideContent>\n <GuideTitle>\n <Ellipsis maxWidth=\"100%\" maxLines={2}>\n {guide.title}\n </Ellipsis>\n </GuideTitle>\n <GuideDescription>\n <Ellipsis maxWidth=\"100%\" maxLines={isMobile ? 3 : 5}>\n {guide.description}\n </Ellipsis>\n </GuideDescription>\n <GuideLabelsContainer>\n <GuideCategory>{guide.category}</GuideCategory>\n <GuideLanguage>{guide.language}</GuideLanguage>\n </GuideLabelsContainer>\n </GuideContent>\n </GuideItem>\n );\n\n const filteredGuides = useMemo(() => {\n return videoGuides.filter(guide => {\n const matchesSearch =\n guide.title.toLowerCase().includes(searchQuery.toLowerCase()) ||\n guide.description.toLowerCase().includes(searchQuery.toLowerCase());\n\n const matchesCategory =\n selectedCategory === 'all' ||\n (Object.values(VideoGuideCategory).includes(\n selectedCategory as VideoGuideCategory\n ) &&\n guide.category === selectedCategory) ||\n (Object.values(VideoGuideLanguage).includes(\n selectedCategory as VideoGuideLanguage\n ) &&\n guide.language === selectedCategory);\n\n return matchesSearch && matchesCategory;\n });\n }, [videoGuides, searchQuery, selectedCategory]);\n\n const handleSearchChange = (newQuery: string) => {\n setSearchQuery(newQuery);\n setCurrentPage(1);\n if (newQuery && selectedCategory !== 'all') {\n setSelectedCategory('all');\n }\n };\n\n const handleCategoryChange = (category: string) => {\n setSelectedCategory(category);\n setCurrentPage(1);\n };\n\n return (\n <PaginatedContent<IVideoGuide>\n items={filteredGuides}\n renderItem={renderItem}\n emptyMessage=\"No guides found\"\n searchOptions={{\n value: searchQuery,\n onChange: handleSearchChange,\n placeholder: 'Search guides...',\n }}\n filterOptions={{\n options: categoryOptions,\n selectedOption: selectedCategory,\n onOptionChange: handleCategoryChange,\n }}\n dependencies={[selectedCategory]}\n tabId={tabId}\n layout=\"grid\"\n gridColumns={isMobile ? 1 : GRID_COLUMNS}\n itemsPerPage={ITEMS_PER_PAGE}\n itemHeight={isMobile ? '280px' : '320px'}\n />\n );\n};\n\nconst GuideItem = styled.div`\n background: rgba(0, 0, 0, 0.3);\n border-radius: 4px;\n overflow: hidden;\n border: 1px solid ${uiColors.darkGray};\n cursor: pointer;\n transition: transform 0.2s ease;\n display: flex;\n flex-direction: column;\n height: 100%;\n padding: 0;\n &:hover {\n transform: translateY(-2px);\n }\n`;\n\nconst GuideThumbnail = styled.div`\n width: 100%;\n height: 168px;\n background: rgba(0, 0, 0, 0.2);\n overflow: hidden;\n\n img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n`;\n\nconst GuideContent = styled.div`\n padding: 0 12px 12px;\n flex: 1;\n display: flex;\n flex-direction: column;\n`;\n\nconst GuideTitle = styled.h3`\n margin: 0;\n font-size: 0.6rem !important;\n color: ${uiColors.yellow};\n font-family: 'Press Start 2P', cursive;\n margin-bottom: 5px;\n text-overflow: ellipsis;\n`;\n\nconst GuideDescription = styled.p`\n margin: 0;\n font-size: 0.5rem !important;\n color: ${uiColors.lightGray};\n text-align: center;\n font-family: 'Press Start 2P', cursive;\n margin-bottom: 8px;\n line-height: 1.4;\n`;\n\nconst GuideCategory = styled.label`\n font-size: 0.5rem !important;\n font-family: 'Press Start 2P', cursive;\n color: ${uiColors.yellow} !important;\n line-height: 1.4;\n\n &::before {\n content: '🏷️';\n padding-right: 6px;\n font-size: 0.7rem;\n transform: translateY(-2px);\n display: inline-block;\n }\n`;\n\nconst GuideLanguage = styled.label`\n font-size: 0.5rem !important;\n font-family: 'Press Start 2P', cursive;\n color: ${uiColors.blue} !important;\n line-height: 1.4;\n\n &::before {\n content: '🌐';\n padding-right: 6px;\n font-size: 0.6rem;\n transform: translateY(-2px);\n display: inline-block;\n }\n`;\n\nconst GuideLabelsContainer = styled.div`\n display: flex;\n justify-content: space-between;\n padding: 0 6px 6px;\n margin-top: auto;\n`;\n","import React, { useState } from 'react';\nimport styled from 'styled-components';\n\nimport {\n IFaqItem,\n IInformationCenterItem,\n IInformationCenterNPC,\n IVideoGuide,\n isMobileOrTablet,\n} from '@rpg-engine/shared';\nimport { DraggableContainer } from '../DraggableContainer';\nimport { InternalTabs } from '../InternalTabs/InternalTabs';\nimport { RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';\nimport { InformationCenterBestiarySection } from './sections/bestiary/InformationCenterBestiarySection';\nimport { InformationCenterItemsSection } from './sections/items/InformationCenterItemsSection';\nimport { InformationCenterTutorialsSection } from './sections/tutorials/InformationCenterTutorialsSection';\n\ninterface IInformationCenterProps {\n itemsAtlasJSON: Record<string, any>;\n itemsAtlasIMG: string;\n entitiesAtlasJSON: Record<string, any>;\n entitiesAtlasIMG: string;\n iconsAtlasJSON: any;\n iconsAtlasIMG: any;\n faqItems?: IFaqItem[];\n bestiaryItems?: IInformationCenterNPC[];\n videoGuides?: IVideoGuide[];\n items?: IInformationCenterItem[];\n loading?: boolean;\n error?: string;\n initialSearchQuery?: string;\n onClose?: () => void;\n}\n\nexport const InformationCenter: React.FC<IInformationCenterProps> = ({\n itemsAtlasJSON,\n itemsAtlasIMG,\n entitiesAtlasJSON,\n entitiesAtlasIMG,\n iconsAtlasIMG,\n iconsAtlasJSON,\n bestiaryItems = [],\n videoGuides = [],\n items = [],\n loading = false,\n error,\n initialSearchQuery = '',\n onClose,\n}) => {\n const [activeTab, setActiveTab] = useState('bestiary');\n const isMobile = isMobileOrTablet();\n\n if (loading) {\n return <LoadingMessage>Loading...</LoadingMessage>;\n }\n\n if (error) {\n return <ErrorMessage>{error}</ErrorMessage>;\n }\n\n const tabs = [\n {\n id: 'bestiary',\n title: 'Bestiary',\n content: (\n <InformationCenterBestiarySection\n bestiaryItems={bestiaryItems}\n itemsAtlasJSON={itemsAtlasJSON}\n itemsAtlasIMG={itemsAtlasIMG}\n iconsAtlasIMG={iconsAtlasIMG}\n iconsAtlasJSON={iconsAtlasJSON}\n entitiesAtlasJSON={entitiesAtlasJSON}\n entitiesAtlasIMG={entitiesAtlasIMG}\n initialSearchQuery={initialSearchQuery}\n tabId=\"bestiary\"\n />\n ),\n },\n {\n id: 'items',\n title: 'Items',\n content: (\n <InformationCenterItemsSection\n items={items}\n bestiaryItems={bestiaryItems}\n itemsAtlasJSON={itemsAtlasJSON}\n itemsAtlasIMG={itemsAtlasIMG}\n initialSearchQuery={initialSearchQuery}\n tabId=\"items\"\n />\n ),\n },\n {\n id: 'tutorials',\n title: 'Tutorials',\n content: (\n <InformationCenterTutorialsSection\n videoGuides={videoGuides}\n initialSearchQuery={initialSearchQuery}\n tabId=\"tutorials\"\n />\n ),\n },\n ];\n\n return (\n <DraggableContainer\n title=\"Information Center\"\n type={RPGUIContainerTypes.Framed}\n width={isMobile ? '95%' : '80%'}\n minWidth=\"300px\"\n cancelDrag=\".PaginatedContent-content\"\n onCloseButton={onClose}\n >\n <Container>\n <InternalTabs\n tabs={tabs}\n activeTextColor=\"#000000\"\n activeTab={activeTab}\n onTabChange={setActiveTab}\n activeColor=\"#fef08a\"\n inactiveColor=\"#6b7280\"\n borderColor=\"#f59e0b\"\n hoverColor=\"#fef3c7\"\n />\n </Container>\n </DraggableContainer>\n );\n};\n\nconst Container = styled.div`\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n padding: 0.125rem;\n overflow: hidden;\n box-sizing: border-box;\n\n @media (min-width: 320px) {\n padding: 0.25rem;\n }\n\n @media (min-width: 360px) {\n padding: 0.5rem;\n }\n\n @media (min-width: 480px) {\n padding: 0.75rem;\n }\n`;\n\nconst LoadingMessage = styled.div`\n text-align: center;\n color: #ffffff;\n padding: 2rem;\n`;\n\nconst ErrorMessage = styled.div`\n text-align: center;\n color: #ef4444;\n padding: 2rem;\n`;\n","import React from 'react';\nimport { IPosition } from '../../types/eventTypes';\nimport { DraggableContainer } from '../DraggableContainer';\nimport { RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';\n\ninterface IProps {\n children: React.ReactNode;\n title: string;\n onClose?: () => void;\n onPositionChange?: (position: IPosition) => void;\n onPositionChangeEnd?: (position: IPosition) => void;\n onPositionChangeStart?: (position: IPosition) => void;\n onOutsideClick?: () => void;\n initialPosition?: IPosition;\n scale?: number;\n width?: string;\n isFullScreen?: boolean;\n opacity?: number;\n}\n\nexport const SlotsContainer: React.FC<IProps> = ({\n children,\n title,\n onClose,\n onPositionChange,\n onPositionChangeEnd,\n onPositionChangeStart,\n onOutsideClick,\n initialPosition,\n scale,\n width,\n isFullScreen,\n opacity,\n}) => {\n return (\n <DraggableContainer\n isFullScreen={isFullScreen}\n opacity={opacity}\n title={title}\n type={RPGUIContainerTypes.Framed}\n onCloseButton={() => {\n if (onClose) {\n onClose();\n }\n }}\n width={width ?? '415px'}\n cancelDrag=\".item-container-body, #shortcuts_list\"\n onPositionChange={({ x, y }) => {\n if (onPositionChange) {\n onPositionChange({ x, y });\n }\n }}\n onPositionChangeEnd={({ x, y }) => {\n if (onPositionChangeEnd) {\n onPositionChangeEnd({ x, y });\n }\n }}\n onPositionChangeStart={({ x, y }) => {\n if (onPositionChangeStart) {\n onPositionChangeStart({ x, y });\n }\n }}\n onOutsideClick={onOutsideClick}\n initialPosition={initialPosition}\n scale={scale}\n >\n {children}\n </DraggableContainer>\n );\n};\n","import {\n getItemTextureKeyPath,\n IItem,\n IRawSpell,\n IShortcut,\n ShortcutType,\n} from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { SpriteFromAtlas } from '../shared/SpriteFromAtlas';\n\ntype ShortcutsSetterProps = {\n setSettingShortcutIndex: (index: number) => void;\n settingShortcutIndex: number;\n shortcuts: IShortcut[];\n removeShortcut: (index: number) => void;\n atlasJSON: any;\n atlasIMG: any;\n};\n\nexport const ShortcutsSetter: React.FC<ShortcutsSetterProps> = ({\n setSettingShortcutIndex,\n settingShortcutIndex,\n shortcuts,\n removeShortcut,\n atlasJSON,\n atlasIMG,\n}) => {\n const getContent = (index: number) => {\n if (shortcuts[index]?.type === ShortcutType.Item) {\n const payload = shortcuts[index]?.payload as IItem | undefined;\n\n if (!payload) return null;\n\n return (\n <SpriteFromAtlas\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n spriteKey={getItemTextureKeyPath(\n {\n key: payload.texturePath,\n texturePath: payload.texturePath,\n stackQty: payload.stackQty || 1,\n isStackable: payload.isStackable,\n },\n atlasJSON\n )}\n width={32}\n height={32}\n imgScale={1.2}\n imgStyle={{ left: '3px' }}\n />\n );\n }\n const IMAGE_SIZE = 32;\n const IMAGE_SCALE = 1;\n\n const shortcut = shortcuts[index];\n\n if (shortcut?.type === ShortcutType.Spell && shortcut.payload) {\n const payload = shortcut.payload as IRawSpell; // TypeScript type assertion\n\n return (\n <SpriteFromAtlas\n atlasIMG={payload.atlasIMG}\n atlasJSON={payload.atlasJSON}\n spriteKey={payload.texturePath ?? ''}\n width={IMAGE_SIZE}\n height={IMAGE_SIZE}\n imgScale={IMAGE_SCALE}\n centered\n borderRadius=\"50%\"\n />\n );\n }\n\n return null;\n };\n\n return (\n <Container>\n <p>Shortcuts:</p>\n <List id=\"shortcuts_list\">\n {Array.from({ length: 12 }).map((_, i) => (\n <Shortcut\n key={i}\n onPointerDown={() => {\n if (settingShortcutIndex !== -1) setSettingShortcutIndex(-1);\n\n removeShortcut(i);\n if (\n settingShortcutIndex === -1 &&\n (!shortcuts[i] || shortcuts[i].type === ShortcutType.None)\n )\n setSettingShortcutIndex(i);\n }}\n disabled={settingShortcutIndex !== -1 && settingShortcutIndex !== i}\n isBeingSet={settingShortcutIndex === i}\n id={`shortcutSetter_${i}`}\n >\n {getContent(i)}\n </Shortcut>\n ))}\n </List>\n </Container>\n );\n};\n\nconst Container = styled.div`\n p {\n margin: 0;\n margin-left: 0.5rem;\n font-size: 10px;\n }\n\n width: 100%;\n`;\n\nconst Shortcut = styled.button<{ isBeingSet?: boolean }>`\n width: 2.4rem;\n height: 2.4rem;\n\n background-color: ${uiColors.lightGray};\n border: 2px solid\n ${({ isBeingSet }) => (isBeingSet ? uiColors.yellow : uiColors.darkGray)};\n border-radius: 50%;\n text-transform: uppercase;\n font-size: 0.7rem;\n font-weight: bold;\n display: flex;\n align-items: center;\n justify-content: center;\n\n span {\n margin-top: 4px;\n }\n\n &:hover,\n &:focus {\n background-color: ${uiColors.darkGray};\n }\n\n &:active {\n background-color: ${uiColors.gray};\n }\n\n &:disabled {\n opacity: 0.5;\n }\n`;\n\nconst List = styled.div`\n width: 100%;\n display: flex;\n align-items: center;\n gap: 0.4rem;\n box-sizing: border-box;\n margin: 0 !important;\n\n flex-wrap: wrap;\n\n padding: 0.3rem;\n\n padding-bottom: 1rem;\n`;\n","import { ItemRarities, ItemSubType } from '@rpg-engine/shared';\nimport React from 'react';\nimport { IOptionsProps } from '../../Dropdown';\n\nexport enum OrderByType {\n Name = 'Name',\n Price = 'Price',\n}\n\nexport const itemTypeOptions: IOptionsProps[] = [\n 'Type',\n ...Object.keys(ItemSubType),\n]\n .filter(type => type !== 'DeadBody')\n .map((itemType, index) => ({\n id: index + 1,\n value: itemType,\n option: itemType,\n }));\n\nexport const itemRarityOptions: IOptionsProps[] = [\n 'Rarity',\n ...Object.values(ItemRarities),\n].map((itemRarity, index) => ({\n id: index + 1,\n value: itemRarity,\n option: itemRarity,\n}));\n\nexport const orderByOptions: IOptionsProps[] = Object.values(\n OrderByType\n).flatMap((orderBy, index) => [\n {\n id: index * 2 + 1,\n value: orderBy.toLowerCase(),\n option: (\n <>\n {orderBy}{' '}\n <span\n style={{\n transform: 'translateY(-2px)',\n display: 'inline-block',\n }}\n >\n ↑\n </span>\n </>\n ),\n },\n {\n id: index * 2 + 2,\n value: '-' + orderBy.toLowerCase(),\n option: (\n <>\n {orderBy}{' '}\n <span\n style={{\n transform: 'translateY(-2px)',\n display: 'inline-block',\n }}\n >\n ↓\n </span>\n </>\n ),\n },\n]);\n","import React, { useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { Button, ButtonTypes } from '../Button';\nimport { RPGUIContainer, RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';\nimport { RangeSlider, RangeSliderType } from '../RangeSlider';\n\nexport interface IQuantitySelectorProps {\n maxQuantity: number;\n initialQuantity?: number;\n title?: string;\n onConfirm: (quantity: number) => void;\n onClose: () => void;\n}\n\nexport const QuantitySelector: React.FC<IQuantitySelectorProps> = ({\n maxQuantity,\n initialQuantity,\n title = 'Select quantity',\n onConfirm,\n onClose,\n}) => {\n const [value, setValue] = useState(initialQuantity ?? maxQuantity);\n const inputRef = useRef<HTMLInputElement>(null);\n\n useEffect(() => {\n const closeSelector = (e: KeyboardEvent) => {\n if (e.key === 'Escape') {\n onClose();\n }\n };\n\n if (inputRef.current) {\n inputRef.current.focus();\n inputRef.current.select();\n }\n\n document.addEventListener('keydown', closeSelector);\n return () => document.removeEventListener('keydown', closeSelector);\n }, [onClose]);\n\n return (\n <StyledContainer type={RPGUIContainerTypes.Framed} width=\"25rem\">\n <CloseButton className=\"container-close\" onPointerDown={onClose}>\n X\n </CloseButton>\n <h2>{title}</h2>\n <StyledForm\n onSubmit={e => {\n e.preventDefault();\n const numberValue = Number(value);\n if (!Number.isNaN(numberValue)) {\n onConfirm(Math.max(1, Math.min(maxQuantity, numberValue)));\n }\n }}\n noValidate\n >\n <StyledInput\n ref={inputRef}\n placeholder=\"Enter quantity\"\n type=\"number\"\n min={1}\n max={maxQuantity}\n value={value}\n onChange={e => {\n if (Number(e.target.value) >= maxQuantity) {\n setValue(maxQuantity);\n return;\n }\n setValue(Number(e.target.value));\n }}\n onBlur={e => {\n setValue(\n Math.max(1, Math.min(maxQuantity, Number(e.target.value)))\n );\n }}\n />\n <RangeSlider\n type={RangeSliderType.Slider}\n valueMin={1}\n valueMax={maxQuantity}\n width=\"100%\"\n onChange={setValue}\n value={value}\n />\n <Button buttonType={ButtonTypes.RPGUIButton} type=\"submit\">\n Confirm\n </Button>\n </StyledForm>\n </StyledContainer>\n );\n};\n\nconst StyledContainer = styled(RPGUIContainer)`\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 1rem;\n\n h2 {\n margin: 0;\n margin-bottom: 1rem;\n font-size: 1rem;\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: 1.5rem;\n cursor: pointer;\n`;\n\nconst StyledForm = styled.form`\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1rem;\n width: 100%;\n`;\n\nconst StyledInput = styled.input`\n width: 100%;\n padding: 0.5rem;\n background-color: rgba(0, 0, 0, 0.25);\n border: none;\n color: white;\n font-size: 1rem;\n text-align: center;\n\n &::-webkit-inner-spin-button,\n &::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n &[type='number'] {\n -moz-appearance: textfield;\n }\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport ModalPortal from '../Abstractions/ModalPortal';\nimport { QuantitySelector } from './QuantitySelector';\n\nexport interface IQuantitySelect {\n isOpen: boolean;\n maxQuantity: number;\n callback: (quantity: number) => void;\n title?: string;\n initialQuantity?: number;\n}\n\ninterface IProps {\n quantitySelect: IQuantitySelect;\n setQuantitySelect: React.Dispatch<React.SetStateAction<IQuantitySelect>>;\n}\n\nconst validateQuantitySelect = (\n quantitySelect: IQuantitySelect\n): IQuantitySelect => ({\n ...quantitySelect,\n maxQuantity: Math.max(1, quantitySelect.maxQuantity),\n initialQuantity: quantitySelect.initialQuantity\n ? Math.max(\n 1,\n Math.min(quantitySelect.maxQuantity, quantitySelect.initialQuantity)\n )\n : undefined,\n});\n\nexport const QuantitySelectorModal = ({\n quantitySelect,\n setQuantitySelect,\n}: IProps): JSX.Element => {\n const resetQuantitySelect = () => {\n setQuantitySelect({\n isOpen: false,\n maxQuantity: 1,\n callback: () => {},\n });\n };\n\n // Validate the input values\n const validatedQuantitySelect = validateQuantitySelect(quantitySelect);\n\n return (\n <ModalPortal>\n <QuantitySelectorContainer>\n <QuantitySelector\n maxQuantity={validatedQuantitySelect.maxQuantity}\n initialQuantity={validatedQuantitySelect.initialQuantity}\n title={validatedQuantitySelect.title}\n onConfirm={quantity => {\n validatedQuantitySelect.callback(quantity);\n resetQuantitySelect();\n }}\n onClose={() => {\n validatedQuantitySelect.callback(-1);\n resetQuantitySelect();\n }}\n />\n </QuantitySelectorContainer>\n </ModalPortal>\n );\n};\n\nconst QuantitySelectorContainer = styled.div`\n position: absolute;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n z-index: 100;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: rgba(0, 0, 0, 0.5);\n`;\n","import React from 'react';\nimport { IQuantitySelect, QuantitySelectorModal } from '../../QuantitySelector/QuantitySelectorModal';\n\ninterface IProps {\n quantitySelect: IQuantitySelect;\n setQuantitySelect: React.Dispatch<React.SetStateAction<IQuantitySelect>>;\n}\n\nexport const ItemQuantitySelectorModal = ({\n quantitySelect,\n setQuantitySelect,\n}: IProps): JSX.Element => {\n return (\n <QuantitySelectorModal\n quantitySelect={quantitySelect}\n setQuantitySelect={setQuantitySelect}\n />\n );\n};\n\nexport type { IQuantitySelect };\n","import {\n IEquipmentSet,\n IItem,\n IItemContainer,\n IShortcut,\n ItemContainerType,\n ItemSubType,\n ItemType,\n} from '@rpg-engine/shared';\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { SlotsContainer } from '../../Abstractions/SlotsContainer';\n\nimport { useScrollOnDrag } from '../../../hooks/useScrollOnDrag';\nimport { IPosition } from '../../../types/eventTypes';\nimport { ShortcutsSetter } from '../../Shortcuts/ShortcutsSetter';\nimport { ItemSlotDetailsProvider } from './context/ItemSlotDetailsContext';\nimport { ItemSlotDraggingProvider } from './context/ItemSlotDraggingContext';\nimport { DraggedItem } from './DraggedItem';\nimport { ItemQuantitySelectorModal } from './ItemQuantitySelectorModal';\nimport { ItemSlot } from './ItemSlot';\nimport { ItemSlotToolTips } from './ItemSlotTooltips';\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 onItemDragStart?: (\n item: IItem,\n slotIndex: number,\n itemContainerType: ItemContainerType | null\n ) => void;\n onItemDragEnd?: (quantity?: number) => void;\n onOutsideDrop?: (item: IItem, position: IPosition) => void;\n onItemPlaceDrop?: (\n item: IItem | null,\n slotIndex: number,\n itemContainerType: ItemContainerType | null\n ) => void;\n scale?: number;\n checkIfItemCanBeMoved: () => boolean;\n checkIfItemShouldDragEnd?: () => boolean;\n onMouseOver?: (e: any, slotIndex: number, item: IItem | null) => void;\n onSelected?: (optionId: string, item: IItem) => void;\n type: ItemContainerType;\n atlasJSON: any;\n atlasIMG: any;\n disableContextMenu?: boolean;\n initialPosition?: { x: number; y: number };\n shortcuts?: IShortcut[];\n setItemShortcut?: (key: string, index: number) => void;\n removeShortcut?: (index: number) => void;\n equipmentSet?: IEquipmentSet | null;\n isDepotSystem?: boolean;\n onPositionChangeEnd?: (position: IPosition) => void;\n onPositionChangeStart?: (position: IPosition) => void;\n isFullScreen?: boolean;\n opacity?: number;\n}\n\nconst MIN_SLOTS_FOR_SCROLL = 20;\n\nexport const ItemContainer: React.FC<IItemContainerProps> = React.memo(\n ({\n itemContainer,\n onClose,\n onMouseOver,\n onSelected,\n onItemClick,\n type,\n atlasJSON,\n atlasIMG,\n disableContextMenu = false,\n onItemDragEnd,\n onItemDragStart,\n onItemPlaceDrop,\n onOutsideDrop,\n checkIfItemCanBeMoved,\n initialPosition,\n checkIfItemShouldDragEnd,\n scale,\n shortcuts,\n setItemShortcut,\n removeShortcut,\n equipmentSet,\n isDepotSystem,\n onPositionChangeEnd,\n onPositionChangeStart,\n isFullScreen,\n opacity,\n }) => {\n const [quantitySelect, setQuantitySelect] = useState({\n isOpen: false,\n maxQuantity: 1,\n callback: (_quantity: number) => {},\n });\n const [settingShortcutIndex, setSettingShortcutIndex] = useState(-1);\n\n const containerRef = useRef<HTMLDivElement>(null);\n\n const { startScrolling, stopScrolling } = useScrollOnDrag({\n containerRef,\n threshold: 50,\n scrollStep: 4,\n });\n\n const handleSetShortcut = useCallback(\n (item: IItem, index: number) => {\n if (\n item.type === ItemType.Consumable ||\n item.type === ItemType.Tool ||\n item.subType === ItemSubType.Seed\n ) {\n setItemShortcut?.(item.key, index);\n }\n },\n [setItemShortcut]\n );\n\n const handleMouseMove = useCallback(\n (e: MouseEvent) => {\n startScrolling(e.clientY);\n },\n [startScrolling]\n );\n\n const onDragStartScrollingEvents = useCallback(() => {\n document.addEventListener('pointermove', handleMouseMove);\n document.addEventListener(\n 'pointerup',\n () => {\n stopScrolling();\n document.removeEventListener('pointermove', handleMouseMove);\n },\n { once: true }\n );\n }, [handleMouseMove, stopScrolling]);\n\n const onDragEndScrollingEvents = useCallback(() => {\n stopScrolling();\n document.removeEventListener('pointermove', handleMouseMove);\n }, [handleMouseMove, stopScrolling]);\n\n const onDragStartHandler = useCallback(\n (\n item: IItem,\n slotIndex: number,\n itemContainerType: ItemContainerType | null\n ) => {\n if (onItemDragStart) {\n onItemDragStart(item, slotIndex, itemContainerType);\n }\n\n onDragStartScrollingEvents();\n },\n [onItemDragStart, onDragStartScrollingEvents]\n );\n\n const onDragEndHandler = useCallback(\n (quantity: number | undefined) => {\n if (onItemDragEnd) {\n onItemDragEnd(quantity);\n }\n onDragEndScrollingEvents();\n },\n [onItemDragEnd, onDragEndScrollingEvents]\n );\n\n const handleItemClick = useCallback(\n (\n itemType: IItem['type'],\n containerType: ItemContainerType | null,\n item: IItem\n ) => {\n if (settingShortcutIndex !== -1) {\n setSettingShortcutIndex(-1);\n handleSetShortcut(item, settingShortcutIndex);\n } else if (onItemClick) {\n onItemClick(item, itemType, containerType);\n }\n },\n [settingShortcutIndex, handleSetShortcut, onItemClick]\n );\n\n const handlePlaceDrop = useCallback(\n (\n item: IItem | null,\n slotIndex: number,\n itemContainerType: ItemContainerType | null\n ) => {\n if (onItemPlaceDrop) {\n onItemPlaceDrop(item, slotIndex, itemContainerType);\n }\n onDragEndScrollingEvents();\n },\n [onItemPlaceDrop, onDragEndScrollingEvents]\n );\n\n const handleOutsideDrop = useCallback(\n (item: IItem, position: IPosition) => {\n if (onOutsideDrop) {\n onOutsideDrop(item, position);\n }\n onDragEndScrollingEvents();\n },\n [onOutsideDrop, onDragEndScrollingEvents]\n );\n\n const handleQuantitySelect = useCallback(\n (maxQuantity: number, callback: (quantity: number) => void) => {\n setQuantitySelect({\n isOpen: true,\n maxQuantity,\n callback,\n });\n },\n []\n );\n\n // Memoize slot rendering configuration\n const slotConfig = useMemo(\n () => ({\n type,\n atlasIMG,\n atlasJSON,\n scale,\n equipmentSet,\n isDepotSystem,\n isSelectingShortcut: settingShortcutIndex !== -1,\n checkIfItemCanBeMoved,\n checkIfItemShouldDragEnd,\n }),\n [\n type,\n atlasIMG,\n atlasJSON,\n scale,\n equipmentSet,\n isDepotSystem,\n settingShortcutIndex,\n checkIfItemCanBeMoved,\n checkIfItemShouldDragEnd,\n ]\n );\n\n // Memoize slots rendering\n const renderSlots = useMemo(() => {\n const slots = [];\n\n for (let i = 0; i < itemContainer.slotQty; i++) {\n const currentItem = itemContainer.slots?.[i] || null;\n\n slots.push(\n <ItemSlot\n key={i}\n slotIndex={i}\n item={currentItem}\n itemContainerType={slotConfig.type}\n onMouseOver={onMouseOver}\n onPointerDown={handleItemClick}\n onDragStart={onDragStartHandler}\n onDragEnd={onDragEndHandler}\n dragScale={slotConfig.scale}\n checkIfItemCanBeMoved={slotConfig.checkIfItemCanBeMoved}\n checkIfItemShouldDragEnd={slotConfig.checkIfItemShouldDragEnd}\n openQuantitySelector={handleQuantitySelect}\n onPlaceDrop={handlePlaceDrop}\n onOutsideDrop={handleOutsideDrop}\n atlasIMG={slotConfig.atlasIMG}\n atlasJSON={slotConfig.atlasJSON}\n isSelectingShortcut={slotConfig.isSelectingShortcut}\n equipmentSet={slotConfig.equipmentSet}\n setItemShortcut={\n type === ItemContainerType.Inventory\n ? handleSetShortcut\n : undefined\n }\n isDepotSystem={slotConfig.isDepotSystem}\n />\n );\n }\n return slots;\n }, [\n itemContainer.slotQty,\n itemContainer.slots,\n slotConfig,\n onMouseOver,\n handleItemClick,\n onDragStartHandler,\n onDragEndHandler,\n handleQuantitySelect,\n handlePlaceDrop,\n handleOutsideDrop,\n handleSetShortcut,\n type,\n ]);\n\n return (\n <ItemSlotDraggingProvider>\n <ItemSlotDetailsProvider>\n <DraggedItem\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n scale={scale}\n />\n <SlotsContainer\n title={itemContainer.name || 'Container'}\n onClose={onClose}\n initialPosition={initialPosition}\n scale={scale}\n onPositionChangeEnd={onPositionChangeEnd}\n onPositionChangeStart={onPositionChangeStart}\n isFullScreen={isFullScreen}\n opacity={opacity}\n >\n {type === ItemContainerType.Inventory &&\n shortcuts &&\n removeShortcut && (\n <ShortcutsSetter\n setSettingShortcutIndex={setSettingShortcutIndex}\n settingShortcutIndex={settingShortcutIndex}\n shortcuts={shortcuts}\n removeShortcut={removeShortcut}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n />\n )}\n <ItemsContainer\n className=\"item-container-body\"\n ref={containerRef}\n isScrollable={itemContainer.slotQty > MIN_SLOTS_FOR_SCROLL}\n isFullScreen={isFullScreen}\n >\n {renderSlots}\n </ItemsContainer>\n </SlotsContainer>\n {quantitySelect.isOpen && (\n <ItemQuantitySelectorModal\n quantitySelect={quantitySelect}\n setQuantitySelect={setQuantitySelect}\n />\n )}\n <ItemSlotToolTips\n dragScale={scale}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n equipmentSet={equipmentSet}\n isContextMenuDisabled={disableContextMenu}\n onSelected={onSelected}\n />\n </ItemSlotDetailsProvider>\n </ItemSlotDraggingProvider>\n );\n }\n);\n\ninterface IItemsContainerProps {\n isScrollable: boolean;\n isFullScreen?: boolean;\n}\n\nconst ItemsContainer = styled.div<IItemsContainerProps>`\n display: flex;\n justify-content: ${({ isFullScreen }) =>\n isFullScreen ? 'flex-start' : 'center'};\n flex-wrap: wrap;\n max-height: ${({ isFullScreen }) =>\n isFullScreen\n ? undefined\n : '270px'}; // Adjust the max-height based on the prop\n overflow-y: ${({ isScrollable }) => (isScrollable ? 'auto' : 'hidden')};\n overflow-x: hidden;\n width: ${({ isFullScreen }) =>\n isFullScreen ? '100vw' : '415px'}; // Adjust the width based on the prop\n\n max-height: ${({ isFullScreen }) => isFullScreen && '60%'};\n\n @media screen and (max-height: 350px) {\n max-height: ${({ isFullScreen }) => isFullScreen && '50%'};\n }\n`;\n","import { useCallback, useRef } from 'react';\n\ninterface IUseScrollOnDragProps {\n containerRef: React.RefObject<HTMLDivElement>;\n threshold: number;\n scrollStep: number;\n}\n\nexport const useScrollOnDrag = ({\n containerRef,\n threshold,\n scrollStep,\n}: IUseScrollOnDragProps) => {\n const animationFrameId = useRef<number | null>(null);\n\n const startScrolling = useCallback(\n (clientY: number) => {\n const scroll = () => {\n if (containerRef.current) {\n const { top, bottom } = containerRef.current.getBoundingClientRect();\n\n const maxScrollTop =\n containerRef.current.scrollHeight -\n containerRef.current.clientHeight;\n const distanceFromTop = clientY - top;\n const distanceFromBottom = bottom - clientY;\n\n if (\n distanceFromTop < threshold &&\n containerRef.current.scrollTop > 0\n ) {\n containerRef.current.scrollTop -= scrollStep;\n animationFrameId.current = requestAnimationFrame(scroll);\n } else if (\n distanceFromBottom < threshold &&\n containerRef.current.scrollTop < maxScrollTop\n ) {\n containerRef.current.scrollTop += scrollStep;\n animationFrameId.current = requestAnimationFrame(scroll);\n } else {\n // Check if we are near the bottom of the container\n if (containerRef.current.scrollTop >= maxScrollTop) {\n // You can perform any action here when the scroll hits the bottom.\n } else {\n // Check if we are near the top of the container\n if (containerRef.current.scrollTop <= 0) {\n // You can perform any action here when the scroll hits the top.\n }\n }\n // Stop scrolling if neither condition is met\n stopScrolling();\n }\n }\n };\n\n const stopScrolling = () => {\n if (animationFrameId.current !== null) {\n cancelAnimationFrame(animationFrameId.current);\n animationFrameId.current = null;\n }\n };\n\n //@ts-ignore\n cancelAnimationFrame(animationFrameId.current); // Cancel any existing animation frame\n animationFrameId.current = requestAnimationFrame(scroll);\n },\n [containerRef, threshold, scrollStep]\n );\n\n const stopScrolling = useCallback(() => {\n if (animationFrameId.current !== null) {\n cancelAnimationFrame(animationFrameId.current);\n animationFrameId.current = null;\n }\n }, []);\n\n return { startScrolling, stopScrolling };\n};\n","import React, { ReactNode } from 'react';\nimport styled from 'styled-components';\nimport ModalPortal from './Abstractions/ModalPortal';\nimport { Button, ButtonTypes } from './Button';\nimport { DraggableContainer } from './DraggableContainer';\n\nexport interface IConfirmModalProps {\n onConfirm: () => void;\n onClose: () => void;\n message?: string | ReactNode;\n}\n\nexport const ConfirmModal: React.FC<IConfirmModalProps> = ({\n onConfirm,\n onClose,\n message = 'Are you sure?',\n}) => {\n const handleConfirm = (e: React.MouseEvent) => {\n e.preventDefault();\n e.stopPropagation();\n onConfirm();\n };\n\n const handleClose = (e: React.MouseEvent) => {\n e.preventDefault();\n e.stopPropagation();\n onClose();\n };\n\n return (\n <ModalPortal>\n <Background />\n <Container onClick={handleClose}>\n <DraggableContainer width=\"auto\" dragDisabled>\n <Wrapper onClick={e => e.stopPropagation()}>\n {typeof message === 'string' ? <p>{message}</p> : message}\n\n <ButtonsWrapper>\n <div className=\"cancel-button\">\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n onClick={handleClose}\n >\n No\n </Button>\n </div>\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n onClick={handleConfirm}\n >\n Yes\n </Button>\n </ButtonsWrapper>\n </Wrapper>\n </DraggableContainer>\n </Container>\n </ModalPortal>\n );\n};\n\nconst Background = styled.div`\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: #000000;\n opacity: 0.5;\n left: 0;\n top: 0;\n z-index: 1000;\n`;\n\nconst Container = styled.div`\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1001;\n`;\n\nconst Wrapper = styled.div`\n p {\n margin: 0;\n }\n`;\n\nconst ButtonsWrapper = styled.div`\n display: flex;\n justify-content: flex-end;\n gap: 5px;\n margin-top: 5px;\n\n .cancel-button {\n filter: grayscale(0.7);\n }\n`;\n","import React, { useEffect, useState } from 'react';\nimport { HexColorPicker } from 'react-colorful';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../constants/uiColors';\nimport { Button, ButtonTypes } from '../../Button';\nimport { ConfirmModal } from '../../ConfirmModal';\nimport { DraggableContainer } from '../../DraggableContainer';\nimport { RPGUIContainerTypes } from '../../RPGUI/RPGUIContainer';\n\ninterface IColorSelectorProps {\n selectedColor: string;\n isOpen: boolean;\n onClose: () => void;\n onConfirm: (color: string) => void;\n onChange: (color: string) => void;\n costWarning?: {\n cost: number;\n currency?: string;\n };\n}\n\nexport const ColorSelector: React.FC<IColorSelectorProps> = ({\n selectedColor,\n isOpen,\n onClose,\n onConfirm,\n onChange,\n costWarning,\n}) => {\n const [currentColor, setCurrentColor] = useState(selectedColor);\n const [showConfirmModal, setShowConfirmModal] = useState(false);\n\n useEffect(() => {\n if (isOpen) setCurrentColor(selectedColor);\n }, [isOpen, selectedColor]);\n\n const handleConfirm = (e: React.MouseEvent) => {\n e.preventDefault();\n if (costWarning) {\n setShowConfirmModal(true);\n } else {\n onConfirm(currentColor);\n onClose();\n }\n };\n\n const handleConfirmCost = () => {\n onConfirm(currentColor);\n setShowConfirmModal(false);\n onClose();\n };\n\n const handleClose = () => {\n setShowConfirmModal(false);\n };\n\n const renderConfirmMessage = () => (\n <ConfirmContent>\n <p>\n Cost:\n <CostDisplay>\n {costWarning?.cost.toLocaleString()}\n {costWarning?.currency || ' gold'}\n </CostDisplay>\n </p>\n <p>Proceed with color change?</p>\n </ConfirmContent>\n );\n\n if (!isOpen) return null;\n\n return (\n <>\n <DraggableContainer\n type={RPGUIContainerTypes.Framed}\n cancelDrag=\".react-colorful\"\n width=\"25rem\"\n onCloseButton={onClose}\n >\n <Container>\n <Header>Select Color</Header>\n <ColorPickerWrapper>\n <HexColorPicker\n color={currentColor}\n onChange={color => {\n setCurrentColor(color);\n onChange(color);\n }}\n />\n </ColorPickerWrapper>\n <ButtonContainer>\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n type=\"button\"\n onClick={handleConfirm}\n >\n Confirm\n </Button>\n </ButtonContainer>\n </Container>\n </DraggableContainer>\n\n {showConfirmModal && costWarning && (\n <ConfirmModal\n message={renderConfirmMessage()}\n onConfirm={handleConfirmCost}\n onClose={handleClose}\n />\n )}\n </>\n );\n};\n\nconst Container = styled.div`\n text-align: center;\n background: inherit;\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n align-items: center;\n width: 100%;\n max-width: 24rem;\n margin: 0 auto;\n`;\n\nconst Header = styled.h2`\n color: white;\n font-size: 1rem;\n margin: 0;\n width: 100%;\n text-align: center;\n`;\n\nconst ColorPickerWrapper = styled.div`\n display: flex;\n justify-content: center;\n width: 100%;\n\n .react-colorful {\n width: 100%;\n max-width: 200px;\n }\n`;\n\nconst ButtonContainer = styled.div`\n display: flex;\n justify-content: center;\n width: 100%;\n`;\n\nconst ConfirmContent = styled.div`\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n text-align: center;\n font-family: 'Press Start 2P', cursive;\n font-size: 0.75rem;\n`;\n\nconst CostDisplay = styled.span`\n color: ${uiColors.yellow} !important;\n`;\n","import { IGemSchema, IItem } from '@rpg-engine/shared';\nimport React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { Button, ButtonTypes } from '../Button';\nimport { CheckItem } from '../CheckItem';\nimport { useResponsiveSize } from '../CraftBook/hooks/useResponsiveSize';\nimport { DraggableContainer } from '../DraggableContainer';\nimport { RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';\nimport { SpriteFromAtlas } from '../shared/SpriteFromAtlas';\n\nexport interface IGemSelectorProps {\n atlasJSON: any;\n atlasIMG: any;\n item: IItem;\n scale?: number;\n onClose: () => void;\n onSelect: (selectedGems: IGemSchema[]) => void;\n}\n\nexport const GemSelector: React.FC<IGemSelectorProps> = ({\n atlasJSON,\n atlasIMG,\n item,\n scale,\n onClose,\n onSelect,\n}) => {\n const [selectedGems, setSelectedGems] = useState<IGemSchema[]>([]);\n const size = useResponsiveSize(scale);\n\n const handleGemToggle = (gem: IGemSchema) => {\n setSelectedGems(prev =>\n prev.some(selected => selected.key === gem.key)\n ? prev.filter(selected => selected.key !== gem.key)\n : [...prev, gem]\n );\n };\n\n const handleConfirm = () => {\n onSelect(selectedGems);\n onClose();\n };\n\n if (!size) return null;\n\n return (\n <DraggableContainer\n type={RPGUIContainerTypes.Framed}\n width=\"450px\"\n height={size.height}\n scale={scale}\n cancelDrag=\".gem-selector-container\"\n onCloseButton={onClose}\n >\n <ContentWrapper>\n <Header>\n <Title>GEM SELECTION</Title>\n <Subtitle>Select gems to detach</Subtitle>\n </Header>\n\n <GemGrid>\n {item.attachedGems?.map((gem, index) => {\n return (\n <GemItem key={`${gem.key}-${index}`}>\n <CheckItemWrapper>\n <CheckItem\n defaultValue={selectedGems.some(\n selected => selected.key === gem.key\n )}\n onChange={() => {\n handleGemToggle(gem);\n }}\n />\n </CheckItemWrapper>\n <SpriteWrapper>\n <SpriteFromAtlas\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n spriteKey={`gems/${gem.key}.png`}\n imgScale={2}\n imgClassname=\"gem-sprite\"\n centered={true}\n />\n </SpriteWrapper>\n <GemName>\n {gem.name.replace(/ of /gi, '\\n').toUpperCase()}\n </GemName>\n </GemItem>\n );\n })}\n </GemGrid>\n\n <ButtonWrapper>\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n onPointerDown={() => {\n onClose();\n }}\n >\n Cancel\n </Button>\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n onPointerDown={() => {\n handleConfirm();\n }}\n disabled={selectedGems.length === 0}\n >\n Confirm\n </Button>\n </ButtonWrapper>\n </ContentWrapper>\n </DraggableContainer>\n );\n};\n\nconst Title = styled.h1`\n font-size: 0.8rem;\n color: ${uiColors.yellow} !important;\n`;\n\nconst Subtitle = styled.h2`\n font-size: 0.6rem;\n color: ${uiColors.white};\n margin: 0;\n`;\n\nconst Header = styled.div`\n text-align: center;\n padding: 5px;\n border-bottom: 2px solid #444;\n`;\n\nconst GemGrid = styled.div`\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 15px;\n margin-bottom: 20px;\n margin-top: 10px;\n min-height: 150px;\n overflow-y: auto;\n`;\n\nconst ContentWrapper = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-left: 20px;\n justify-content: space-between;\n height: 100%;\n`;\n\nconst GemItem = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n background-color: ${uiColors.darkGray} !important;\n height: 100px;\n width: 90px;\n padding: 5px;\n`;\n\nconst GemName = styled.div`\n font-size: 0.5rem;\n color: ${uiColors.yellow} !important;\n text-align: center;\n text-transform: uppercase;\n line-height: 1.2;\n width: 100%;\n min-height: 30px;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n word-break: break-word;\n`;\n\nconst ButtonWrapper = styled.div`\n display: flex;\n justify-content: center;\n align-self: center;\n`;\n\nconst CheckItemWrapper = styled.div`\n display: flex;\n justify-content: center;\n width: 100%;\n height: 20px;\n\n input.rpgui-checkbox + label {\n margin: 0 !important;\n padding-left: 23px !important;\n }\n`;\n\nconst SpriteWrapper = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 50px;\n`;\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { Button, ButtonTypes } from '../Button';\nimport { DraggableContainer } from '../DraggableContainer';\nimport { RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';\nimport { SpriteFromAtlas } from '../shared/SpriteFromAtlas';\n\nexport interface IOptionsItemSelectorProps {\n name: string;\n description?: string;\n imageKey: string;\n}\n\nexport interface IItemSelectorProps {\n atlasJSON: any;\n atlasIMG: any;\n options: IOptionsItemSelectorProps[];\n onClose: () => void;\n onSelect: (value: string) => void;\n}\n\nexport const ItemSelector: React.FC<IItemSelectorProps> = ({\n atlasIMG,\n atlasJSON,\n options,\n onClose,\n onSelect,\n}) => {\n const [selectedValue, setSelectedValue] = useState<string>();\n\n const handleClick = () => {\n let element = document.querySelector(\n `input[name='test']:checked`\n ) as HTMLInputElement;\n const elementValue = element.value;\n setSelectedValue(elementValue);\n };\n\n useEffect(() => {\n if (selectedValue) {\n onSelect(selectedValue);\n }\n }, [selectedValue]);\n return (\n <DraggableContainer\n type={RPGUIContainerTypes.Framed}\n width=\"500px\"\n cancelDrag=\".equipment-container-body .arrow-selector\"\n onCloseButton={() => {\n if (onClose) {\n onClose();\n }\n }}\n >\n <div style={{ width: '100%' }}>\n <Title>{'Harvesting instruments'}</Title>\n <Subtitle>{'Use the tool, you need it'}</Subtitle>\n <hr className=\"golden\" />\n </div>\n\n <RadioInputScroller>\n {options?.map((option, index) => (\n <RadioOptionsWrapper key={index}>\n <SpriteAtlasWrapper>\n <SpriteFromAtlas\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n spriteKey={option.imageKey}\n imgScale={3}\n />\n </SpriteAtlasWrapper>\n <div>\n <input\n className=\"rpgui-radio\"\n type=\"radio\"\n value={option.name}\n name=\"test\"\n />\n <label\n onPointerDown={handleClick}\n style={{ display: 'flex', alignItems: 'center' }}\n >\n {option.name} <br />\n {option.description}\n </label>\n </div>\n </RadioOptionsWrapper>\n ))}\n </RadioInputScroller>\n <ButtonWrapper>\n <Button buttonType={ButtonTypes.RPGUIButton} onPointerDown={onClose}>\n Cancel\n </Button>\n <Button buttonType={ButtonTypes.RPGUIButton}>Select</Button>\n </ButtonWrapper>\n </DraggableContainer>\n );\n};\n\nconst Title = styled.h1`\n font-size: 0.6rem;\n color: yellow !important;\n`;\nconst Subtitle = styled.h1`\n font-size: 0.4rem;\n color: yellow !important;\n`;\n\nconst RadioInputScroller = styled.div`\n padding-left: 15px;\n padding-top: 10px;\n width: 100%;\n margin-top: 1rem;\n align-items: center;\n margin-left: 20px;\n align-items: flex-start;\n overflow-y: scroll;\n height: 360px;\n`;\n\nconst SpriteAtlasWrapper = styled.div`\n margin-right: 40px;\n`;\n\nconst RadioOptionsWrapper = styled.div`\n display: flex;\n align-items: stretch;\n margin-bottom: 40px;\n`;\n\nconst ButtonWrapper = styled.div`\n display: flex;\n justify-content: space-around;\n padding-top: 20px;\n width: 100%;\n`;\n","import {\n IRankingTopCharacterEntry,\n IRankingTopSkillEntry,\n} from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { Ellipsis } from '../shared/Ellipsis';\n\nexport interface ILeaderboardLevelProps {\n items: Set<IRankingTopCharacterEntry> | Set<IRankingTopSkillEntry> | null;\n rankType: string;\n}\n\nexport const LeaderboardTable: React.FC<ILeaderboardLevelProps> = props => {\n const { items, rankType } = props;\n if (!items) return null;\n\n function isTopSkillEntry(entry: any): entry is IRankingTopSkillEntry {\n return 'skill' in entry;\n }\n\n return (\n <>\n <thead>\n <TableRowWrapper>\n <TableRowValue>\n <p>\n <Ellipsis maxLines={1} maxWidth=\"200px\" fontSize=\"14px\">\n Name\n </Ellipsis>\n </p>\n </TableRowValue>\n {rankType === 'Skill' ? (\n <TableRowValue>\n <p>\n <Ellipsis maxLines={1} maxWidth=\"200px\" fontSize=\"14px\">\n Skill\n </Ellipsis>\n </p>\n </TableRowValue>\n ) : null}\n <TableRowValue>\n <p>\n <Ellipsis maxLines={1} maxWidth=\"200px\" fontSize=\"14px\">\n Level\n </Ellipsis>\n </p>\n </TableRowValue>\n </TableRowWrapper>\n </thead>\n <tbody>\n {Array.from(items).map(entry => (\n <TableRowWrapper key={entry.name}>\n <TableRowValue>\n <p>\n <Ellipsis maxLines={1} maxWidth=\"200px\" fontSize=\"10px\">\n {entry.name}\n </Ellipsis>\n </p>\n </TableRowValue>\n {isTopSkillEntry(entry) ? (\n <TableRowValue>\n <p>\n <Ellipsis maxLines={1} maxWidth=\"200px\" fontSize=\"10px\">\n {entry.skill}\n </Ellipsis>\n </p>\n </TableRowValue>\n ) : null}\n <TableRowValue>\n <p>\n <Ellipsis maxLines={1} maxWidth=\"200px\" fontSize=\"10px\">\n {entry.level}\n </Ellipsis>\n </p>\n </TableRowValue>\n </TableRowWrapper>\n ))}\n </tbody>\n </>\n );\n};\n\nconst TableRowWrapper = styled.tr`\n margin: auto;\n padding: 0.5rem;\n\n &:hover {\n background-color: ${uiColors.darkGray};\n }\n\n p {\n font-size: 0.8rem;\n }\n`;\n\nconst TableRowValue = styled.td`\n padding: 0 20px;\n`;\n","import {\n IRankingTopCharacterEntry,\n IRankingTopSkillEntry,\n} from '@rpg-engine/shared';\nimport React, { useEffect, useRef } from 'react';\nimport styled from 'styled-components';\nimport { Dropdown, IOptionsProps } from '../Dropdown';\nimport { LeaderboardTable } from './LeaderboardTable';\n\nexport interface ILeaderboardProps {\n items: Set<IRankingTopCharacterEntry> | Set<IRankingTopSkillEntry> | null;\n onChangeClassType: (value: string) => void;\n onChangeRankType: (value: string) => void;\n onChangeSkillType: (value: string) => void;\n skillOptions: string[];\n rankOptions: string[];\n classOptions: string[];\n rankType: string;\n}\n\nexport const Leaderboard = (props: ILeaderboardProps) => {\n const {\n items,\n onChangeRankType,\n onChangeClassType,\n rankType,\n skillOptions,\n onChangeSkillType,\n classOptions,\n rankOptions,\n } = props;\n const itemsContainer = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n itemsContainer.current?.scrollTo(0, 0);\n }, []);\n\n const rankTypeOptions: IOptionsProps[] = rankOptions.map(\n (itemType, index) => ({\n id: index + 1,\n value: itemType,\n option: itemType,\n })\n );\n\n const skillTypeOptions: IOptionsProps[] = skillOptions.map(\n (itemType, index) => ({\n id: index + 1,\n value: itemType,\n option: itemType,\n })\n );\n\n const classTypeOptions: IOptionsProps[] = classOptions.map(\n (itemType, index) => ({\n id: index + 1,\n value: itemType,\n option: itemType,\n })\n );\n\n return (\n <>\n <WrapperContainer>\n <StyledDropdown\n options={rankTypeOptions}\n onChange={onChangeRankType}\n width=\"80%\"\n />\n {rankType === 'Class' ? (\n <StyledDropdown\n options={classTypeOptions}\n onChange={onChangeClassType}\n width=\"100%\"\n />\n ) : null}\n {rankType === 'Skill' ? (\n <StyledDropdown\n options={skillTypeOptions}\n onChange={onChangeSkillType}\n width=\"100%\"\n />\n ) : null}\n </WrapperContainer>\n <ItemComponentScrollWrapper\n id=\"LeaderboardContainer\"\n ref={itemsContainer}\n >\n <TableWrapper>\n <LeaderboardTable items={items} rankType={rankType} />\n </TableWrapper>\n </ItemComponentScrollWrapper>\n </>\n );\n};\n\nconst WrapperContainer = styled.div`\n display: grid;\n grid-template-columns: 50% 50%;\n justify-content: space-between;\n width: calc(100% - 40px);\n margin-left: 10px;\n\n .rpgui-content .rpgui-dropdown-imp-header {\n padding: 0px 10px 0 !important;\n }\n`;\n\nconst StyledDropdown = styled(Dropdown)`\n margin: 3px !important;\n width: 170px !important;\n`;\n\nconst ItemComponentScrollWrapper = styled.div`\n overflow-y: auto;\n height: 390px;\n width: 100%;\n margin-top: 1rem;\n\n @media (max-width: 950px) {\n height: 250px;\n }\n`;\n\nconst TableWrapper = styled.table`\n margin: auto;\n width: 100%;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { uiFonts } from '../constants/uiFonts';\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}\n\nexport const ListMenu: React.FC<IListMenuProps> = ({\n options,\n onSelected,\n x,\n y,\n}) => {\n return (\n <Container x={x} y={y}>\n <ul className=\"rpgui-list-imp\" style={{ overflow: 'hidden' }}>\n {options.map((params, index) => (\n <ListElement\n key={params?.id || index}\n onPointerDown={() => {\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}\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: ${uiFonts.size.xsmall};\n }\n`;\n\nconst ListElement = styled.li`\n margin-right: 0.5rem;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../constants/uiColors';\nimport { uiFonts } from '../constants/uiFonts';\n\ninterface PagerProps {\n totalItems: number;\n currentPage: number;\n itemsPerPage: number;\n onPageChange: (page: number) => void;\n}\n\nexport const Pager: React.FC<PagerProps> = ({\n totalItems,\n currentPage,\n itemsPerPage,\n onPageChange,\n}) => {\n const totalPages = Math.ceil(totalItems / itemsPerPage);\n\n return (\n <Container>\n <p>Total items: {totalItems}</p>\n <PagerContainer>\n <button\n disabled={currentPage === 1}\n onPointerDown={() => onPageChange(Math.max(currentPage - 1, 1))}\n >\n {'<'}\n </button>\n\n <div className=\"rpgui-container framed-grey\">{currentPage}</div>\n\n <button\n disabled={currentPage === totalPages}\n onPointerDown={() =>\n onPageChange(Math.min(currentPage + 1, totalPages))\n }\n >\n {'>'}\n </button>\n </PagerContainer>\n </Container>\n );\n};\n\nconst Container = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n\n p {\n margin: 0;\n font-size: ${uiFonts.size.xsmall};\n }\n`;\n\nconst PagerContainer = styled.div`\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 5px;\n\n p {\n margin: 0;\n }\n\n div {\n color: white;\n }\n\n button {\n width: 40px;\n height: 40px;\n background-color: ${uiColors.darkGray};\n border: none;\n border-radius: 5px;\n color: white;\n\n :hover {\n background-color: ${uiColors.lightGray};\n }\n\n :disabled {\n opacity: 0.5;\n }\n\n &.active {\n background-color: ${uiColors.orange};\n font-weight: bold;\n color: black;\n }\n }\n`;\n","import {\n getItemTextureKeyPath,\n IEquipmentSet,\n IItem,\n} from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { uiFonts } from '../../constants/uiFonts';\nimport { Button, ButtonTypes } from '../Button';\nimport { ItemInfoWrapper } from '../Item/Cards/ItemInfoWrapper';\nimport { onRenderGems } from '../Item/Inventory/ItemGem';\nimport { rarityColor } from '../Item/Inventory/ItemSlotRarity';\nimport { Ellipsis } from '../shared/Ellipsis';\nimport { SpriteFromAtlas } from '../shared/SpriteFromAtlas';\n\nexport interface IMarketPlaceRowsPropos {\n atlasJSON: any;\n atlasIMG: any;\n item: IItem;\n itemPrice: number;\n equipmentSet?: IEquipmentSet | null;\n scale?: number;\n onMarketPlaceItemBuy?: () => void;\n onMarketPlaceItemRemove?: () => void;\n disabled?: boolean;\n}\n\nexport const MarketplaceRows: React.FC<IMarketPlaceRowsPropos> = ({\n atlasJSON,\n atlasIMG,\n item,\n itemPrice,\n equipmentSet,\n scale,\n onMarketPlaceItemBuy,\n onMarketPlaceItemRemove,\n disabled,\n}) => {\n const renderGems = (item: IItem) => {\n return item.attachedGems && onRenderGems(item);\n };\n\n return (\n <MarketplaceWrapper>\n <ItemIconContainer>\n <SpriteContainer>\n <ItemInfoWrapper\n item={item}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n equipmentSet={equipmentSet}\n scale={scale}\n >\n <GemContainer>{renderGems(item)}</GemContainer>\n <RarityContainer item={item}>\n <SpriteFromAtlas\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n spriteKey={getItemTextureKeyPath(\n {\n key: item.key,\n stackQty: item.stackQty || 1,\n texturePath: item.texturePath,\n isStackable: item.isStackable,\n },\n atlasJSON\n )}\n imgScale={2}\n imgClassname=\"sprite-from-atlas-img--item\"\n />\n </RarityContainer>\n\n <QuantityContainer>\n {item.stackQty &&\n item.stackQty > 1 &&\n `x${Math.round(item.stackQty * 10) / 10}`}\n </QuantityContainer>\n </ItemInfoWrapper>\n </SpriteContainer>\n <PriceValue>\n <p>\n <Ellipsis maxLines={1} maxWidth=\"200px\" fontSize=\"10px\">\n {item.name}\n </Ellipsis>\n </p>\n </PriceValue>\n </ItemIconContainer>\n\n <Flex>\n <ItemIconContainer>\n <GoldContainer>\n <SpriteFromAtlas\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n spriteKey=\"others/gold-coin-qty-5.png\"\n imgScale={2}\n />\n </GoldContainer>\n <PriceValue>\n <p>\n <Ellipsis maxLines={1} maxWidth=\"200px\" fontSize=\"10px\">\n ${itemPrice}\n </Ellipsis>\n </p>\n </PriceValue>\n </ItemIconContainer>\n <ButtonContainer>\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n disabled={disabled}\n onPointerDown={() => {\n if (disabled) return;\n\n onMarketPlaceItemBuy?.();\n onMarketPlaceItemRemove?.();\n }}\n >\n {onMarketPlaceItemBuy ? 'Buy' : 'Remove'}\n </Button>\n </ButtonContainer>\n </Flex>\n </MarketplaceWrapper>\n );\n};\n\nconst MarketplaceWrapper = styled.div`\n margin: auto;\n display: flex;\n justify-content: space-between;\n padding: 0.5rem;\n\n &:hover {\n background-color: ${uiColors.darkGray};\n }\n\n p {\n font-size: 0.8rem;\n }\n`;\n\nconst QuantityContainer = styled.p`\n position: absolute;\n display: block;\n top: 15px;\n left: 25px;\n font-size: ${uiFonts.size.xsmall} !important;\n`;\n\nconst GemContainer = styled.p`\n position: absolute;\n display: block;\n top: -5px;\n left: -10px;\n font-size: ${uiFonts.size.xsmall} !important;\n`;\n\nconst Flex = styled.div`\n display: flex;\n gap: 24px;\n`;\n\nconst ItemIconContainer = styled.div`\n display: flex;\n justify-content: flex-start;\n align-items: center;\n`;\n\nconst GoldContainer = styled.div`\n position: relative;\n top: -0.5rem;\n left: 0.5rem;\n`;\nconst SpriteContainer = styled.div`\n position: relative;\n left: 0.5rem;\n`;\n\nconst PriceValue = styled.div`\n margin-left: 40px;\n`;\n\nconst ButtonContainer = styled.div`\n margin: auto;\n`;\n\nconst RarityContainer = styled.div<{ item: IItem }>`\n border-color: ${({ item }) => rarityColor(item)};\n box-shadow: ${({ item }) => `0 0 5px 8px ${rarityColor(item)}`} inset,\n ${({ item }) => `0 0 8px 6px ${rarityColor(item)}`};\n width: 32px;\n height: 32px;\n`;\n","import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { DraggableContainer } from '../DraggableContainer';\nimport { RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';\nimport { Tab } from './Tab';\n\ninterface ITab {\n label: string;\n id: string;\n}\n\nexport enum MultitabType {\n Brown = 'brown',\n Gray = 'gray',\n}\n\nexport interface ITabsContainer {\n children: React.ReactNode;\n onCloseButton?: () => void;\n tabs: ITab[];\n type: MultitabType;\n styles?: {\n width?: string;\n minWidth?: string;\n minHeight?: string;\n height?: string;\n className?: string;\n title?: string;\n imgSrc?: string;\n imgWidth?: string;\n };\n isDraggableModal?: boolean;\n}\n\nexport const TabsContainer: React.FC<ITabsContainer> = ({\n children,\n onCloseButton,\n tabs,\n type = MultitabType.Brown,\n styles = {},\n isDraggableModal = false,\n}) => {\n const [selectedTab, setSelectedTab] = useState(tabs[0].id);\n\n const onRenderTabs = () =>\n tabs.map((tab, index) => (\n <Tab\n type={type}\n active={selectedTab === tab.id}\n label={tab.label}\n key={`${tab.label}_${index}`}\n onPointerDown={() => setSelectedTab(tab.id)}\n />\n ));\n\n const onGetContainerType = () => {\n switch (type) {\n case MultitabType.Brown:\n return RPGUIContainerTypes.FramedGold;\n case MultitabType.Gray:\n return RPGUIContainerTypes.Framed;\n default:\n return RPGUIContainerTypes.Framed;\n }\n };\n\n const TabsCore = () => (\n <>\n {onRenderTabs()}\n <BodyContainer\n selectedTab={selectedTab}\n className={`${type} tabs-container`}\n >\n {children}\n </BodyContainer>\n </>\n );\n\n if (isDraggableModal) {\n return (\n <DraggableContainer\n onCloseButton={onCloseButton}\n type={onGetContainerType()}\n cancelDrag=\".tabs-container *\"\n width={styles?.width}\n height={styles?.height}\n minWidth={styles?.minWidth}\n minHeight={styles?.minHeight}\n className={styles?.className}\n title={styles?.title}\n imgSrc={styles?.imgSrc}\n imgWidth={styles?.imgWidth}\n >\n {TabsCore()}\n </DraggableContainer>\n );\n }\n\n return (\n <NonDraggableWrapper\n width={styles?.width}\n height={styles?.height}\n minWidth={styles?.minWidth}\n minHeight={styles?.minHeight}\n >\n {TabsCore()}\n </NonDraggableWrapper>\n );\n};\n\ninterface IBodyContainer {\n selectedTab: string;\n}\n\nconst BodyContainer = styled.div<IBodyContainer>`\n\n display: flex; \n width: 100%;\n height: 100%;\n justify-content: space-between;\n\n /* hide everything that is not data-tab-id selectedTab */\n & > *:not([data-tab-id=${props => props.selectedTab}]) {\n display: none;\n }\n\n &.brown {\n border: 0.25rem solid #996D55;\n background-color: #BF886A;\n }\n \n &.gray {\n border: 0.25rem solid rgba(0, 0, 0, 0.25);\n background-color: #4E4A4E;\n }\n \n border-radius: 5px; \n padding: 0.5rem; \n`;\n\ninterface INonDraggableWrapperProps {\n width?: string;\n height?: string;\n minWidth?: string;\n minHeight?: string;\n}\n\nconst NonDraggableWrapper = styled.div<INonDraggableWrapperProps>`\n height: ${props => props.height || 'auto'};\n width: ${props => props.width || '50%'};\n min-width: ${props => props.minWidth || 'auto'};\n min-height: ${props => props.minHeight || 'auto'};\n display: flex;\n flex-wrap: wrap;\n image-rendering: pixelated;\n overflow-y: hidden;\n padding-top: 1.5rem;\n position: relative;\n`;\n","import { IEquipmentSet, IMarketplaceItem } from '@rpg-engine/shared';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { AiFillCaretRight } from 'react-icons/ai';\nimport styled from 'styled-components';\nimport { ConfirmModal } from '../ConfirmModal';\nimport { Dropdown } from '../Dropdown';\nimport { Input } from '../Input';\nimport { MarketplaceRows } from './MarketplaceRows';\nimport { itemRarityOptions, itemTypeOptions, orderByOptions } from './filters';\n\nexport interface IBuyPanelProps {\n items: IMarketplaceItem[];\n atlasJSON: any;\n atlasIMG: any;\n onClose: () => void;\n onChangeType: (value: string) => void;\n onChangeRarity: (value: string) => void;\n onChangeOrder: (value: string) => void;\n onChangeNameInput: (value: string) => void;\n onChangeMainLevelInput: (\n value: [number | undefined, number | undefined]\n ) => void;\n onChangeSecondaryLevelInput: (\n value: [number | undefined, number | undefined]\n ) => void;\n onChangePriceInput: (value: [number | undefined, number | undefined]) => void;\n scale?: number;\n equipmentSet?: IEquipmentSet | null;\n onMarketPlaceItemBuy?: (marketPlaceItemId: string) => void;\n characterId: string;\n enableHotkeys?: () => void;\n disableHotkeys?: () => void;\n currentPage: number;\n}\n\nexport const BuyPanel: React.FC<IBuyPanelProps> = ({\n items,\n atlasIMG,\n atlasJSON,\n onChangeType,\n onChangeRarity,\n onChangeOrder,\n onChangeNameInput,\n onChangeMainLevelInput,\n onChangeSecondaryLevelInput,\n onChangePriceInput,\n equipmentSet,\n onMarketPlaceItemBuy,\n characterId,\n enableHotkeys,\n disableHotkeys,\n currentPage,\n}) => {\n const [name, setName] = useState('');\n const [mainLevel, setMainLevel] = useState<\n [number | undefined, number | undefined]\n >([undefined, undefined]);\n const [secondaryLevel, setSecondaryLevel] = useState<\n [number | undefined, number | undefined]\n >([undefined, undefined]);\n const [price, setPrice] = useState<[number | undefined, number | undefined]>([\n undefined,\n undefined,\n ]);\n const [buyingItemId, setBuyingItemId] = useState<string | null>(null);\n\n const itemsContainer = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n itemsContainer.current?.scrollTo(0, 0);\n }, [currentPage]);\n\n return (\n <>\n {buyingItemId && (\n <ConfirmModal\n onClose={setBuyingItemId.bind(null, null)}\n onConfirm={() => {\n onMarketPlaceItemBuy?.(buyingItemId);\n setBuyingItemId(null);\n enableHotkeys?.();\n }}\n message=\"Are you sure to buy this item?\"\n />\n )}\n <InputWrapper>\n <p>Search By Name</p>\n <Input\n onChange={e => {\n setName(e.target.value);\n onChangeNameInput(e.target.value);\n }}\n value={name}\n placeholder=\"Enter name...\"\n onBlur={enableHotkeys}\n onFocus={disableHotkeys}\n />\n </InputWrapper>\n\n <OptionsWrapper>\n <FilterInputsWrapper>\n <div>\n <p>Main level</p>\n <Input\n onChange={e => {\n setMainLevel([Number(e.target.value), mainLevel[1]]);\n onChangeMainLevelInput([Number(e.target.value), mainLevel[1]]);\n }}\n placeholder=\"Min\"\n type=\"number\"\n min={0}\n onBlur={enableHotkeys}\n onFocus={disableHotkeys}\n />\n <AiFillCaretRight />\n <Input\n onChange={e => {\n setMainLevel([mainLevel[0], Number(e.target.value)]);\n onChangeMainLevelInput([mainLevel[0], Number(e.target.value)]);\n }}\n placeholder=\"Max\"\n type=\"number\"\n min={0}\n onBlur={enableHotkeys}\n onFocus={disableHotkeys}\n />\n </div>\n\n <div>\n <p>Secondary level</p>\n <Input\n onChange={e => {\n setSecondaryLevel([Number(e.target.value), secondaryLevel[1]]);\n onChangeSecondaryLevelInput([\n Number(e.target.value),\n secondaryLevel[1],\n ]);\n }}\n placeholder=\"Min\"\n type=\"number\"\n min={0}\n onBlur={enableHotkeys}\n onFocus={disableHotkeys}\n />\n <AiFillCaretRight />\n <Input\n onChange={e => {\n setSecondaryLevel([secondaryLevel[0], Number(e.target.value)]);\n onChangeSecondaryLevelInput([\n secondaryLevel[0],\n Number(e.target.value),\n ]);\n }}\n placeholder=\"Max\"\n type=\"number\"\n min={0}\n onBlur={enableHotkeys}\n onFocus={disableHotkeys}\n />\n </div>\n\n <div>\n <p>Price</p>\n <Input\n onChange={e => {\n setPrice([Number(e.target.value), price[1]]);\n onChangePriceInput([Number(e.target.value), price[1]]);\n }}\n placeholder=\"Min\"\n type=\"number\"\n min={0}\n className=\"big-input\"\n onBlur={enableHotkeys}\n onFocus={disableHotkeys}\n />\n <AiFillCaretRight />\n <Input\n onChange={e => {\n setPrice([price[0], Number(e.target.value)]);\n onChangePriceInput([price[0], Number(e.target.value)]);\n }}\n placeholder=\"Max\"\n type=\"number\"\n min={0}\n className=\"big-input\"\n onBlur={enableHotkeys}\n onFocus={disableHotkeys}\n />\n </div>\n </FilterInputsWrapper>\n\n <WrapperContainer>\n <StyledDropdown\n options={itemTypeOptions}\n onChange={onChangeType}\n width=\"95%\"\n />\n <StyledDropdown\n options={itemRarityOptions}\n onChange={onChangeRarity}\n width=\"95%\"\n />\n <StyledDropdown\n options={orderByOptions}\n onChange={onChangeOrder}\n width=\"100%\"\n />\n </WrapperContainer>\n </OptionsWrapper>\n\n <ItemComponentScrollWrapper id=\"MarketContainer\" ref={itemsContainer}>\n {items?.map(({ item, price, _id, owner }, index) => (\n <MarketplaceRows\n key={`${item.key}_${index}`}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n item={item}\n itemPrice={price}\n equipmentSet={equipmentSet}\n onMarketPlaceItemBuy={setBuyingItemId.bind(null, _id)}\n disabled={owner === characterId}\n />\n ))}\n </ItemComponentScrollWrapper>\n </>\n );\n};\n\nconst InputWrapper = styled.div`\n width: 95%;\n display: flex !important;\n justify-content: flex-start;\n align-items: center;\n margin: auto;\n\n p {\n width: auto;\n margin-right: 20px;\n }\n\n input {\n width: 68%;\n height: 10px;\n }\n`;\n\nconst OptionsWrapper = styled.div`\n width: 100%;\n height: 100px;\n`;\n\nconst FilterInputsWrapper = styled.div`\n width: 95%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 10px;\n margin-left: 10px;\n gap: 5px;\n color: white;\n flex-wrap: wrap;\n\n p {\n width: auto;\n margin: 0;\n }\n\n input {\n width: 75px;\n height: 10px;\n }\n\n .big-input {\n width: 130px;\n }\n`;\n\nconst WrapperContainer = styled.div`\n display: grid;\n grid-template-columns: 40% 30% 30%;\n justify-content: space-between;\n width: calc(100% - 40px);\n margin-left: 10px;\n\n .rpgui-content .rpgui-dropdown-imp-header {\n padding: 0px 10px 0 !important;\n }\n`;\n\nconst ItemComponentScrollWrapper = styled.div`\n overflow-y: scroll;\n height: 390px;\n width: 100%;\n margin-top: 1rem;\n\n @media (max-width: 950px) {\n height: 250px;\n }\n`;\n\nconst StyledDropdown = styled(Dropdown)`\n margin: 3px !important;\n width: 170px !important;\n`;\n","import { IEquipmentSet, IItem, IMarketplaceItem } from '@rpg-engine/shared';\nimport React, { useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { uiFonts } from '../../constants/uiFonts';\nimport { Button, ButtonTypes } from '../Button';\nimport { ConfirmModal } from '../ConfirmModal';\nimport { Input } from '../Input';\nimport { ItemSlot } from '../Item/Inventory/ItemSlot';\nimport { MarketplaceRows } from './MarketplaceRows';\n\nexport interface IManagmentPanelProps {\n items: IMarketplaceItem[];\n atlasJSON: any;\n atlasIMG: any;\n onChangeNameInput: (value: string) => void;\n equipmentSet?: IEquipmentSet | null;\n availableGold: number;\n onMarketPlaceItemRemove?: (marketPlaceItemId: string) => void;\n selectedItemToSell: IItem | null;\n onSelectedItemToSellRemove: (item: IItem) => void;\n onAddItemToMarketplace: (item: IItem, price: number) => void;\n enableHotkeys?: () => void;\n disableHotkeys?: () => void;\n onMoneyWithdraw: () => void;\n currentPage: number;\n}\n\nexport const ManagmentPanel: React.FC<IManagmentPanelProps> = ({\n items,\n atlasIMG,\n atlasJSON,\n onChangeNameInput,\n equipmentSet,\n availableGold,\n onMarketPlaceItemRemove,\n selectedItemToSell,\n onSelectedItemToSellRemove,\n onAddItemToMarketplace,\n enableHotkeys,\n disableHotkeys,\n onMoneyWithdraw,\n currentPage,\n}) => {\n const [name, setName] = useState('');\n const [price, setPrice] = useState('');\n const [isCreatingOffer, setIsCreatingOffer] = useState(false);\n const [removingItemId, setRemovingItemId] = useState<string | null>(null);\n\n const itemsContainer = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n itemsContainer.current?.scrollTo(0, 0);\n }, [currentPage]);\n\n return (\n <>\n {isCreatingOffer && (\n <ConfirmModal\n onClose={setIsCreatingOffer.bind(null, false)}\n onConfirm={() => {\n if (selectedItemToSell && price && Number(price)) {\n onAddItemToMarketplace(selectedItemToSell, Number(price));\n setPrice('');\n onSelectedItemToSellRemove(selectedItemToSell);\n setIsCreatingOffer(false);\n enableHotkeys?.();\n }\n }}\n message=\"Are you sure to create this offer?\"\n />\n )}\n {removingItemId && (\n <ConfirmModal\n onClose={setRemovingItemId.bind(null, null)}\n onConfirm={() => {\n onMarketPlaceItemRemove?.(removingItemId);\n setRemovingItemId(null);\n enableHotkeys?.();\n }}\n message=\"Are you sure to remove this item?\"\n />\n )}\n <InputWrapper>\n <p>Search By Name</p>\n <Input\n onChange={e => {\n setName(e.target.value);\n onChangeNameInput(e.target.value);\n }}\n value={name}\n placeholder=\"Enter name...\"\n onBlur={enableHotkeys}\n onFocus={disableHotkeys}\n />\n </InputWrapper>\n\n <OptionsWrapper>\n <InnerOptionsWrapper>\n <SellDescription>\n Click on item in inventory to sell it\n </SellDescription>\n <Flex>\n <ItemSlot\n slotIndex={0}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n onPointerDown={(_, __, item) => onSelectedItemToSellRemove(item)}\n item={selectedItemToSell}\n />\n <PriceInputWrapper>\n <p>Enter price</p>\n <Flex>\n <Input\n onChange={e => {\n setPrice(e.target.value);\n }}\n value={price}\n placeholder=\"Enter price...\"\n type=\"number\"\n disabled={!selectedItemToSell}\n onBlur={enableHotkeys}\n onFocus={disableHotkeys}\n />\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n disabled={!selectedItemToSell || !price}\n onPointerDown={() => {\n if (selectedItemToSell && price && Number(price)) {\n setIsCreatingOffer(true);\n }\n }}\n >\n Create offer\n </Button>\n </Flex>\n </PriceInputWrapper>\n </Flex>\n </InnerOptionsWrapper>\n <InnerOptionsWrapper>\n <AvailableGold $disabled={availableGold === 0}>\n <p>Available gold</p>\n <p className=\"center\">${availableGold}</p>\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n disabled={availableGold === 0}\n onPointerDown={() => availableGold > 0 && onMoneyWithdraw()}\n >\n Withdraw\n </Button>\n </AvailableGold>\n </InnerOptionsWrapper>\n </OptionsWrapper>\n\n <ItemComponentScrollWrapper id=\"MarketContainer\" ref={itemsContainer}>\n {items?.map(({ item, price, _id }, index) => (\n <MarketplaceRows\n key={`${item.key}_${index}`}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n item={item}\n itemPrice={price}\n equipmentSet={equipmentSet}\n onMarketPlaceItemRemove={setRemovingItemId.bind(null, _id)}\n />\n ))}\n </ItemComponentScrollWrapper>\n </>\n );\n};\n\nconst Flex = styled.div`\n display: flex;\n gap: 5px;\n align-items: center;\n`;\n\nconst InputWrapper = styled.div`\n width: 95%;\n display: flex !important;\n justify-content: flex-start;\n align-items: center;\n margin: auto;\n\n p {\n width: auto;\n margin-right: 20px;\n }\n\n input {\n width: 68%;\n height: 10px;\n }\n`;\n\nconst OptionsWrapper = styled.div`\n width: 100%;\n height: 100px;\n display: flex;\n align-items: center;\n justify-content: space-around;\n`;\n\nconst InnerOptionsWrapper = styled.div`\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n height: 100%;\n`;\n\nconst ItemComponentScrollWrapper = styled.div`\n overflow-y: scroll;\n height: 390px;\n width: 100%;\n margin-top: 1rem;\n\n @media (max-width: 950px) {\n height: 250px;\n }\n`;\n\nconst PriceInputWrapper = styled.div`\n p {\n margin: 0;\n }\n\n input {\n width: 200px;\n }\n`;\n\nconst SellDescription = styled.p`\n margin: 0;\n font-size: ${uiFonts.size.xsmall} !important;\n`;\n\nconst AvailableGold = styled.div<{ $disabled: boolean }>`\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n p {\n margin: 0;\n color: ${props =>\n props.$disabled ? uiColors.lightGray : 'white'} !important;\n }\n\n .center {\n text-align: center;\n font-size: ${uiFonts.size.large} !important;\n color: ${props =>\n props.$disabled ? uiColors.lightGray : uiColors.lightGreen} !important;\n }\n`;\n","import { IEquipmentSet, IItem, IMarketplaceItem } from '@rpg-engine/shared';\nimport React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { Button, ButtonTypes } from '../Button';\nimport { DraggableContainer } from '../DraggableContainer';\nimport { Pager } from '../Pager';\nimport { RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';\nimport { BuyPanel } from './BuyPanel';\nimport { ManagmentPanel } from './ManagmentPanel';\n\nexport interface IMarketPlaceProps {\n items: IMarketplaceItem[];\n atlasJSON: any;\n atlasIMG: any;\n onClose: () => void;\n onChangeType: (value: string) => void;\n onChangeRarity: (value: string) => void;\n onChangeOrder: (value: string) => void;\n onChangeNameInput: (value: string) => void;\n onChangeMainLevelInput: (\n value: [number | undefined, number | undefined]\n ) => void;\n onChangeSecondaryLevelInput: (\n value: [number | undefined, number | undefined]\n ) => void;\n onChangePriceInput: (value: [number | undefined, number | undefined]) => void;\n scale?: number;\n equipmentSet?: IEquipmentSet | null;\n onMarketPlaceItemBuy?: (marketPlaceItemId: string) => void;\n onMarketPlaceItemRemove?: (marketPlaceItemId: string) => void;\n availableGold: number;\n selectedItemToSell: IItem | null;\n onSelectedItemToSellRemove: (item: IItem) => void;\n onYourPanelToggle: (yourPanel: boolean) => void;\n onAddItemToMarketplace: (item: IItem, price: number) => void;\n characterId: string;\n enableHotkeys?: () => void;\n disableHotkeys?: () => void;\n onMoneyWithdraw: () => void;\n totalItems: number;\n currentPage: number;\n itemsPerPage: number;\n onPageChange: (page: number) => void;\n}\n\nexport const Marketplace: React.FC<IMarketPlaceProps> = props => {\n const { onClose, scale, onYourPanelToggle } = props;\n\n const [isYourPanel, setIsYourPanel] = useState(false);\n\n return (\n <DraggableContainer\n type={RPGUIContainerTypes.Framed}\n onCloseButton={() => {\n if (onClose) onClose();\n }}\n width=\"800px\"\n cancelDrag=\"#MarketContainer, .rpgui-dropdown-imp, input, .empty-slot, button\"\n scale={scale}\n >\n {isYourPanel && (\n <>\n <ManagmentPanel {...props} />\n\n <PagerContainer>\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n onPointerDown={() => {\n onYourPanelToggle(false);\n setIsYourPanel(false);\n }}\n >\n Go to marketplace\n </Button>\n <Pager {...props} />\n </PagerContainer>\n </>\n )}\n {!isYourPanel && (\n <>\n <BuyPanel {...props} />\n\n <PagerContainer>\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n onPointerDown={() => {\n onYourPanelToggle(true);\n setIsYourPanel(true);\n }}\n >\n Go to your panel\n </Button>\n <Pager {...props} />\n </PagerContainer>\n </>\n )}\n </DraggableContainer>\n );\n};\n\nconst PagerContainer = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: calc(100% - 30px);\n`;\n","import React from 'react';\nimport styled from 'styled-components';\n\ninterface IContainerStyles {\n height?: string;\n width?: string;\n}\n\ninterface IProps {\n id: string;\n children: React.ReactNode;\n styles?: IContainerStyles;\n centerContent?: boolean;\n}\n\nexport const TabBody: React.FC<IProps> = ({\n id,\n children,\n styles,\n centerContent,\n}) => {\n return (\n <Container styles={styles} data-tab-id={id} centerContent={centerContent}>\n {children}\n </Container>\n );\n};\n\ninterface IContainerProps {\n styles?: IContainerStyles;\n centerContent?: boolean;\n}\n\nconst Container = styled.div<IContainerProps>`\n width: ${props => props.styles?.width || '100%'};\n height: ${props => props.styles?.height || 'auto'};\n overflow-y: auto;\n display: ${props => (props.centerContent ? 'flex' : 'block')};\n justify-content: ${props => (props.centerContent ? 'center' : 'initial')};\n align-items: ${props => (props.centerContent ? 'center' : 'initial')};\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { MultitabType } from './TabsContainer';\n\nexport interface ISingleTab {\n active: boolean;\n label: string;\n onPointerDown: () => void;\n type: MultitabType;\n}\n\nexport const Tab: React.FC<ISingleTab> = ({\n active,\n label,\n onPointerDown,\n type,\n}) => {\n return (\n <CustomTab\n activeTab={active}\n onPointerDown={onPointerDown}\n className={type}\n >\n <p>{label}</p>\n </CustomTab>\n );\n};\n\ninterface ICustomTab {\n activeTab: boolean;\n}\n\nconst CustomTab = styled.div<ICustomTab>`\n width: 120px;\n color: white;\n font-size: 0.8rem;\n\n &.gray {\n border-left: 0.25rem solid rgba(0, 0, 0, 0.25);\n border-right: 0.25rem solid rgba(0, 0, 0, 0.25);\n border-top: 0.25rem solid rgba(0, 0, 0, 0.25);\n border-bottom: ${props =>\n props.activeTab ? '' : '0.25rem solid rgba(0, 0, 0, 0.25)'};\n background: ${props => (props.activeTab ? '#4E4A4E' : '#2b292b')};\n }\n\n &.brown {\n border-left: 0.25rem solid #996d55;\n border-right: 0.25rem solid #996d55;\n border-top: 0.25rem solid #996d55;\n border-bottom: ${props => (props.activeTab ? '' : '0.25rem solid #996d55')};\n background: ${props => (props.activeTab ? '#BF886A' : '#B67051')};\n }\n\n margin-right: 10px;\n p {\n text-align: center;\n font-size: 0.6rem;\n\n opacity: ${props => (props.activeTab ? '1' : '0.5')};\n }\n\n border-radius: 5px 5px 0 0;\n\n position: relative;\n top: 0.3rem;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../constants/uiColors';\nimport { Button, ButtonTypes } from '../../Button';\nimport { DraggableContainer } from '../../DraggableContainer';\nimport { Input } from '../../Input';\nimport { RPGUIContainerTypes } from '../../RPGUI/RPGUIContainer';\n\nexport interface IPartyCreateProps {\n onClose: () => void;\n onCreate: () => void;\n}\n\nexport const PartyCreate: React.FC<IPartyCreateProps> = ({\n onClose,\n onCreate,\n}) => {\n return (\n <DraggableContainer\n type={RPGUIContainerTypes.Framed}\n onCloseButton={() => {\n if (onClose) onClose();\n }}\n width=\"500px\"\n height=\"300px\"\n cancelDrag=\".partyRows\"\n >\n <Wrapper>\n <div style={{ width: '100%' }}>\n <Title>Create Party</Title>\n <hr className=\"golden\" />\n </div>\n </Wrapper>\n <h1>Type your party name</h1>\n <Input placeholder=\"Type party name\" type=\"text\" />\n <ButtonWrapper>\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n onPointerDown={() => {\n onCreate();\n }}\n >\n Confirm\n </Button>\n <div className=\"cancel-button\">\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n onPointerDown={() => {\n close();\n }}\n >\n Cancel\n </Button>\n </div>\n </ButtonWrapper>\n </DraggableContainer>\n );\n};\n\nconst Wrapper = styled.div`\n display: flex;\n flex-direction: column;\n width: 100%;\n`;\nconst Title = styled.h1`\n font-size: 0.6rem;\n color: ${uiColors.yellow} !important;\n`;\n\nconst ButtonWrapper = styled.div`\n margin-top: 10px;\n width: 100%;\n display: flex;\n justify-content: space-around;\n align-items: center;\n .cancel-button {\n filter: grayscale(0.7);\n }\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../constants/uiColors';\nimport { Button, ButtonTypes } from '../../Button';\n\nexport interface IPartyRowProps {\n id: string;\n charName: string;\n charClass: string;\n charLevel: number;\n playerQty: number;\n isInvited: boolean;\n partyName: string;\n}\n\nexport const PartyRow: React.FC<IPartyRowProps> = ({\n charName,\n charClass,\n charLevel,\n playerQty,\n isInvited,\n partyName,\n}) => {\n return (\n <PartyWrapper>\n <TextContainer>{partyName}</TextContainer>\n <TextContainer>{charName}</TextContainer>\n <TextContainer>{charClass}</TextContainer>\n <TextContainer>{charLevel}</TextContainer>\n <TextContainer>{playerQty}/5</TextContainer>\n {isInvited ? (\n <>\n <Button buttonType={ButtonTypes.RPGUIButton}>Accept</Button>\n <div className=\"cancel-button\">\n <Button buttonType={ButtonTypes.RPGUIButton}>Decline</Button>\n </div>\n </>\n ) : (\n <Button buttonType={ButtonTypes.RPGUIButton}>Join</Button>\n )}\n </PartyWrapper>\n );\n};\n\nconst PartyWrapper = styled.div`\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-around;\n .cancel-button {\n filter: grayscale(0.7);\n }\n`;\n\nconst TextContainer = styled.div`\n color: ${uiColors.white};\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../constants/uiColors';\nimport { Button, ButtonTypes } from '../../Button';\nimport { DraggableContainer } from '../../DraggableContainer';\nimport { RPGUIContainerTypes } from '../../RPGUI/RPGUIContainer';\nimport { IPartyRowProps, PartyRow } from './PartyRows';\n\nexport interface IPartyDashboardProps {\n partyRows: IPartyRowProps[];\n}\n\nexport const PartyDashboard: React.FC<IPartyDashboardProps> = ({\n partyRows,\n}) => {\n return (\n <DraggableContainer\n type={RPGUIContainerTypes.Framed}\n onCloseButton={() => {\n console.log('Close');\n }}\n width=\"800px\"\n height=\"400px\"\n cancelDrag=\".partyRows\"\n >\n <Wrapper>\n <div style={{ width: '100%' }}>\n <Title>Party Dashboard</Title>\n <Button buttonType={ButtonTypes.RPGUIButton}>Create</Button>\n <hr className=\"golden\" />\n </div>\n </Wrapper>\n <RowsWrapper className=\"partyRows\">\n {partyRows.map(partyRows => (\n <PartyRow\n key={partyRows.id}\n charName={partyRows.charName}\n charClass={partyRows.charClass}\n charLevel={partyRows.charLevel}\n playerQty={partyRows.playerQty}\n id={partyRows.id}\n isInvited={partyRows.isInvited}\n partyName={partyRows.partyName}\n />\n ))}\n </RowsWrapper>\n </DraggableContainer>\n );\n};\n\nconst Wrapper = styled.div`\n display: flex;\n flex-direction: column;\n width: 100%;\n`;\n\nconst RowsWrapper = styled.div`\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n width: 100%;\n height: 200px;\n`;\n\nconst Title = styled.h1`\n font-size: 0.6rem;\n color: ${uiColors.yellow} !important;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../constants/uiColors';\nimport { Button, ButtonTypes } from '../../Button';\n\nexport interface IPlayersRowProps {\n id: string;\n charName: string;\n charClass: string;\n charLevel: number;\n isNotInvited: boolean;\n}\n\nexport const PlayersRow: React.FC<IPlayersRowProps> = ({\n charName,\n charClass,\n charLevel,\n isNotInvited,\n}) => {\n return (\n <PartyWrapper>\n <TextContainer>{charName}</TextContainer>\n <TextContainer>{charClass}</TextContainer>\n <TextContainer>{charLevel}</TextContainer>\n {isNotInvited ? (\n <>\n <Button buttonType={ButtonTypes.RPGUIButton}>Invite</Button>\n </>\n ) : (\n <TextContainer>Invited</TextContainer>\n )}\n </PartyWrapper>\n );\n};\n\nconst PartyWrapper = styled.div`\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-around;\n flex-direction: row;\n flex: auto;\n`;\n\nconst TextContainer = styled.div`\n color: ${uiColors.white};\n flex: auto;\n margin: auto;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../constants/uiColors';\nimport { DraggableContainer } from '../../DraggableContainer';\nimport { RPGUIContainerTypes } from '../../RPGUI/RPGUIContainer';\nimport { IPlayersRowProps, PlayersRow } from './PlayersRows';\n\nexport interface IPartyInviteProps {\n playersRows: IPlayersRowProps[];\n}\n\nexport const PartyInvite: React.FC<IPartyInviteProps> = ({ playersRows }) => {\n return (\n <DraggableContainer\n type={RPGUIContainerTypes.Framed}\n onCloseButton={() => {\n console.log('Close');\n }}\n width=\"600px\"\n height=\"400px\"\n cancelDrag=\".playersRows\"\n >\n <Wrapper>\n <div style={{ width: '100%' }}>\n <Title>Invite for Party</Title>\n <hr className=\"golden\" />\n </div>\n </Wrapper>\n <RowsWrapper className=\"playersRows\">\n {playersRows.map(playersRows => (\n <PlayersRow\n key={playersRows.id}\n charName={playersRows.charName}\n charClass={playersRows.charClass}\n charLevel={playersRows.charLevel}\n id={playersRows.id}\n isNotInvited={playersRows.isNotInvited}\n />\n ))}\n </RowsWrapper>\n </DraggableContainer>\n );\n};\n\nconst Wrapper = styled.div`\n display: flex;\n flex-direction: column;\n width: 100%;\n`;\nconst Title = styled.h1`\n font-size: 0.6rem;\n color: ${uiColors.yellow} !important;\n`;\n\nconst RowsWrapper = styled.div`\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n width: 100%;\n height: 200px;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\n\ninterface IProps extends React.HTMLAttributes<HTMLParagraphElement> {\n children: string;\n}\n\nexport const HighlightedText = ({ children, ...rest }: IProps) => {\n return <Text {...rest}>{children}</Text>;\n};\n\nconst Text = styled.p`\n color: ${uiColors.yellow} !important;\n\n font-weight: bold;\n font-size: 1.2rem;\n\n // show the cursor as a pointer when hovering over the text\n\n &:hover {\n text-decoration: underline;\n cursor: pointer;\n }\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../constants/uiColors';\nimport { HighlightedText } from '../../Text/HighlightedText';\nimport { Ellipsis } from '../../shared/Ellipsis';\n\nexport interface IPartyManagerRowProps {\n id: string;\n charName: string;\n charClass: string;\n isLeader: boolean;\n leaderId: string;\n userId: string;\n onRemovePlayer: (id: string) => void;\n onChangeLeader: (id: string) => void;\n}\n\nexport const PartyManagerRow: React.FC<IPartyManagerRowProps> = ({\n charName,\n charClass,\n isLeader,\n id,\n leaderId,\n userId,\n onRemovePlayer,\n onChangeLeader,\n}) => {\n const isCurrentUser = id === userId;\n const canRemove = leaderId === userId || isCurrentUser;\n\n return (\n <PartyWrapper>\n <TextContainer>\n <Ellipsis maxLines={1} maxWidth=\"300px\">\n {charName} {isCurrentUser ? '(You)' : ''} {isLeader ? '(Leader)' : ''}\n </Ellipsis>\n </TextContainer>\n <TextContainer>\n <Ellipsis maxLines={1} maxWidth=\"300px\">\n {charClass}\n </Ellipsis>\n </TextContainer>\n <ButtonContainer>\n {canRemove && (\n <HighlightedText onPointerDown={() => onRemovePlayer(id)}>\n {isCurrentUser ? 'Leave' : 'Remove'}\n </HighlightedText>\n )}\n {leaderId === userId && leaderId !== id && (\n <HighlightedText onPointerDown={() => onChangeLeader(id)}>\n New Leader\n </HighlightedText>\n )}\n </ButtonContainer>\n </PartyWrapper>\n );\n};\n\nconst PartyWrapper = styled.div`\n display: grid;\n grid-template-columns: 2fr 1fr 1fr;\n align-items: center;\n padding: 0.5rem;\n min-height: 50px;\n box-sizing: border-box;\n width: 100%;\n border-bottom: 1px solid ${uiColors.darkGray};\n\n &:hover {\n background-color: ${uiColors.darkGray};\n cursor: pointer;\n }\n`;\n\nconst TextContainer = styled.div`\n color: ${uiColors.white};\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n`;\n\nconst ButtonContainer = styled.div`\n display: flex;\n align-items: center;\n gap: 1rem;\n justify-content: flex-start;\n`;\n","import { ICharacterPartyShared, isMobileOrTablet } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../constants/uiColors';\nimport { PartyManagerRow } from './PartyManagerRows';\n\nexport interface IPartyManagerProps {\n partyRows: ICharacterPartyShared | null;\n\n userId: string;\n onRemovePlayer: (id: string) => void;\n onChangeLeader: (id: string) => void;\n}\n\nexport const PartyManager: React.FC<IPartyManagerProps> = ({\n partyRows,\n userId,\n onRemovePlayer,\n onChangeLeader,\n}) => {\n const invitationActionText = isMobileOrTablet() ? 'Tap' : 'Right click';\n\n const sortedMembers =\n partyRows?.leader && partyRows?.members\n ? [partyRows.leader, ...partyRows.members].sort((a, b) =>\n a._id === partyRows.leader._id\n ? -1\n : b._id === partyRows.leader._id\n ? 1\n : 0\n )\n : [];\n\n return (\n <>\n <RowsWrapper className=\"partyRows\">\n {partyRows && sortedMembers.length ? (\n sortedMembers.map(partyRow => (\n <PartyManagerRow\n userId={userId}\n key={partyRow._id}\n charName={partyRow.name}\n charClass={partyRow.class}\n id={partyRow._id}\n isLeader={partyRow._id === partyRows.leader._id}\n leaderId={partyRows.leader._id}\n onRemovePlayer={() => onRemovePlayer(partyRow._id)}\n onChangeLeader={() => onChangeLeader(partyRow._id)}\n />\n ))\n ) : (\n <NotInParty>\n <p>You're not in a party.</p>\n <p>\n Tip: <YellowText>{invitationActionText}</YellowText> on a player\n to invite them.\n </p>\n </NotInParty>\n )}\n </RowsWrapper>\n </>\n );\n};\n\nconst RowsWrapper = styled.div`\n width: 100%;\n max-height: 300px;\n overflow-y: auto;\n overflow-x: hidden;\n`;\n\nconst YellowText = styled.span`\n color: ${uiColors.yellow} !important;\n`;\n\nconst NotInParty = styled.h1`\n font-size: 0.6rem;\n margin: auto;\n`;\n","import { CharacterClass, ICharacterPartyShared } from '@rpg-engine/shared';\nimport { v4 as uuidv4 } from 'uuid';\nimport { IPartyRowProps } from '../PartyDashboard/PartyRows';\nimport { IPlayersRowProps } from '../PartyInvite';\n\nexport const mockedPartyRows: IPartyRowProps[] = [\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n charLevel: 1,\n playerQty: 3,\n isInvited: true,\n partyName: 'Party',\n },\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n charLevel: 1,\n playerQty: 3,\n isInvited: true,\n partyName: 'Party',\n },\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n charLevel: 1,\n playerQty: 3,\n isInvited: true,\n partyName: 'Party',\n },\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n charLevel: 1,\n playerQty: 3,\n isInvited: true,\n partyName: 'Party',\n },\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n charLevel: 1,\n playerQty: 3,\n isInvited: true,\n partyName: 'Party',\n },\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n charLevel: 1,\n playerQty: 3,\n isInvited: true,\n partyName: 'Party',\n },\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n charLevel: 1,\n playerQty: 3,\n isInvited: true,\n partyName: 'Party',\n },\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n charLevel: 1,\n playerQty: 3,\n isInvited: true,\n partyName: 'Party',\n },\n];\n\nexport const mockedPlayersRows2: ICharacterPartyShared = {\n id: uuidv4(),\n leader: {\n _id: uuidv4(),\n class: CharacterClass.Druid,\n name: 'leader',\n },\n members: [\n { _id: uuidv4(), class: CharacterClass.Druid, name: 'blblb' },\n { _id: uuidv4(), class: CharacterClass.Druid, name: 'blblb' },\n { _id: uuidv4(), class: CharacterClass.Druid, name: 'blblb' },\n { _id: uuidv4(), class: CharacterClass.Druid, name: 'blblb' },\n { _id: uuidv4(), class: CharacterClass.Druid, name: 'blblb' },\n { _id: uuidv4(), class: CharacterClass.Druid, name: 'blblb' },\n { _id: uuidv4(), class: CharacterClass.Druid, name: 'blblb' },\n { _id: uuidv4(), class: CharacterClass.Druid, name: 'blblb' },\n { _id: uuidv4(), class: CharacterClass.Druid, name: 'blblb' },\n { _id: uuidv4(), class: CharacterClass.Druid, name: 'blblb' },\n { _id: uuidv4(), class: CharacterClass.Druid, name: 'blblb' },\n ],\n maxSize: 5,\n size: 4,\n};\n\nexport const mockedPlayersRows: IPlayersRowProps[] = [\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n charLevel: 1,\n isNotInvited: true,\n },\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n charLevel: 1,\n isNotInvited: true,\n },\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n charLevel: 1,\n isNotInvited: true,\n },\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n charLevel: 1,\n isNotInvited: true,\n },\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n charLevel: 1,\n isNotInvited: true,\n },\n];\n\nexport const mockedPartyManager: any[] = [\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n isLeader: false,\n },\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n isLeader: false,\n },\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n isLeader: false,\n },\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n isLeader: false,\n },\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n isLeader: false,\n },\n];\n\n// Function to generate mock data for when you are the leader\nexport const getMockedPlayersRowsLeader = (\n userId: string\n): ICharacterPartyShared => ({\n id: uuidv4(),\n leader: {\n _id: userId, // You are the leader\n class: CharacterClass.Warrior,\n name: 'YourName',\n },\n members: [\n { _id: uuidv4(), class: CharacterClass.Druid, name: 'Member1' },\n { _id: uuidv4(), class: CharacterClass.Sorcerer, name: 'Member2' },\n { _id: uuidv4(), class: CharacterClass.Rogue, name: 'Member3' },\n ],\n maxSize: 5,\n size: 4,\n});\n\n// Function to generate mock data for when you are not the leader\nexport const getMockedPlayersRowsNotLeader = (\n userId: string\n): ICharacterPartyShared => ({\n id: uuidv4(),\n leader: {\n _id: uuidv4(), // Someone else is the leader\n class: CharacterClass.Druid,\n name: 'LeaderName',\n },\n members: [\n { _id: userId, class: CharacterClass.Warrior, name: 'YourName' }, // You are a member\n { _id: uuidv4(), class: CharacterClass.Sorcerer, name: 'Member2' },\n { _id: uuidv4(), class: CharacterClass.Rogue, name: 'Member3' },\n ],\n maxSize: 5,\n size: 4,\n});\n","import React from 'react';\nimport styled from 'styled-components';\nimport { uiFonts } from '../constants/uiFonts';\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 mobileScale?: 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 mobileScale,\n}) => {\n value = Math.round(value);\n max = Math.round(max);\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 mobileScale={mobileScale}\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: ${uiFonts.size.small} !important;\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 mobileScale?: number;\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 @media (max-width: 950px) {\n transform: scale(${props => props.mobileScale});\n }\n`;\n","import { IQuest } from '@rpg-engine/shared';\nimport React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../constants/uiColors';\nimport { uiFonts } from '../../../constants/uiFonts';\nimport SelectArrow from '../../Arrow/SelectArrow';\nimport { Button, ButtonTypes } from '../../Button';\nimport { DraggableContainer } from '../../DraggableContainer';\n\nimport { RPGUIContainerTypes } from '../../RPGUI/RPGUIContainer';\nimport { Column } from '../../shared/Column';\nimport thumbnailDefault from './img/default.png';\n\nexport interface IQuestsButtonProps {\n disabled: boolean;\n title: string;\n onClick: (questId: string, npcId: string) => void;\n}\n\nexport interface IQuestInfoProps {\n onClose?: () => void;\n buttons?: IQuestsButtonProps[];\n quests: IQuest[];\n onChangeQuest: (currentQuestIndex: number, currentQuestId: string) => void;\n scale?: number;\n}\n\nexport const QuestInfo: React.FC<IQuestInfoProps> = ({\n quests,\n onClose,\n buttons,\n onChangeQuest,\n scale,\n}) => {\n const [currentIndex, setCurrentIndex] = useState(0);\n const questsLength = quests.length - 1;\n\n useEffect(() => {\n if (onChangeQuest) {\n onChangeQuest(currentIndex, quests[currentIndex]._id);\n }\n }, [currentIndex]);\n\n const onLeftClick = () => {\n if (currentIndex === 0) setCurrentIndex(questsLength);\n else setCurrentIndex(index => index - 1);\n };\n const onRightClick = () => {\n if (currentIndex === questsLength) setCurrentIndex(0);\n else setCurrentIndex(index => index + 1);\n };\n\n return (\n <QuestDraggableContainer\n type={RPGUIContainerTypes.Framed}\n onCloseButton={() => {\n if (onClose) onClose();\n }}\n width=\"730px\"\n cancelDrag=\".equipment-container-body .arrow-selector\"\n scale={scale}\n >\n {quests.length >= 2 ? (\n <QuestsContainer>\n {currentIndex !== 0 && (\n <SelectArrow\n direction=\"left\"\n onPointerDown={onLeftClick}\n ></SelectArrow>\n )}\n {currentIndex !== quests.length - 1 && (\n <SelectArrow\n direction=\"right\"\n onPointerDown={onRightClick}\n ></SelectArrow>\n )}\n\n <QuestContainer>\n <TitleContainer className=\"drag-handler\">\n <Title>\n <Thumbnail\n src={quests[currentIndex].thumbnail || thumbnailDefault}\n />\n {quests[currentIndex].title}\n </Title>\n <QuestSplitDiv>\n <hr className=\"golden\" />\n </QuestSplitDiv>\n </TitleContainer>\n <Content>\n <p>{quests[currentIndex].description}</p>\n </Content>\n <QuestColumn className=\"dark-background\" justifyContent=\"flex-end\">\n {buttons &&\n buttons.map((button, index) => (\n <Button\n key={index}\n onPointerDown={() =>\n button.onClick(\n quests[currentIndex]._id,\n quests[currentIndex].npcId\n )\n }\n disabled={button.disabled}\n buttonType={ButtonTypes.RPGUIButton}\n id={`button-${index}`}\n >\n {button.title}\n </Button>\n ))}\n </QuestColumn>\n </QuestContainer>\n </QuestsContainer>\n ) : (\n <QuestsContainer>\n <QuestContainer>\n <TitleContainer className=\"drag-handler\">\n <Title>\n <Thumbnail src={quests[0].thumbnail || thumbnailDefault} />\n {quests[0].title}\n </Title>\n <QuestSplitDiv>\n <hr className=\"golden\" />\n </QuestSplitDiv>\n </TitleContainer>\n <Content>\n <p>{quests[0].description}</p>\n </Content>\n <QuestColumn className=\"dark-background\" justifyContent=\"flex-end\">\n {buttons &&\n buttons.map((button, index) => (\n <Button\n key={index}\n onPointerDown={() =>\n button.onClick(quests[0]._id, quests[0].npcId)\n }\n disabled={button.disabled}\n buttonType={ButtonTypes.RPGUIButton}\n id={`button-${index}`}\n >\n {button.title}\n </Button>\n ))}\n </QuestColumn>\n </QuestContainer>\n </QuestsContainer>\n )}\n </QuestDraggableContainer>\n );\n};\n\nconst QuestDraggableContainer = styled(DraggableContainer)`\n border: 1px solid black;\n width: 600px;\n padding: 0 0 0 0 !important;\n .DraggableContainer__TitleContainer-sc-184mpyl-2 {\n height: auto;\n }\n .container-close {\n position: absolute;\n margin-left: auto;\n top: 20px;\n padding-right: 5px;\n }\n img {\n display: inline-block;\n vertical-align: middle;\n line-height: normal;\n }\n`;\n\nconst QuestContainer = styled.div`\n margin-right: 40px;\n margin-left: 40px;\n`;\n\nconst QuestsContainer = styled.div`\n display: flex;\n align-items: center;\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 padding-top: 5px;\n margin-bottom: 20px;\n display: flex;\n justify-content: space-evenly;\n`;\n\nconst TitleContainer = styled.div`\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n align-items: center;\n margin-top: 1rem;\n`;\n\nconst Title = styled.h1`\n color: white;\n z-index: 22;\n font-size: ${uiFonts.size.medium} !important;\n color: ${uiColors.yellow} !important;\n`;\n\nconst Thumbnail = styled.img`\n color: white;\n z-index: 22;\n width: 32px * 1.5;\n margin-right: 0.5rem;\n position: relative;\n top: -4px;\n`;\n","import { IQuest, QuestStatus } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled, { CSSProperties } from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\n\nexport interface IQuestListProps {\n quests?: IQuest[];\n styles?: {\n container?: CSSProperties;\n card?: CSSProperties;\n label?: CSSProperties;\n value?: CSSProperties;\n };\n}\n\nexport const QuestList: React.FC<IQuestListProps> = ({ quests, styles }) => {\n return (\n <QuestListContainer style={styles?.container}>\n {quests && quests.length > 0 ? (\n quests.map((quest, i) => (\n <QuestCard key={i} style={styles?.card}>\n <QuestItem>\n <Label style={styles?.label}>Title:</Label>\n <Value style={styles?.value}>\n {formatQuestText(quest.title)}\n </Value>\n </QuestItem>\n <QuestItem>\n <Label style={styles?.label}>Status:</Label>\n <Value\n style={{\n ...styles?.value,\n color: getQuestStatusColor(quest.status),\n }}\n >\n {formatQuestStatus(quest.status) ?? 'Unknown'}\n </Value>\n </QuestItem>\n <QuestItem>\n <Label style={styles?.label}>Description:</Label>\n <Value style={styles?.value}>{quest.description}</Value>\n </QuestItem>\n </QuestCard>\n ))\n ) : (\n <NoQuestContainer>\n <p>There are no ongoing quests</p>\n </NoQuestContainer>\n )}\n </QuestListContainer>\n );\n};\n\nconst QuestListContainer = styled.div`\n max-height: 400px;\n padding: 10px;\n border-radius: 10px;\n font-size: 0.7rem;\n`;\n\nconst QuestCard = styled.div`\n background-color: ${uiColors.darkGray};\n padding: 15px;\n margin-bottom: 10px;\n border-radius: 10px;\n border: 1px solid ${uiColors.gray};\n display: flex;\n flex-direction: column;\n`;\n\nconst QuestItem = styled.div`\n display: flex;\n margin-bottom: 5px;\n flex-wrap: wrap;\n\n &:last-child {\n margin-bottom: 0;\n }\n`;\n\nconst Label = styled.span`\n font-weight: bold;\n color: ${uiColors.yellow} !important;\n margin-right: 10px;\n`;\n\nconst Value = styled.span`\n flex-grow: 1;\n color: ${uiColors.white};\n word-wrap: break-word;\n`;\n\nconst NoQuestContainer = styled.div`\n text-align: center;\n p {\n margin-top: 5px;\n color: ${uiColors.lightGray};\n }\n`;\n\nexport const formatQuestText = (text: string) => {\n if (!text) return '';\n return text\n .split('-')\n .map(word => word.charAt(0).toUpperCase() + word.slice(1))\n .join(' ');\n};\n\nexport const getQuestStatusColor = (status?: QuestStatus) => {\n switch (status) {\n case QuestStatus.Pending:\n return uiColors.orange;\n case QuestStatus.InProgress:\n return uiColors.blue;\n case QuestStatus.Completed:\n return uiColors.lightGreen;\n default:\n return uiColors.white;\n }\n};\n\nexport const formatQuestStatus = (status?: QuestStatus) => {\n if (!status) return '';\n return status\n .split(/(?=[A-Z])/)\n .join(' ')\n .replace(/^\\w/, c => c.toUpperCase());\n};\n","import React from 'react';\nimport styled from 'styled-components';\n\ninterface IProps {\n children: React.ReactNode;\n}\n\nexport const RPGUIScrollbar = ({ children }: IProps) => {\n return <Container>{children}</Container>;\n};\n\nconst Container = styled.div`\n /* Override RPGUI CSS */\n\n .rpgui-content ::-webkit-scrollbar,\n .rpgui-content::-webkit-scrollbar {\n width: 25px !important;\n }\n\n .rpgui-content ::-webkit-scrollbar-track,\n .rpgui-content::-webkit-scrollbar-track {\n background-size: 25px 60px !important;\n }\n`;\n","import React from 'react';\nimport { RPGUIScrollbar } from './RPGUIScrollbar';\ninterface IProps {\n children: React.ReactNode;\n}\n\nexport const RPGUIOverrides = ({ children }: IProps) => {\n return <RPGUIScrollbar>{children}</RPGUIScrollbar>;\n};\n","import React from 'react';\nimport 'rpgui/rpgui.css';\nimport 'rpgui/rpgui.min.js';\nimport { RPGUIOverrides } from './RPGUIOverrides';\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 (\n <RPGUIOverrides>\n <div className=\"rpgui-content\">{children}</div>\n </RPGUIOverrides>\n );\n};\n","import {\n getItemTextureKeyPath,\n IItem,\n IItemContainer,\n IRawSpell,\n IShortcut,\n ShortcutType,\n} from '@rpg-engine/shared';\nimport React, { useCallback, useEffect, useRef } from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { countItemFromInventory } from '../../libs/itemCounter';\nimport { SpriteFromAtlas } from '../shared/SpriteFromAtlas';\nimport { SingleShortcut } from './SingleShortcut';\nimport { useShortcutCooldown } from './useShortcutCooldown';\n\nexport type ShortcutsProps = {\n shortcuts: IShortcut[];\n onShortcutCast: (index: number) => void;\n mana: number;\n isBlockedCastingByKeyboard?: boolean;\n inventory?: IItemContainer | null;\n atlasJSON: any;\n atlasIMG: any;\n spellCooldowns?: Record<string, number>;\n};\n\nexport const Shortcuts: React.FC<ShortcutsProps> = ({\n shortcuts,\n onShortcutCast,\n mana,\n isBlockedCastingByKeyboard = false,\n atlasJSON,\n atlasIMG,\n inventory,\n spellCooldowns,\n}) => {\n const shortcutsRefs = useRef<HTMLButtonElement[]>([]);\n\n const { handleShortcutCast, shortcutCooldown } = useShortcutCooldown(\n onShortcutCast\n );\n\n const handleKeyDown = useCallback(\n (e: KeyboardEvent) => {\n if (isBlockedCastingByKeyboard) return;\n\n const shortcutIndex = Number(e.key) - 1;\n if (shortcutIndex >= 0 && shortcutIndex <= 11) {\n handleShortcutCast(shortcutIndex);\n shortcutsRefs.current[shortcutIndex]?.classList.add('active');\n const timeoutId = setTimeout(() => {\n shortcutsRefs.current[shortcutIndex]?.classList.remove('active');\n }, 150);\n // Store timeoutId for later cleanup\n timeoutIds.current.push((timeoutId as unknown) as number);\n }\n },\n [isBlockedCastingByKeyboard, handleShortcutCast]\n );\n\n // Initialize a ref to store the timeout ids\n const timeoutIds = useRef<number[]>([]);\n\n useEffect(() => {\n window.addEventListener('keydown', handleKeyDown);\n\n return () => {\n window.removeEventListener('keydown', handleKeyDown);\n // Clear all timeouts when the component unmounts\n timeoutIds.current.forEach(id => clearTimeout(id));\n };\n }, [handleKeyDown]);\n\n return (\n <List>\n {Array.from({ length: 12 }).map((_, i) => {\n const buildClassName = (classBase: string, isOnCooldown: boolean) => {\n return `${classBase} ${isOnCooldown ? 'onCooldown' : ''}`;\n };\n\n const isOnShortcutCooldown = shortcutCooldown > 0;\n\n if (shortcuts && shortcuts[i]?.type === ShortcutType.Item) {\n const payload = shortcuts[i]?.payload as IItem | undefined;\n\n let itemsFromEquipment: (IItem | undefined | null)[] = [];\n\n if (inventory) {\n Object.keys(inventory.slots).forEach(i => {\n const index = parseInt(i);\n\n if (inventory.slots[index]?.key === payload?.key) {\n itemsFromEquipment.push(inventory.slots[index]);\n }\n });\n }\n\n const totalQty =\n payload && inventory\n ? countItemFromInventory(payload.key, inventory)\n : 0;\n\n return (\n <StyledShortcut\n key={i}\n onPointerDown={handleShortcutCast.bind(null, i)}\n disabled={false}\n ref={el => {\n if (el) shortcutsRefs.current[i] = el;\n }}\n >\n {isOnShortcutCooldown && (\n <span className=\"cooldown\">{shortcutCooldown.toFixed(1)}</span>\n )}\n {payload && (\n <SpriteFromAtlas\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n spriteKey={getItemTextureKeyPath(\n {\n key: payload.texturePath,\n texturePath: payload.texturePath,\n stackQty: payload.stackQty || 1,\n isStackable: payload.isStackable,\n },\n atlasJSON\n )}\n width={32}\n height={32}\n />\n )}\n <span className={buildClassName('qty', isOnShortcutCooldown)}>\n {totalQty}\n </span>\n <span\n className={buildClassName('keyboard', isOnShortcutCooldown)}\n >\n {i + 1}\n </span>\n </StyledShortcut>\n );\n }\n\n const payload =\n shortcuts && (shortcuts[i]?.payload as IRawSpell | undefined); //check if shortcuts exists before using the ? operator.\n\n const spellCooldown = !payload\n ? 0\n : spellCooldowns?.[payload.magicWords.replaceAll(' ', '_')] ??\n shortcutCooldown;\n const cooldown =\n spellCooldown > shortcutCooldown ? spellCooldown : shortcutCooldown;\n const isOnCooldown = cooldown > 0 && !!payload;\n\n const IMAGE_SCALE = 1.5;\n const IMAGE_SIZE = 32;\n\n return (\n <StyledShortcut\n key={i}\n onPointerDown={handleShortcutCast.bind(null, i)}\n disabled={mana < (payload?.manaCost ?? 0)}\n ref={el => {\n if (el) shortcutsRefs.current[i] = el;\n }}\n >\n {isOnCooldown && (\n <span className=\"cooldown\">\n {cooldown.toFixed(cooldown < 10 ? 1 : 0)}\n </span>\n )}\n <span>\n {payload?.atlasIMG && (\n <SpriteFromAtlas\n atlasIMG={payload.atlasIMG}\n atlasJSON={payload.atlasJSON}\n spriteKey={payload.texturePath ?? ''}\n width={IMAGE_SIZE}\n height={IMAGE_SIZE}\n imgScale={IMAGE_SCALE}\n centered\n borderRadius=\"50%\"\n />\n )}\n </span>\n <span className={buildClassName('mana', isOnCooldown)}>\n {payload && payload.manaCost}\n </span>\n <span className={buildClassName('keyboard', isOnCooldown)}>\n {i + 1}\n </span>\n </StyledShortcut>\n );\n })}\n </List>\n );\n};\n\nconst StyledShortcut = styled(SingleShortcut)`\n transition: all 0.15s;\n\n &.active {\n background-color: ${uiColors.gray};\n border-color: ${uiColors.yellow};\n }\n`;\n\nconst List = styled.p`\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n box-sizing: border-box;\n margin: 0 !important;\n\n scale: 0.9;\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 // Ensure the width is at least 1% if value is greater than 0\n const width = value > 0 ? Math.max(1, Math.min(100, value)) : 0;\n\n return (\n <Container className=\"simple-progress-bar\">\n <ProgressBarContainer margin={margin}>\n <BackgroundBar>\n <Progress width={width} bgColor={bgColor} />\n </BackgroundBar>\n </ProgressBarContainer>\n </Container>\n );\n};\n\nconst Container = styled.div`\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n`;\n\nconst BackgroundBar = styled.span`\n background-color: rgba(0, 0, 0, 0.075);\n`;\n\ninterface IProgressProps {\n width: number;\n bgColor: string;\n}\n\nconst Progress = styled.span<IProgressProps>`\n background-color: ${props => props.bgColor};\n width: ${props => props.width.toFixed(2)}%;\n transition: width 0.5s ease-in-out;\n`;\n\ninterface IProgressBarContainerProps {\n margin: number;\n}\n\nconst ProgressBarContainer = styled.div<IProgressBarContainerProps>`\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 => props.margin}px;\n`;\n","import styled from 'styled-components';\n\nexport const Tooltip = styled.div`\n visibility: hidden;\n position: absolute;\n background-color: black;\n color: white;\n text-align: center;\n border-radius: 4px;\n padding: 5px;\n z-index: 1;\n font-size: 0.5rem;\n white-space: nowrap;\n\n /* Positioning */\n top: -20px; /* Adjust based on where you want the tooltip to appear */\n left: 50%;\n transform: translateX(-50%);\n`;\n","import { getSPForLevel } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../constants/uiColors';\nimport { ErrorBoundary } from './Item/Inventory/ErrorBoundary';\nimport { SpriteFromAtlas } from './shared/SpriteFromAtlas';\nimport { SimpleProgressBar } from './SimpleProgressBar';\nimport { Tooltip } from './Tooltip/Tooltip';\n\nexport interface ISkillProgressBarProps {\n skillName: string;\n bgColor: string;\n level: number;\n skillPoints: number;\n texturePath: string;\n showSkillPoints?: boolean;\n skillPointsToNextLevel: number;\n atlasJSON: any;\n atlasIMG: any;\n buffAndDebuff?: number;\n}\n\nexport const SkillProgressBar: React.FC<ISkillProgressBarProps> = ({\n bgColor,\n skillName,\n level,\n skillPoints: currentSkillPoints,\n skillPointsToNextLevel,\n texturePath,\n showSkillPoints = true,\n atlasIMG,\n atlasJSON,\n\n buffAndDebuff,\n}) => {\n // Skill points needed to start the current level\n const baseSkillPoints = getSPForLevel(level);\n const calculateProgress = (): number => {\n const totalPointsForLevelUp = Math.max(\n 1,\n skillPointsToNextLevel - baseSkillPoints\n );\n const excessSkillPoints = Math.max(0, currentSkillPoints - baseSkillPoints);\n\n return Math.min(\n 100,\n Math.max(0, (excessSkillPoints / totalPointsForLevelUp) * 100)\n );\n };\n\n const progress = calculateProgress();\n\n const formatBuffAndDebuff = (value?: number): string =>\n value !== undefined ? value.toFixed(2) : '0';\n\n const skillsBuffsCalc = (level: number, buffAndDebuff: number): string => {\n if (buffAndDebuff === 0) return '0';\n const result = level * (buffAndDebuff / 100);\n return result > 0 ? `+${result.toFixed(2)}` : `${result.toFixed(2)}`;\n };\n\n return (\n <>\n <ProgressTitle>\n {buffAndDebuff !== undefined && (\n <>\n {buffAndDebuff > 0 ? (\n <BuffAndDebuffContainer>\n <TitleNameContainer>\n <TitleNameBuff>{skillName}</TitleNameBuff>\n <TitleNameBuff>\n lv {level} ({skillsBuffsCalc(level, buffAndDebuff)})\n </TitleNameBuff>\n </TitleNameContainer>\n <TitleNameBuffContainer>\n <TitleNameBuff>\n (+{formatBuffAndDebuff(buffAndDebuff)}%)\n </TitleNameBuff>\n </TitleNameBuffContainer>\n </BuffAndDebuffContainer>\n ) : buffAndDebuff < 0 ? (\n <>\n <TitleNameContainer>\n <TitleNameDebuff>{skillName}</TitleNameDebuff>\n <TitleNameDebuff>\n lv {level} ({skillsBuffsCalc(level, buffAndDebuff)})\n </TitleNameDebuff>\n </TitleNameContainer>\n <div>\n <TitleNameDebuff>\n ({formatBuffAndDebuff(buffAndDebuff)}%)\n </TitleNameDebuff>\n </div>\n </>\n ) : (\n <TitleName>{skillName}</TitleName>\n )}\n </>\n )}\n {!buffAndDebuff && (\n <TitleNameContainer>\n <TitleName>{skillName}</TitleName>\n <ValueDisplay>lv {level}</ValueDisplay>\n </TitleNameContainer>\n )}\n </ProgressTitle>\n\n <ProgressBody>\n <ProgressIconContainer>\n {atlasIMG && atlasJSON ? (\n <SpriteContainer>\n <ErrorBoundary>\n <SpriteFromAtlas\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n spriteKey={texturePath}\n imgScale={1}\n grayScale\n opacity={0.5}\n />\n </ErrorBoundary>\n </SpriteContainer>\n ) : (\n <></>\n )}\n </ProgressIconContainer>\n\n <ProgressBarWrapper>\n <SimpleProgressBar value={progress} bgColor={bgColor} />\n <Tooltip>SP: {currentSkillPoints}</Tooltip>\n </ProgressBarWrapper>\n </ProgressBody>\n {showSkillPoints && (\n <SkillDisplayContainer>\n <SkillPointsDisplay>{progress.toFixed(2)}%</SkillPointsDisplay>\n </SkillDisplayContainer>\n )}\n </>\n );\n};\n\nconst ProgressBarWrapper = styled.div`\n position: relative;\n\n &:hover ${Tooltip}, &:active ${Tooltip} {\n visibility: visible;\n }\n width: 100%;\n height: auto;\n top: 8px;\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.55rem !important;\n font-weight: bold;\n text-align: center;\n`;\n\nconst TitleName = styled.span`\n margin-left: 5px;\n`;\n\nconst TitleNameBuff = styled.span`\n margin-left: 5px;\n color: ${uiColors.lightGreen} !important;\n`;\n\nconst TitleNameDebuff = styled.span`\n margin-left: 5px;\n color: ${uiColors.red} !important;\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: column;\n justify-content: space-between;\n span {\n font-size: 0.6rem;\n }\n`;\n\nconst BuffAndDebuffContainer = styled.div``;\n\nconst TitleNameBuffContainer = styled.div``;\n\nconst TitleNameContainer = styled.div`\n display: flex;\n justify-content: space-between;\n`;\n","import {\n ISkill,\n ISkillDetails,\n getSPForLevel,\n getXPForLevel,\n} from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../constants/uiColors';\nimport { DraggableContainer } from './DraggableContainer';\nimport { SkillProgressBar } from './SkillProgressBar';\n\nexport interface ISkillContainerProps {\n skill: ISkill;\n onCloseButton: () => void;\n atlasJSON: any;\n atlasIMG: any;\n scale?: number;\n}\n\nconst skillProps = {\n attributes: {\n color: uiColors.purple,\n values: {\n stamina: 'staffs/doom-staff.png',\n magic: 'helmets/yellow-enchanter-hat.png',\n magicResistance: 'gems/amethyst-gem.png',\n strength: 'crafting-resources/dragon-tooth.png',\n resistance: 'books/magic-orb.png',\n dexterity: 'boots/gaias-soleplate.png',\n },\n },\n combat: {\n color: uiColors.cardinal,\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: 'ranged-weapons/horse-bow.png',\n shielding: 'shields/studded-shield.png',\n dagger: 'daggers/dagger.png',\n },\n },\n crafting: {\n color: uiColors.blue,\n values: {\n fishing: 'foods/fish.png',\n farming: 'tools/watering-can.png',\n mining: 'crafting-resources/iron-ingot.png',\n lumberjacking: 'crafting-resources/greater-wooden-log.png',\n blacksmithing: 'hammers/hammer.png',\n cooking: 'foods/chickens-meat.png',\n alchemy: 'potions/greater-mana-potion.png',\n },\n },\n};\n\ninterface SkillMap {\n [key: string]: string;\n}\n\nconst skillNameMap: SkillMap = {\n stamina: 'Stamina',\n magic: 'Magic',\n magicResistance: 'Magic Resistance',\n strength: 'Strength',\n resistance: 'Resistance',\n dexterity: 'Dexterity',\n first: 'Fist',\n club: 'Club',\n sword: 'Sword',\n axe: 'Axe',\n distance: 'Distance',\n shielding: 'Shielding',\n dagger: 'Dagger',\n fishing: 'Fishing',\n farming: 'Farming',\n mining: 'Mining',\n lumberjacking: 'Lumberjacking',\n blacksmithing: 'Blacksmithing',\n cooking: 'Cooking',\n alchemy: 'Alchemy',\n};\n\nexport const SkillsContainer: React.FC<ISkillContainerProps> = ({\n onCloseButton,\n skill,\n atlasIMG,\n atlasJSON,\n scale,\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 if (key === 'stamina') {\n continue;\n }\n //@ts-ignore\n const skillDetails = (skill[key] as unknown) as ISkillDetails;\n\n if (!skillDetails) {\n continue;\n }\n\n output.push(\n <SkillProgressBar\n key={key}\n skillName={skillNameMap[key]}\n bgColor={skillCategoryColor}\n level={skillDetails.level || 0}\n skillPoints={Math.round(skillDetails.skillPoints) || 0}\n skillPointsToNextLevel={\n Math.round(getSPForLevel(skillDetails.level + 1)) || 0\n }\n texturePath={value}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n buffAndDebuff={skillDetails.buffAndDebuff}\n />\n );\n }\n\n return output;\n };\n\n return (\n <SkillsDraggableContainer\n title=\"Skills\"\n cancelDrag=\"#skillsDiv\"\n scale={scale}\n width=\"100%\"\n >\n {onCloseButton && (\n <CloseButton onPointerDown={onCloseButton}>X</CloseButton>\n )}\n <SkillsContainerDiv id=\"skillsDiv\">\n <SkillSplitDiv>\n <p>General</p>\n <hr className=\"golden\" />\n\n <SkillProgressBar\n skillName={'Level'}\n bgColor={uiColors.navyBlue}\n level={Math.round(skill.level) || 0}\n skillPoints={Math.round(skill.experience) || 0}\n skillPointsToNextLevel={\n Math.round(getXPForLevel(skill.level + 1)) || 0\n }\n texturePath={'swords/broad-sword.png'}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\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 </SkillsContainerDiv>\n </SkillsDraggableContainer>\n );\n};\n\nconst SkillsDraggableContainer = styled(DraggableContainer)`\n border: 1px solid black;\n\n max-width: 450px;\n\n height: 90%;\n .DraggableContainer__TitleContainer-sc-184mpyl-2 {\n width: auto;\n height: auto;\n }\n`;\n\nconst SkillsContainerDiv = styled.div`\n width: 100%;\n -webkit-overflow-y: scroll;\n overflow-y: scroll;\n height: 90%;\n padding-right: 10px;\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: 1.1rem;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\n\ninterface IDividerProps {\n className?: string;\n margin?: string;\n}\n\nexport const Divider: React.FC<IDividerProps> = ({\n className,\n margin = '4px 0',\n}) => {\n return <DividerLine className={className} margin={margin} />;\n};\n\nconst DividerLine = styled.div<{ margin: string }>`\n width: 100%;\n height: 2px;\n background: linear-gradient(\n to right,\n transparent,\n rgba(255, 255, 255, 0.1) 20%,\n rgba(255, 255, 255, 0.1) 80%,\n transparent\n );\n margin: ${({ margin }) => margin};\n`;\n","import React, { useState } from 'react';\nimport { FaDiscord, FaReddit, FaWhatsapp } from 'react-icons/fa';\nimport styled from 'styled-components';\nimport { DraggableContainer } from '../DraggableContainer';\nimport { Dropdown, IOptionsProps } from '../Dropdown';\nimport { Divider } from '../shared/Divider/Divider';\nimport socialModalGroup from './images/social-modal-group.png';\n\ninterface ISocialModalProps {\n onClose: () => void;\n}\n\ntype WhatsAppLanguage = 'english' | 'pt-BR' | 'polski' | 'español';\n\nconst whatsAppGroups: IOptionsProps[] = [\n { id: 1, value: 'english', option: 'Global (English)' },\n { id: 2, value: 'pt-BR', option: 'Brasil (Português)' },\n { id: 3, value: 'español', option: 'Español' },\n { id: 4, value: 'polski', option: 'Polski' },\n];\n\nconst socialLinks = {\n discord: 'https://discord.gg/xWBYBWanvE',\n reddit: 'https://www.reddit.com/r/DefinyaMMO/',\n whatsapp: {\n english: 'https://chat.whatsapp.com/H8U1Jt7hJNdIWO19atAnRu',\n 'pt-BR': 'https://chat.whatsapp.com/DwXJz2RXDsG2X6ANOm4FtQ',\n español: 'https://chat.whatsapp.com/BPlJ1RxshEiErNceZkdhyf',\n polski: 'https://chat.whatsapp.com/DromXMChOmZK5JHXXdrEWr',\n } as Record<WhatsAppLanguage, string>,\n};\n\nexport const SocialModal: React.FC<ISocialModalProps> = ({ onClose }) => {\n const [selectedLanguage, setSelectedLanguage] = useState<WhatsAppLanguage>(\n 'english'\n );\n\n const handleLanguageChange = (value: string) => {\n setSelectedLanguage(value as WhatsAppLanguage);\n };\n\n const handleWhatsAppClick = () => {\n window.open(\n socialLinks.whatsapp[selectedLanguage],\n '_blank',\n 'noopener,noreferrer'\n );\n };\n\n const handleDiscordClick = () => {\n window.open(socialLinks.discord, '_blank', 'noopener,noreferrer');\n };\n\n const handleRedditClick = () => {\n window.open(socialLinks.reddit, '_blank', 'noopener,noreferrer');\n };\n\n return (\n <DraggableContainer\n title=\"Social Channels\"\n width=\"500px\"\n onCloseButton={onClose}\n >\n <Container>\n <HeaderImage src={socialModalGroup} alt=\"\" />\n <ButtonsContainer>\n <MainButtons>\n <SocialButton onClick={handleDiscordClick}>\n <FaDiscord /> Discord\n </SocialButton>\n <SocialButton onClick={handleRedditClick}>\n <FaReddit /> Reddit\n </SocialButton>\n </MainButtons>\n\n <Divider margin=\"8px 0\" />\n\n <DropdownContainer>\n <Dropdown\n options={whatsAppGroups}\n onChange={handleLanguageChange}\n width=\"100%\"\n opensUp={true}\n />\n\n <WhatsAppButton onClick={handleWhatsAppClick}>\n <FaWhatsapp /> Join WhatsApp\n </WhatsAppButton>\n </DropdownContainer>\n </ButtonsContainer>\n </Container>\n </DraggableContainer>\n );\n};\n\nconst Container = styled.div`\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 16px;\n background-color: #5c4132;\n position: relative;\n border-radius: 8px;\n overflow: hidden;\n\n &:before,\n &:after {\n content: '';\n position: absolute;\n left: 0;\n right: 0;\n height: 3px;\n }\n\n &:before {\n bottom: 0;\n background: linear-gradient(\n to right,\n #5c4132 0%,\n #2b1810 2%,\n #2b1810 98%,\n #5c4132 100%\n );\n }\n`;\n\nconst HeaderImage = styled.img`\n width: 100%;\n height: 160px;\n object-fit: cover;\n border-bottom: 2px solid rgba(0, 0, 0, 0.3);\n display: block;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n`;\n\nconst ButtonsContainer = styled.div`\n padding: 16px 24px 24px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n`;\n\nconst MainButtons = styled.div`\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n`;\n\nconst SocialButton = styled.button`\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n background-color: rgba(255, 255, 255, 0.08);\n border: 1px solid rgba(255, 255, 255, 0.15);\n color: white;\n padding: 12px;\n border-radius: 4px;\n cursor: pointer;\n font-family: 'Press Start 2P', cursive;\n font-size: 0.7rem;\n transition: all 0.2s ease;\n\n &:hover {\n background-color: rgba(255, 255, 255, 0.12);\n }\n\n svg {\n font-size: 1.1rem;\n }\n`;\n\nconst WhatsAppButton = styled(SocialButton)`\n width: 100%;\n background-color: #0f1f0f;\n border: 1px solid #1a2f1a;\n padding: 14px;\n\n &:hover {\n background-color: #162716;\n }\n\n margin-top: 8px;\n`;\n\nconst DropdownContainer = styled.div`\n background-color: rgba(0, 0, 0, 0.2);\n padding: 8px;\n border-radius: 4px;\n border: 1px solid rgba(0, 0, 0, 0.3);\n`;\n","import { ISpell } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../constants/uiColors';\nimport { uiFonts } from '../../../constants/uiFonts';\nimport { formatSpellCastingType } from '../../../libs/CastingTypeHelper';\n\ninterface ISpellInfoProps {\n spell: ISpell;\n}\n\nexport const SpellInfo: React.FC<ISpellInfoProps> = ({ spell }) => {\n const {\n magicWords,\n name,\n manaCost,\n requiredItem,\n description,\n castingType,\n cooldown,\n maxDistanceGrid,\n } = spell;\n return (\n <Container>\n <Header>\n <div>\n <Title>{name}</Title>\n <Type>{magicWords}</Type>\n </div>\n </Header>\n <Statistic>\n <div className=\"label\">Casting Type:</div>\n <div className=\"value\">{formatSpellCastingType(castingType)}</div>\n </Statistic>\n <Statistic>\n <div className=\"label\">Magic words:</div>\n <div className=\"value\">{magicWords}</div>\n </Statistic>\n <Statistic>\n <div className=\"label\">Mana cost:</div>\n <div className=\"value\">{manaCost}</div>\n </Statistic>\n <Statistic>\n <div className=\"label\">Cooldown:</div>\n <div className=\"value\">{cooldown}</div>\n </Statistic>\n {maxDistanceGrid && (\n <Statistic>\n <div className=\"label\">Max Distance Grid:</div>\n <div className=\"value\">{maxDistanceGrid}</div>\n </Statistic>\n )}\n <Statistic>\n {requiredItem && (\n <>\n <div className=\"label\">Required Item:</div>\n <div className=\"value\">{requiredItem}</div>\n </>\n )}\n </Statistic>\n <Description>{description}</Description>\n </Container>\n );\n};\n\nconst Container = styled.div`\n color: white;\n background-color: #222;\n border-radius: 5px;\n padding: 0.5rem;\n font-size: ${uiFonts.size.small};\n border: 3px solid ${uiColors.lightGray};\n height: max-content;\n width: 30rem;\n\n @media (max-width: 580px) {\n width: 80vw;\n }\n`;\n\nconst Title = styled.div`\n font-size: ${uiFonts.size.medium};\n font-weight: bold;\n margin-bottom: 0.5rem;\n display: flex;\n align-items: center;\n margin: 0;\n`;\n\nconst Type = styled.div`\n font-size: ${uiFonts.size.small};\n margin-top: 0.2rem;\n color: ${uiColors.lightGray};\n`;\n\nconst Description = styled.div`\n margin-top: 1.5rem;\n font-size: ${uiFonts.size.small};\n color: ${uiColors.lightGray};\n font-style: italic;\n`;\n\nconst Header = styled.div`\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 0.5rem;\n`;\n\nconst Statistic = styled.div`\n margin-bottom: 0.4rem;\n width: max-content;\n\n .label {\n display: inline-block;\n margin-right: 0.5rem;\n color: inherit;\n }\n\n .value {\n display: inline-block;\n color: inherit;\n }\n\n &.better,\n .better {\n color: ${uiColors.lightGreen};\n }\n\n &.worse,\n .worse {\n color: ${uiColors.cardinal};\n }\n`;\n","export const formatSpellCastingType = (castingType: string): string => {\n const formattedCastingType = castingType\n .split(\"-\")\n .map(word => word.charAt(0).toUpperCase() + word.slice(1))\n .join(\" \");\n \n return formattedCastingType;\n };","import { ISpell } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { SpellInfo } from './SpellInfo';\n\nexport interface ISpellInfoDisplayProps {\n spell: ISpell;\n isMobile?: boolean;\n}\n\nexport const SpellInfoDisplay: React.FC<ISpellInfoDisplayProps> = ({\n spell,\n isMobile,\n}) => {\n return (\n <Flex $isMobile={isMobile}>\n <SpellInfo spell={spell} />\n </Flex>\n );\n};\n\nconst Flex = styled.div<{ $isMobile?: boolean }>`\n display: flex;\n gap: 0.5rem;\n flex-direction: ${({ $isMobile }) => ($isMobile ? 'row-reverse' : 'row')};\n\n @media (max-width: 580px) {\n flex-direction: column-reverse;\n align-items: center;\n }\n`;\n","import { ISpell } from '@rpg-engine/shared';\nimport React, { useRef } from 'react';\nimport styled from 'styled-components';\nimport ModalPortal from '../../Abstractions/ModalPortal';\nimport { SpellInfoDisplay } from './SpellInfoDisplay';\n\ninterface IListMenuOption {\n id: string;\n text: string;\n}\n\nexport interface MobileSpellTooltipProps {\n spell: ISpell;\n closeTooltip: () => void;\n scale?: number;\n options?: IListMenuOption[];\n onSelected?: (selectedOptionId: string) => void;\n}\n\nexport const MobileSpellTooltip: React.FC<MobileSpellTooltipProps> = ({\n spell,\n closeTooltip,\n scale = 1,\n options,\n onSelected,\n}) => {\n const ref = useRef<HTMLDivElement>(null);\n\n const handleFadeOut = () => {\n ref.current?.classList.add('fadeOut');\n };\n\n return (\n <ModalPortal>\n <Container\n ref={ref}\n onTouchEnd={() => {\n handleFadeOut();\n setTimeout(() => {\n closeTooltip();\n }, 100);\n }}\n scale={scale}\n >\n <SpellInfoDisplay spell={spell} isMobile />\n <OptionsContainer>\n {options?.map(option => (\n <Option\n key={option.id}\n onTouchEnd={() => {\n handleFadeOut();\n setTimeout(() => {\n onSelected?.(option.id);\n closeTooltip();\n }, 100);\n }}\n >\n {option.text}\n </Option>\n ))}\n </OptionsContainer>\n </Container>\n </ModalPortal>\n );\n};\n\nconst Container = styled.div<{ scale: number }>`\n position: absolute;\n z-index: 100;\n left: 0;\n top: 0;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0 0 0 / 0.5);\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 0.5rem;\n transition: opacity 0.08s;\n animation: fadeIn 0.1s forwards;\n\n @keyframes fadeIn {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 0.92;\n }\n }\n\n @keyframes fadeOut {\n 0% {\n opacity: 0.92;\n }\n 100% {\n opacity: 0;\n }\n }\n\n &.fadeOut {\n animation: fadeOut 0.1s forwards;\n }\n\n @media (max-width: 580px) {\n flex-direction: column;\n }\n`;\n\nconst OptionsContainer = styled.div`\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n flex-wrap: wrap;\n\n @media (max-width: 580px) {\n flex-direction: row;\n justify-content: center;\n }\n`;\n\nconst Option = styled.button`\n padding: 1rem;\n background-color: #333;\n color: white;\n border: none;\n border-radius: 3px;\n width: 8rem;\n transition: background-color 0.1s;\n\n &:hover {\n background-color: #555;\n }\n\n @media (max-width: 580px) {\n padding: 1rem 0.5rem;\n }\n`;\n","import { ISpell } from '@rpg-engine/shared';\nimport React, { useEffect, useRef } from 'react';\nimport styled from 'styled-components';\nimport ModalPortal from '../../Abstractions/ModalPortal';\nimport { SpellInfoDisplay } from './SpellInfoDisplay';\n\nexport interface IMagicTooltipProps {\n spell: ISpell;\n}\n\nconst offset = 20;\n\nexport const MagicTooltip: React.FC<IMagicTooltipProps> = ({ spell }) => {\n const ref = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const { current } = ref;\n\n if (current) {\n const handleMouseMove = (event: MouseEvent) => {\n const { clientX, clientY } = event;\n\n // Adjust the position of the tooltip based on the mouse position\n const rect = current.getBoundingClientRect();\n\n const tooltipWidth = rect.width;\n const tooltipHeight = rect.height;\n const isOffScreenRight =\n clientX + tooltipWidth + offset > window.innerWidth;\n const isOffScreenBottom =\n clientY + tooltipHeight + offset > window.innerHeight;\n const x = isOffScreenRight\n ? clientX - tooltipWidth - offset\n : clientX + offset;\n const y = isOffScreenBottom\n ? clientY - tooltipHeight - offset\n : clientY + offset;\n\n current.style.transform = `translate(${x}px, ${y}px)`;\n current.style.opacity = '1';\n };\n\n window.addEventListener('mousemove', handleMouseMove);\n\n return () => {\n window.removeEventListener('mousemove', handleMouseMove);\n };\n }\n\n return;\n }, []);\n\n return (\n <ModalPortal>\n <Container ref={ref}>\n <SpellInfoDisplay spell={spell} />\n </Container>\n </ModalPortal>\n );\n};\n\nconst Container = styled.div`\n position: absolute;\n z-index: 100;\n pointer-events: none;\n left: 0;\n top: 0;\n opacity: 0;\n transition: opacity 0.08s;\n`;\n","import { ISpell } from '@rpg-engine/shared';\nimport React, { useRef, useState } from 'react';\nimport { MobileSpellTooltip } from './MobileSpellTooltip';\nimport { MagicTooltip } from './SpellTooltip';\n\ninterface ISpellInfoWrapperProps {\n spell: ISpell;\n children: React.ReactNode;\n scale?: number;\n holdTouchDuration?: number; // New prop for hold touch duration\n}\n\nexport const SpellInfoWrapper: React.FC<ISpellInfoWrapperProps> = ({\n children,\n spell,\n scale,\n holdTouchDuration = 500, // Default hold duration to 500ms\n}) => {\n const [isTooltipVisible, setIsTooltipVisible] = useState(false);\n const [isTooltipMobileVisible, setIsTooltipMobileVisible] = useState(false);\n const touchTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n const handleTouchStart = () => {\n touchTimeoutRef.current = setTimeout(() => {\n setIsTooltipMobileVisible(true);\n setIsTooltipVisible(false);\n }, holdTouchDuration);\n };\n\n const handleTouchEnd = () => {\n if (touchTimeoutRef.current) {\n clearTimeout(touchTimeoutRef.current);\n touchTimeoutRef.current = null;\n }\n };\n\n return (\n <div\n onMouseEnter={() => {\n if (!isTooltipMobileVisible) setIsTooltipVisible(true);\n }}\n onMouseLeave={setIsTooltipVisible.bind(null, false)}\n onTouchStart={handleTouchStart}\n onTouchEnd={handleTouchEnd}\n >\n {children}\n\n {isTooltipVisible && !isTooltipMobileVisible && (\n <MagicTooltip spell={spell} />\n )}\n {isTooltipMobileVisible && (\n <MobileSpellTooltip\n closeTooltip={() => {\n setIsTooltipMobileVisible(false);\n console.log('close');\n }}\n spell={spell}\n scale={scale}\n />\n )}\n </div>\n );\n};","import { ISpell } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { uiFonts } from '../../constants/uiFonts';\nimport { SpriteFromAtlas } from '../shared/SpriteFromAtlas';\nimport { SpellInfoWrapper } from './cards/SpellInfoWrapper';\n\nexport interface ISpellProps {\n atlasJSON: any;\n atlasIMG: any;\n charMana: number;\n charMagicLevel: number;\n onPointerUp?: (spellKey: string) => void;\n isSettingShortcut?: boolean;\n spellKey: string;\n spell: ISpell;\n activeCooldown?: number;\n}\n\nexport const Spell: React.FC<ISpellProps> = ({\n atlasIMG,\n atlasJSON,\n spellKey,\n charMana,\n charMagicLevel,\n onPointerUp,\n isSettingShortcut,\n spell,\n activeCooldown,\n}) => {\n const {\n manaCost,\n minMagicLevelRequired,\n magicWords,\n name,\n description,\n } = spell;\n const disabled = isSettingShortcut\n ? charMagicLevel < minMagicLevelRequired\n : manaCost > charMana || charMagicLevel < minMagicLevelRequired;\n\n const CONTAINER_STYLE = { width: '32px', height: '32px' };\n const IMAGE_SCALE = 2;\n\n return (\n <SpellInfoWrapper spell={spell}>\n <Container\n onPointerUp={onPointerUp?.bind(null, spellKey)}\n isSettingShortcut={isSettingShortcut && !disabled}\n className=\"spell\"\n >\n {disabled && (\n <Overlay>\n {charMagicLevel < minMagicLevelRequired\n ? 'Low magic level'\n : manaCost > charMana && 'No mana'}\n </Overlay>\n )}\n <SpellImage>\n {activeCooldown && activeCooldown > 0 ? (\n <span className=\"cooldown\">\n {activeCooldown.toFixed(activeCooldown > 10 ? 0 : 1)}\n </span>\n ) : null}\n <SpriteFromAtlas\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n spriteKey={spell.texturePath ?? ''}\n imgScale={IMAGE_SCALE}\n containerStyle={CONTAINER_STYLE}\n centered\n />\n </SpellImage>\n <Info>\n <Title>\n <span>{name}</span>\n <span className=\"spell\">({magicWords})</span>\n </Title>\n <Description>{description}</Description>\n </Info>\n\n <Divider />\n <Cost>\n <span>Mana cost:</span>\n <span className=\"mana\">{manaCost}</span>\n </Cost>\n </Container>\n </SpellInfoWrapper>\n );\n};\n\nconst Container = styled.button<{ isSettingShortcut?: boolean }>`\n display: block;\n background: none;\n border: 2px solid transparent;\n border-radius: 1rem;\n width: 100%;\n display: flex;\n\n gap: 1rem;\n align-items: center;\n padding: 0 1rem;\n text-align: left;\n position: relative;\n\n animation: ${({ isSettingShortcut }) =>\n isSettingShortcut ? 'border-color-change 1s infinite' : 'none'};\n\n @keyframes border-color-change {\n 0% {\n border-color: ${uiColors.yellow};\n }\n 50% {\n border-color: transparent;\n }\n 100% {\n border-color: ${uiColors.yellow};\n }\n }\n\n &:hover,\n &:focus {\n background-color: ${uiColors.darkGray};\n }\n\n &:active {\n background: none;\n }\n`;\n\nconst SpellImage = styled.div`\n width: 4rem;\n height: 4rem;\n font-size: ${uiFonts.size.xLarge};\n font-weight: bold;\n background-color: ${uiColors.darkGray};\n color: ${uiColors.lightGray};\n display: flex;\n justify-content: center;\n align-items: center;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n\n .cooldown {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0 0 0 / 20%);\n color: ${uiColors.darkYellow};\n font-weight: bold;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n`;\n\nconst Info = styled.span`\n width: 0;\n flex: 1;\n\n @media (orientation: portrait) {\n display: none;\n }\n`;\nconst Title = styled.p`\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n margin-bottom: 5px;\n margin: 0;\n\n span {\n font-size: ${uiFonts.size.medium} !important;\n font-weight: bold !important;\n color: ${uiColors.yellow} !important;\n margin-right: 0.5rem;\n }\n\n .spell {\n font-size: ${uiFonts.size.small} !important;\n font-weight: normal !important;\n color: ${uiColors.lightGray} !important;\n }\n`;\n\nconst Description = styled.div`\n font-size: ${uiFonts.size.small} !important;\n line-height: 1.1 !important;\n`;\n\nconst Divider = styled.div`\n width: 1px;\n height: 100%;\n margin: 0 1rem;\n background-color: ${uiColors.lightGray};\n`;\n\nconst Cost = styled.p`\n display: flex;\n align-items: center;\n flex-direction: column;\n gap: 0.5rem;\n\n div {\n z-index: 1;\n }\n\n .mana {\n position: relative;\n font-size: ${uiFonts.size.medium};\n font-weight: bold;\n z-index: 1;\n\n &::after {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n background-color: ${uiColors.blue};\n width: 100%;\n height: 100%;\n border-radius: 50%;\n transform: scale(1.8);\n filter: blur(10px);\n z-index: -1;\n }\n }\n`;\n\nconst Overlay = styled.p`\n margin: 0 !important;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border-radius: 1rem;\n display: flex;\n justify-content: center;\n align-items: center;\n color: ${uiColors.yellow};\n font-size: ${uiFonts.size.large} !important;\n font-weight: bold;\n z-index: 10;\n background-color: rgba(0 0 0 / 0.2);\n`;\n","import { IShortcut, ISpell } from '@rpg-engine/shared';\nimport React, { Fragment, useMemo, useState } from 'react';\nimport styled from 'styled-components';\nimport { uiFonts } from '../../constants/uiFonts';\nimport { DraggableContainer } from '../DraggableContainer';\nimport { Input } from '../Input';\nimport { RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';\nimport { ShortcutsSetter } from '../Shortcuts/ShortcutsSetter';\nimport { Spell } from './Spell';\n\nexport interface ISpellbookProps {\n onClose?: () => void;\n onInputFocus?: () => void;\n onInputBlur?: () => void;\n spells: ISpell[];\n magicLevel: number;\n mana: number;\n onSpellClick: (spellKey: string) => void;\n setSpellShortcut: (key: string, index: number) => void;\n shortcuts: IShortcut[];\n removeShortcut: (index: number) => void;\n atlasIMG: any;\n atlasJSON: any;\n iconAtlasIMG?: any;\n iconAtlasJSON?: any;\n scale?: number;\n spellCooldowns?: Record<string, number>;\n}\n\nexport const Spellbook: React.FC<ISpellbookProps> = ({\n onClose,\n onInputFocus,\n onInputBlur,\n spells,\n magicLevel,\n mana,\n onSpellClick,\n setSpellShortcut,\n shortcuts,\n removeShortcut,\n atlasIMG,\n atlasJSON,\n iconAtlasIMG,\n iconAtlasJSON,\n scale,\n spellCooldowns,\n}) => {\n const [search, setSearch] = useState('');\n const [settingShortcutIndex, setSettingShortcutIndex] = useState(-1);\n\n const spellsToDisplay = useMemo(() => {\n return spells\n .sort((a, b) => {\n if (a.minMagicLevelRequired > b.minMagicLevelRequired) return 1;\n if (a.minMagicLevelRequired < b.minMagicLevelRequired) return -1;\n return 0;\n })\n .filter(\n spell =>\n spell.name.toLocaleLowerCase().includes(search.toLocaleLowerCase()) ||\n spell.magicWords\n .toLocaleLowerCase()\n .includes(search.toLocaleLowerCase())\n );\n }, [search, spells]);\n\n const setShortcut = (spellKey: string) => {\n setSpellShortcut?.(spellKey, settingShortcutIndex);\n setSettingShortcutIndex(-1);\n };\n\n return (\n <DraggableContainer\n type={RPGUIContainerTypes.Framed}\n onCloseButton={onClose}\n width=\"inherit\"\n height=\"inherit\"\n cancelDrag=\"#spellbook-search, #shortcuts_list, .spell\"\n scale={scale}\n >\n <Container>\n <Title>Learned Spells</Title>\n\n <ShortcutsSetter\n setSettingShortcutIndex={setSettingShortcutIndex}\n settingShortcutIndex={settingShortcutIndex}\n shortcuts={shortcuts}\n removeShortcut={removeShortcut}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n />\n\n <Input\n placeholder=\"Search for spell\"\n value={search}\n onChange={e => setSearch(e.target.value)}\n onFocus={onInputFocus}\n onBlur={onInputBlur}\n id=\"spellbook-search\"\n />\n\n <SpellList>\n {spellsToDisplay.map(spell => (\n <Fragment key={spell.key}>\n <Spell\n atlasIMG={iconAtlasIMG}\n atlasJSON={iconAtlasJSON}\n charMana={mana}\n charMagicLevel={magicLevel}\n onPointerUp={\n settingShortcutIndex !== -1 ? setShortcut : onSpellClick\n }\n spellKey={spell.key}\n isSettingShortcut={settingShortcutIndex !== -1}\n spell={spell}\n activeCooldown={\n spellCooldowns?.[spell.magicWords.replaceAll(' ', '_')]\n }\n {...spell}\n />\n </Fragment>\n ))}\n </SpellList>\n </Container>\n </DraggableContainer>\n );\n};\n\nconst Title = styled.h1`\n font-size: ${uiFonts.size.large} !important;\n margin-bottom: 0 !important;\n`;\n\nconst Container = styled.div`\n width: 100%;\n height: 100%;\n color: white;\n display: flex;\n flex-direction: column;\n`;\n\nconst SpellList = styled.div`\n width: 100%;\n min-height: 0;\n flex: 1;\n overflow-y: auto;\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n margin-top: 1rem;\n`;\n","import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../constants/uiColors';\nimport SelectArrow from './Arrow/SelectArrow';\nimport { Button, ButtonTypes } from './Button';\n\ninterface IStep {\n component: React.ReactNode;\n id: number;\n validate?: () => boolean | Promise<boolean>;\n errorMessage?: string;\n}\n\ninterface IStepperProps {\n steps: IStep[];\n finalCTAButton?: {\n label: string;\n onClick: (() => void) | (() => Promise<void>) | ((e: any) => Promise<void>);\n };\n onError?: (message: string) => void;\n useSideArrows?: boolean; // New prop to control arrow position\n styles?: {\n stepperProgressColor?: string;\n };\n}\n\nexport const Stepper: React.FC<IStepperProps> = ({\n steps,\n finalCTAButton,\n onError,\n useSideArrows = false, // Default to false for backwards compatibility\n styles,\n}) => {\n const [currentStep, setCurrentStep] = useState(0);\n\n const currentComponent = steps[currentStep]?.component;\n\n const totalSteps = steps.length;\n\n const onStepChange = async (step: number) => {\n if (steps[currentStep]?.validate) {\n try {\n const isValid = await steps[currentStep].validate!();\n if (!isValid) {\n if (onError) {\n onError(\n steps[currentStep].errorMessage ||\n `Validation failed on step ${currentStep + 1}`\n );\n }\n return;\n }\n } catch (error) {\n if (onError) {\n onError(\n `An error occurred during validation on step ${currentStep + 1}`\n );\n }\n return;\n }\n }\n setCurrentStep(step);\n };\n\n const renderArrows = () => {\n const leftArrow = (\n <SelectArrow\n direction=\"left\"\n onPointerDown={() => onStepChange(Math.max(0, currentStep - 1))}\n />\n );\n\n const rightArrow = (\n <SelectArrow\n direction=\"right\"\n onPointerDown={() =>\n onStepChange(Math.min(totalSteps - 1, currentStep + 1))\n }\n />\n );\n\n if (useSideArrows) {\n return (\n <>\n {currentStep > 0 && <ArrowContainer left>{leftArrow}</ArrowContainer>}\n {currentStep < totalSteps - 1 && (\n <ArrowContainer right>{rightArrow}</ArrowContainer>\n )}\n </>\n );\n } else {\n return (\n <>\n {currentStep > 0 && leftArrow}\n {currentStep < totalSteps - 1 && rightArrow}\n </>\n );\n }\n };\n\n return (\n <StepperContainer className=\"stepper-container\">\n <StepperTop>\n {Array.from({ length: totalSteps }, (_, i) => (\n <ProgressIndicator\n key={i}\n isActive={i <= currentStep}\n stepperProgressColor={styles?.stepperProgressColor}\n onClick={() => onStepChange(i)}\n />\n ))}\n </StepperTop>\n\n <StepperBodyContainer>\n {useSideArrows && renderArrows()}\n <StepperBody>{currentComponent}</StepperBody>\n </StepperBodyContainer>\n\n {(!useSideArrows ||\n (currentStep === totalSteps - 1 && finalCTAButton)) && (\n <StepperFooter>\n {!useSideArrows && renderArrows()}\n {currentStep === totalSteps - 1 && finalCTAButton && (\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n onClick={finalCTAButton.onClick}\n >\n {finalCTAButton.label}\n </Button>\n )}\n </StepperFooter>\n )}\n </StepperContainer>\n );\n};\n\nconst StepperContainer = styled.div`\n display: flex;\n flex-direction: column;\n height: 100%;\n`;\n\nconst StepperTop = styled.div`\n flex: 1;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center;\n margin-bottom: 1rem;\n`;\n\nconst StepperBodyContainer = styled.div`\n flex: 8;\n display: flex;\n align-items: center;\n position: relative;\n height: 100%; /* Ensure full height */\n`;\n\nconst StepperBody = styled.div`\n flex: 1;\n min-height: 200px; /* Set an appropriate minimum height */\n transition: height 0.3s ease-in-out; /* Smooth height transition */\n`;\n\nconst ArrowContainer = styled.div<{ left?: boolean; right?: boolean }>`\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n ${props => props.left && 'left: -30px;'}\n ${props => props.right && 'right: -30px;'}\n`;\n\nconst StepperFooter = styled.div`\n margin-top: 1rem;\n flex: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n`;\n\nconst ProgressIndicator = styled.div<{\n isActive: boolean;\n stepperProgressColor?: string;\n}>`\n width: 20px;\n height: 20px;\n background-color: ${({ isActive, stepperProgressColor }) =>\n isActive ? stepperProgressColor || uiColors.orange : uiColors.lightGray};\n margin: 0 5px;\n transition: background-color 0.3s;\n opacity: ${({ isActive }) => (isActive ? 1 : 0.25)};\n border: 1px solid ${uiColors.raisinBlack};\n cursor: pointer;\n clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);\n /* Create a diamond shape */\n box-shadow: ${({ isActive }) =>\n isActive\n ? '0 0 0 1px black, 1px 1px 0 1px black, 2px 2px 0 1px black, -1px -1px 0 1px black'\n : '0 0 0 1px black, 1px 1px 0 1px gray, 2px 2px 0 1px gray, -1px -1px 0 1px gray'};\n /* Add pixel art border effect */\n border-radius: 0;\n /* Remove border-radius to make it square */\n`;\n","import React from 'react';\nimport styled from 'styled-components';\n\nimport { PeriodOfDay } from '@rpg-engine/shared';\nimport AfternoonGif from './gif/afternoon.gif';\nimport MorningGif from './gif/morning.gif';\nimport NightGif from './gif/night.gif';\n\nexport interface IPeriodOfDayDisplayProps {\n periodOfDay: PeriodOfDay;\n}\n\nexport const DayNightPeriod: React.FC<IPeriodOfDayDisplayProps> = ({\n periodOfDay,\n}) => {\n const periodOfDaySrcFiles = {\n [PeriodOfDay.Morning]: MorningGif,\n [PeriodOfDay.Afternoon]: AfternoonGif,\n [PeriodOfDay.Night]: NightGif,\n };\n\n return (\n <GifContainer>\n <img src={periodOfDaySrcFiles[periodOfDay]} />\n </GifContainer>\n );\n};\n\nconst GifContainer = styled.div`\n width: 100%;\n\n img {\n width: 67%;\n }\n`;\n","import { PeriodOfDay } from '@rpg-engine/shared';\nimport React from 'react';\nimport Draggable from 'react-draggable';\nimport styled from 'styled-components';\nimport { uiFonts } from '../../constants/uiFonts';\nimport { DayNightPeriod } from './DayNightPeriod/DayNightPeriod';\n\nimport ClockWidgetImg from './img/clockwidget.png';\n\nexport interface IClockWidgetProps {\n onClose?: () => void;\n TimeClock: string;\n periodOfDay: PeriodOfDay;\n scale?: number;\n}\n\nexport const TimeWidget: React.FC<IClockWidgetProps> = ({\n onClose,\n TimeClock,\n periodOfDay,\n scale,\n}) => {\n return (\n <Draggable\n scale={scale}\n cancel=\".time-widget-close,.time-widget-container,.time-widget-container *\"\n >\n <WidgetContainer>\n <CloseButton onPointerDown={onClose} className=\"time-widget-close\">\n X\n </CloseButton>\n <DayNightContainer className=\"time-widget-container\">\n <DayNightPeriod periodOfDay={periodOfDay} />\n </DayNightContainer>\n <Time>{TimeClock}</Time>\n </WidgetContainer>\n </Draggable>\n );\n};\n\nconst WidgetContainer = styled.div`\n background-image: url(${ClockWidgetImg});\n background-size: 10rem;\n background-repeat: no-repeat;\n width: 10rem;\n position: absolute;\n height: 100px;\n`;\n\nconst Time = styled.div`\n top: 0.75rem;\n right: 0.5rem;\n position: absolute;\n font-size: ${uiFonts.size.small};\n color: white;\n`;\n\nconst CloseButton = styled.p`\n position: absolute;\n top: -0.5rem;\n margin: 0;\n right: -0.2rem;\n font-size: ${uiFonts.size.small} !important;\n z-index: 1;\n`;\n\nconst DayNightContainer = styled.div`\n margin-top: -0.3rem;\n margin-left: -0.3rem;\n`;\n","import { UserAccountTypes } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\n\ninterface IPremiumLabelProps {\n accountType: UserAccountTypes;\n}\n\nconst PremiumLabel: React.FC<IPremiumLabelProps> = ({ accountType }) => {\n if (accountType === UserAccountTypes.Free) return null;\n\n const getBackgroundColor = () => {\n switch (accountType) {\n case UserAccountTypes.PremiumBronze:\n return '#CD7F32';\n case UserAccountTypes.PremiumSilver:\n return '#C0C0C0';\n case UserAccountTypes.PremiumGold:\n return '#FFD700';\n case UserAccountTypes.PremiumUltimate:\n return '#002E99';\n default:\n return 'transparent';\n }\n };\n\n const getShortLabel = () => {\n switch (accountType) {\n case UserAccountTypes.PremiumBronze:\n return 'Bronze PA';\n case UserAccountTypes.PremiumSilver:\n return 'Silver PA';\n case UserAccountTypes.PremiumGold:\n return 'Gold PA';\n case UserAccountTypes.PremiumUltimate:\n return 'Ultimate PA';\n default:\n return '';\n }\n };\n\n return (\n <StyledLabel backgroundColor={getBackgroundColor()}>\n {getShortLabel()}\n </StyledLabel>\n );\n};\n\nconst StyledLabel = styled.span<{ backgroundColor: string }>`\n background-color: ${({ backgroundColor }) => backgroundColor};\n color: ${({ backgroundColor }) =>\n backgroundColor === '#002E99' ? 'white' : 'black'};\n font-weight: bold;\n padding: 0 0.4rem;\n border-radius: 3px;\n margin-right: 3px;\n margin-bottom: 2px;\n display: inline-block;\n font-size: 0.5rem !important;\n`;\n\nexport default PremiumLabel;\n","import {\n getItemTextureKeyPath,\n IEquipmentSet,\n ITradeResponseItem,\n} from '@rpg-engine/shared';\nimport capitalize from 'lodash/capitalize';\nimport React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { uiFonts } from '../../constants/uiFonts';\nimport SelectArrow from '../Arrow/SelectArrow';\nimport { ItemInfoWrapper } from '../Item/Cards/ItemInfoWrapper';\nimport { Ellipsis } from '../shared/Ellipsis';\nimport { SpriteFromAtlas } from '../shared/SpriteFromAtlas';\nimport PremiumLabel from './PremiumLabel';\n\nexport interface ITradeComponentProps {\n traderItem: ITradeResponseItem;\n onQuantityChange: (\n traderItem: ITradeResponseItem,\n selectedQty: number\n ) => void;\n atlasJSON: any;\n atlasIMG: any;\n selectedQty: number;\n equipmentSet?: IEquipmentSet | null;\n scale?: number;\n isBuy?: boolean;\n}\n\nconst outerQty = 10;\n\nexport const TradingItemRow: React.FC<ITradeComponentProps> = ({\n atlasIMG,\n atlasJSON,\n onQuantityChange,\n traderItem,\n selectedQty,\n equipmentSet,\n scale,\n isBuy,\n}) => {\n const [inputQty, setInputQty] = useState(selectedQty.toString());\n\n useEffect(() => {\n setInputQty(selectedQty.toString());\n }, [selectedQty]);\n\n const handleQuantityChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const newQty = parseInt(e.target.value, 10);\n if (!isNaN(newQty)) {\n setInputQty(e.target.value);\n onQuantityChange(\n traderItem,\n Math.max(0, Math.min(newQty, traderItem.stackQty ?? 999))\n );\n }\n };\n\n const handleBlur = () => {\n const newQty = parseInt(inputQty, 10);\n if (isNaN(newQty)) {\n setInputQty(selectedQty.toString());\n }\n };\n\n const onLeftClick = (qty = 1) => {\n onQuantityChange(traderItem, Math.max(0, selectedQty - qty));\n };\n\n const onRightClick = (qty = 1) => {\n onQuantityChange(\n traderItem,\n Math.min(traderItem.stackQty ?? 999, selectedQty + qty)\n );\n };\n\n const renderAccountTypeIndicator = () => {\n if (isBuy && traderItem.canBePurchasedOnlyByPremiumPlans) {\n return traderItem.canBePurchasedOnlyByPremiumPlans.map(accountType => (\n <PremiumLabel key={accountType} accountType={accountType} />\n ));\n }\n return null;\n };\n\n return (\n <ItemWrapper>\n <ItemIconContainer>\n <SpriteContainer>\n <ItemInfoWrapper\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n equipmentSet={equipmentSet}\n item={traderItem}\n scale={scale}\n >\n <SpriteFromAtlas\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n spriteKey={getItemTextureKeyPath(\n {\n key: traderItem.key,\n stackQty: traderItem.stackQty || 1,\n texturePath: traderItem.texturePath,\n isStackable: traderItem.isStackable,\n },\n atlasJSON\n )}\n imgScale={2}\n />\n </ItemInfoWrapper>\n </SpriteContainer>\n </ItemIconContainer>\n\n <ItemNameContainer>\n <NameValue>\n <p>\n <Ellipsis maxLines={1} maxWidth=\"180px\">\n {capitalize(traderItem.name)}\n </Ellipsis>\n </p>\n <p>${traderItem.price}</p>\n <p>{renderAccountTypeIndicator()}</p>\n </NameValue>\n </ItemNameContainer>\n <QuantityContainer>\n <SelectArrow\n size={24}\n className=\"arrow-selector\"\n direction=\"left\"\n onPointerDown={() => onLeftClick(outerQty)}\n scale={0.7}\n />\n <StyledArrow\n size={24}\n className=\"arrow-selector\"\n direction=\"left\"\n onPointerDown={() => onLeftClick()}\n />\n <QuantityInput\n type=\"text\"\n value={inputQty}\n onChange={handleQuantityChange}\n onBlur={handleBlur}\n />\n <StyledArrow\n size={24}\n className=\"arrow-selector\"\n direction=\"right\"\n onPointerDown={() => onRightClick()}\n />\n <SelectArrow\n size={24}\n className=\"arrow-selector\"\n direction=\"right\"\n onPointerDown={() => onRightClick(outerQty)}\n scale={0.7}\n />\n </QuantityContainer>\n </ItemWrapper>\n );\n};\n\nconst StyledArrow = styled(SelectArrow)`\n margin: 0 1.5rem;\n`;\n\nconst ItemWrapper = styled.div`\n width: 100%;\n display: flex;\n justify-content: space-between;\n margin-bottom: 0.5rem;\n padding: 0.25rem;\n\n &:hover {\n background-color: ${uiColors.darkGray};\n }\n`;\n\nconst ItemNameContainer = styled.div`\n flex: 60%;\n display: flex;\n align-items: center;\n`;\n\nconst ItemIconContainer = styled.div`\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex: 0 0 40px;\n`;\n\nconst SpriteContainer = styled.div`\n position: relative;\n top: -0.5rem;\n left: 0;\n`;\n\nconst NameValue = styled.div`\n p {\n font-size: 0.6rem;\n margin: 0;\n line-height: 1.2;\n }\n`;\n\nconst QuantityContainer = styled.div`\n display: flex;\n min-width: 90px;\n width: 40%;\n justify-content: flex-end;\n align-items: center;\n flex: 30%;\n gap: 2px;\n position: relative;\n`;\n\nconst QuantityInput = styled.input`\n width: 30px;\n text-align: center;\n background-color: ${uiColors.darkGray};\n color: white;\n border: none;\n padding: 1px;\n font-size: ${uiFonts.size.small};\n position: relative;\n right: 4px;\n`;\n","import {\n IEquipmentSet,\n ITradeRequestItem,\n ITradeResponseItem,\n TradeTransactionType,\n} from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { Button, ButtonTypes } from '../Button';\nimport { DraggableContainer } from '../DraggableContainer';\nimport { RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';\nimport { TradingItemRow } from './TradingItemRow';\nimport { useTradingGold } from './useTradingGold';\n\nexport interface ITradingMenu {\n traderItems: ITradeResponseItem[];\n onClose: () => void;\n onConfirm: (items: ITradeRequestItem[]) => void;\n type: TradeTransactionType;\n atlasJSON: any;\n atlasIMG: any;\n characterAvailableGold: number;\n equipmentSet?: IEquipmentSet | null;\n scale?: number;\n}\n\nexport const TradingMenu: React.FC<ITradingMenu> = ({\n traderItems,\n onClose,\n type,\n atlasJSON,\n atlasIMG,\n characterAvailableGold,\n onConfirm,\n equipmentSet,\n scale,\n}) => {\n const {\n sum,\n qtyMap,\n isBuy,\n hasGoldForSale,\n getFinalGold,\n getTradeItems,\n updateQuantity,\n } = useTradingGold({ characterAvailableGold, type, traderItems });\n\n return (\n <DraggableContainer\n type={RPGUIContainerTypes.Framed}\n onCloseButton={onClose}\n width=\"500px\"\n cancelDrag=\"#TraderContainer\"\n scale={scale}\n >\n <Container>\n <Title>{type.charAt(0).toUpperCase() + type.slice(1)} Menu</Title>\n <hr className=\"golden\" />\n\n <ScrollWrapper id=\"TraderContainer\">\n {traderItems.map((tradeItem, index) => (\n <TradingItemRow\n key={`${tradeItem.key}_${index}`}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n onQuantityChange={updateQuantity}\n traderItem={tradeItem}\n selectedQty={qtyMap.get(tradeItem.key) ?? 0}\n equipmentSet={equipmentSet}\n scale={scale}\n isBuy={isBuy()}\n />\n ))}\n </ScrollWrapper>\n\n <InfoSection>\n <GoldInfo>\n <p>Available Gold:</p>\n <p>${characterAvailableGold.toFixed(2)}</p>\n </GoldInfo>\n <GoldInfo>\n <p>Total:</p>\n <p>${sum}</p>\n </GoldInfo>\n {!hasGoldForSale() ? (\n <AlertText>Sorry, not enough money.</AlertText>\n ) : (\n <GoldInfo>\n <p>Final Gold:</p>\n <p>${getFinalGold().toFixed(2)}</p>\n </GoldInfo>\n )}\n </InfoSection>\n\n <ButtonWrapper>\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n disabled={!hasGoldForSale()}\n onPointerDown={() => onConfirm(getTradeItems())}\n >\n Confirm\n </Button>\n <Button buttonType={ButtonTypes.RPGUIButton} onPointerDown={onClose}>\n Cancel\n </Button>\n </ButtonWrapper>\n </Container>\n </DraggableContainer>\n );\n};\n\nconst Container = styled.div`\n width: 100%;\n`;\n\nconst Title = styled.h1`\n font-size: 0.7rem !important;\n color: yellow !important;\n text-align: center;\n`;\n\nconst ScrollWrapper = styled.div`\n overflow-y: scroll;\n height: 250px;\n width: 100%;\n margin-top: 0.3rem;\n overflow-x: hidden;\n padding: 0 0.3rem;\n`;\n\nconst InfoSection = styled.div`\n margin-top: 0.3rem;\n padding: 0 0.5rem;\n`;\n\nconst GoldInfo = styled.div`\n display: flex;\n justify-content: space-between;\n height: 16px;\n width: 100%;\n margin: 0.5rem 0;\n p {\n color: yellow !important;\n margin: 0;\n font-size: 0.6rem;\n }\n`;\n\nconst AlertText = styled.p`\n color: red !important;\n text-align: center;\n margin: 0.3rem 0;\n font-size: 0.5rem;\n`;\n\nconst ButtonWrapper = styled.div`\n display: flex;\n justify-content: space-around;\n width: 100%;\n margin-top: 1rem;\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, { useState } from 'react';\n\nexport const ZoomableImage: React.FC<{ src: string; alt: string }> = ({\n src,\n alt,\n}) => {\n const [isZoomed, setIsZoomed] = useState(false);\n const [zoomPosition, setZoomPosition] = useState({ x: 50, y: 50 });\n\n const handleMouseMove = (\n e: React.MouseEvent<HTMLImageElement, MouseEvent>\n ) => {\n const {\n left,\n top,\n width,\n height,\n } = e.currentTarget.getBoundingClientRect();\n const x = ((e.clientX - left) / width) * 100;\n const y = ((e.clientY - top) / height) * 100;\n setZoomPosition({ x, y });\n };\n\n const handleTouchMove = (e: React.TouchEvent<HTMLImageElement>) => {\n const {\n left,\n top,\n width,\n height,\n } = e.currentTarget.getBoundingClientRect();\n const touch = e.touches[0];\n const x = ((touch.clientX - left) / width) * 100;\n const y = ((touch.clientY - top) / height) * 100;\n setZoomPosition({ x, y });\n };\n\n const handleZoomToggle = () => {\n setIsZoomed(!isZoomed);\n };\n\n return (\n <img\n src={src}\n alt={alt}\n onMouseMove={handleMouseMove}\n onTouchMove={handleTouchMove}\n onClick={handleZoomToggle} // Toggle zoom on click/tap\n style={{\n width: '100%',\n height: '100%',\n objectFit: 'cover',\n transform: isZoomed ? 'scale(1.5)' : 'scale(1)',\n transformOrigin: `${zoomPosition.x}% ${zoomPosition.y}%`,\n transition: 'transform 0.3s ease',\n cursor: 'pointer', // Indicate interactivity\n }}\n />\n );\n};\n","import React, { useMemo } from 'react';\nimport styled, { CSSProperties } from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { ZoomableImage } from '../Image/ZoomableImage';\nimport { Stepper } from '../Stepper';\nimport { DynamicText } from '../typography/DynamicText';\n\nexport interface ITutorialLesson {\n title: string;\n body?: React.ReactNode | string;\n text?: string;\n image: string;\n imageUrl?: string;\n}\n\nexport interface ITutorialStepperProps {\n lessons: ITutorialLesson[];\n onLessonFinish: () => void;\n imageStyle?: CSSProperties;\n}\n\nexport const TutorialStepper = React.memo(\n ({ lessons, onLessonFinish, imageStyle }: ITutorialStepperProps) => {\n const generateLessons = useMemo(\n () =>\n lessons.map((lesson, index) => ({\n component: (\n <LessonContainer key={index} className=\"lesson-container\">\n <LessonTitle className=\"lesson-title\">{lesson.title}</LessonTitle>\n {lesson.image && (\n <LessonImageWrapper className=\"lesson-image-wrapper\">\n <LessonImage className=\"lesson-image\" style={imageStyle}>\n {lesson.imageUrl ? (\n <a\n href={lesson.imageUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n <ZoomableImage\n src={lesson.image}\n alt={lesson.title || 'Tutorial image'}\n />\n </a>\n ) : (\n <ZoomableImage\n src={lesson.image}\n alt={lesson.title || 'Tutorial image'}\n />\n )}\n </LessonImage>\n </LessonImageWrapper>\n )}\n <LessonFooter className=\"lesson-footer\">\n {lesson.body && (\n <LessonBody\n className=\"lesson-body\"\n dangerouslySetInnerHTML={{ __html: lesson.body as string }}\n ></LessonBody>\n )}\n {lesson.text && <DynamicText text={lesson.text} />}\n </LessonFooter>\n </LessonContainer>\n ),\n id: index,\n })),\n [lessons, imageStyle]\n );\n\n return (\n <Container>\n <Stepper\n steps={generateLessons}\n finalCTAButton={{\n label: 'Close',\n onClick: onLessonFinish,\n }}\n useSideArrows\n />\n </Container>\n );\n }\n);\n\nconst LessonImageWrapper = styled.div`\n width: 100%;\n max-width: 500px;\n margin: 1rem auto;\n aspect-ratio: auto; /* Allow the image to define its own aspect ratio */\n border-radius: 10px;\n`;\n\nconst LessonBody = styled.div``;\n\nconst Container = styled.div`\n width: 80%;\n max-width: 600px;\n\n @media (max-width: 600px) {\n width: 95%;\n }\n`;\n\nconst LessonFooter = styled.div`\n margin-top: 1rem;\n`;\n\nconst LessonImage = styled.div`\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n max-width: 500px;\n margin: auto;\n\n img {\n width: 100%;\n height: auto;\n object-fit: contain; /* Ensures the entire image is visible */\n border-radius: 10px;\n }\n`;\n\nconst LessonTitle = styled.h1`\n color: ${uiColors.yellow} !important;\n font-size: 0.8rem !important;\n`;\n\nconst LessonContainer = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n min-height: 200px; /* Match with StepperBody for consistent height */\n\n p {\n // make font size consistent with rest\n font-size: 0.7rem !important;\n }\n`;\n","import { useEffect, useState } from 'react';\nimport { PrivateChatCharacter } from '../components/ChatRevamp/types';\n\ninterface IUseChat {\n minimizedByDefault: boolean;\n isPrivate: boolean;\n onChangeTab: (tabId: string) => void;\n onPreviousChatCharacterClick?: (character: PrivateChatCharacter) => void;\n hideSearchCharacterUI?: () => void;\n unseenMessageCharacterIds?: string[];\n}\n\nexport const useChat = ({\n minimizedByDefault,\n isPrivate,\n onChangeTab,\n onPreviousChatCharacterClick,\n hideSearchCharacterUI,\n unseenMessageCharacterIds,\n}: IUseChat) => {\n const [showRecentChats, setShowRecentChats] = useState(false);\n const [isExpanded, setIsExpanded] = useState(!minimizedByDefault);\n\n useEffect(() => {\n if (isPrivate) {\n setIsExpanded(true);\n }\n }, [isPrivate]);\n\n const toggleExpand = () => setIsExpanded(prev => !prev);\n\n const toggleRecentChats = () => setShowRecentChats(prev => !prev);\n\n const handleTabChange = (tabId: string) => {\n if (tabId === 'private') {\n setIsExpanded(true);\n }\n onChangeTab(tabId);\n };\n\n const handlePreviousChatCharacterClick = (\n character: PrivateChatCharacter\n ) => {\n if (onPreviousChatCharacterClick) {\n onPreviousChatCharacterClick(character);\n }\n if (hideSearchCharacterUI) {\n hideSearchCharacterUI();\n }\n };\n\n return {\n showRecentChats,\n isExpanded,\n toggleExpand,\n toggleRecentChats,\n handleTabChange,\n handlePreviousChatCharacterClick,\n hasUnseenMessages:\n unseenMessageCharacterIds && unseenMessageCharacterIds?.length > 0,\n };\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\nexport interface 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 onPointerDown={() => handleClick(element.label)}>\n {element.label}\n </label>\n <br />\n </div>\n );\n })}\n </div>\n );\n};\n","/* eslint-disable @typescript-eslint/explicit-function-return-type */\n\nimport { useState } from 'react';\n\nexport function useLocalStorage<T>(key: string, initialValue: T) {\n // State to store our value\n // Pass initial state function to useState so logic is only executed once\n const [storedValue, setStoredValue] = useState<T>(() => {\n if (typeof window === 'undefined') {\n return initialValue;\n }\n try {\n // Get from local storage by key\n const item = window.localStorage.getItem(key);\n // Parse stored json or if none return initialValue\n return item ? JSON.parse(item) : initialValue;\n } catch (error) {\n // If error also return initialValue\n console.log(error);\n return initialValue;\n }\n });\n\n // Return a wrapped version of useState's setter function that ...\n // ... persists the new value to localStorage.\n const setValue = (value: T | ((val: T) => T)) => {\n try {\n // Allow value to be a function so we have same API as useState\n const valueToStore =\n value instanceof Function ? value(storedValue) : value;\n // Save state\n setStoredValue(valueToStore);\n // Save to local storage\n if (typeof window !== 'undefined') {\n window.localStorage.setItem(key, JSON.stringify(valueToStore));\n }\n } catch (error) {\n // A more advanced implementation would handle the error case\n console.log(error);\n }\n };\n\n return [storedValue, setValue] as const;\n}\n","import { ICraftableItem, IItem, IItemContainer } from '@rpg-engine/shared';\n\nexport function calculateMaxCraftable(\n recipe: ICraftableItem | undefined,\n inventory: IItemContainer | null | undefined\n): number {\n if (!inventory || !recipe?.ingredients) {\n return 0;\n }\n\n return (\n recipe.ingredients.reduce((maxPossible, ingredient) => {\n const inventoryItem = Object.values(inventory.slots).find(\n (item): item is IItem => item?.key === ingredient.key\n );\n\n if (!inventoryItem) {\n return 0;\n }\n\n const possibleWithThisIngredient = Math.floor(\n (inventoryItem.stackQty ?? 0) / ingredient.qty\n );\n\n return maxPossible === undefined\n ? possibleWithThisIngredient\n : Math.min(maxPossible, possibleWithThisIngredient);\n }, undefined as number | undefined) ?? 0\n );\n}\n","import { ICollectGlobalRewardRequest, ITaskIdentifier, TaskType } from '@rpg-engine/shared';\nimport { useState } from 'react';\n\ninterface IUseDailyTasksStateProps {\n onClaimReward: (task: ITaskIdentifier) => void;\n onClaimGlobalReward: (tasks: ICollectGlobalRewardRequest) => void;\n}\n\nexport function useDailyTasksState({\n onClaimReward,\n onClaimGlobalReward,\n}: IUseDailyTasksStateProps) {\n const [globalRewardClaimed, setGlobalRewardClaimed] = useState(false);\n const [claimedTaskKeys, setClaimedTaskKeys] = useState<string[]>([]);\n\n const handleClaimReward = (taskKey: string, type: TaskType) => {\n onClaimReward({\n type,\n taskKey,\n });\n setClaimedTaskKeys(prev => [...prev, taskKey]);\n };\n\n const handleClaimGlobalRewards = (tasks: ICollectGlobalRewardRequest) => {\n onClaimGlobalReward(tasks);\n setGlobalRewardClaimed(true);\n };\n\n const isTaskRewardClaimed = (taskKey: string): boolean => {\n return claimedTaskKeys.includes(taskKey);\n };\n\n return {\n globalRewardClaimed,\n claimedTaskKeys,\n isTaskRewardClaimed,\n handleClaimReward,\n handleClaimGlobalRewards,\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 onPointerDown={handleClick}>{element.label}</label>\n <br />\n </>\n );\n })}\n </div>\n );\n};\n","import React from 'react';\nimport { ColorSelector } from './ItemPropertyColorSelector';\n\ninterface IItemPropertySimpleHandlerProps {\n isOpen: boolean;\n selectedColor: string;\n onClose: () => void;\n onConfirm: (color: string) => void;\n onChange: (color: string) => void;\n costWarning?: {\n cost: number;\n currency?: string;\n };\n}\n\nexport const ItemPropertySimpleHandler: React.FC<IItemPropertySimpleHandlerProps> = ({\n isOpen,\n selectedColor,\n onClose,\n onConfirm,\n onChange,\n costWarning,\n}) => (\n <ColorSelector\n selectedColor={selectedColor}\n isOpen={isOpen}\n onClose={onClose}\n onConfirm={onConfirm}\n onChange={onChange}\n costWarning={costWarning}\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","import {\n ITradeRequestItem,\n ITradeResponseItem,\n TradeTransactionType,\n} from '@rpg-engine/shared';\nimport { useState } from 'react';\n\ninterface ITradingGoldHook {\n characterAvailableGold: number;\n type: TradeTransactionType;\n traderItems: ITradeResponseItem[];\n}\n\nexport const useTradingGold = ({\n characterAvailableGold,\n type,\n traderItems,\n}: ITradingGoldHook) => {\n const [sum, setSum] = useState(0);\n const [qtyMap, setQtyMap] = useState(new Map<string, number>());\n\n const isBuy = () => type === 'buy';\n\n const hasGoldForSale = () =>\n isBuy() ? !(sum > characterAvailableGold) : true;\n\n const getFinalGold = () =>\n isBuy() ? characterAvailableGold - sum : characterAvailableGold + sum;\n\n const getTradeItems = (): ITradeRequestItem[] => {\n const items: ITradeRequestItem[] = [];\n traderItems.forEach(item => {\n const qty = qtyMap.get(item.key);\n if (qty) {\n items.push({\n ...item,\n qty,\n });\n }\n });\n return items;\n };\n\n const updateQuantity = (item: ITradeResponseItem, selectedQty: number) => {\n setQtyMap(new Map(qtyMap.set(item.key, selectedQty)));\n\n let newSum = 0;\n qtyMap.forEach((qty, key) => {\n const item = traderItems.find(i => i.key === key);\n if (item) newSum += qty * item.price;\n });\n setSum(newSum);\n };\n\n return {\n sum,\n qtyMap,\n isBuy,\n hasGoldForSale,\n getFinalGold,\n getTradeItems,\n updateQuantity,\n };\n};\n"],"names":["ButtonTypes","SelectArrow","_ref","direction","_ref$direction","size","_ref$scale","scale","onPointerDown","props","_objectWithoutPropertiesLoose","_excluded","React","LeftArrow","RightArrow","styled","span","withConfig","displayName","componentId","DropdownDisplay","DropdownLabel","label","Container","div","width","DropdownSelect","p","DropdownOptions","ul","opened","opensUp","RPGUIContainerTypes","Button","disabled","_ref$disabled","children","buttonType","ButtonContainer","className","button","SpriteFromAtlas","atlasJSON","atlasIMG","spriteKey","_ref$width","GRID_WIDTH","_ref$height","height","GRID_HEIGHT","_ref$imgScale","imgScale","imgStyle","containerStyle","_ref$grayScale","grayScale","_ref$opacity","opacity","tintColor","imgClassname","centered","borderRadius","spriteData","_atlasJSON$frames","frames","_atlasJSON$frames2","console","error","normalizedTintColor","color","test","toUpperCase","toUppercaseHexColor","hasHover","style","ImgSprite","frame","w","h","x","y","css","ErrorBoundary","_Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","hasError","getDerivedStateFromError","_","_proto","prototype","componentDidCatch","errorInfo","render","this","Component","Ellipsis","_ref$maxLines","maxLines","maxWidth","fontSize","center","PropertySelect","item","availableProperties","onChange","_useState","useState","currentIndex","setCurrentIndex","propertiesLength","useEffect","JSON","stringify","TextOverlay","Item","name","index","ButtonsContainer","Chat","chatMessages","onSendChatMessage","onCloseButton","onFocus","onBlur","_ref$styles","styles","textColor","buttonColor","buttonBackgroundColor","isExpanded","message","setMessage","inputRef","useRef","scrollChatToBottom","_inputRef$current","current","focus","scrollingElement","document","querySelector","scrollTop","scrollHeight","ChatContainer","fallback","CloseButton","onClick","FaTimes","MessagesContainer","map","chatMessage","Message","key","_id","maxLength","dayjs","createdAt","format","emitter","slice","formatMessage","Form","onSubmit","event","preventDefault","trim","TextField","ref","value","e","target","type","autoComplete","placeholder","SendButton","_ref2","form","input","Input","_extends","_objectDestructuringEmpty","rest","innerRef","RPGUIContainer","Column","flex","flexWrap","alignItems","justifyContent","CustomInput","CustomContainer","MessageText","SearchCharacter","onChangeCharacterName","recentCharacters","hideSearchCharacterUI","onCharacterClick","characterName","setCharacterName","searchCharacterRef","timer","setTimeout","clearTimeout","SearchContainer","id","SearchButton","RxMagnifyingGlass","ListContainer","character","ListElement","handleCharacterClick","_ref3","li","ChatContent","isPrivate","isTrade","isGlobal","onSendLocalChatMessage","onSendGlobalChatMessage","onSendPrivateChatMessage","onSendTradeMessage","autoCloseOnSend","isGuild","onSendGuildChatMessage","searchCharacterUI","privateChatCharacters","ChatWrapper","sendMessage","ChatTabs","activeTab","onChangeTab","TabContainer","tabs","tab","Tab","active","ExpandButton","StyledExpandButton","IoMdContract","IoMdExpand","RecentChats","showRecentChats","showSearchCharacterUI","recentChatCharacters","recentSelectedChatCharacterId","unseenMessageCharacterIds","onPreviousChatCharacterClick","onRemoveRecentChatCharacter","RecentChatTabContainer","isOpen","RecentChatTopBar","BurgerIconContainer","toggleRecentChats","hasUnseenMessages","BurgerLineIcon","RecentChatLogContainer","_unseenMessageCharact","ListElementContainer","handlePreviousChatCharacterClick","StatusDot","isUnseen","includes","RxCross2","ChatRevampContainer","TopBar","AllChatsContainer","_ref4","ChatContentWrapper","_ref5","CollapsedChatInput","ExpandedChatContent","SocialButtons","SocialButton","CheckItem","_ref$defaultValue","defaultValue","checked","setChecked","newCheckedState","readOnly","SingleShortcut","useShortcutCooldown","onShortcutCast","shortcutCooldown","setShortcutCooldown","cooldownTimeout","handleShortcutCast","CancelButton","ShortcutsContainer","StyledShortcut","useOutsideClick","handleClickOutside","contains","CustomEvent","detail","dispatchEvent","addEventListener","removeEventListener","DraggableContainer","minHeight","minWidth","_ref$type","FramedGold","title","imgSrc","_ref$imgWidth","imgWidth","cancelDrag","onPositionChange","onPositionChangeEnd","onPositionChangeStart","onOutsideClick","_ref$initialPosition","initialPosition","_ref$dragDisabled","dragDisabled","isFullScreen","draggableRef","_e","Draggable","cancel","onDrag","data","onStop","onStart","defaultPosition","TitleContainer","Title","Icon","src","_ref6","h1","img","_ref7","Dropdown","options","_ref$opensUp","dropdownId","uuidv4","selectedValue","setSelectedValue","_useState2","selectedOption","setSelectedOption","_useState3","setOpened","firstOption","change","filter","o","option","onMouseLeave","onPointerUp","prev","optionsCount","MAX_ITEMS_VISIBLE","Math","min","modalRoot","getElementById","ModalPortal","ReactDOM","createPortal","generateContextMenuListOptions","actionsByTypeList","action","text","ItemSocketEventsDisplayLabels","initialDetailsState","isTooltipVisible","isTooltipMobileVisible","isContextMenuVisible","contextMenuPosition","contextActions","clearContextActions","clearDetailsState","ItemSlotDetailsContext","createContext","detailsState","updateDetailsState","setContextActions","useItemSlotDetails","useContext","ItemSlotDetailsProvider","setDetailsState","useCallback","newState","prevState","containerType","isDepotSystem","isContextMenuDisabled","newContextActions","itemContainerType","contextActionMenu","ItemContainerType","Inventory","ItemType","Weapon","Armor","Accessory","Jewelry","ActionsForInventory","Equipment","Consumable","CraftingResource","Tool","Other","push","DepotSocketEvents","Deposit","contextActionMenuDontHaveUseWith","find","toLowerCase","hasUseWith","ItemSocketEvents","UseWith","ActionsForEquipmentSet","Loot","ActionsForLoot","MapContainer","ActionsForMapContainer","Depot","GetItemInfo","Withdraw","some","OpenContainer","ContainerOpen","textureAtlas","ItemPropertyUpdate","attachedGems","DetachGem","generateContextMenu","contextValue","useMemo","Provider","initialDraggingState","isDragging","position","dropPosition","isFocused","draggingDistance","ItemSlotDraggingContext","draggingState","updateDraggingState","clearDraggingState","useItemSlotDragging","ItemSlotDraggingProvider","setDraggingState","rarityColor","rarity","ItemRarities","Uncommon","Rare","Epic","Legendary","gemColors","emerald-gem","topaz-radiance","sapphire-gem","ruby-gem","misty-quartz-gem","coral-reef-gem","jasper-gem","earthstone-gem","obsidian-gem","amethyst-gem","onRenderGems","_item$attachedGems","ItemSlotQty","itemId","ItemQtyContainer","_item$attachedGems2","gem","Gem","onRenderStackInfo","stackQty","qtyClassName","ItemQty","round","ItemSlotRenderer","slotSpriteMask","renderItem","texturePath","quality","ItemQualityLevel","Normal","getItemTextureKeyPath","isStackable","renderStackInfo","renderGems","itemToRender","_itemToRender$allowed","allowedEquipSlotType","EquipmentSlotSpriteByType","renderEquipment","onRenderSlot","Neck","LeftHand","Ring","Head","Torso","Legs","Feet","RightHand","ItemSlot","observer","slotIndex","onMouseOver","onMouseOut","_ref$isContextMenuDis","onDragEnd","onDragStart","onPlaceDrop","onDrop","onOutsideDrop","checkIfItemCanBeMoved","openQuantitySelector","checkIfItemShouldDragEnd","dragScale","isSelectingShortcut","setItemShortcut","_useItemSlotDetails","getTouchTarget","_touchEvent$changedTo","_touchEvent$touches","touch","changedTouches","touches","elementFromPoint","clientX","clientY","body","dragContainer","_useItemSlotDragging","resetItem","onSuccessfulDrag","quantity","handleDraggedItem","targetClasses","from","classList","elm","log","targetElement","_getElementTransform","getElementTransform","processDragEnd","element","window","getComputedStyle","matrix","DOMMatrixReadOnly","transform","m41","m42","isDraggingItem","onMouseUp","onTouchEnd","_e$changedTouches$","simulatedEvent","MouseEvent","bubbles","_document$elementFrom","undefined","subType","ItemSubType","Seed","axis","defaultClassName","requestAnimationFrame","isMobile","parseInt","split","isNaN","handleShortcutSetter","remove","removeDraggingClass","isTouchEvent","mouseEvent","handleContextMenuOrTooltip","_data","bounds","ItemContainer","onMouseEnter","HighQuality","Exceptional","Mastercrafted","Ancient","Mythic","qualityColorHex","statisticsToDisplay","higherIsWorse","ItemInfo","itemToCompare","renderMissingStatistic","statistics","_i2","_statisticsToDisplay2","stat","itemToCompareStatistic","Statistic","toString","skillName","_item$minRequirements","minRequirements","_item$minRequirements2","skill","Header","Rarity","Type","AllowedSlots","slotType","LevelRequirement","_item$minRequirements3","level","charAt","_item$minRequirements4","_item$minRequirements5","_i","_statisticsToDisplay","itemStatistic","_itemToCompare$stat$k","_itemToCompare$stat$k2","isItemToCompare","isOnlyInOneItem","statDiff","isDifference","isBetter","renderStatistics","entityEffects","entityEffectChance","effect","usableEffectDescription","equippedBuffDescription","isTwoHanded","Description","description","maxStackSize","StackInfo","_item$stackQty","MissingStatistics","_rarityColor","$isSpecial","itemSlotTypes","ItemInfoDisplay","equipmentSet","_item$allowedEquipSlo","allowedSlotTypeCamelCase","camelCase","itemSubTypeCamelCase","getSlotType","itemFromEquipment","Object","values","_item$subType","Flex","CompareContainer","Equipped","$isMobile","ItemTooltip","handleMouseMove","rect","getBoundingClientRect","tooltipWidth","tooltipHeight","isOffScreenRight","innerWidth","isOffScreenBottom","innerHeight","MobileItemTooltip","closeTooltip","onSelected","handleFadeOut","_ref$current","add","OptionsContainer","Option","ItemInfoWrapper","setIsTooltipVisible","setIsTooltipMobileVisible","bind","countItemFromInventory","itemKey","inventory","itemsFromInventory","keys","slots","forEach","i","_inventory$slots$inde","reduce","acc","modifyString","str","parts","words","replace","join","TooltipContainer","MinCraftingRequirementsText","levelIsOk","TooltipTitle","Recipe","Ingredient","isQuantityOk","CraftingTooltip","recipe","skills","tooltipRef","_React$useState","adjustedPosition","setAdjustedPosition","tooltipElement","adjustedX","adjustedY","levelInSkill","_skills$level","_skills","_recipe$minCraftingRe","_recipe$minCraftingRe2","minCraftingRequirements","_recipe$levelIsOk","_recipe$minCraftingRe3","_recipe$minCraftingRe4","_recipe$minCraftingRe5","_recipe$minCraftingRe6","ingredients","ingredient","itemQtyInInventory","qty","RadioOptionsWrapper","SpriteAtlasWrapper","MainContent","ItemHeader","CraftingRecipe","handleRecipeSelect","selectedCraftItemKey","showTooltip","setShowTooltip","tooltipPosition","setTooltipPosition","wrapperRef","isSelected","right","top","canCraft","desktop","mobileLanscape","mobilePortrait","useResponsiveSize","setSize","handleResize","Wrapper","HeaderContainer","HeaderControls","DropdownWrapper","ContentContainer","RadioInputScroller","CraftingRecipeWrapper","PinButton","isPinned","Footer","PaginationContainer","PaginationButton","PageInfo","EmptyState","formatTaskKey","formatted","word","getTaskIcon","taskType","difficulty","TaskType","KillMobs","CollectItems","MapVisit","CraftItems","getStatusInfo","task","status","TaskStatus","Completed","claimed","progress","kills","every","kill","collected","crafted","visitedMaps","visited","DailyRewardsTooltip","rewards","itemsAtlasJSON","itemsAtlasIMG","setIsExpanded","sortedRewards","REWARD_PRIORITY","_REWARD_PRIORITY","RewardType","Gold","Experience","getPriority","_REWARD_PRIORITY$type","Number","MAX_SAFE_INTEGER","sort","a","b","CollapsibleHeader","HeaderText","ExpandIcon","CollapsibleContent","RewardsList","reward","_reward$texturePath","_reward$key","RewardItem","ItemContent","RewardLabel","RewardValue","ReadOnlyCheckItem","labelLeft","labelRight","Label","CheckBox","isRight","attrs","TaskProgressDetails","progressRenderers","_progressRenderers","entries","_task$requirements$ta","ProgressItem","ProgressCount","requirements","targets","t","_task$requirements$ta2","_task$requirements$ta3","CheckItemWrapper","ProgressList","TaskProgress","iconAtlasJSON","iconAtlasIMG","ProgressContainer","ProgressLabel","TaskDifficulty","formatDifficulty","StatusText","DailyTaskItem","onClaimReward","isRewardClaimed","isMobileOrTablet","isCompleted","isClaimed","TaskContainer","TaskHeader","NonInteractiveWrapper","TaskContent","TaskTitle","_task$name","TaskDescription","CollectWrapper","RPGUIButton","ClaimedText","h3","GlobalDailyProgress","tasks","onClaimAllRewards","globalRewardClaimed","totalTasks","completedTasks","allCompleted","allClaimed","shouldShowGlobalButton","GlobalProgressContainer","GlobeIcon","ProgressText","ProgressBar","ProgressFill","percentage","taskIdentifiers","taskKey","TasksContainer","TasksList","h2","DPadButton","memo","isPressed","_props$size","_props$size2","_props$size3","_props$size4","_props$size5","DPadCenter","_props$size6","_props$size7","_props$size8","_props$size9","DPadContainer","_props$size10","_props$size11","showBackground","_props$opacity","JoystickDPad","onDirectionPress","onDirectionRelease","_ref$options","_options$opacity","_options$showBackgrou","_options$size","_options$pressInterva","pressInterval","Set","pressedButtons","setPressedButtons","intervalRef","activeDirectionRef","touchStartRef","isPressedRef","clearPressInterval","clearInterval","clearAllPresses","handleDirectionPress","setInterval","handleDirectionRelease","handleTouchStart","handleTouchMove","_touchStartRef$curren","deltaX","deltaY","distance","sqrt","angle","atan2","PI","newDirection","cleanupTouchEvents","handleTouchEnd","handleTouchCancel","handleBlur","handleVisibilityChange","hidden","handlePointerUp","stopPropagation","buttonProps","onMouseDown","onTouchStart","onTouchMove","onContextMenu","has","onTouchCancel","NPCDialogType","Details","DraggedItem","_useCursorPosition","setPosition","scalePosition","setFromEvent","scaledPosition","cleanup","handleEvent","useCursorPosition","centeredX","CONTAINER_SIZE","centeredY","stackInfo","_item$_id","SpriteContainer","left","RelativeListMenu","_ref$fontSize","pos","overflow","params","ItemSlotToolTips","optionId","EquipmentSetContainer","EquipmentColumn","Table","table","TableRow","tr","TableHeader","th","TableCell","td","ActionButtons","UserActionLink","SearchFriend","searchedCharacters","friendRequests","onSearch","onSendFriendRequest","onAcceptRequest","onRejectRequest","debouncedSearch","debounce","searchTabContent","SearchForm","SearchInput","autoFocus","CharacterList","characters","onAction","actionLabel","requestsTabContent","FriendRequestSection","onAccept","onReject","InternalTabs","content","activeTextColor","inactiveColor","borderColor","ListItem","CharacterName","AcceptRejectActions","ListWrapper","ScrollableArea","IsOnlineBadge","$isOnline","IS_MOBILE_OR_TABLET","DynamicText","onFinish","textState","setTextState","interval","substring","TextContainer","NPCDialogText","charactersPerLine","linesPerDiv","onClose","onEndStep","onStartStep","windowSize","textChunks","floor","match","RegExp","chunkIndex","setChunkIndex","onHandleSpacePress","code","goToNextStep","showGoNextIndicator","setShowGoNextIndicator","PressSpaceIndicator","TextOnly","pressSpaceGif","useEventListener","handler","el","savedHandler","listener","QuestionDialog","questions","answers","currentQuestion","setCurrentQuestion","canShowAnswers","setCanShowAnswers","onGetFirstAnswer","answerIds","firstAnswerId","answer","currentAnswer","setCurrentAnswer","onGetAnswers","answerId","nextAnswerIndex","findIndex","nextAnswerID","nextAnswer","previousAnswerIndex","previousAnswerID","previousAnswer","pop","nextQuestionId","question","QuestionContainer","AnswersContainer","selectedColor","AnswerRow","AnswerSelectedIcon","Answer","onAnswerClick","onRenderCurrentAnswers","ImgSide","NPCDialog","imagePath","_ref$isQuestionDialog","isQuestionDialog","TextAndThumbnail","ThumbnailContainer","NPCThumbnail","aliceDefaultThumbnail","CloseIcon","RangeSliderType","NPCMultiDialog","textAndTypeArray","slide","setSlide","_textAndTypeArray$sli","imageSide","BackgroundContainer","imgPath","DialogContainer","CarouselWrapper","ArrowContainer","BackgroundImage","isTextFixed","textPosition","ImageContainer","CustomLeftArrow","CustomRightArrow","Carousel","CarouselImg","fadeIn","keyframes","FadeInCarouselImg","_ref$activeColor","activeColor","_ref$activeTextColor","_ref$inactiveColor","_ref$borderColor","_ref$hoverColor","hoverColor","onTabChange","externalActiveTab","activeTabId","TableWrapper","TabHeader","TabButton","ContentWrapper","_tabs$find","useTooltipPosition","getTooltipWidth","viewportWidth","TOOLTIP_WIDTH","setTooltipState","calculateTooltipPosition","viewportHeight","max","tooltipState","handleMouseEnter","currentTarget","handleMouseLeave","Pagination","currentPage","totalPages","onPageChange","FaChevronLeft","FaChevronRight","SearchBar","rightElement","hasRightElement","Boolean","IconContainer","SearchIcon","$hasRightElement","FaSearch","SearchHeader","searchOptions","filterOptions","isSmallScreen","HeaderContent","StyledSearchBar","FilterContainer","StyledDropdown","onOptionChange","$isSmallScreen","PaginatedContent","items","_ref$itemsPerPage","itemsPerPage","_ref$emptyMessage","emptyMessage","_ref$dependencies","dependencies","_ref$layout","layout","_ref$gridColumns","gridColumns","_ref$itemHeight","itemHeight","_usePagination","setCurrentPage","ceil","paginatedItems","usePagination","tabId","EmptyMessage","Content","$gridColumns","_props$$itemHeight","$itemHeight","Portal","container","createElement","appendChild","removeChild","InformationCenterCell","onMouseMove","touchStartY","setTouchStartY","touchStartX","setTouchStartX","isTouchScrolling","setIsTouchScrolling","CellContainer","touchDiffY","abs","touchDiffX","CellNameContainer","CellName","BaseInformationDetails","onBack","Overlay","Modal","Collapsible","_ref$defaultOpen","defaultOpen","setIsOpen","FaChevronUp","FaChevronDown","InformationCenterItemDetails","droppedBy","InfoSection","InfoItem","Value","tier","StyledCollapsible","StatGrid","StatItem","weight","rangeType","basePrice","RequirementsGrid","RequirementItem","EffectsList","EffectItem","EffectChance","EffectDescription","equippedBuff","BuffsList","buff","BuffItem","BuffName","trait","c","BuffValue","buffPercentage","BuffDescription","DropList","npc","loot","loots","l","itemBlueprintKey","DropItem","NPCName","DropRate","chance","Section","SectionTitle","StatsContainer","BaseTooltip","RarityText","InformationCenterItemTooltip","attack","defense","AdvancedFilters","onToggle","sections","onClearAll","hasActiveFilters","buttonPosition","setButtonPosition","buttonRef","panelRef","bottom","scrollY","scrollX","FilterButton","AiFillFilter","AiOutlineFilter","FilterCount","section","rangeValue","FiltersPanel","zIndex","FilterHeader","FilterTitle","FilterSection","RangeInputs","AiFillCaretRight","StyledDropdownWrapper","ClearFiltersButton","$hasActiveFilters","$visible","ItemsAdvancedFilters","onTierChange","onTypeChange","selectedTier","selectedType","tierOptions","String","typeOptions","formatItemType","InformationCenterItemsSection","npcs","bestiaryItems","initialSearchQuery","searchQuery","setSearchQuery","selectedItemCategory","setSelectedItemCategory","setSelectedTier","_useState4","isAdvancedFiltersOpen","setIsAdvancedFiltersOpen","_useState5","selectedItem","setSelectedItem","_useTooltipPosition","filteredItems","matchesSearch","matchesCategory","matchesTier","SearchBarRightElement","SearchBarActions","handleItemClick","newQuery","TooltipWrapper","_npc$loots","BestiaryAdvancedFilters","onLevelRangeChange","onSubtypeChange","onAttackTypeChange","levelRange","selectedSubtype","selectedAttackType","subtypeOptions","NPCSubtype","attackTypeOptions","EntityAttackType","formatItemName","itemPath","_itemPath$split$pop","shift","InformationCenterNPCDetails","entitiesAtlasJSON","entitiesAtlasIMG","lootSearchQuery","setLootSearchQuery","currentLootPage","setCurrentLootPage","formatText","filteredLoots","totalLootPages","paginatedLoots","alignment","attackType","maxRangeAttack","speed","baseHealth","_npc$skills$strength","strength","_npc$skills$dexterity","dexterity","_npc$skills$resistanc","resistance","LootSearchContainer","query","LootGrid","LootItem","Sword","Common","quantityRange","canSell","LootDetails","LootName","LootInfo","LootChance","formatRarity","LootQuantity","StyledPagination","areaSpells","SpellsList","spell","SpellItem","SpellIconContainer","spellKey","SpellContent","SpellName","SpellDetails","SpellValue","power","Separator","probability","SpellList","SpellInfo","LootList","MoreIndicator","InformationCenterNPCTooltip","InformationCenterBestiarySection","iconsAtlasIMG","iconsAtlasJSON","selectedMonster","setSelectedMonster","selectedBestiaryCategory","setSelectedBestiaryCategory","setLevelRange","_useState6","setSelectedSubtype","_useState7","setSelectedAttackType","bestiaryCategoryOptions","NPCAlignment","Friendly","isBoss","Hostile","monster","InformationCenterTutorialsSection","videoGuides","selectedCategory","setSelectedCategory","categoryOptions","VideoGuideCategory","VideoGuideLanguage","filteredGuides","guide","category","language","GuideItem","open","videoUrl","GuideThumbnail","localImage","videoId","alt","GuideContent","GuideTitle","GuideDescription","GuideLabelsContainer","GuideCategory","GuideLanguage","LoadingMessage","ErrorMessage","SlotsContainer","Framed","ShortcutsSetter","setSettingShortcutIndex","settingShortcutIndex","shortcuts","removeShortcut","List","Shortcut","ShortcutType","None","isBeingSet","_shortcuts$index","_shortcuts$index2","payload","shortcut","Spell","_payload$texturePath","getContent","OrderByType","RangeSlider","valueMin","valueMax","_ref$step","step","sliderId","containerRef","setLeft","calculatedWidth","_containerRef$current","clientWidth","typeClass","GoldSlider","handleChange","pointerEvents","QuantitySelector","maxQuantity","initialQuantity","_ref$title","onConfirm","setValue","closeSelector","select","StyledContainer","StyledForm","numberValue","noValidate","StyledInput","Slider","QuantitySelectorModal","quantitySelect","setQuantitySelect","resetQuantitySelect","callback","validatedQuantitySelect","QuantitySelectorContainer","ItemQuantitySelectorModal","itemContainer","onItemClick","_ref$disableContextMe","disableContextMenu","onItemDragEnd","onItemDragStart","onItemPlaceDrop","_quantity","_useScrollOnDrag","threshold","scrollStep","animationFrameId","startScrolling","scroll","maxScrollTop","clientHeight","distanceFromBottom","stopScrolling","cancelAnimationFrame","useScrollOnDrag","handleSetShortcut","onDragStartScrollingEvents","once","onDragEndScrollingEvents","onDragStartHandler","onDragEndHandler","itemType","handlePlaceDrop","handleOutsideDrop","handleQuantitySelect","slotConfig","renderSlots","slotQty","_itemContainer$slots","currentItem","ItemsContainer","isScrollable","ConfirmModal","_ref$message","handleClose","Background","ButtonsWrapper","ColorSelector","costWarning","currentColor","setCurrentColor","showConfirmModal","setShowConfirmModal","ColorPickerWrapper","HexColorPicker","ConfirmContent","CostDisplay","cost","toLocaleString","currency","Subtitle","GemGrid","GemItem","GemName","ButtonWrapper","SpriteWrapper","LeaderboardTable","rankType","TableRowWrapper","TableRowValue","entry","isTopSkillEntry","WrapperContainer","ItemComponentScrollWrapper","Pager","totalItems","PagerContainer","MarketplaceRows","itemPrice","onMarketPlaceItemBuy","onMarketPlaceItemRemove","MarketplaceWrapper","ItemIconContainer","GemContainer","RarityContainer","QuantityContainer","PriceValue","GoldContainer","MultitabType","itemTypeOptions","itemRarityOptions","itemRarity","orderByOptions","flatMap","orderBy","display","BuyPanel","onChangeType","onChangeRarity","onChangeOrder","onChangeNameInput","onChangeMainLevelInput","onChangeSecondaryLevelInput","onChangePriceInput","characterId","enableHotkeys","disableHotkeys","setName","mainLevel","setMainLevel","secondaryLevel","setSecondaryLevel","price","setPrice","buyingItemId","setBuyingItemId","itemsContainer","_itemsContainer$curre","scrollTo","InputWrapper","OptionsWrapper","FilterInputsWrapper","owner","ManagmentPanel","availableGold","selectedItemToSell","onSelectedItemToSellRemove","onAddItemToMarketplace","onMoneyWithdraw","isCreatingOffer","setIsCreatingOffer","removingItemId","setRemovingItemId","InnerOptionsWrapper","SellDescription","__","PriceInputWrapper","AvailableGold","$disabled","_props$styles","_props$styles2","centerContent","CustomTab","BodyContainer","selectedTab","NonDraggableWrapper","PartyRow","charName","charClass","charLevel","playerQty","isInvited","PartyWrapper","partyName","RowsWrapper","PlayersRow","isNotInvited","HighlightedText","Text","PartyManagerRow","leaderId","userId","onRemovePlayer","onChangeLeader","isCurrentUser","canRemove","isLeader","YellowText","NotInParty","mockedPartyRows","mockedPlayersRows2","leader","class","CharacterClass","Druid","members","maxSize","mockedPlayersRows","mockedPartyManager","ProgressBarText","percentageWidth","mobileScale","QuestDraggableContainer","QuestContainer","QuestsContainer","QuestSplitDiv","QuestColumn","Thumbnail","QuestListContainer","QuestCard","QuestItem","NoQuestContainer","formatQuestText","getQuestStatusColor","QuestStatus","Pending","InProgress","formatQuestStatus","RPGUIScrollbar","RPGUIOverrides","_RPGUI","RPGUI","SimpleProgressBar","_ref$bgColor","bgColor","_ref$margin","margin","ProgressBarContainer","BackgroundBar","Progress","toFixed","Tooltip","SkillProgressBar","totalPointsForLevelUp","excessSkillPoints","currentSkillPoints","skillPoints","skillPointsToNextLevel","_ref$showSkillPoints","showSkillPoints","buffAndDebuff","baseSkillPoints","getSPForLevel","formatBuffAndDebuff","skillsBuffsCalc","result","ProgressTitle","BuffAndDebuffContainer","TitleNameContainer","TitleNameBuff","TitleNameBuffContainer","TitleNameDebuff","TitleName","ValueDisplay","ProgressBody","ProgressIconContainer","ProgressBarWrapper","SkillDisplayContainer","SkillPointsDisplay","skillProps","attributes","stamina","magic","magicResistance","combat","first","club","sword","axe","shielding","dagger","crafting","fishing","farming","mining","lumberjacking","blacksmithing","cooking","alchemy","skillNameMap","SkillsDraggableContainer","SkillsContainerDiv","SkillSplitDiv","Divider","DividerLine","whatsAppGroups","socialLinks","discord","reddit","whatsapp","english","pt-BR","español","polski","HeaderImage","MainButtons","WhatsAppButton","DropdownContainer","magicWords","manaCost","requiredItem","castingType","cooldown","maxDistanceGrid","formatSpellCastingType","SpellInfoDisplay","MobileSpellTooltip","MagicTooltip","SpellInfoWrapper","_ref$holdTouchDuratio","holdTouchDuration","touchTimeoutRef","charMana","charMagicLevel","isSettingShortcut","activeCooldown","minMagicLevelRequired","SpellImage","_spell$texturePath","Info","Cost","Stepper","steps","finalCTAButton","onError","_ref$useSideArrows","useSideArrows","currentStep","setCurrentStep","currentComponent","_steps$currentStep","component","totalSteps","onStepChange","_regeneratorRuntime","mark","_callee","_steps$currentStep2","wrap","_context","next","validate","sent","errorMessage","abrupt","t0","stop","_x","renderArrows","leftArrow","rightArrow","StepperContainer","StepperTop","ProgressIndicator","isActive","stepperProgressColor","StepperBodyContainer","StepperBody","StepperFooter","DayNightPeriod","periodOfDay","periodOfDaySrcFiles","_periodOfDaySrcFiles","PeriodOfDay","Morning","Afternoon","Night","GifContainer","WidgetContainer","Time","DayNightContainer","PremiumLabel","accountType","UserAccountTypes","Free","StyledLabel","backgroundColor","PremiumBronze","PremiumSilver","PremiumGold","PremiumUltimate","getBackgroundColor","getShortLabel","TradingItemRow","onQuantityChange","traderItem","selectedQty","isBuy","inputQty","setInputQty","onLeftClick","onRightClick","_traderItem$stackQty2","ItemWrapper","ItemNameContainer","NameValue","capitalize","canBePurchasedOnlyByPremiumPlans","StyledArrow","QuantityInput","_traderItem$stackQty","newQty","ScrollWrapper","GoldInfo","AlertText","ZoomableImage","isZoomed","setIsZoomed","zoomPosition","setZoomPosition","_e$currentTarget$getB","_e$currentTarget$getB2","objectFit","transformOrigin","transition","cursor","TutorialStepper","lessons","onLessonFinish","imageStyle","generateLessons","lesson","LessonContainer","LessonTitle","image","LessonImageWrapper","LessonImage","imageUrl","href","rel","LessonFooter","LessonBody","dangerouslySetInnerHTML","__html","_options$","_options$find","_options$2","_options$find2","BeatLoader","handleSelection","availableCharacters","propertySelectValues","textureKey","selectedSpriteKey","setSelectedSpriteKey","paddingBottom","_ref$initialSelectedS","initialSelectedSkin","initialProperty","prop","FramedGrey","Date","onRenderMessageLines","onRenderChatMessages","_ref$activeTab","_ref$searchCharacterU","_ref$hideSearchCharac","_ref$showSearchCharac","_ref$minimizedByDefau","minimizedByDefault","onDiscordClick","onWhatsAppClick","chatHook","setShowRecentChats","toggleExpand","handleTabChange","useChat","FaDiscord","FaWhatsapp","selectedValues","generateSelectedValuesList","setSelectedValues","_extends2","onActionClick","onCancelClick","mana","spellCooldowns","_useShortcutCooldown","onShortcutClick","buildClassName","classBase","isOnCooldown","variant","onShortcutClickBinded","_shortcuts$i","isOnShortcutCooldown","_shortcuts$i2","_shortcuts$i3","itemsFromEquipment","totalQty","_shortcuts$i4","spellCooldown","_spellCooldowns$paylo","replaceAll","_payload$manaCost","renderShortcut","onSelect","onCraftItem","craftablesItems","savedSelectedType","craftItemKey","setCraftItemKey","setSelectedType","searchTerm","setSearchTerm","isSearchVisible","setIsSearchVisible","isCraftingDisabled","setIsCraftingDisabled","_useLocalStorage","initialValue","localStorage","getItem","parse","storedValue","setStoredValue","valueToStore","Function","setItem","useLocalStorage","pinnedItems","setPinnedItems","setItems","localeCompare","filteredCraftableItems","sortedItems","aIsPinned","bIsPinned","FaThumbtack","FaBoxOpen","maxCraftable","_recipe$ingredients$r","maxPossible","inventoryItem","possibleWithThisIngredient","_inventoryItem$stackQ","calculateMaxCraftable","onClaimGlobalReward","localTasks","_useDailyTasksState","setGlobalRewardClaimed","claimedTaskKeys","setClaimedTaskKeys","isTaskRewardClaimed","handleClaimReward","handleClaimGlobalRewards","useDailyTasksState","details","onItemOutsideDrop","equipmentData","neck","leftHand","ring","head","armor","legs","boot","rightHand","accessory","equipmentMaskSlots","ItemSlotType","onRenderEquipmentSlotRange","start","end","equipmentRange","slotMaksRange","ContainerType","friends","onRemoveFriend","onOpenPrivateMessage","onAddFriend","onBackFriendList","isAddFriendUI","setIsAddFriendUI","friend","isOnline","selectedGems","setSelectedGems","selected","handleGemToggle","backgroundImgPath","fullCoverBackground","setImage","fullImg","textImage","textImageSelected","setTextImageSelected","goToPreviousImage","indexOf","goToNextImage","_textImageSelected$te","_textImageSelected$te2","_ref$bestiaryItems","_ref$videoGuides","_ref$items","_ref$loading","loading","_ref$initialSearchQue","setActiveTab","handleClick","imageKey","onChangeRankType","onChangeClassType","skillOptions","onChangeSkillType","classOptions","rankOptions","rankTypeOptions","skillTypeOptions","classTypeOptions","onYourPanelToggle","isYourPanel","setIsYourPanel","onCreate","close","partyRows","playersRows","invitationActionText","sortedMembers","partyRow","_ref$displayText","displayText","_ref$percentageWidth","_ref$minWidth","calculatePercentageValue","quests","buttons","onChangeQuest","questsLength","thumbnail","thumbnailDefault","npcId","quest","_formatQuestStatus","card","_ref$isBlockedCasting","isBlockedCastingByKeyboard","shortcutsRefs","handleKeyDown","shortcutIndex","_shortcutsRefs$curren","timeoutId","_shortcutsRefs$curren2","timeoutIds","images","_ref$autoCycle","autoCycle","_ref$autoCycleDelay","autoCycleDelay","_ref$stopAutoCyclingO","stopAutoCyclingOnInteraction","currentImage","setCurrentImage","autoCycleId","prevImage","hasMoreThanOneImage","onRenderSkillCategory","skillCategory","skillCategoryColor","output","_Object$entries","_Object$entries$_i","skillDetails","experience","getXPForLevel","selectedLanguage","setSelectedLanguage","FaReddit","onInputFocus","onInputBlur","spells","magicLevel","onSpellClick","setSpellShortcut","search","setSearch","spellsToDisplay","toLocaleLowerCase","setShortcut","Fragment","Brown","_ref$isDraggableModal","isDraggableModal","setSelectedTab","TabsCore","Gray","onGetContainerType","TimeClock","traderItems","characterAvailableGold","_useTradingGold","sum","setSum","Map","qtyMap","setQtyMap","hasGoldForSale","getFinalGold","getTradeItems","get","updateQuantity","set","newSum","useTradingGold","tradeItem","_qtyMap$get","Warrior","Sorcerer","Rogue"],"mappings":"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"}
1
+ {"version":3,"file":"long-bow.cjs.production.min.js","sources":["../src/components/Button.tsx","../src/components/Arrow/SelectArrow.tsx","../src/components/AsyncDropdown.tsx","../src/components/RPGUI/RPGUIContainer.tsx","../src/constants/uiFonts.ts","../src/components/shared/SpriteFromAtlas.tsx","../src/utils/colorUtils.ts","../src/components/Item/Inventory/ErrorBoundary.tsx","../src/components/shared/Ellipsis.tsx","../src/components/PropertySelect/PropertySelect.tsx","../src/components/Character/CharacterSelection.tsx","../src/components/Character/CharacterSkinSelectionModal.tsx","../src/components/Chat/Chat.tsx","../src/constants/uiColors.ts","../src/components/Input.tsx","../src/components/shared/Column.tsx","../src/components/Chatdeprecated/ChatDeprecated.tsx","../src/components/ChatRevamp/SearchCharacter.tsx","../src/components/ChatRevamp/ChatContent.tsx","../src/components/ChatRevamp/ChatTabs.tsx","../src/components/ChatRevamp/ExpandButton.tsx","../src/components/ChatRevamp/RecentChats.tsx","../src/components/ChatRevamp/ChatRevamp.tsx","../src/components/CheckItem.tsx","../src/components/Shortcuts/SingleShortcut.ts","../src/components/Shortcuts/useShortcutCooldown.ts","../src/components/CircularController/CircularController.tsx","../src/hooks/useOutsideAlerter.ts","../src/components/DraggableContainer.tsx","../src/components/Dropdown.tsx","../src/components/Abstractions/ModalPortal.tsx","../src/components/Item/Inventory/itemContainerHelper.ts","../src/components/Item/Inventory/context/ItemSlotDetailsContext.tsx","../src/components/Item/Inventory/context/ItemSlotDraggingContext.tsx","../src/components/Item/Inventory/ItemSlotRarity.ts","../src/components/Item/Inventory/ItemGem.tsx","../src/components/Item/Inventory/ItemSlotQty/ItemSlotQty.tsx","../src/components/Item/Inventory/ItemSlotRenderer.tsx","../src/components/Item/Inventory/ItemSlot.tsx","../src/hooks/useTouchTarget.ts","../src/components/Item/Inventory/ItemSlotQuality.ts","../src/components/Item/Cards/ItemInfo.tsx","../src/components/Item/Cards/ItemInfoDisplay.tsx","../src/components/Item/Cards/ItemTooltip.tsx","../src/components/Item/Cards/MobileItemTooltip.tsx","../src/components/Item/Cards/ItemInfoWrapper.tsx","../src/libs/itemCounter.ts","../src/components/CraftBook/utils/modifyString.ts","../src/components/CraftBook/CraftingTooltip.tsx","../src/components/CraftBook/CraftingRecipe.tsx","../src/components/CraftBook/hooks/useResponsiveSize.ts","../src/components/CraftBook/CraftBook.tsx","../src/components/DailyTasks/utils/dailyTasks.utils.ts","../src/components/DailyTasks/DailyRewardsTooltip.tsx","../src/components/ReadOnlyCheckItem.tsx","../src/components/DailyTasks/TaskProgressDetails.tsx","../src/components/DailyTasks/TaskProgress.tsx","../src/components/DailyTasks/DailyTaskItem.tsx","../src/components/DailyTasks/GlobalDailyProgress.tsx","../src/components/DailyTasks/DailyTasks.tsx","../src/components/DPad/JoystickDPad.tsx","../src/components/NPCDialog/NPCDialog.tsx","../src/components/DropdownSelectorContainer.tsx","../src/components/Item/Inventory/DraggedItem.tsx","../src/hooks/useCursorPosition.ts","../src/components/RelativeListMenu.tsx","../src/components/Item/Inventory/ItemSlotTooltips.tsx","../src/components/Equipment/EquipmentSet.tsx","../src/components/Table/Table.tsx","../src/components/Friends/SearchFriend.tsx","../src/components/Friends/FriendList.tsx","../src/constants/uiDevices.ts","../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/NPCDialog/NPCMultiDialog.tsx","../src/components/RangeSlider.tsx","../src/components/HistoryDialog.tsx","../src/components/ImageCarousel/ImageCarousel.tsx","../src/components/ImageCarousel/SimpleImageCarousel.tsx","../src/components/InternalTabs/InternalTabs.tsx","../src/constants/uiBreakpoints.ts","../src/hooks/useTooltipPosition.ts","../src/components/shared/Pagination/Pagination.tsx","../src/components/shared/SearchBar/SearchBar.tsx","../src/components/shared/SearchHeader/SearchHeader.tsx","../src/components/shared/PaginatedContent/PaginatedContent.tsx","../src/components/CraftBook/hooks/usePagination.ts","../src/components/shared/Portal/Portal.tsx","../src/components/InformationCenter/InformationCenterCell.tsx","../src/components/InformationCenter/shared/BaseInformationDetails.tsx","../src/components/shared/Collapsible/Collapsible.tsx","../src/components/InformationCenter/sections/items/InformationCenterItemDetails.tsx","../src/components/shared/BaseTooltip.tsx","../src/components/InformationCenter/sections/items/InformationCenterItemTooltip.tsx","../src/components/shared/AdvancedFilters/AdvancedFilters.tsx","../src/components/InformationCenter/sections/items/ItemsAdvancedFilters.tsx","../src/components/InformationCenter/sections/items/InformationCenterItemsSection.tsx","../src/components/InformationCenter/sections/bestiary/BestiaryAdvancedFilters.tsx","../src/components/InformationCenter/sections/bestiary/InformationCenterNPCDetails.tsx","../src/components/InformationCenter/sections/bestiary/InformationCenterNPCTooltip.tsx","../src/components/InformationCenter/sections/bestiary/InformationCenterBestiarySection.tsx","../src/components/InformationCenter/sections/tutorials/InformationCenterTutorialsSection.tsx","../src/components/InformationCenter/InformationCenter.tsx","../src/components/Abstractions/SlotsContainer.tsx","../src/components/Shortcuts/ShortcutsSetter.tsx","../src/components/Marketplace/filters/index.tsx","../src/components/QuantitySelector/QuantitySelector.tsx","../src/components/QuantitySelector/QuantitySelectorModal.tsx","../src/components/Item/Inventory/ItemQuantitySelectorModal.tsx","../src/components/Item/Inventory/ItemContainer.tsx","../src/hooks/useScrollOnDrag.ts","../src/components/ConfirmModal.tsx","../src/components/Item/Inventory/ItemPropertyColorSelector.tsx","../src/components/itemSelector/GemSelector.tsx","../src/components/itemSelector/ItemSelector.tsx","../src/components/Leaderboard/LeaderboardTable.tsx","../src/components/Leaderboard/Leaderboard.tsx","../src/components/ListMenu.tsx","../src/components/Pager.tsx","../src/components/Marketplace/MarketplaceRows.tsx","../src/components/Multitab/TabsContainer.tsx","../src/components/Marketplace/BuyPanel.tsx","../src/components/Marketplace/ManagmentPanel.tsx","../src/components/Marketplace/Marketplace.tsx","../src/components/Multitab/TabBody.tsx","../src/components/Multitab/Tab.tsx","../src/components/PartySystem/PartyCreate/PartyCreate.tsx","../src/components/PartySystem/PartyDashboard/PartyRows.tsx","../src/components/PartySystem/PartyDashboard/PartyDashboard.tsx","../src/components/PartySystem/PartyInvite/PlayersRows.tsx","../src/components/PartySystem/PartyInvite/PartyInvite.tsx","../src/components/Text/HighlightedText.tsx","../src/components/PartySystem/PartyManager/PartyManagerRows.tsx","../src/components/PartySystem/PartyManager/PartyManager.tsx","../src/components/PartySystem/mockedConstantes/mockedValues.tsx","../src/components/ProgressBar.tsx","../src/components/Quests/QuestInfo/QuestInfo.tsx","../src/components/Quests/QuestList.tsx","../src/components/RPGUI/RPGUIScrollbar.tsx","../src/components/RPGUI/RPGUIOverrides.tsx","../src/components/RPGUI/RPGUIRoot.tsx","../src/components/Shortcuts/Shortcuts.tsx","../src/components/SimpleProgressBar.tsx","../src/components/Tooltip/Tooltip.tsx","../src/components/SkillProgressBar.tsx","../src/components/SkillsContainer.tsx","../src/components/shared/Divider/Divider.tsx","../src/components/SocialModal/SocialModal.tsx","../src/components/Spellbook/cards/SpellInfo.tsx","../src/libs/CastingTypeHelper.ts","../src/components/Spellbook/cards/SpellInfoDisplay.tsx","../src/components/Spellbook/cards/MobileSpellTooltip.tsx","../src/components/Spellbook/cards/SpellTooltip.tsx","../src/components/Spellbook/cards/SpellInfoWrapper.tsx","../src/components/Spellbook/Spell.tsx","../src/components/Spellbook/Spellbook.tsx","../src/components/Stepper.tsx","../src/components/TimeWidget/DayNightPeriod/DayNightPeriod.tsx","../src/components/TimeWidget/TimeWidget.tsx","../src/components/TradingMenu/PremiumLabel.tsx","../src/components/TradingMenu/TradingItemRow.tsx","../src/components/TradingMenu/TradingMenu.tsx","../src/components/Truncate.tsx","../src/components/Image/ZoomableImage.tsx","../src/components/Tutorial/TutorialStepper.tsx","../src/hooks/useChat.ts","../src/components/CheckButton.tsx","../src/hooks/useLocalStorage.ts","../src/components/CraftBook/utils/calculateMaxCraftable.ts","../src/components/RadioButton.tsx","../src/components/Item/Inventory/ItemPropertySimpleHandler.tsx","../src/components/TextArea.tsx","../src/components/TradingMenu/useTradingGold.ts"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { uiFonts } from '../constants/uiFonts';\n\nexport enum ButtonTypes {\n RPGUIButton = 'rpgui-button',\n RPGUIGoldButton = 'rpgui-button golden',\n}\n\nexport interface IButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n disabled?: boolean;\n children: React.ReactNode;\n buttonType: ButtonTypes;\n onPointerDown?: (e: any) => void;\n}\n\nexport const Button = ({\n disabled = false,\n children,\n buttonType,\n onPointerDown,\n ...props\n}: IButtonProps) => {\n return (\n <ButtonContainer\n className={`${buttonType}`}\n disabled={disabled}\n {...props}\n onPointerDown={onPointerDown}\n >\n <p>{children}</p>\n </ButtonContainer>\n );\n};\n\nconst ButtonContainer = styled.button`\n height: 45px;\n font-size: ${uiFonts.size.small};\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport LeftArrowClickIcon from './img/arrow01-left-clicked.png';\nimport LeftArrowIcon from './img/arrow01-left.png';\nimport RightArrowClickIcon from './img/arrow01-right-clicked.png';\nimport RightArrowIcon from './img/arrow01-right.png';\n\nexport interface ArrowBarProps extends React.HTMLAttributes<HTMLDivElement> {\n direction: 'right' | 'left';\n onPointerDown: () => void;\n size?: number;\n scale?: number;\n}\n\nexport const SelectArrow: React.FC<ArrowBarProps> = ({\n direction = 'left',\n size,\n scale = 1,\n onPointerDown,\n ...props\n}) => {\n return (\n <>\n {direction === 'left' ? (\n <LeftArrow\n size={size}\n scale={scale}\n onPointerDown={() => onPointerDown()}\n {...props}\n ></LeftArrow>\n ) : (\n <RightArrow\n size={size}\n scale={scale}\n onPointerDown={() => onPointerDown()}\n {...props}\n ></RightArrow>\n )}\n </>\n );\n};\n\ninterface IArrowProps {\n size?: number;\n scale?: number;\n}\n\nconst LeftArrow = styled.span<IArrowProps>`\n background-image: url(${LeftArrowIcon});\n background-size: 100% 100%;\n left: 0;\n position: absolute;\n width: ${props => props.size || 40}px;\n height: ${props => props.size || 42}px;\n transform: scale(${props => props.scale || 1});\n :active {\n background-image: url(${LeftArrowClickIcon});\n }\n z-index: 2;\n`;\n\nconst RightArrow = styled.span<IArrowProps>`\n background-image: url(${RightArrowIcon});\n right: 0;\n position: absolute;\n width: ${props => props.size || 40}px;\n height: ${props => props.size || 42}px;\n background-size: 100% 100%;\n transform: scale(${props => props.scale || 1});\n :active {\n background-image: url(${RightArrowClickIcon});\n }\n z-index: 2;\n`;\n\nexport default SelectArrow;\n","import React, { useEffect, useState } from 'react';\nimport { BeatLoader } from 'react-spinners';\nimport styled from 'styled-components';\nimport { v4 as uuidv4 } from 'uuid';\nimport { uiColors } from '../constants/uiColors';\n\nexport interface IAsyncDropdownOptionsProps {\n id: number;\n value: string;\n option: string | JSX.Element;\n}\n\nexport interface IAsyncDropdownProps {\n options: IAsyncDropdownOptionsProps[];\n width?: string;\n onChange: (value: string) => void;\n defaultValue?: string;\n opensUp?: boolean;\n}\n\nexport const AsyncDropdown: React.FC<IAsyncDropdownProps> = ({\n options,\n width,\n onChange,\n defaultValue,\n opensUp = false,\n}) => {\n const dropdownId = uuidv4();\n\n const [selectedValue, setSelectedValue] = useState<string>(\n defaultValue || options?.[0]?.value\n );\n const [selectedOption, setSelectedOption] = useState<string | JSX.Element>(\n options?.find(option => option.value === defaultValue)?.option ||\n options?.[0]?.option\n );\n const [opened, setOpened] = useState<boolean>(false);\n\n useEffect(() => {\n if (defaultValue) {\n setSelectedValue(defaultValue);\n setSelectedOption(\n //@ts-ignore\n options?.find(option => option.value === defaultValue)?.option\n );\n } else if (options?.length > 0) {\n setSelectedValue(options[0].value);\n setSelectedOption(options[0].option);\n }\n }, [options, defaultValue]);\n\n const handleSelection = (value: string, option: string | JSX.Element) => {\n if (value !== selectedValue) {\n setSelectedValue(value);\n setSelectedOption(option);\n onChange(value);\n }\n };\n\n return (\n <Container onMouseLeave={() => setOpened(false)} width={width}>\n <DropdownSelect\n id={`dropdown-${dropdownId}`}\n className=\"rpgui-dropdown-imp rpgui-dropdown-imp-header\"\n onPointerUp={() => setOpened(prev => !prev)}\n >\n <DropdownDisplay>\n <DropdownLabel>▼</DropdownLabel> {selectedOption}\n {!options.length && <BeatLoader size={4} color={uiColors.white} />}\n </DropdownDisplay>\n </DropdownSelect>\n\n <DropdownOptions\n className=\"rpgui-dropdown-imp\"\n opened={opened}\n opensUp={opensUp}\n >\n {options?.map(option => (\n <li\n key={option.id}\n onPointerUp={() => {\n handleSelection(option.value, option.option);\n setOpened(false);\n }}\n >\n {option.option}\n </li>\n ))}\n </DropdownOptions>\n </Container>\n );\n};\n\nconst DropdownDisplay = styled.span`\n display: flex;\n flex-wrap: wrap;\n justify-content: start;\n align-items: center;\n`;\n\nconst DropdownLabel = styled.label`\n margin-right: 0.5rem;\n`;\n\nconst Container = styled.div<{ width: string | undefined }>`\n position: relative;\n width: ${props => props.width || '100%'};\n`;\n\nconst DropdownSelect = styled.p`\n width: 100%;\n box-sizing: border-box;\n\n label {\n display: inline-block;\n transform: translateY(-2px);\n }\n`;\n\nconst DropdownOptions = styled.ul<{\n opened: boolean;\n opensUp: boolean;\n}>`\n position: absolute;\n width: 100%;\n max-height: 300px;\n overflow-y: auto;\n display: ${props => (props.opened ? 'block' : 'none')};\n box-sizing: border-box;\n bottom: ${props => (props.opensUp ? '100%' : 'auto')};\n top: ${props => (props.opensUp ? 'auto' : '100%')};\n margin: 0;\n padding: 0;\n\n @media (max-width: 768px) {\n padding: 8px 0;\n }\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","export const uiFonts = {\n size: {\n xxsmall: '8px',\n xsmall: '9px',\n small: '12px',\n medium: '14px',\n large: '16px',\n xLarge: '18px',\n xxLarge: '20px',\n xxxLarge: '24px',\n },\n};\n","import { GRID_HEIGHT, GRID_WIDTH } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled, { css } from 'styled-components';\nimport { toUppercaseHexColor } from '../../utils/colorUtils';\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 tintColor?: string;\n onPointerDown?: () => void;\n containerStyle?: any;\n imgStyle?: any;\n imgScale?: number;\n imgClassname?: string;\n centered?: boolean;\n borderRadius?: string;\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 onPointerDown,\n containerStyle,\n grayScale = false,\n opacity = 1,\n tintColor,\n imgClassname,\n centered,\n borderRadius,\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 =\n atlasJSON?.frames?.[spriteKey] ||\n atlasJSON?.frames?.['others/no-image.png'];\n\n if (!spriteData) {\n console.error(\n `SpriteFromAtlas: Could not find sprite with key ${spriteKey} in atlasJSON.`\n );\n return null;\n }\n\n const normalizedTintColor = toUppercaseHexColor(tintColor);\n // For white tint, we'll use a very light gray instead\n const effectiveTintColor =\n normalizedTintColor === '#FFFFFF' ? '#EEEEEE' : normalizedTintColor;\n\n return (\n <Container\n width={width}\n height={height}\n hasHover={grayScale}\n onPointerDown={onPointerDown}\n style={containerStyle}\n >\n <ImgSprite\n className={`sprite-from-atlas-img ${imgClassname || ''}`}\n atlasIMG={atlasIMG}\n frame={spriteData.frame}\n scale={imgScale}\n grayScale={grayScale}\n opacity={opacity}\n style={imgStyle}\n centered={centered}\n borderRadius={borderRadius}\n tintColor={effectiveTintColor}\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 centered?: boolean;\n borderRadius?: string;\n tintColor?: string;\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 =>\n props.frame.y}px;\n transform: scale(${props => props.scale});\n position: relative;\n top: ${props => (props.centered ? '0' : '8px')};\n left: ${props => (props.centered ? '0' : '8px')};\n opacity: ${props => props.opacity};\n border-radius: ${props => props.borderRadius || '0'};\n overflow: hidden;\n\n /* Apply grayscale if needed */\n ${props =>\n props.grayScale &&\n css`\n filter: grayscale(100%);\n `}\n\n /* Add tint overlay if tintColor is provided */\n ${props =>\n props.tintColor &&\n css`\n &::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: ${props.frame.w}px;\n height: ${props.frame.h}px;\n background-color: ${props.tintColor};\n mix-blend-mode: multiply;\n opacity: 0.6;\n pointer-events: none;\n -webkit-mask-image: url(${props.atlasIMG});\n -webkit-mask-position: -${props.frame.x}px -${props.frame.y}px;\n mask-image: url(${props.atlasIMG});\n mask-position: -${props.frame.x}px -${props.frame.y}px;\n }\n\n &::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: ${props.frame.w}px;\n height: ${props.frame.h}px;\n background-color: ${props.tintColor};\n mix-blend-mode: soft-light;\n opacity: 0.6;\n pointer-events: none;\n -webkit-mask-image: url(${props.atlasIMG});\n -webkit-mask-position: -${props.frame.x}px -${props.frame.y}px;\n mask-image: url(${props.atlasIMG});\n mask-position: -${props.frame.x}px -${props.frame.y}px;\n }\n `}\n`;\n","export const toUppercaseHexColor = (\n color: string | undefined\n): string | undefined => {\n if (!color) return undefined;\n\n // Check if it's a valid hex color\n const hexRegex = /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/;\n if (!hexRegex.test(color)) return color;\n\n return color.toUpperCase();\n};\n","import React, { Component, ErrorInfo, ReactNode } from 'react';\nimport atlasJSON from '../../../mocks/atlas/items/items.json';\nimport atlasIMG from '../../../mocks/atlas/items/items.png';\nimport { SpriteFromAtlas } from '../../shared/SpriteFromAtlas';\n\ninterface Props {\n children?: ReactNode;\n}\n\ninterface State {\n hasError: boolean;\n}\n\nexport class ErrorBoundary extends Component<Props, State> {\n public state: State = {\n hasError: false,\n };\n\n public static getDerivedStateFromError(_: Error): State {\n // Update state so the next render will show the fallback UI.\n return { hasError: true };\n }\n\n public componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n console.error('Uncaught error:', error, errorInfo);\n }\n\n public render() {\n if (this.state.hasError) {\n return (\n <SpriteFromAtlas\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n spriteKey={'others/no-image.png'}\n imgScale={3}\n />\n );\n }\n\n return this.props.children;\n }\n}\n","import React from 'react';\nimport styled from 'styled-components';\n\ninterface IProps {\n children: React.ReactNode;\n maxLines?: 1 | 2 | 3 | 4 | 5;\n maxWidth: string;\n fontSize?: string;\n center?: boolean;\n}\n\nexport const Ellipsis = ({\n children,\n maxLines = 1,\n maxWidth,\n fontSize,\n center,\n}: IProps) => {\n return (\n <Container maxWidth={maxWidth} fontSize={fontSize} center={center}>\n <span className={`ellipsis-${maxLines}-lines`}>{children}</span>\n </Container>\n );\n};\n\ninterface IContainerProps {\n maxWidth?: string;\n fontSize?: string;\n center?: boolean;\n}\n\nconst Container = styled.span<IContainerProps>`\n display: block;\n margin: 0;\n\n .ellipsis-1-lines {\n display: block;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: ${props => props.maxWidth};\n font-size: ${props => props.fontSize};\n ${props => props.center && `margin: 0 auto;`}\n }\n\n .ellipsis-2-lines,\n .ellipsis-3-lines,\n .ellipsis-4-lines,\n .ellipsis-5-lines {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: ${props => props.maxWidth};\n font-size: ${props => props.fontSize};\n line-height: 1.4;\n }\n\n .ellipsis-2-lines {\n -webkit-line-clamp: 2;\n }\n\n .ellipsis-3-lines {\n -webkit-line-clamp: 3;\n }\n\n .ellipsis-4-lines {\n -webkit-line-clamp: 4;\n }\n\n .ellipsis-5-lines {\n -webkit-line-clamp: 5;\n }\n`;\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { uiFonts } from '../../constants/uiFonts';\nimport SelectArrow from '../Arrow/SelectArrow';\nimport { Ellipsis } from '../shared/Ellipsis';\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 useEffect(() => {\n setCurrentIndex(0);\n }, [JSON.stringify(availableProperties)]);\n\n const getCurrentSelectionName = () => {\n const item = availableProperties[currentIndex];\n if (item) {\n return item.name;\n }\n return '';\n };\n\n return (\n <Container>\n <TextOverlay>\n <p>\n <Item>\n <Ellipsis maxLines={1} maxWidth=\"60%\" center>\n {getCurrentSelectionName()}\n </Ellipsis>\n </Item>\n </p>\n </TextOverlay>\n <div className=\"rpgui-progress-track\"></div>\n\n <SelectArrow direction=\"left\" onPointerDown={onLeftClick}></SelectArrow>\n <SelectArrow direction=\"right\" onPointerDown={onRightClick}></SelectArrow>\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 top: 12px;\n width: 100%;\n\n p {\n margin: 0 auto;\n font-size: ${uiFonts.size.small};\n }\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\nexport default PropertySelect;\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\n\nimport { SpriteFromAtlas } from '../shared/SpriteFromAtlas';\n\nimport { ErrorBoundary } from '../Item/Inventory/ErrorBoundary';\nimport PropertySelect, {\n IPropertiesProps,\n} from '../PropertySelect/PropertySelect';\n\nexport interface ICharacterProps {\n name: string;\n textureKey: string;\n}\n\nexport interface ICharacterSelectionProps {\n availableCharacters: ICharacterProps[];\n atlasJSON: any;\n atlasIMG: any;\n onChange: (textureKey: string) => void;\n}\n\nexport const CharacterSelection: React.FC<ICharacterSelectionProps> = ({\n availableCharacters,\n atlasJSON,\n atlasIMG,\n onChange,\n}) => {\n const propertySelectValues = availableCharacters.map((item) => {\n return {\n id: item.textureKey,\n name: item.name,\n };\n });\n\n const [selectedValue, setSelectedValue] = useState<IPropertiesProps>();\n const [selectedSpriteKey, setSelectedSpriteKey] = useState('');\n\n const onSelectedValueChange = () => {\n const textureKey = selectedValue ? selectedValue.id : '';\n const spriteKey = textureKey ? textureKey + '/down/standing/0.png' : '';\n\n if (spriteKey === selectedSpriteKey) {\n return;\n }\n\n setSelectedSpriteKey(spriteKey);\n onChange(textureKey);\n };\n\n useEffect(() => {\n onSelectedValueChange();\n }, [selectedValue]);\n\n useEffect(() => {\n setSelectedValue(propertySelectValues[0]);\n }, [availableCharacters]);\n\n return (\n <Container>\n {selectedSpriteKey && atlasIMG && atlasJSON && (\n <ErrorBoundary>\n <SpriteFromAtlas\n spriteKey={selectedSpriteKey}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n imgScale={4}\n height={80}\n width={64}\n containerStyle={{\n display: 'flex',\n alignItems: 'center',\n paddingBottom: '15px',\n }}\n imgStyle={{\n left: '22px',\n }}\n />\n </ErrorBoundary>\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, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { Button, ButtonTypes } from '../Button';\nimport { ErrorBoundary } from '../Item/Inventory/ErrorBoundary';\nimport PropertySelect, {\n IPropertiesProps,\n} from '../PropertySelect/PropertySelect';\nimport { SpriteFromAtlas } from '../shared/SpriteFromAtlas';\nimport { ICharacterProps } from './CharacterSelection';\n\nexport interface ICharacterSkinSelectionModalProps {\n isOpen: boolean;\n onClose: () => void;\n onConfirm: (textureKey: string) => void;\n availableCharacters: ICharacterProps[];\n atlasJSON: any;\n atlasIMG: any;\n initialSelectedSkin?: string;\n}\n\nexport const CharacterSkinSelectionModal: React.FC<ICharacterSkinSelectionModalProps> = ({\n isOpen,\n onClose,\n onConfirm,\n availableCharacters,\n atlasJSON,\n atlasIMG,\n initialSelectedSkin = '',\n}) => {\n // Convert availableCharacters to the format used by PropertySelect\n const propertySelectValues = availableCharacters.map(item => ({\n id: item.textureKey,\n name: item.name,\n }));\n\n // State to store the selected skin and the sprite key\n const [selectedValue, setSelectedValue] = useState<\n IPropertiesProps | undefined\n >();\n const [selectedSpriteKey, setSelectedSpriteKey] = useState('');\n\n // Update sprite when the selected value changes\n const updateSelectedSpriteKey = () => {\n const textureKey = selectedValue ? selectedValue.id : '';\n const spriteKey = textureKey ? textureKey + '/down/standing/0.png' : '';\n\n if (spriteKey === selectedSpriteKey) {\n return;\n }\n\n setSelectedSpriteKey(spriteKey);\n };\n\n // Update sprite when selectedValue changes\n useEffect(() => {\n updateSelectedSpriteKey();\n }, [selectedValue]);\n\n // Initialize selectedValue\n useEffect(() => {\n if (initialSelectedSkin) {\n const initialProperty = propertySelectValues.find(\n prop => prop.id === initialSelectedSkin\n );\n setSelectedValue(initialProperty || propertySelectValues[0]);\n } else if (propertySelectValues.length > 0) {\n setSelectedValue(propertySelectValues[0]);\n }\n }, [initialSelectedSkin, availableCharacters]);\n\n // Functions to handle confirmation and cancellation\n const handleConfirm = () => {\n if (selectedValue) {\n onConfirm(selectedValue.id);\n onClose();\n }\n };\n\n const handleCancel = () => {\n onClose();\n };\n\n if (!isOpen) return null;\n\n return (\n <Container>\n {selectedSpriteKey && atlasIMG && atlasJSON && (\n <ErrorBoundary>\n <SpriteFromAtlas\n spriteKey={selectedSpriteKey}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n imgScale={4}\n height={80}\n width={64}\n containerStyle={{\n display: 'flex',\n alignItems: 'center',\n paddingBottom: '15px',\n }}\n imgStyle={{\n left: '22px',\n }}\n />\n </ErrorBoundary>\n )}\n\n <PropertySelect\n availableProperties={propertySelectValues}\n onChange={value => {\n setSelectedValue(value);\n }}\n />\n\n <ButtonsContainer>\n <Button buttonType={ButtonTypes.RPGUIButton} onClick={handleCancel}>\n Cancel\n </Button>\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n onClick={handleConfirm}\n disabled={!selectedValue}\n >\n Confirm\n </Button>\n </ButtonsContainer>\n </Container>\n );\n};\n\n// Styled components\n\nconst Container = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n image-rendering: pixelated;\n`;\n\nconst ButtonsContainer = styled.div`\n display: flex;\n justify-content: center;\n gap: 0.8rem;\n width: 100%;\n margin: 3rem 0 0.75rem;\n\n button {\n min-width: 95px;\n font-size: 0.9rem;\n }\n`;\n","import dayjs from 'dayjs';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { ErrorBoundary } from 'react-error-boundary';\nimport { FaTimes } from 'react-icons/fa';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { ChatMessage } from '../ChatRevamp/types';\n\nexport interface IStyles {\n textColor?: string;\n buttonColor?: string;\n buttonBackgroundColor?: string;\n width?: string;\n height?: string;\n}\n\nexport interface IEmitter {\n _id: string;\n name: string;\n}\n\nexport interface IChatProps {\n chatMessages: ChatMessage[];\n onSendChatMessage: (message: string) => void;\n onCloseButton: () => void;\n onFocus?: () => void;\n onBlur?: () => void;\n opacity?: number;\n sendMessage: boolean;\n styles?: IStyles;\n isExpanded: boolean;\n}\n\nexport const Chat: React.FC<IChatProps> = ({\n chatMessages,\n onSendChatMessage,\n onCloseButton,\n onFocus,\n onBlur,\n styles = {\n textColor: '#ff6600',\n buttonColor: '#ff6600',\n buttonBackgroundColor: '#333',\n width: '100%',\n height: '100%',\n },\n isExpanded,\n}) => {\n const [message, setMessage] = useState('');\n const inputRef = useRef<HTMLInputElement>(null);\n\n useEffect(() => {\n if (isExpanded) {\n scrollChatToBottom();\n }\n inputRef.current?.focus();\n }, [chatMessages, isExpanded]);\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.FormEvent<HTMLFormElement>) => {\n event.preventDefault();\n if (!message.trim()) return;\n onSendChatMessage(message);\n setMessage('');\n };\n\n const truncateName = (name: string, maxLength: number = 10) => {\n return name.length > maxLength ? name.slice(0, maxLength) + '...' : name;\n };\n\n const formatMessage = (chatMessage: ChatMessage) => {\n const timestamp = dayjs(chatMessage.createdAt).format('HH:mm');\n const truncatedName = truncateName(chatMessage.emitter.name);\n return `${timestamp} ${truncatedName}: ${chatMessage.message}`;\n };\n\n return (\n <ChatContainer\n width={styles.width || 'auto'}\n height={styles.height || 'auto'}\n isExpanded={isExpanded}\n >\n {isExpanded && (\n <ErrorBoundary fallback={<p>Oops! Your chat has crashed.</p>}>\n <CloseButton onClick={onCloseButton}>\n <FaTimes />\n </CloseButton>\n <MessagesContainer className=\"chat-body\">\n {chatMessages.map((chatMessage, index) => (\n <Message\n color={styles.textColor || uiColors.yellow}\n key={`${chatMessage._id}_${index}`}\n >\n {formatMessage(chatMessage)}\n </Message>\n ))}\n </MessagesContainer>\n </ErrorBoundary>\n )}\n <Form onSubmit={handleSubmit} isExpanded={isExpanded}>\n <TextField\n ref={inputRef}\n value={message}\n onChange={e => setMessage(e.target.value)}\n type=\"text\"\n autoComplete=\"off\"\n onFocus={onFocus}\n onBlur={onBlur}\n onPointerDown={onFocus}\n placeholder=\"Type your message...\"\n />\n <SendButton type=\"submit\" disabled={!message.trim()}>\n ▶\n </SendButton>\n </Form>\n </ChatContainer>\n );\n};\n\ninterface IContainerProps {\n width: string;\n height: string;\n}\n\ninterface IMessageProps {\n color: string;\n}\n\nconst ChatContainer = styled.div<IContainerProps & { isExpanded: boolean }>`\n width: ${props => props.width};\n height: ${props => (props.isExpanded ? props.height : 'auto')};\n background-color: rgba(30, 30, 30, 0.3);\n display: flex;\n flex-direction: column;\n position: relative;\n border-radius: 8px;\n border: 1px solid rgba(0, 0, 0, 0.1);\n overflow: hidden;\n`;\n\nconst CloseButton = styled.button`\n position: absolute;\n top: 8px;\n right: 8px;\n background-color: transparent;\n border: none;\n color: white;\n font-size: 16px;\n cursor: pointer;\n z-index: 1;\n`;\n\nconst MessagesContainer = styled.div`\n flex-grow: 1;\n overflow-y: auto;\n padding: 12px;\n margin-bottom: 8px;\n\n scrollbar-width: thin;\n scrollbar-color: rgba(51, 51, 51, 0.4) rgba(30, 30, 30, 0.4);\n\n &::-webkit-scrollbar {\n width: 6px;\n }\n\n &::-webkit-scrollbar-track {\n background: rgba(30, 30, 30, 0.4);\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: rgba(51, 51, 51, 0.4);\n border-radius: 3px;\n }\n`;\n\nconst Message = styled.div<IMessageProps>`\n margin-bottom: 6px;\n color: ${({ color }) => color};\n font-family: 'Press Start 2P', cursive;\n font-size: 0.7rem;\n line-height: 1.4;\n word-break: break-word;\n`;\n\nconst Form = styled.form<{ isExpanded: boolean }>`\n display: flex;\n padding: 8px;\n background-color: rgba(42, 42, 42, 0.4);\n border-radius: ${props => (props.isExpanded ? '0' : '8px')};\n`;\n\nconst TextField = styled.input`\n flex-grow: 1;\n background-color: rgba(26, 26, 26, 0.6);\n color: #ff6600;\n border: 1px solid rgba(51, 51, 51, 0.6);\n border-radius: 4px;\n padding: 8px;\n margin-right: 8px;\n font-family: 'Press Start 2P', cursive;\n font-size: 0.7rem;\n height: 32px;\n transition: border-color 0.3s, background-color 0.3s;\n\n &::placeholder {\n color: rgba(255, 255, 255, 0.5);\n font-size: 0.6rem;\n }\n\n &:focus {\n outline: none;\n border-color: #ff6600;\n background-color: rgba(42, 42, 42, 0.9);\n }\n`;\n\nconst SendButton = styled.button`\n background-color: transparent;\n color: #ff6600;\n border: none;\n padding: 8px 12px;\n font-size: 14px;\n cursor: pointer;\n transition: opacity 0.3s ease;\n\n &:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n`;\n","export const uiColors = {\n lightGray: '#888',\n gray: '#4E4A4E',\n darkGray: '#3e3e3e',\n darkYellow: '#FFC857',\n yellow: '#FFFF00',\n orange: '#D27D2C',\n cardinal: '#C5283D',\n red: '#D04648',\n darkRed: '#442434',\n raisinBlack: '#191923',\n navyBlue: '#0E79B2',\n purple: '#6833A3',\n darkPurple: '#522761',\n blue: '#597DCE',\n darkBlue: '#30346D',\n brown: '#854C30',\n lightGreen: '#66cd1c',\n green: '#4CAF50',\n brownGreen: '#346524',\n white: '#fff'\n};\n","import React from 'react';\n\nexport interface IInputProps\n extends React.DetailedHTMLProps<\n React.InputHTMLAttributes<HTMLInputElement>,\n HTMLInputElement\n > {\n innerRef?: React.Ref<HTMLInputElement>;\n}\n\nexport const Input: React.FC<IInputProps> = ({ ...props }) => {\n const { innerRef, ...rest } = props;\n\n return <input {...rest} ref={props.innerRef} />;\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 { ILocalChatMessage } 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 { uiColors } from '../../constants/uiColors';\nimport { uiFonts } from '../../constants/uiFonts';\nimport { Button, ButtonTypes } from '../Button';\nimport { Input } from '../Input';\nimport { RPGUIContainer, RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';\nimport { Column } from '../shared/Column';\n\ninterface IEmitter {\n _id: string;\n name: string;\n}\nexport interface IChatDeprecatedProps {\n chatMessages: ILocalChatMessage[];\n onSendChatMessage: (message: string) => void;\n onCloseButton: () => void;\n onFocus?: () => void;\n onBlur?: () => void;\n opacity?: number;\n width?: string;\n height?: string;\n}\n\nexport const ChatDeprecated: React.FC<IChatDeprecatedProps> = ({\n chatMessages,\n onSendChatMessage,\n opacity = 1,\n width = '100%',\n height = '250px',\n onCloseButton,\n onFocus,\n onBlur,\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: ILocalChatMessage[]) => {\n return chatMessages?.length ? (\n chatMessages?.map(({ _id, createdAt, emitter, message }, index) => (\n <MessageText key={`${_id}_${index}`}>\n {onRenderMessageLines(emitter, createdAt as string, 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 onPointerDown={onCloseButton}>X</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 onFocus={onFocus}\n onBlur={onBlur}\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: ${uiColors.darkGray} !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: ${uiFonts.size.xsmall} !important;\n overflow-y: auto;\n margin: 0;\n`;\n","import React, { useEffect, useRef, useState } from 'react';\nimport { RxMagnifyingGlass } from 'react-icons/rx';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { uiFonts } from '../../constants/uiFonts';\nimport { IStyles } from '../Chat/Chat';\nimport { Column } from '../shared/Column';\nimport { Ellipsis } from '../shared/Ellipsis';\nimport { PrivateChatCharacter } from './types';\n\ninterface ISearchCharacterProps {\n onFocus?: () => void;\n onBlur?: () => void;\n onChangeCharacterName: (characterName: string) => void;\n styles?: IStyles;\n recentCharacters?: PrivateChatCharacter[];\n onCharacterClick?: (character: PrivateChatCharacter) => void;\n hideSearchCharacterUI: () => void;\n}\n\nexport const SearchCharacter = ({\n onChangeCharacterName,\n onBlur,\n onFocus,\n recentCharacters,\n hideSearchCharacterUI,\n onCharacterClick,\n styles = {\n textColor: '#c65102',\n buttonColor: '#005b96',\n buttonBackgroundColor: 'rgba(0,0,0,.2)',\n width: '80%',\n height: 'auto',\n },\n}: ISearchCharacterProps) => {\n const [characterName, setCharacterName] = useState('');\n const searchCharacterRef = useRef<HTMLInputElement>(null);\n\n useEffect(() => {\n const timer = setTimeout(() => {\n if (searchCharacterRef.current) {\n searchCharacterRef.current.focus();\n }\n }, 100);\n\n return () => clearTimeout(timer);\n }, []);\n\n const handleSubmit = (event: React.SyntheticEvent<HTMLFormElement>) => {\n event.preventDefault();\n if (!characterName || characterName.trim() === '') return;\n onChangeCharacterName(characterName);\n };\n\n const handleCharacterClick = (character: PrivateChatCharacter) => {\n if (!onCharacterClick) return;\n setCharacterName('');\n onCharacterClick(character);\n hideSearchCharacterUI();\n };\n\n return (\n <SearchContainer>\n <Form onSubmit={handleSubmit}>\n <Column flex={70}>\n <TextField\n value={characterName}\n ref={searchCharacterRef}\n id=\"characterName\"\n name=\"characterName\"\n onChange={e => {\n setCharacterName(e.target.value);\n onChangeCharacterName(e.target.value);\n }}\n placeholder=\"Search for a character...\"\n height={20}\n type=\"text\"\n autoComplete=\"off\"\n onFocus={onFocus}\n onBlur={onBlur}\n onPointerDown={onFocus}\n />\n </Column>\n <Column justifyContent=\"flex-end\">\n <SearchButton\n type=\"submit\"\n buttonColor={styles?.buttonColor || '#005b96'}\n buttonBackgroundColor={\n styles?.buttonBackgroundColor || 'rgba(0,0,0,.5)'\n }\n id=\"chat-send-button\"\n style={{ borderRadius: '20%' }}\n >\n <RxMagnifyingGlass size={15} />\n </SearchButton>\n </Column>\n </Form>\n\n {recentCharacters && recentCharacters.length > 0 && (\n <ListContainer>\n {recentCharacters.map(character => (\n <ListElement\n onPointerDown={() => handleCharacterClick(character)}\n key={character._id}\n >\n <Ellipsis maxWidth=\"150px\" maxLines={1}>\n {character.name}\n </Ellipsis>\n </ListElement>\n ))}\n </ListContainer>\n )}\n </SearchContainer>\n );\n};\n\ninterface IButtonProps {\n buttonColor: string;\n buttonBackgroundColor: string;\n}\n\nconst SearchContainer = styled.div`\n width: 100%;\n`;\n\nconst Form = styled.form`\n display: flex;\n width: 100%;\n justify-content: center;\n align-items: center;\n`;\n\nconst TextField = styled.input`\n width: 100%;\n background-color: rgba(0, 0, 0, 0.25) !important;\n border: none !important;\n max-height: 28px !important;\n`;\n\nconst SearchButton = styled.button<IButtonProps>`\n color: ${({ buttonColor }) => buttonColor};\n background-color: ${({ buttonBackgroundColor }) => buttonBackgroundColor};\n width: 28px;\n height: 28px;\n border: none !important;\n`;\n\nconst ListContainer = styled.ul`\n border: none;\n overflow-y: scroll;\n list-style: none;\n padding: 0;\n`;\n\nconst ListElement = styled.li`\n margin: 0.5rem 0 !important;\n font-size: ${uiFonts.size.small};\n padding: 0.5rem 2px;\n\n &:hover {\n color: #ff0;\n background-color: ${uiColors.darkGray};\n }\n\n button {\n all: unset;\n }\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { Chat, IStyles } from '../Chat/Chat';\nimport { SearchCharacter } from './SearchCharacter';\nimport { ChatMessage, PrivateChatCharacter } from './types';\n\ninterface ChatContentProps {\n isPrivate: boolean;\n isTrade: boolean;\n isGlobal: boolean;\n searchCharacterUI: boolean;\n chatMessages: ChatMessage[];\n onSendGlobalChatMessage: (message: string) => void;\n onSendLocalChatMessage: (message: string) => void;\n onSendPrivateChatMessage: (message: string) => void;\n onSendTradeMessage: (message: string) => void;\n onCloseButton: () => void;\n styles?: IStyles;\n onFocus?: () => void;\n onBlur?: () => void;\n isExpanded: boolean;\n autoCloseOnSend: boolean;\n onChangeCharacterName: (characterName: string) => void;\n privateChatCharacters?: PrivateChatCharacter[];\n hideSearchCharacterUI: () => void;\n onCharacterClick?: (character: PrivateChatCharacter) => void;\n isGuild: boolean;\n onSendGuildChatMessage: (message: string) => void;\n}\n\nexport const ChatContent: React.FC<ChatContentProps> = ({\n isPrivate,\n isTrade,\n isGlobal,\n searchCharacterUI,\n chatMessages,\n onSendLocalChatMessage,\n onSendGlobalChatMessage,\n onSendPrivateChatMessage,\n onSendTradeMessage,\n onCloseButton,\n styles,\n onFocus,\n onBlur,\n isExpanded,\n autoCloseOnSend,\n onChangeCharacterName,\n privateChatCharacters,\n hideSearchCharacterUI,\n onCharacterClick,\n isGuild,\n onSendGuildChatMessage,\n}) => {\n const handleSendMessage = (message: string) => {\n if (autoCloseOnSend) {\n onCloseButton();\n }\n\n if (isPrivate) {\n onSendPrivateChatMessage(message);\n } else if (isTrade) {\n onSendTradeMessage(message);\n } else if (isGuild) {\n onSendGuildChatMessage(message);\n } else if (isGlobal) {\n onSendGlobalChatMessage(message);\n } else {\n onSendLocalChatMessage(message);\n }\n };\n\n if (isPrivate && searchCharacterUI) {\n return (\n <SearchCharacter\n onFocus={onFocus}\n onBlur={onBlur}\n onChangeCharacterName={onChangeCharacterName}\n styles={styles}\n recentCharacters={privateChatCharacters}\n hideSearchCharacterUI={hideSearchCharacterUI}\n onCharacterClick={onCharacterClick}\n />\n );\n }\n\n return (\n <ChatWrapper>\n <Chat\n chatMessages={chatMessages}\n onSendChatMessage={handleSendMessage}\n sendMessage={true}\n onCloseButton={onCloseButton}\n styles={styles}\n onFocus={onFocus}\n onBlur={onBlur}\n isExpanded={isExpanded}\n />\n </ChatWrapper>\n );\n};\n\nconst ChatWrapper = styled.div`\n flex-grow: 1;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n position: relative;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\n\ninterface ChatTabsProps {\n tabs: { label: string; id: string }[];\n activeTab: string;\n onChangeTab: (tabId: string) => void;\n}\n\nexport const ChatTabs: React.FC<ChatTabsProps> = ({\n tabs,\n activeTab,\n onChangeTab,\n}) => (\n <TabContainer>\n {tabs.map((tab, index) => (\n <Tab\n key={`${tab.label}_${index}`}\n active={tab.id === activeTab}\n onPointerDown={() => onChangeTab(tab.id)}\n >\n {tab.label}\n </Tab>\n ))}\n </TabContainer>\n);\n\nconst TabContainer = styled.div`\n display: flex;\n gap: 10px;\n align-items: center;\n flex-grow: 1;\n`;\n\nconst Tab = styled.button<{ active: boolean }>`\n width: 120px;\n color: white;\n font-size: 0.8rem;\n all: unset;\n padding: 0.6rem;\n font-size: 0.8rem;\n border-radius: 5px 5px 0 0;\n border-width: 0.25rem 0.25rem 0 0.25rem;\n border-style: solid;\n border-color: ${props =>\n props.active ? 'rgba(198, 81, 2, 0.5)' : 'rgba(128, 128, 128, 0.5)'};\n background-color: ${props =>\n props.active ? uiColors.orange : 'rgba(0, 0, 0, 0.2)'};\n color: ${props => (props.active ? 'white' : uiColors.darkGray)};\n`;\n","import React from 'react';\nimport { IoMdContract, IoMdExpand } from 'react-icons/io';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\n\ninterface ExpandButtonProps {\n isExpanded: boolean;\n onClick: () => void;\n}\n\nexport const ExpandButton: React.FC<ExpandButtonProps> = ({\n isExpanded,\n onClick,\n}) => (\n <StyledExpandButton isExpanded={isExpanded} onClick={onClick}>\n {isExpanded ? <IoMdContract size={20} /> : <IoMdExpand size={20} />}\n </StyledExpandButton>\n);\n\nconst StyledExpandButton = styled.button<{ isExpanded: boolean }>`\n position: absolute;\n top: 0;\n ${({ isExpanded }) => (isExpanded ? 'right: 0' : 'left: 0.5rem')};\n width: 30px;\n height: 30px;\n background-color: ${uiColors.orange};\n color: white;\n border: none;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n transition: all 0.3s ease;\n z-index: 10;\n\n &:hover {\n background-color: ${uiColors.orange};\n }\n`;\n","import React from 'react';\nimport { RxCross2, RxMagnifyingGlass } from 'react-icons/rx';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { uiFonts } from '../../constants/uiFonts';\nimport { Ellipsis } from '../shared/Ellipsis';\nimport { PrivateChatCharacter } from './types';\n\ninterface IRecentChatsProps {\n showRecentChats: boolean;\n toggleRecentChats: () => void;\n hasUnseenMessages: boolean;\n showSearchCharacterUI: () => void;\n recentChatCharacters?: PrivateChatCharacter[];\n recentSelectedChatCharacterId?: string;\n unseenMessageCharacterIds?: string[];\n onPreviousChatCharacterClick: (character: PrivateChatCharacter) => void;\n onRemoveRecentChatCharacter?: (character: PrivateChatCharacter) => void;\n isPrivate: boolean;\n hideSearchCharacterUI: () => void; // Add this line\n}\n\nexport const RecentChats: React.FC<IRecentChatsProps> = ({\n showRecentChats,\n toggleRecentChats,\n hasUnseenMessages,\n showSearchCharacterUI,\n recentChatCharacters,\n recentSelectedChatCharacterId,\n unseenMessageCharacterIds,\n onPreviousChatCharacterClick,\n onRemoveRecentChatCharacter,\n isPrivate,\n hideSearchCharacterUI, // Add this line\n}) => {\n const handlePreviousChatCharacterClick = (\n character: PrivateChatCharacter\n ) => {\n onPreviousChatCharacterClick(character);\n hideSearchCharacterUI(); // Call hideSearchCharacterUI here\n };\n\n return (\n <RecentChatTabContainer isOpen={showRecentChats} isPrivate={isPrivate}>\n <RecentChatTopBar>\n <BurgerIconContainer\n onPointerDown={toggleRecentChats}\n hasUnseenMessages={hasUnseenMessages}\n >\n <BurgerLineIcon />\n <BurgerLineIcon />\n <BurgerLineIcon />\n </BurgerIconContainer>\n {showRecentChats && (\n <SearchButton onPointerDown={showSearchCharacterUI}>\n <RxMagnifyingGlass size={16} color={uiColors.white} />\n </SearchButton>\n )}\n </RecentChatTopBar>\n <RecentChatLogContainer isOpen={showRecentChats}>\n {recentChatCharacters?.map(character => (\n <ListElementContainer key={character._id}>\n <ListElement\n active={character._id === recentSelectedChatCharacterId}\n onPointerDown={() => handlePreviousChatCharacterClick(character)}\n >\n <StatusDot\n isUnseen={\n unseenMessageCharacterIds?.includes(character._id) ?? false\n }\n />\n <Ellipsis maxWidth=\"140px\" maxLines={1}>\n {character.name}\n </Ellipsis>\n </ListElement>\n <CloseButton\n className=\"close-button\"\n onPointerDown={() => onRemoveRecentChatCharacter?.(character)}\n >\n <RxCross2 size={16} />\n </CloseButton>\n </ListElementContainer>\n ))}\n </RecentChatLogContainer>\n </RecentChatTabContainer>\n );\n};\n\nconst RecentChatTabContainer = styled.div<{\n isPrivate: boolean;\n isOpen: boolean;\n}>`\n display: ${props => (props.isPrivate ? 'flex' : 'none')};\n flex-direction: column;\n border-right: 1px solid ${uiColors.gray};\n outline: none;\n width: ${props => (props.isOpen ? '25%' : '30px')};\n max-width: 200px;\n min-width: ${props => (props.isOpen ? '180px' : '30px')};\n transition: all 0.3s ease-in-out;\n overflow: hidden;\n height: 100%;\n @media (max-width: 768px) {\n width: ${props => (props.isOpen ? '50%' : '30px')};\n min-width: ${props => (props.isOpen ? '150px' : '30px')};\n }\n`;\n\nconst RecentChatTopBar = styled.div`\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 30px;\n flex-shrink: 0;\n`;\n\nconst SearchButton = styled.button`\n border: none;\n background-color: transparent;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: 2px;\n padding: 4px;\n position: relative;\n`;\n\nconst BurgerIconContainer = styled.button<{ hasUnseenMessages: boolean }>`\n border: none;\n background-color: transparent;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n padding: 4px;\n gap: 2px;\n position: relative;\n\n &:after {\n content: '';\n width: 6px;\n height: 6px;\n position: absolute;\n top: 0;\n right: 2px;\n border-radius: 50%;\n background-color: ${uiColors.lightGreen};\n display: ${props => (props.hasUnseenMessages ? 'block' : 'none')};\n }\n`;\n\nconst BurgerLineIcon = styled.span`\n width: 1rem;\n height: 2px;\n background-color: #ffffff;\n`;\n\nconst RecentChatLogContainer = styled.div<{ isOpen: boolean }>`\n display: ${props => (props.isOpen ? 'flex' : 'none')};\n opacity: ${props => (props.isOpen ? 1 : 0)};\n flex-direction: column;\n gap: 0.25rem; // Reduce this from 0.5rem to 0.25rem\n transition: opacity 0.3s ease-in-out;\n padding: 0;\n margin: 0;\n overflow-y: auto;\n flex-grow: 1;\n height: 0;\n\n /* Firefox */\n scrollbar-width: thin;\n scrollbar-color: rgba(51, 51, 51, 0.4) rgba(30, 30, 30, 0.4);\n\n /* WebKit and Chromium-based browsers */\n &::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n }\n\n &::-webkit-scrollbar-track {\n background: rgba(30, 30, 30, 0.2);\n border-radius: 4px;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: rgba(255, 102, 0, 0.5);\n border-radius: 4px;\n border: 2px solid rgba(30, 30, 30, 0.2);\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background-color: rgba(255, 102, 0, 0.7);\n }\n`;\n\nconst ListElementContainer = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 2px 0; // Add small vertical padding\n`;\n\nconst ListElement = styled.button<{ active: boolean }>`\n margin: 0 !important; // Remove vertical margins\n font-size: ${uiFonts.size.small} !important;\n padding: 2px;\n all: unset;\n color: ${props => (props.active ? uiColors.yellow : uiColors.white)};\n width: 100%;\n position: relative;\n display: flex;\n align-items: center;\n gap: 4px;\n\n &:hover {\n color: #ff0;\n }\n max-width: calc(100% - 24px);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n`;\n\nconst StatusDot = styled.span<{ isUnseen: boolean }>`\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background-color: ${props =>\n props.isUnseen ? uiColors.lightGreen : uiColors.gray};\n display: inline-block;\n margin-right: 6px;\n`;\n\nconst CloseButton = styled.button`\n all: unset;\n font-size: ${uiFonts.size.xxsmall};\n margin: 0 0.5rem;\n transition: all 0.2s ease-in-out;\n background-color: ${uiColors.red};\n color: ${uiColors.white};\n width: 16px;\n height: 16px;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n &:hover {\n background-color: ${uiColors.white};\n color: ${uiColors.red};\n }\n`;\n","import React from 'react';\nimport { FaDiscord, FaWhatsapp } from 'react-icons/fa';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { useChat } from '../../hooks/useChat';\nimport { Chat } from '../Chat/Chat';\nimport { ChatContent } from './ChatContent';\nimport { ChatTabs } from './ChatTabs';\nimport { ExpandButton } from './ExpandButton';\nimport { RecentChats } from './RecentChats';\nimport { IChatRevampProps } from './types';\n\ninterface ITopBarProps {\n isExpanded: boolean;\n}\n\ninterface IAllChatsContainerProps {\n width: string;\n height: string;\n isExpanded: boolean;\n}\n\ninterface IChatContentWrapperProps {\n isPrivate: boolean;\n}\n\nexport const ChatRevamp: React.FC<IChatRevampProps> = ({\n chatMessages,\n onSendGlobalChatMessage,\n onSendGuildChatMessage,\n onChangeCharacterName,\n onFocus,\n onBlur,\n onCloseButton,\n styles,\n tabs,\n onChangeTab,\n activeTab = 'global',\n privateChatCharacters,\n onCharacterClick,\n onSendPrivateChatMessage,\n recentChatCharacters,\n recentSelectedChatCharacterId,\n onPreviousChatCharacterClick,\n onRemoveRecentChatCharacter,\n unseenMessageCharacterIds,\n onSendTradeMessage,\n searchCharacterUI = false,\n hideSearchCharacterUI = () => {},\n showSearchCharacterUI = () => {},\n minimizedByDefault = false,\n autoCloseOnSend,\n onSendLocalChatMessage,\n onDiscordClick,\n onWhatsAppClick,\n}: IChatRevampProps) => {\n const isPrivate = activeTab === 'private';\n const isTrade = activeTab === 'trade';\n const isGuild = activeTab === 'guild';\n const isGlobal = activeTab === 'global';\n const chatHook = useChat({\n minimizedByDefault,\n isPrivate,\n onChangeTab,\n onPreviousChatCharacterClick,\n unseenMessageCharacterIds,\n });\n\n const handleDiscordClick = (e: React.MouseEvent) => {\n e.preventDefault();\n onDiscordClick?.();\n };\n\n const handleWhatsAppClick = (e: React.MouseEvent) => {\n e.preventDefault();\n onWhatsAppClick?.();\n };\n\n return (\n <ChatRevampContainer>\n <TopBar isExpanded={chatHook.isExpanded}>\n {chatHook.isExpanded && (\n <>\n <ChatTabs\n tabs={tabs}\n activeTab={activeTab}\n onChangeTab={chatHook.handleTabChange}\n />\n <SocialButtons>\n <SocialButton onClick={handleDiscordClick}>\n <FaDiscord />\n </SocialButton>\n <SocialButton onClick={handleWhatsAppClick}>\n <FaWhatsapp />\n </SocialButton>\n </SocialButtons>\n </>\n )}\n <ExpandButton\n isExpanded={chatHook.isExpanded}\n onClick={chatHook.toggleExpand}\n />\n </TopBar>\n <AllChatsContainer\n width={styles?.width || '80%'}\n height={styles?.height || 'auto'}\n isExpanded={chatHook.isExpanded}\n >\n {chatHook.isExpanded ? (\n <ExpandedChatContent>\n {isPrivate && (\n <RecentChats\n showRecentChats={chatHook.showRecentChats}\n toggleRecentChats={chatHook.toggleRecentChats}\n hasUnseenMessages={!!chatHook.hasUnseenMessages}\n showSearchCharacterUI={showSearchCharacterUI}\n recentChatCharacters={recentChatCharacters}\n recentSelectedChatCharacterId={recentSelectedChatCharacterId}\n unseenMessageCharacterIds={unseenMessageCharacterIds}\n onPreviousChatCharacterClick={\n chatHook.handlePreviousChatCharacterClick\n }\n onRemoveRecentChatCharacter={onRemoveRecentChatCharacter}\n isPrivate={isPrivate}\n hideSearchCharacterUI={hideSearchCharacterUI}\n />\n )}\n <ChatContentWrapper isPrivate={isPrivate}>\n <ChatContent\n isPrivate={isPrivate}\n isTrade={isTrade}\n isGuild={isGuild}\n isGlobal={isGlobal}\n searchCharacterUI={searchCharacterUI}\n chatMessages={chatMessages}\n onSendGlobalChatMessage={onSendGlobalChatMessage}\n onSendPrivateChatMessage={onSendPrivateChatMessage}\n onSendTradeMessage={onSendTradeMessage}\n onSendGuildChatMessage={onSendGuildChatMessage}\n onSendLocalChatMessage={onSendLocalChatMessage}\n onCloseButton={onCloseButton}\n styles={styles}\n onFocus={onFocus}\n onBlur={onBlur}\n isExpanded={chatHook.isExpanded}\n autoCloseOnSend={autoCloseOnSend || false}\n onChangeCharacterName={onChangeCharacterName}\n privateChatCharacters={privateChatCharacters}\n hideSearchCharacterUI={hideSearchCharacterUI}\n onCharacterClick={onCharacterClick}\n />\n </ChatContentWrapper>\n </ExpandedChatContent>\n ) : (\n <CollapsedChatInput>\n <Chat\n chatMessages={[]}\n onSendChatMessage={onSendLocalChatMessage}\n sendMessage={true}\n onCloseButton={onCloseButton}\n styles={styles}\n onFocus={onFocus}\n onBlur={onBlur}\n isExpanded={false}\n />\n </CollapsedChatInput>\n )}\n </AllChatsContainer>\n </ChatRevampContainer>\n );\n};\n\nconst ChatRevampContainer = styled.div`\n display: flex;\n flex-direction: column;\n width: 100%;\n position: relative;\n`;\n\nconst TopBar = styled.div<ITopBarProps>`\n display: flex;\n align-items: center;\n justify-content: space-between;\n min-height: ${({ isExpanded }) => (isExpanded ? 'auto' : '32px')};\n padding: 0 8px;\n`;\n\nconst AllChatsContainer = styled.div<IAllChatsContainerProps>`\n width: ${({ width }) => width};\n height: ${({ height, isExpanded }) => (isExpanded ? height : 'auto')};\n padding: 10px;\n background-color: rgba(0, 0, 0, 0.2);\n display: flex;\n gap: 10px;\n flex-wrap: wrap;\n`;\n\nconst ChatContentWrapper = styled.div<IChatContentWrapperProps>`\n flex-grow: 1;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n position: relative;\n width: ${({ isPrivate }) => (isPrivate ? '75%' : '100%')};\n`;\n\nconst CollapsedChatInput = styled.div`\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n`;\n\nconst ExpandedChatContent = styled.div`\n display: flex;\n width: 100%;\n height: 100%;\n`;\n\nconst SocialButtons = styled.div`\n display: flex;\n gap: 8px;\n margin-right: 42px;\n`;\n\nconst SocialButton = styled.button`\n background-color: transparent;\n border: none;\n color: white;\n font-size: 20px;\n cursor: pointer;\n transition: color 0.3s ease;\n padding: 4px;\n margin-bottom: 4px;\n\n &:hover {\n color: ${uiColors.yellow};\n }\n`;\n","import React, { useState } from 'react';\n\nexport interface ICheckItemProps {\n label?: string;\n defaultValue?: boolean;\n onChange: (label: string | undefined, selected: boolean) => void;\n}\n\nexport const CheckItem: React.FC<ICheckItemProps> = ({\n label,\n defaultValue = false,\n onChange,\n}) => {\n const [checked, setChecked] = useState(defaultValue);\n\n const handleClick = () => {\n const newCheckedState = !checked;\n setChecked(newCheckedState);\n onChange(label, newCheckedState);\n };\n\n return (\n <div onPointerDown={handleClick}>\n <input\n className=\"rpgui-checkbox\"\n type=\"checkbox\"\n checked={checked}\n readOnly\n />\n <label>{label}</label>\n <br />\n </div>\n );\n};\n","import styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\n\nexport const SingleShortcut = styled.button`\n width: 3rem;\n height: 3rem;\n background-color: ${uiColors.lightGray};\n border: 2px solid ${uiColors.darkGray};\n border-radius: 50%;\n text-transform: uppercase;\n font-size: 0.7rem;\n font-weight: bold;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n\n span {\n pointer-events: none;\n }\n\n .mana {\n position: absolute;\n top: -5px;\n right: 0;\n font-size: 0.65rem;\n color: ${uiColors.blue};\n }\n\n .qty {\n position: absolute;\n top: -5px;\n right: 0;\n font-size: 0.65rem;\n }\n\n .magicWords {\n margin-top: 4px;\n }\n\n .keyboard {\n position: absolute;\n bottom: -5px;\n left: 0;\n font-size: 0.65rem;\n color: ${uiColors.yellow};\n }\n\n .onCooldown {\n color: ${uiColors.gray};\n }\n\n .cooldown {\n position: absolute;\n z-index: 1;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border-radius: inherit;\n background-color: rgba(0 0 0 / 60%);\n font-size: 0.7rem;\n display: flex;\n align-items: center;\n justify-content: center;\n color: ${uiColors.darkYellow};\n }\n\n &:hover,\n &:focus {\n background-color: ${uiColors.darkGray};\n }\n\n &:active {\n background-color: ${uiColors.gray};\n border-color: ${uiColors.yellow};\n }\n\n &:disabled {\n opacity: 0.5;\n }\n`;\n","import { useEffect, useRef, useState } from 'react';\n\nexport const useShortcutCooldown = (\n onShortcutCast: (index: number) => void\n) => {\n const [shortcutCooldown, setShortcutCooldown] = useState(0);\n const cooldownTimeout = useRef<NodeJS.Timeout | null>(null);\n\n const handleShortcutCast = (index: number) => {\n if (shortcutCooldown <= 0) setShortcutCooldown(1.5);\n onShortcutCast(index);\n };\n\n useEffect(() => {\n if (cooldownTimeout.current) clearTimeout(cooldownTimeout.current);\n\n if (shortcutCooldown > 0) {\n cooldownTimeout.current = setTimeout(() => {\n setShortcutCooldown(shortcutCooldown - 0.1);\n }, 100);\n }\n }, [shortcutCooldown]);\n\n return { shortcutCooldown, handleShortcutCast };\n};\n","import {\n getItemTextureKeyPath,\n IItem,\n IItemContainer,\n IRawSpell,\n IShortcut,\n ShortcutType,\n} from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { SpriteFromAtlas } from '../shared/SpriteFromAtlas';\nimport { SingleShortcut } from '../Shortcuts/SingleShortcut';\nimport { useShortcutCooldown } from '../Shortcuts/useShortcutCooldown';\n\nexport type CircularControllerProps = {\n onActionClick: () => void;\n onCancelClick: () => void;\n onShortcutClick: (index: number) => void;\n mana: number;\n shortcuts: IShortcut[];\n inventory?: IItemContainer | null;\n atlasIMG: any;\n atlasJSON: any;\n spellCooldowns?: Record<string, number>;\n};\n\nexport const CircularController: React.FC<CircularControllerProps> = ({\n onActionClick,\n onCancelClick,\n onShortcutClick,\n mana,\n shortcuts,\n inventory,\n atlasIMG,\n atlasJSON,\n spellCooldowns,\n}) => {\n const { handleShortcutCast, shortcutCooldown } = useShortcutCooldown(\n onShortcutClick\n );\n\n const onTouchStart = (e: React.TouchEvent<HTMLButtonElement>) => {\n const target = e.target as HTMLButtonElement;\n target?.classList.add('active');\n };\n\n const onTouchEnd = (\n action: () => void,\n e: React.TouchEvent<HTMLButtonElement>\n ) => {\n const target = e.target as HTMLButtonElement;\n setTimeout(() => {\n target?.classList.remove('active');\n }, 100);\n action();\n };\n\n const renderShortcut = (i: number) => {\n const buildClassName = (classBase: string, isOnCooldown: boolean) => {\n return `${classBase} ${isOnCooldown ? 'onCooldown' : ''}`;\n };\n\n let variant = '';\n\n if (i === 0) variant = 'top';\n else if (i >= 3) variant = `bottom-${i - 3}`;\n\n const onShortcutClickBinded =\n shortcuts[i]?.type !== ShortcutType.None\n ? handleShortcutCast.bind(null, i)\n : () => {};\n\n const isOnShortcutCooldown = shortcutCooldown > 0;\n\n if (shortcuts[i]?.type === ShortcutType.Item) {\n const payload = shortcuts[i]?.payload as IItem | undefined;\n\n let itemsFromEquipment: (IItem | undefined | null)[] = [];\n\n if (inventory) {\n Object.keys(inventory.slots).forEach(i => {\n const index = parseInt(i);\n\n if (inventory.slots[index]?.key === payload?.key) {\n itemsFromEquipment.push(inventory.slots[index]);\n }\n });\n }\n\n const totalQty = itemsFromEquipment.reduce(\n (acc, item) => acc + (item?.stackQty || 1),\n 0\n );\n\n return (\n <StyledShortcut\n key={i}\n onTouchStart={onTouchStart}\n onTouchEnd={onTouchEnd.bind(null, onShortcutClickBinded)}\n disabled={false}\n className={variant}\n >\n {isOnShortcutCooldown && (\n <span className=\"cooldown\">{shortcutCooldown.toFixed(1)}</span>\n )}\n {payload && (\n <SpriteFromAtlas\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n spriteKey={getItemTextureKeyPath(\n {\n key: payload.texturePath,\n texturePath: payload.texturePath,\n stackQty: payload.stackQty || 1,\n isStackable: payload.isStackable,\n },\n atlasJSON\n )}\n width={32}\n height={32}\n imgScale={1.4}\n imgStyle={{ left: '4px' }}\n containerStyle={{ pointerEvents: 'none' }}\n />\n )}\n <span className={buildClassName('qty', isOnShortcutCooldown)}>\n {totalQty}\n </span>\n </StyledShortcut>\n );\n }\n\n const payload = shortcuts[i]?.payload as IRawSpell | undefined;\n\n const spellCooldown = !payload\n ? 0\n : spellCooldowns?.[payload.magicWords.replaceAll(' ', '_')] ??\n shortcutCooldown;\n const cooldown =\n spellCooldown > shortcutCooldown ? spellCooldown : shortcutCooldown;\n const isOnCooldown = cooldown > 0 && !!payload;\n\n const CONTAINER_STYLE = { width: '32px', height: '32px' };\n const IMAGE_SCALE = 1.5;\n\n return (\n <StyledShortcut\n key={i}\n onTouchStart={onTouchStart}\n onTouchEnd={onTouchEnd.bind(null, onShortcutClickBinded)}\n disabled={mana < (payload?.manaCost ?? 0)}\n className={variant}\n >\n {isOnCooldown && (\n <span className=\"cooldown\">\n {cooldown.toFixed(cooldown < 10 ? 1 : 0)}\n </span>\n )}\n <span className={buildClassName('mana', isOnCooldown)}>\n {payload && payload.manaCost}\n </span>\n <span className=\"magicWords\">\n {payload?.texturePath ? (\n <SpriteFromAtlas\n atlasIMG={payload.atlasIMG}\n atlasJSON={payload.atlasJSON}\n spriteKey={payload.texturePath}\n imgScale={IMAGE_SCALE}\n containerStyle={CONTAINER_STYLE}\n centered={true}\n borderRadius=\"50%\"\n />\n ) : (\n payload?.magicWords.split(' ').map(word => word[0])\n )}\n </span>\n </StyledShortcut>\n );\n };\n\n return (\n <ButtonsContainer>\n <ShortcutsContainer>\n {Array.from({ length: 12 }).map((_, i) => renderShortcut(i))}\n </ShortcutsContainer>\n <Button\n onTouchStart={onTouchStart}\n onTouchEnd={onTouchEnd.bind(null, onActionClick)}\n >\n <div className=\"rpgui-icon sword\" />\n </Button>\n\n <CancelButton\n onTouchStart={onTouchStart}\n onTouchEnd={onTouchEnd.bind(null, onCancelClick)}\n >\n <span>X</span>\n </CancelButton>\n </ButtonsContainer>\n );\n};\n\nconst Button = styled.button`\n width: 4.3rem;\n height: 4.3rem;\n background-color: ${uiColors.lightGray};\n border: 2px solid ${uiColors.darkGray};\n border-radius: 50%;\n text-transform: uppercase;\n font-size: 0.7rem;\n font-weight: bold;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n transition: all 0.1s;\n margin-top: -3rem;\n top: -144px;\n\n &.active {\n background-color: ${uiColors.gray};\n border-color: ${uiColors.yellow};\n }\n\n .sword {\n transform: rotate(-45deg);\n height: 2.5rem;\n width: 1.9rem;\n pointer-events: none;\n }\n`;\n\nconst CancelButton = styled(Button)`\n width: 3rem;\n height: 3rem;\n font-size: 0.8rem;\n position: relative;\n left: 2.6rem;\n\n span {\n margin-top: 4px;\n margin-left: 2px;\n pointer-events: none;\n }\n`;\n\nconst ButtonsContainer = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n\n scale: 0.9;\n`;\n\nconst ShortcutsContainer = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n flex-direction: column;\n margin-top: 3rem;\n\n .top {\n transform: translate(93%, 25%);\n }\n\n .bottom-0 {\n transform: translate(93%, -25%);\n }\n\n .bottom-1 {\n transform: translate(320%, calc(-4.5rem));\n }\n\n .bottom-2 {\n transform: translate(-13.5%, calc(-5.6rem - 25%));\n }\n\n .bottom-3 {\n transform: translate(318%, calc(-15.8rem - 25%));\n }\n\n .bottom-4 {\n transform: translate(-15%, calc(-20.2rem - 25%));\n }\n .bottom-5 {\n transform: translate(210%, calc(-15rem - 25%));\n }\n\n .bottom-6 {\n transform: translate(210%, calc(-25.7rem - 25%));\n }\n\n .bottom-7 {\n transform: translate(304%, calc(-24.9rem - 25%));\n }\n\n .bottom-8 {\n transform: translate(-101%, calc(-27.7rem - 25%));\n }\n`;\n\nconst StyledShortcut = styled(SingleShortcut)`\n width: 2.5rem;\n height: 2.5rem;\n transition: all 0.1s;\n\n .mana,\n .qty {\n font-size: 0.5rem;\n }\n\n &:hover,\n &:focus,\n &:active {\n background-color: ${uiColors.lightGray};\n }\n\n &.active {\n background-color: ${uiColors.gray};\n border-color: ${uiColors.yellow};\n }\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('pointerdown', handleClickOutside);\n return () => {\n // Unbind the event listener on clean up\n document.removeEventListener('pointerdown', handleClickOutside);\n };\n }, [ref]);\n}\n","import React, { useEffect, useRef } from 'react';\nimport Draggable from 'react-draggable';\nimport styled, { css } from 'styled-components';\nimport { uiFonts } from '../constants/uiFonts';\nimport { useOutsideClick } from '../hooks/useOutsideAlerter';\nimport { IPosition } from '../types/eventTypes';\nimport { RPGUIContainerTypes } from './RPGUI/RPGUIContainer';\n\nexport interface IDraggableContainerProps {\n children: React.ReactNode;\n width?: string;\n height?: string;\n minWidth?: string;\n minHeight?: 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 onPositionChangeEnd?: (position: IPosition) => void;\n onPositionChangeStart?: (position: IPosition) => void;\n onOutsideClick?: () => void;\n initialPosition?: IPosition;\n scale?: number;\n dragDisabled?: boolean;\n isFullScreen?: boolean;\n opacity?: number;\n}\n\nexport const DraggableContainer: React.FC<IDraggableContainerProps> = ({\n children,\n width = '50%',\n height,\n minHeight,\n minWidth,\n className,\n type = RPGUIContainerTypes.FramedGold,\n onCloseButton,\n title,\n imgSrc,\n imgWidth = '20px',\n cancelDrag,\n onPositionChange,\n onPositionChangeEnd,\n onPositionChangeStart,\n onOutsideClick,\n initialPosition = { x: 0, y: 0 },\n scale,\n dragDisabled = false,\n isFullScreen,\n opacity,\n}) => {\n const draggableRef = useRef(null);\n\n if (isFullScreen) {\n width = '100%';\n height = '100%';\n }\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,input,button,${cancelDrag}`}\n disabled={dragDisabled}\n onDrag={(_e, data) => {\n if (onPositionChange) {\n onPositionChange({\n x: data.x,\n y: data.y,\n });\n }\n }}\n onStop={(_e, data) => {\n if (onPositionChangeEnd) {\n onPositionChangeEnd({\n x: data.x,\n y: data.y,\n });\n }\n }}\n onStart={(_e, data) => {\n if (onPositionChangeStart) {\n onPositionChangeStart({\n x: data.x,\n y: data.y,\n });\n }\n }}\n defaultPosition={initialPosition}\n scale={scale}\n >\n <Container\n ref={draggableRef}\n width={width}\n height={height || 'auto'}\n minWidth={minWidth}\n minHeight={minHeight}\n className={`rpgui-container ${type} ${className}`}\n isFullScreen={isFullScreen}\n opacity={opacity}\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 onPointerDown={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 minWidth?: string;\n minHeight?: string;\n isFullScreen?: boolean;\n opacity?: number;\n}\n\nconst Container = styled.div<IContainerProps>`\n height: ${props => props.height};\n width: ${({ width }) => width};\n min-width: ${({ minWidth }) => minWidth || 'auto'};\n min-height: ${({ minHeight }) => minHeight || 'auto'};\n display: flex;\n flex-wrap: wrap;\n image-rendering: pixelated;\n\n overflow-y: hidden;\n\n ${({ opacity }) =>\n opacity &&\n css`\n opacity: ${opacity};\n `}\n\n ${({ isFullScreen }) =>\n isFullScreen &&\n css`\n justify-content: center;\n align-items: flex-start;\n align-content: flex-start;\n `}\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: 1.5rem;\n @media (max-width: 950px) {\n font-size: 1.7rem;\n padding: 12px;\n }\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 max-height: 42px;\n`;\n\nconst Title = styled.h1`\n color: white;\n z-index: 22;\n font-size: ${uiFonts.size.large};\n`;\n\ninterface ICustomIconProps {\n width: string;\n}\n\nconst Icon = styled.img<ICustomIconProps>`\n color: white;\n z-index: 22;\n font-size: ${uiFonts.size.xsmall};\n width: ${({ width }) => width};\n margin-right: 0.5rem;\n`;\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { v4 as uuidv4 } from 'uuid';\n\nexport interface IOptionsProps {\n id: number;\n value: string;\n option: string | JSX.Element;\n}\n\nexport interface IDropdownProps {\n options: IOptionsProps[];\n width?: string;\n onChange: (value: string) => void;\n opensUp?: boolean; // Add a new prop to control the dropdown direction\n}\n\nconst ITEM_HEIGHT = 35;\nconst MAX_ITEMS_VISIBLE = 10;\nconst MAX_HEIGHT = MAX_ITEMS_VISIBLE * ITEM_HEIGHT;\n\nexport const Dropdown: React.FC<IDropdownProps> = ({\n options,\n width,\n onChange,\n opensUp = false, // Default value is false\n}) => {\n const dropdownId = uuidv4();\n\n const [selectedValue, setSelectedValue] = useState<string>('');\n const [selectedOption, setSelectedOption] = useState<string | JSX.Element>(\n ''\n );\n const [opened, setOpened] = useState<boolean>(false);\n\n useEffect(() => {\n const firstOption = options[0];\n\n if (firstOption) {\n let change = !selectedValue;\n if (!change) {\n change = options.filter(o => o.value === selectedValue).length < 1;\n }\n\n if (change) {\n setSelectedValue(firstOption.value);\n setSelectedOption(firstOption.option);\n }\n }\n }, [options]);\n\n useEffect(() => {\n if (selectedValue) {\n onChange(selectedValue);\n }\n }, [selectedValue]);\n\n return (\n <Container onMouseLeave={() => setOpened(false)} width={width}>\n <DropdownSelect\n id={`dropdown-${dropdownId}`}\n className=\"rpgui-dropdown-imp rpgui-dropdown-imp-header\"\n onPointerUp={() => setOpened(prev => !prev)}\n >\n <label>▼</label> {selectedOption}\n </DropdownSelect>\n\n <DropdownOptions\n className=\"rpgui-dropdown-imp\"\n opened={opened}\n opensUp={opensUp}\n optionsCount={options.length}\n >\n {options.map(option => {\n return (\n <li\n key={option.id}\n onPointerUp={() => {\n setSelectedValue(option.value);\n setSelectedOption(option.option);\n setOpened(false);\n }}\n >\n {option.option}\n </li>\n );\n })}\n </DropdownOptions>\n </Container>\n );\n};\n\nconst Container = styled.div<{ width: string | undefined }>`\n position: relative;\n width: ${props => props.width || '100%'};\n max-height: ${MAX_HEIGHT}px;\n`;\n\nconst DropdownSelect = styled.p`\n width: 100%;\n box-sizing: border-box;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-height: ${ITEM_HEIGHT}px;\n\n label {\n display: inline-block;\n transform: translateY(-2px);\n }\n`;\n\nconst DropdownOptions = styled.ul<{\n opened: boolean;\n opensUp: boolean;\n optionsCount: number;\n}>`\n position: absolute;\n width: 100%;\n max-height: ${props =>\n props.opened\n ? `${Math.min(props.optionsCount * ITEM_HEIGHT, MAX_HEIGHT)}px`\n : '0'};\n overflow-y: auto;\n display: ${props => (props.opened ? 'block' : 'none')};\n box-sizing: border-box;\n bottom: ${props => (props.opensUp ? '100%' : 'auto')};\n top: ${props => (props.opensUp ? 'auto' : '100%')};\n margin: 0;\n padding: 0;\n\n li {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n padding: 8px 12px;\n min-height: ${ITEM_HEIGHT}px;\n max-height: ${ITEM_HEIGHT}px;\n box-sizing: border-box;\n line-height: 1.2;\n }\n`;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport styled from 'styled-components';\n\nconst modalRoot = document.getElementById('modal-root')!;\n\ninterface ModalPortalProps {\n children: React.ReactNode;\n}\n\nconst ModalPortal: React.FC<ModalPortalProps> = ({ children }) => {\n return ReactDOM.createPortal(\n <Container className=\"rpgui-content\">{children}</Container>,\n modalRoot\n );\n};\n\nconst Container = styled.div`\n position: static !important;\n`;\n\nexport default ModalPortal;\n","import {\n ActionsForEquipmentSet,\n ActionsForInventory,\n ActionsForLoot,\n ActionsForMapContainer,\n DepotSocketEvents,\n IItem,\n ItemContainerType,\n ItemSocketEvents,\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 item: IItem,\n itemContainerType: ItemContainerType | null,\n isDepotSystem?: boolean\n) => {\n let contextActionMenu: IContextMenuItem[] = [];\n\n if (itemContainerType === ItemContainerType.Inventory) {\n switch (item.type) {\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.CraftingResource:\n contextActionMenu = generateContextMenuListOptions(\n ActionsForInventory.CraftingResource\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 (isDepotSystem) {\n contextActionMenu.push({\n id: DepotSocketEvents.Deposit,\n text: 'Deposit',\n });\n }\n\n const contextActionMenuDontHaveUseWith = !contextActionMenu.find(action =>\n action.text.toLowerCase().includes('use with')\n );\n\n if (item.hasUseWith && contextActionMenuDontHaveUseWith) {\n contextActionMenu.push({\n id: ItemSocketEvents.UseWith,\n text: ItemSocketEvents.UseWith,\n });\n }\n }\n if (itemContainerType === ItemContainerType.Equipment) {\n switch (item.type) {\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 (item.type) {\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.CraftingResource:\n contextActionMenu = generateContextMenuListOptions(\n ActionsForLoot.CraftingResource\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 (item.type) {\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.CraftingResource:\n contextActionMenu = generateContextMenuListOptions(\n ActionsForMapContainer.CraftingResource\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 const contextActionMenuDontHaveUseWith = !contextActionMenu.find(action =>\n action.text.toLowerCase().includes('use with')\n );\n\n if (item.hasUseWith && contextActionMenuDontHaveUseWith) {\n contextActionMenu.push({ id: 'use-with', text: 'Use with...' });\n }\n }\n if (itemContainerType === ItemContainerType.Depot) {\n contextActionMenu = [\n {\n id: ItemSocketEvents.GetItemInfo,\n text: ItemSocketEventsDisplayLabels.GetItemInfo,\n },\n { id: DepotSocketEvents.Withdraw, text: 'Withdraw' },\n ];\n }\n\n if (item.type && item.type === ItemType.Container) {\n const existInContextAction = contextActionMenu.some(\n item => item.text === DepotSocketEvents.OpenContainer\n || item.id === ItemSocketEvents.ContainerOpen\n || item.text === 'Open'\n );\n\n if (!existInContextAction) {\n contextActionMenu.push({ id: DepotSocketEvents.OpenContainer, text: 'Open' });\n }\n\n if (itemContainerType === ItemContainerType.Inventory) {\n if (item.textureAtlas === 'items' && item.type === ItemType.Container) {\n contextActionMenu.push({\n id: ItemSocketEvents.ItemPropertyUpdate,\n text: 'Set Color...'\n });\n }\n }\n }\n\n if (item.attachedGems && item.attachedGems.length > 0) {\n contextActionMenu.push({ id: ItemSocketEvents.DetachGem, text: \"Detach Gems\" });\n }\n\n return contextActionMenu;\n};\n","import { IItem, ItemContainerType } from '@rpg-engine/shared';\nimport React, {\n createContext,\n useCallback,\n useContext,\n useMemo,\n useState,\n} from 'react';\nimport { generateContextMenu, IContextMenuItem } from '../itemContainerHelper';\n\ninterface IPosition {\n x: number;\n y: number;\n}\n\ninterface IItemSlotDetailsState {\n item: IItem | null;\n isTooltipVisible: boolean;\n isTooltipMobileVisible: boolean;\n isContextMenuVisible: boolean;\n contextMenuPosition: IPosition;\n contextActions: IContextMenuItem[];\n clearContextActions: () => void;\n clearDetailsState: () => void;\n}\n\ninterface IItemSlotDetailsContext {\n detailsState: IItemSlotDetailsState;\n updateDetailsState: (newState: Partial<IItemSlotDetailsState>) => void;\n clearDetailsState: () => void;\n setContextActions: (\n item: IItem | null,\n containerType: string | null,\n isDepotSystem: boolean,\n isContextMenuDisabled: boolean\n ) => void;\n clearContextActions: () => void;\n}\n\nconst initialDetailsState: IItemSlotDetailsState = {\n item: null,\n isTooltipVisible: false,\n isTooltipMobileVisible: false,\n isContextMenuVisible: false,\n contextMenuPosition: { x: 0, y: 0 },\n contextActions: [],\n clearContextActions: () => {},\n clearDetailsState: () => {},\n};\n\nconst ItemSlotDetailsContext = createContext<IItemSlotDetailsContext>({\n detailsState: initialDetailsState,\n updateDetailsState: () => {},\n clearDetailsState: () => {},\n setContextActions: () => {},\n clearContextActions: () => {},\n});\n\nexport const useItemSlotDetails = (): IItemSlotDetailsContext =>\n useContext(ItemSlotDetailsContext);\n\ninterface IProps {\n children: React.ReactNode;\n}\n\nexport const ItemSlotDetailsProvider: React.FC<IProps> = ({ children }) => {\n const [detailsState, setDetailsState] = useState<IItemSlotDetailsState>(\n initialDetailsState\n );\n\n const updateDetailsState = useCallback(\n (newState: Partial<IItemSlotDetailsState>): void => {\n setDetailsState(prevState => ({\n ...prevState,\n ...newState,\n }));\n },\n []\n );\n\n const clearDetailsState = useCallback(() => {\n setDetailsState(initialDetailsState);\n }, [setDetailsState]);\n\n const setContextActions = useCallback(\n (\n item: IItem | null,\n containerType: string | null,\n isDepotSystem: boolean,\n isContextMenuDisabled: boolean\n ): void => {\n if (item && containerType && !isContextMenuDisabled) {\n const newContextActions = generateContextMenu(\n item,\n containerType as ItemContainerType,\n isDepotSystem\n );\n updateDetailsState({ contextActions: newContextActions });\n } else {\n updateDetailsState({ contextActions: [] });\n }\n },\n []\n );\n\n const clearContextActions = useCallback(() => {\n updateDetailsState({ contextActions: [] });\n }, [updateDetailsState]);\n\n const contextValue = useMemo(\n () => ({\n detailsState,\n updateDetailsState,\n clearDetailsState,\n setContextActions,\n clearContextActions,\n }),\n [\n detailsState,\n updateDetailsState,\n clearDetailsState,\n setContextActions,\n clearContextActions,\n ]\n );\n\n return (\n <ItemSlotDetailsContext.Provider value={contextValue}>\n {children}\n </ItemSlotDetailsContext.Provider>\n );\n};\n","import { IItem } from '@rpg-engine/shared';\nimport React, {\n createContext,\n useCallback,\n useContext,\n useMemo,\n useState,\n} from 'react';\nimport { IPosition } from '../../../../types/eventTypes';\n\ninterface IDraggingState {\n item: IItem | null;\n isDragging: boolean;\n position: IPosition;\n dropPosition: IPosition | null;\n isFocused: boolean;\n draggingDistance: number;\n}\n\ninterface IDraggingContext {\n draggingState: IDraggingState;\n updateDraggingState: (newState: Partial<IDraggingState>) => void;\n clearDraggingState: () => void;\n}\n\nconst initialDraggingState: IDraggingState = {\n item: null,\n isDragging: false,\n position: { x: 0, y: 0 },\n dropPosition: null,\n isFocused: false,\n draggingDistance: 0,\n};\n\nconst ItemSlotDraggingContext = createContext<IDraggingContext>({\n draggingState: initialDraggingState,\n updateDraggingState: () => {},\n clearDraggingState: () => {},\n});\n\nexport const useItemSlotDragging = (): IDraggingContext =>\n useContext(ItemSlotDraggingContext);\n\ninterface IProps {\n children: React.ReactNode;\n}\n\nexport const ItemSlotDraggingProvider: React.FC<IProps> = ({ children }) => {\n const [draggingState, setDraggingState] = useState<IDraggingState>(\n initialDraggingState\n );\n\n const updateDraggingState = useCallback(\n (newState: Partial<IDraggingState>): void => {\n setDraggingState(prevState => ({\n ...prevState,\n ...newState,\n }));\n },\n []\n );\n\n const clearDraggingState = useCallback(() => {\n setDraggingState(initialDraggingState);\n }, []);\n\n const contextValue = useMemo(\n () => ({\n draggingState,\n updateDraggingState,\n clearDraggingState,\n }),\n [draggingState, updateDraggingState, clearDraggingState]\n );\n\n return (\n <ItemSlotDraggingContext.Provider value={contextValue}>\n {children}\n </ItemSlotDraggingContext.Provider>\n );\n};\n","import { IItem, ItemRarities } from '@rpg-engine/shared';\n\n\nexport const rarityColor = (item: IItem | null) => {\n switch (item?.rarity) {\n case ItemRarities.Uncommon:\n return 'rgba(13, 193, 13, 0.6)';\n case ItemRarities.Rare:\n return 'rgba(8, 104, 187, 0.6)';\n case ItemRarities.Epic:\n return 'rgba(191, 0, 255, 0.6)';\n case ItemRarities.Legendary:\n return 'rgba(255, 191, 0,0.6)';\n default:\n return null;\n }\n};\n","import { IItem } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\n\ninterface IProps {\n item: IItem;\n}\n\nexport const gemColors: { [key: string]: string } = {\n 'emerald-gem': '#50C878', // Emerald green\n 'topaz-radiance': '#FFC87C', // Topaz yellow\n 'sapphire-gem': '#0F52BA', // Sapphire blue\n 'ruby-gem': '#E0115F', // Ruby red\n 'misty-quartz-gem': '#D9D9F3', // Misty Quartz purple\n 'coral-reef-gem': '#FF7F50', // Coral reef orange\n 'jasper-gem': '#D73B3E', // Jasper red\n 'earthstone-gem': '#8B4513', // Earthstone brown\n 'obsidian-gem': '#0B0C0E', // Obsidian black\n 'amethyst-gem': '#9966CC', // Amethyst purple\n};\n\nconst defaultColor = '#FFFFFF'; // Default color (white)\n\nexport const onRenderGems = (item: IItem) => {\n const gemQty = item.attachedGems?.length || 0;\n\n if (gemQty > 0) {\n return <ItemSlotQty item={item} />;\n }\n return undefined;\n};\n\nexport const ItemSlotQty = ({ item }: IProps): JSX.Element => {\n const itemId = item._id;\n\n return (\n <ItemQtyContainer key={`qty-${itemId}`} className=\"item-slot-qty\">\n {item.attachedGems?.map((gem, index) => (\n <Gem\n key={`${itemId}-gem-${index}`}\n color={gemColors[gem.key] || defaultColor}\n />\n ))}\n </ItemQtyContainer>\n );\n};\n\nconst ItemQtyContainer = styled.div`\n position: relative;\n width: 85%;\n height: 16px;\n top: 28px;\n left: 0px;\n pointer-events: none;\n transform: scale(0.8);\n display: flex;\n align-items: center;\n justify-content: flex-start; /* Align gems to the left */\n opacity: 0.8;\n`;\n\nconst Gem = styled.div<{ color: string }>`\n width: 8px;\n height: 8px;\n background: ${({ color }) =>\n `radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.8), transparent 30%), \n linear-gradient(45deg, ${color}, ${color} 50%, rgba(255, 255, 255, 0.2))`};\n border: 1px solid black;\n transform: rotate(45deg);\n margin: 0 2px;\n box-shadow: 0 0 5px ${({ color }) => color}; /* Glow effect */\n transition: transform 0.2s, box-shadow 0.2s; /* Smooth transition for hover effect */\n\n &:hover {\n transform: rotate(45deg) scale(1.2);\n box-shadow: 0 0 10px ${({ color }) => color}; /* Enhanced glow on hover */\n }\n`;\n\nexport default ItemSlotQty;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { uiFonts } from '../../../../constants/uiFonts';\nimport { Ellipsis } from '../../../shared/Ellipsis';\n\ninterface IProps {\n itemId: string;\n stackQty: number;\n qtyClassName: string;\n}\n\nexport const onRenderStackInfo = (itemId: string, stackQty: number) => {\n const isFractionalStackQty = stackQty % 1 !== 0;\n const isLargerThan999 = stackQty > 999;\n\n let qtyClassName = 'regular';\n if (isLargerThan999) qtyClassName = 'small';\n if (isFractionalStackQty) qtyClassName = 'xsmall';\n\n if (stackQty > 1) {\n return (\n <ItemSlotQty\n itemId={itemId}\n stackQty={stackQty}\n qtyClassName={qtyClassName}\n />\n );\n }\n return undefined;\n};\n\nexport const ItemSlotQty = ({\n itemId,\n stackQty,\n qtyClassName,\n}: IProps): JSX.Element => {\n return (\n <ItemQtyContainer key={`qty-${itemId}`} className=\"item-slot-qty\">\n <Ellipsis maxLines={1} maxWidth=\"48px\">\n <ItemQty className={qtyClassName}>\n {Math.round(stackQty * 100) / 100}{' '}\n </ItemQty>\n </Ellipsis>\n </ItemQtyContainer>\n );\n};\n\nconst ItemQtyContainer = styled.div`\n position: relative;\n width: 85%;\n height: 16px;\n top: 25px;\n left: 2px;\n pointer-events: none;\n\n display: flex;\n justify-content: flex-end;\n`;\n\nconst ItemQty = styled.span`\n &.regular {\n font-size: ${uiFonts.size.small};\n }\n &.small {\n font-size: ${uiFonts.size.xsmall};\n }\n &.xsmall {\n font-size: ${uiFonts.size.xxsmall};\n }\n`;\n","import {\n getItemTextureKeyPath,\n IItem,\n ItemContainerType,\n ItemQualityLevel,\n ItemSlotType,\n} from '@rpg-engine/shared';\nimport React from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport { SpriteFromAtlas } from '../../shared/SpriteFromAtlas';\nimport { ErrorBoundary } from './ErrorBoundary';\nimport { onRenderGems } from './ItemGem';\nimport { EquipmentSlotSpriteByType } from './ItemSlot';\nimport { onRenderStackInfo } from './ItemSlotQty/ItemSlotQty';\n\ninterface IProps {\n containerType: ItemContainerType | null | undefined;\n atlasJSON: any;\n atlasIMG: any;\n slotSpriteMask: ItemSlotType | null | undefined;\n item: IItem | null;\n}\n\nexport const ItemSlotRenderer: React.FC<IProps> = ({\n containerType,\n atlasJSON,\n atlasIMG,\n slotSpriteMask,\n item,\n}) => {\n const renderStackInfo = (item: IItem) => {\n return (\n item.stackQty &&\n item.stackQty > 1 &&\n onRenderStackInfo(item._id, item.stackQty)\n );\n };\n\n const renderGems = (item: IItem) => {\n return item.attachedGems && onRenderGems(item);\n };\n\n const renderItem = (item: IItem | null) => {\n if (!item?.texturePath) {\n return null;\n }\n\n return (\n <ErrorBoundary key={item._id}>\n {item.quality && item.quality !== ItemQualityLevel.Normal && (\n <div className=\"quality-star\">★</div>\n )}\n <SpriteFromAtlas\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n spriteKey={getItemTextureKeyPath(\n {\n key: item.texturePath,\n texturePath: item.texturePath,\n stackQty: item.stackQty || 1,\n isStackable: item.isStackable,\n },\n atlasJSON\n )}\n imgScale={3}\n imgClassname=\"sprite-from-atlas-img--item\"\n tintColor={item.tintColor}\n />\n {renderStackInfo(item)}\n {renderGems(item)}\n </ErrorBoundary>\n );\n };\n\n const renderEquipment = (itemToRender: IItem | null) => {\n if (\n !itemToRender?.texturePath ||\n !itemToRender.allowedEquipSlotType?.includes(slotSpriteMask!)\n ) {\n return (\n <ErrorBoundary key={uuidv4()}>\n <SpriteFromAtlas\n key={uuidv4()}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n spriteKey={EquipmentSlotSpriteByType[slotSpriteMask!]}\n imgScale={3}\n grayScale={true}\n opacity={0.4}\n imgClassname=\"sprite-from-atlas-img--item\"\n />\n </ErrorBoundary>\n );\n }\n\n return renderItem(itemToRender);\n };\n\n const onRenderSlot = (itemToRender: IItem | null) => {\n switch (containerType) {\n case ItemContainerType.Equipment:\n return renderEquipment(itemToRender);\n default:\n return renderItem(itemToRender);\n }\n };\n\n return onRenderSlot(item);\n};\n","import {\n IEquipmentSet,\n IItem,\n IItemContainer,\n isMobile,\n ItemContainerType,\n ItemSlotType,\n ItemSubType,\n ItemType\n} from '@rpg-engine/shared';\n\nimport { observer } from 'mobx-react-lite';\nimport React, { useCallback, useEffect, useRef } from 'react';\nimport Draggable, { DraggableEventHandler } from 'react-draggable';\nimport styled from 'styled-components';\nimport useTouchTarget from '../../../hooks/useTouchTarget';\nimport { IPosition } from '../../../types/eventTypes';\nimport { useItemSlotDetails } from './context/ItemSlotDetailsContext';\nimport { useItemSlotDragging } from './context/ItemSlotDraggingContext';\nimport { qualityColorHex } from './ItemSlotQuality';\nimport { rarityColor } from './ItemSlotRarity';\nimport { ItemSlotRenderer } from './ItemSlotRenderer';\n\nexport const 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: 'ranged-weapons/arrow.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 onMouseOver?: (\n event: any,\n slotIndex: number,\n item: IItem | null,\n x: number,\n y: number\n ) => void;\n onMouseOut?: () => void;\n onPointerDown: (\n ItemType: ItemType,\n itemContainerType: ItemContainerType | null,\n item: IItem\n ) => void;\n onDragStart?: (\n item: IItem,\n slotIndex: number,\n itemContainerType: ItemContainerType | null\n ) => void;\n onDragEnd?: (quantity?: number) => void;\n onOutsideDrop?: (item: IItem, position: IPosition) => void;\n dragScale?: number;\n checkIfItemCanBeMoved?: () => boolean;\n checkIfItemShouldDragEnd?: () => boolean;\n openQuantitySelector?: (maxQuantity: number, callback: () => void) => void;\n onPlaceDrop?: (\n item: IItem | null,\n slotIndex: number,\n itemContainerType: ItemContainerType | null\n ) => void;\n atlasJSON: any;\n atlasIMG: any;\n isContextMenuDisabled?: boolean;\n isSelectingShortcut?: boolean;\n equipmentSet?: IEquipmentSet | null;\n setItemShortcut?: (item: IItem, shortcutIndex: number) => void;\n isDepotSystem?: boolean;\n}\n\ninterface IProps {\n slotIndex: number;\n item: IItem | null;\n itemContainer?: IItemContainer | null;\n itemContainerType?: ItemContainerType | null;\n slotSpriteMask?: ItemSlotType | null;\n onMouseOver?: (\n event: any,\n slotIndex: number,\n item: IItem | null,\n x: number,\n y: number\n ) => void;\n onMouseOut?: () => void;\n onPointerDown: (\n ItemType: ItemType,\n itemContainerType: ItemContainerType | null,\n item: IItem\n ) => void;\n onDragStart?: (\n item: IItem,\n slotIndex: number,\n itemContainerType: ItemContainerType | null\n ) => void;\n onDragEnd?: (quantity?: number) => void;\n onOutsideDrop?: (item: IItem, position: IPosition) => void;\n dragScale?: number;\n checkIfItemCanBeMoved?: () => boolean;\n checkIfItemShouldDragEnd?: () => boolean;\n openQuantitySelector?: (maxQuantity: number, callback: () => void) => void;\n onPlaceDrop?: (\n item: IItem | null,\n slotIndex: number,\n itemContainerType: ItemContainerType | null\n ) => void;\n atlasJSON: any;\n atlasIMG: any;\n isContextMenuDisabled?: boolean;\n isSelectingShortcut?: boolean;\n equipmentSet?: IEquipmentSet | null;\n setItemShortcut?: (item: IItem, shortcutIndex: number) => void;\n isDepotSystem?: boolean;\n}\n\nexport const ItemSlot: React.FC<IProps> = observer(\n ({\n slotIndex,\n item,\n itemContainerType: containerType,\n slotSpriteMask,\n onMouseOver,\n onMouseOut,\n onPointerDown,\n atlasJSON,\n atlasIMG,\n isContextMenuDisabled = false,\n onDragEnd,\n onDragStart,\n onPlaceDrop,\n onOutsideDrop: onDrop,\n checkIfItemCanBeMoved,\n openQuantitySelector,\n checkIfItemShouldDragEnd,\n dragScale,\n isSelectingShortcut,\n\n setItemShortcut,\n isDepotSystem,\n }) => {\n const {\n detailsState,\n updateDetailsState,\n setContextActions,\n } = useItemSlotDetails();\n\n const getTouchTarget = useTouchTarget();\n\n const {\n isContextMenuVisible,\n clearDetailsState,\n clearContextActions,\n } = detailsState;\n\n const dragContainer = useRef<HTMLDivElement>(null);\n\n const {\n draggingState,\n updateDraggingState,\n clearDraggingState,\n } = useItemSlotDragging();\n\n const { isFocused, isDragging, draggingDistance } = draggingState;\n\n useEffect(() => {\n // Reset drag position and focus when item changes\n updateDraggingState({\n position: { x: 0, y: 0 },\n isFocused: false,\n });\n\n clearDraggingState();\n\n // Clear context actions when component unmounts or dependencies change\n return () => {\n clearDraggingState();\n clearDetailsState();\n clearContextActions();\n };\n }, [\n containerType,\n isDepotSystem,\n setContextActions,\n clearContextActions,\n isContextMenuDisabled,\n clearDraggingState,\n clearDetailsState,\n updateDraggingState,\n ]);\n\n const resetItem = () => {\n clearDraggingState();\n clearDetailsState();\n };\n\n const onSuccessfulDrag = (quantity?: number) => {\n resetItem();\n\n if (quantity === -1) {\n updateDraggingState({\n position: { x: 0, y: 0 },\n isFocused: false,\n });\n } else if (item) {\n onDragEnd?.(quantity);\n }\n };\n\n const refreshContextActions = () => {\n setContextActions(\n item,\n containerType as ItemContainerType,\n isDepotSystem ?? false,\n isContextMenuDisabled\n );\n };\n\n const onDraggableStop: DraggableEventHandler = (e, data) => {\n requestAnimationFrame(() => {\n updateDraggingState({\n item: null,\n });\n\n let target = e.target as HTMLElement;\n\n if (isMobile()) {\n target = getTouchTarget(e as MouseEvent);\n }\n\n handleShortcutSetter(target);\n removeDraggingClass(target);\n\n const shouldHandleDraggedItemResult = shouldHandleDraggedItem();\n\n if (shouldHandleDraggedItemResult) {\n handleDraggedItem(e, data);\n } else if (item && !isDragging) {\n handleContextMenuOrTooltip(e as React.MouseEvent);\n }\n });\n };\n\n /**\n * Handles the shortcut setter logic if the target element is a shortcut setter.\n */\n const handleShortcutSetter = (target: HTMLElement) => {\n if (target?.id.includes('shortcutSetter') && setItemShortcut && item) {\n const index = parseInt(target.id.split('_')[1], 10);\n if (!isNaN(index)) {\n setItemShortcut(item, index);\n }\n }\n };\n\n /**\n * Removes the dragging CSS class from the target element.\n */\n const removeDraggingClass = (target: HTMLElement) => {\n target.classList.remove('react-draggable-dragging');\n };\n\n /**\n * Determines whether the dragged item should be processed.\n */\n const shouldHandleDraggedItem = (): boolean => {\n return !!(isDragging && draggingState.item && !isSelectingShortcut);\n };\n\n /**\n * Handles the logic when an item has been dragged.\n */\n const handleDraggedItem = useCallback(\n (e: any, data: any) => {\n const targetClasses = Array.from((e.target as HTMLElement).classList);\n const isOutsideDrop =\n targetClasses.some(elm => elm.includes('rpgui-content')) ||\n targetClasses.length === 0;\n\n if (isOutsideDrop && draggingState.isDragging && draggingState.item) {\n console.log('ITEM SLOT: Outside drop', draggingState.item.key);\n onDrop?.(draggingState.item, { x: data.x, y: data.y });\n clearDraggingState();\n } else {\n updateDraggingState({\n dropPosition: {\n x: data.x,\n y: data.y,\n },\n isDragging: false,\n });\n\n const targetElement = dragContainer.current;\n if (!targetElement) return;\n\n const { x, y } = getElementTransform(targetElement);\n\n updateDraggingState({\n position: { x, y },\n });\n\n processDragEnd(item!);\n }\n },\n [\n draggingState.isDragging,\n draggingState.item,\n onDrop,\n clearDraggingState,\n updateDraggingState,\n ]\n );\n\n /**\n * Retrieves the current transform position of the dragged element.\n */\n const getElementTransform = (\n element: HTMLElement\n ): { x: number; y: number } => {\n const style = window.getComputedStyle(element);\n const matrix = new DOMMatrixReadOnly(style.transform);\n return { x: matrix.m41, y: matrix.m42 };\n };\n\n const processDragEnd = useCallback(\n (item: IItem) => {\n if (checkIfItemCanBeMoved?.()) {\n if (checkIfItemShouldDragEnd && !checkIfItemShouldDragEnd()) {\n resetItem();\n return;\n }\n\n if (item.stackQty && item.stackQty !== 1 && openQuantitySelector) {\n openQuantitySelector(item.stackQty, onSuccessfulDrag);\n } else {\n onSuccessfulDrag(item.stackQty);\n }\n } else {\n resetItem();\n }\n },\n [\n checkIfItemCanBeMoved,\n checkIfItemShouldDragEnd,\n openQuantitySelector,\n onSuccessfulDrag,\n resetItem,\n ]\n );\n\n /**\n * Handles the context menu or tooltip display after dragging stops without a drop.\n */\n const handleContextMenuOrTooltip = (\n e: React.MouseEvent | React.TouchEvent\n ) => {\n const isTouchEvent = e.type === 'touchend';\n const shouldShowMobileTooltip =\n !isContextMenuDisabled && isTouchEvent && !isSelectingShortcut;\n const shouldToggleContextMenu =\n !isContextMenuDisabled && !isSelectingShortcut && !isTouchEvent;\n\n if (shouldShowMobileTooltip) {\n updateDetailsState({\n item,\n isTooltipMobileVisible: true,\n isContextMenuVisible: false, // Ensure context menu is hidden\n });\n } else if (shouldToggleContextMenu) {\n const mouseEvent = e as React.MouseEvent;\n updateDetailsState({\n item,\n isContextMenuVisible: !isContextMenuVisible && !isMobile(),\n isTooltipMobileVisible: false, // Ensure mobile tooltip is hidden\n contextMenuPosition: {\n x: mouseEvent.clientX - 10,\n y: mouseEvent.clientY - 5,\n },\n });\n }\n\n if (item) {\n onPointerDown(item.type, containerType ?? null, item);\n }\n };\n\n const onDraggableStart: DraggableEventHandler = () => {\n if (!item || isSelectingShortcut) {\n return;\n }\n\n refreshContextActions();\n\n if (onDragStart && containerType) {\n onDragStart(item, slotIndex, containerType);\n }\n };\n\n const onDraggableProgress: DraggableEventHandler = (_e, _data) => {\n // increment draggingDistance by 1\n updateDraggingState({\n draggingDistance: draggingState.draggingDistance + 1,\n });\n\n if (draggingDistance > 10) {\n updateDraggingState({\n isDragging: true,\n isFocused: true,\n });\n }\n\n if (!draggingState.item) {\n updateDraggingState({\n item: item,\n });\n }\n };\n\n return (\n <Container\n isDraggingItem={!!draggingState.item}\n item={item}\n className=\"rpgui-icon empty-slot\"\n onMouseUp={() => {\n const data = item ? item : null;\n if (onPlaceDrop && containerType)\n onPlaceDrop(data, slotIndex, containerType);\n }}\n onTouchEnd={e => {\n const { clientX, clientY } = e.changedTouches[0];\n const simulatedEvent = new MouseEvent('mouseup', {\n clientX,\n clientY,\n bubbles: true,\n });\n\n document\n .elementFromPoint(clientX, clientY)\n ?.dispatchEvent(simulatedEvent);\n }}\n onPointerDown={\n onDragStart !== undefined && onDragEnd !== undefined\n ? undefined\n : () => {\n if (item) onPointerDown(item.type, containerType ?? null, item);\n }\n }\n isSelectingShortcut={\n isSelectingShortcut &&\n (item?.type === ItemType.Consumable ||\n item?.type === ItemType.Tool ||\n item?.subType === ItemSubType.Seed)\n }\n >\n <Draggable\n axis={isSelectingShortcut ? 'none' : 'both'}\n defaultClassName={item ? 'draggable' : 'empty-slot'}\n scale={dragScale}\n disabled={onDragStart === undefined || onDragEnd === undefined}\n onStop={onDraggableStop}\n onStart={onDraggableStart}\n onDrag={onDraggableProgress}\n position={draggingState.position}\n cancel=\".empty-slot\"\n bounds=\".item-container-body, .equipment-container-body\"\n >\n <ItemContainer\n ref={dragContainer}\n isFocused={isFocused}\n onMouseOver={event => {\n onMouseOver?.(\n event,\n slotIndex,\n item,\n event.clientX,\n event.clientY\n );\n }}\n onMouseOut={() => {\n if (onMouseOut) onMouseOut();\n }}\n onMouseEnter={() => {\n updateDetailsState({\n item,\n isTooltipVisible: true,\n });\n }}\n onMouseLeave={() => {\n updateDetailsState({\n item,\n isTooltipVisible: false,\n });\n }}\n >\n <ItemSlotRenderer\n item={item}\n slotSpriteMask={slotSpriteMask}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n containerType={containerType}\n />\n </ItemContainer>\n </Draggable>\n </Container>\n );\n }\n);\n\ninterface ContainerTypes {\n item: IItem | null;\n containerType?: ItemContainerType | null;\n isSelectingShortcut?: boolean;\n isDraggingItem?: boolean;\n}\n\nconst Container = styled.div<ContainerTypes>`\n margin: 0.1rem;\n\n .react-draggable-dragging {\n // If dragging item, set opacity to 0\n opacity: ${({ isDraggingItem }) => (isDraggingItem ? 0 : 1)};\n }\n\n position: relative;\n\n .sprite-from-atlas-img--item {\n position: relative;\n top: 1.5rem;\n left: 1.5rem;\n border-color: ${({ item }) => rarityColor(item)};\n box-shadow: ${({ item }) => `0 0 5px 2px ${rarityColor(item)}`} inset,\n ${({ item }) => `0 0 4px 3px ${rarityColor(item)}`};\n }\n\n .quality-star {\n position: absolute;\n top: 0.5rem;\n left: 0.5rem;\n font-size: 1.2rem;\n z-index: 2;\n text-shadow: 0 0 3px black;\n pointer-events: none;\n color: ${({ item }) => qualityColorHex(item)};\n }\n\n &::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n border-radius: 12px;\n pointer-events: none;\n animation: ${({ isSelectingShortcut }) =>\n isSelectingShortcut ? 'bg-color-change 1s infinite' : 'none'};\n\n @keyframes bg-color-change {\n 0% {\n background-color: rgba(255 255 255 / 0.5);\n }\n 50% {\n background-color: transparent;\n }\n 100% {\n background-color: rgba(255 255 255 / 0.5);\n }\n }\n }\n`;\n\nconst ItemContainer = styled.div<{ isFocused?: boolean }>`\n width: 64px;\n height: 64px;\n\n position: relative;\n ${props => props.isFocused && 'z-index: 100; pointer-events: none;'};\n`;\n","import { useCallback } from 'react';\n\ninterface IEventWithTarget {\n target: EventTarget | null;\n}\n\ninterface ITouchEvent extends IEventWithTarget {\n changedTouches?: TouchList;\n\n touches?: TouchList;\n}\n\nexport function useTouchTarget() {\n const getTouchTarget = useCallback(\n (e: MouseEvent | TouchEvent | IEventWithTarget): HTMLElement => {\n // Check if it's a touch event\n if ('changedTouches' in e || 'touches' in e) {\n const touchEvent = e as ITouchEvent;\n const touch = touchEvent.changedTouches?.[0] || touchEvent.touches?.[0];\n\n if (touch) {\n return document.elementFromPoint(\n touch.clientX,\n touch.clientY\n ) as HTMLElement;\n }\n }\n\n // If it's not a touch event or touch is not available, fallback to target\n return (e.target as HTMLElement) || document.body;\n },\n []\n );\n\n return getTouchTarget;\n}\n\nexport default useTouchTarget;\n","import { IItem, ItemQualityLevel } from '@rpg-engine/shared';\n\nexport const qualityColorHex = (item: IItem | null) => {\n switch (item?.quality) {\n case ItemQualityLevel.HighQuality:\n return '#00bfff'; \n case ItemQualityLevel.Exceptional:\n return '#ff8c00'; \n case ItemQualityLevel.Mastercrafted:\n return '#ff00ff';\n case ItemQualityLevel.Ancient:\n return '#ffd700'; \n case ItemQualityLevel.Mythic:\n return '#ff0080'; \n default:\n return 'transparent';\n }\n}; ","import { IItem } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../constants/uiColors';\nimport { uiFonts } from '../../../constants/uiFonts';\nimport { SpriteFromAtlas } from '../../shared/SpriteFromAtlas';\nimport { ErrorBoundary } from '../Inventory/ErrorBoundary';\nimport { EquipmentSlotSpriteByType } from '../Inventory/ItemSlot';\nimport { rarityColor } from '../Inventory/ItemSlotRarity';\n\ninterface IItemInfoProps {\n item: IItem;\n itemToCompare?: IItem;\n atlasIMG: any;\n atlasJSON: any;\n}\n\ninterface IItemStat {\n key: keyof IItem;\n label?: string;\n higherIsWorse?: boolean;\n}\n\nconst statisticsToDisplay: IItemStat[] = [\n { key: 'attack' },\n { key: 'defense' },\n { key: 'maxRange', label: 'Range' },\n { key: 'weight', higherIsWorse: true },\n];\n\nexport const ItemInfo: React.FC<IItemInfoProps> = ({\n item,\n itemToCompare,\n atlasIMG,\n atlasJSON,\n}) => {\n const renderStatistics = () => {\n const statistics: React.ReactNode[] = [];\n\n for (const stat of statisticsToDisplay) {\n const itemStatistic = item[stat.key];\n\n if (itemStatistic) {\n const label =\n stat.label || stat.key[0].toUpperCase() + stat.key.slice(1);\n\n const isItemToCompare = !!itemToCompare;\n\n const isOnlyInOneItem = isItemToCompare && !itemToCompare?.[stat.key];\n const statDiff =\n parseInt(itemStatistic.toString()) -\n parseInt(itemToCompare?.[stat.key]?.toString() ?? '0');\n\n const isDifference = isItemToCompare && statDiff !== 0;\n const isBetter =\n (statDiff > 0 && !stat.higherIsWorse) ||\n (statDiff < 0 && stat.higherIsWorse);\n\n statistics.push(\n <Statistic key={stat.key} className={isOnlyInOneItem ? 'better' : ''}>\n <div className=\"label\">{label}:</div>\n <div\n className={`value ${\n isDifference ? (isBetter ? 'better' : 'worse') : ''\n }`}\n >\n {`${itemStatistic.toString()} ${\n isDifference ? `(${statDiff > 0 ? '+' : ''}${statDiff})` : ''\n }`}\n </div>\n </Statistic>\n );\n }\n }\n\n return statistics;\n };\n\n const renderMissingStatistic = () => {\n const statistics: React.ReactNode[] = [];\n\n for (const stat of statisticsToDisplay) {\n const itemToCompareStatistic = itemToCompare?.[stat.key];\n\n if (itemToCompareStatistic && !item[stat.key]) {\n const label =\n stat.label || stat.key[0].toUpperCase() + stat.key.slice(1);\n\n statistics.push(\n <Statistic key={stat.key} className=\"worse\">\n <div className=\"label\">{label}:</div>\n <div className=\"value worse\">\n {itemToCompareStatistic.toString()}\n </div>\n </Statistic>\n );\n }\n }\n\n return statistics;\n };\n\n const renderEntityEffects = () => {\n if (!item.entityEffects || !item.entityEffectChance) return null;\n\n return item.entityEffects.map((effect, index) => (\n <Statistic key={index} $isSpecial>\n {effect[0].toUpperCase() + effect.slice(1)} ({item.entityEffectChance}%)\n </Statistic>\n ));\n };\n\n const renderAvaibleSlots = () => {\n if (!item.allowedEquipSlotType) return null;\n\n return item.allowedEquipSlotType.map((slotType, index) => (\n <ErrorBoundary key={index}>\n <SpriteFromAtlas\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n spriteKey={EquipmentSlotSpriteByType[slotType]}\n imgScale={2}\n grayScale={true}\n opacity={0.4}\n containerStyle={{ width: '32px', height: '32px' }}\n />\n </ErrorBoundary>\n ));\n };\n\n const skillName = item.minRequirements?.skill?.name;\n\n return (\n <Container item={item}>\n <Header>\n <div>\n <Title>{item.name}</Title>\n {item.rarity !== 'Common' && (\n <Rarity item={item}>{item.rarity}</Rarity>\n )}\n <Type>{item.subType}</Type>\n </div>\n <AllowedSlots>{renderAvaibleSlots()}</AllowedSlots>\n </Header>\n\n {item.minRequirements && (\n <LevelRequirement>\n <div className=\"title\">Requirements:</div>\n <div>- Level: {item.minRequirements?.level}</div>\n {skillName && (\n <div>\n - {skillName.charAt(0).toUpperCase() + skillName.slice(1)}:{' '}\n {item.minRequirements?.skill?.level}\n </div>\n )}\n </LevelRequirement>\n )}\n\n {renderStatistics()}\n {renderEntityEffects()}\n {item.usableEffectDescription && (\n <Statistic $isSpecial>{item.usableEffectDescription}</Statistic>\n )}\n {item.equippedBuffDescription && (\n <Statistic $isSpecial>{item.equippedBuffDescription}</Statistic>\n )}\n {item.isTwoHanded && <Statistic $isSpecial>Two handed</Statistic>}\n\n <Description>{item.description}</Description>\n\n {item.maxStackSize && item.maxStackSize !== 1 && (\n <StackInfo>\n x{Math.round((item.stackQty ?? 1) * 100) / 100}({item.maxStackSize})\n </StackInfo>\n )}\n\n {renderMissingStatistic().length > 0 && (\n <MissingStatistics>\n <Statistic>Equipped Diff</Statistic>\n {itemToCompare && renderMissingStatistic()}\n </MissingStatistics>\n )}\n </Container>\n );\n};\n\nconst Container = styled.div<{ item: IItem }>`\n color: white;\n background-color: #222;\n border-radius: 5px;\n padding: 0.5rem;\n font-size: ${uiFonts.size.small};\n border: 3px solid ${({ item }) => rarityColor(item) ?? uiColors.lightGray};\n box-shadow: ${({ item }) => `0 0 5px 2px ${rarityColor(item)}`};\n height: max-content;\n width: 18rem;\n position: relative;\n\n @media (max-width: 640px) {\n width: 80vw;\n }\n`;\n\nconst Title = styled.div`\n font-size: ${uiFonts.size.medium};\n font-weight: bold;\n margin-bottom: 0.5rem;\n display: flex;\n align-items: center;\n margin: 0;\n`;\n\nconst Rarity = styled.div<{ item: IItem }>`\n font-size: ${uiFonts.size.small};\n font-weight: normal;\n margin-top: 0.2rem;\n color: ${({ item }) => rarityColor(item)};\n filter: brightness(1.5);\n`;\n\nconst Type = styled.div`\n font-size: ${uiFonts.size.small};\n margin-top: 0.2rem;\n color: ${uiColors.lightGray};\n`;\n\nconst LevelRequirement = styled.div`\n font-size: ${uiFonts.size.small};\n margin-top: 0.2rem;\n margin-bottom: 1rem;\n color: ${uiColors.orange};\n\n .title {\n margin-bottom: 4px;\n }\n\n div {\n margin-bottom: 2px;\n }\n`;\n\nconst Statistic = styled.div<{ $isSpecial?: boolean }>`\n margin-bottom: 0.4rem;\n width: 100%;\n color: ${({ $isSpecial }) => ($isSpecial ? uiColors.darkYellow : 'inherit')};\n\n .label {\n display: inline-block;\n margin-right: 0.5rem;\n color: inherit;\n }\n\n .value {\n display: inline-block;\n color: inherit;\n }\n\n &.better,\n .better {\n color: ${uiColors.lightGreen};\n }\n\n &.worse,\n .worse {\n color: ${uiColors.cardinal};\n }\n`;\n\nconst Description = styled.div`\n margin-top: 1.5rem;\n font-size: ${uiFonts.size.small};\n color: ${uiColors.lightGray};\n font-style: italic;\n`;\n\nconst Header = styled.div`\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 0.5rem;\n`;\n\nconst AllowedSlots = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n margin-left: auto;\n align-self: flex-start;\n`;\n\nconst StackInfo = styled.div`\n width: 100%;\n text-align: right;\n font-size: ${uiFonts.size.small};\n color: ${uiColors.orange};\n margin-top: 1rem;\n`;\n\nconst MissingStatistics = styled.div`\n margin-top: 1rem;\n color: ${uiColors.cardinal};\n`;\n","import { IEquipmentSet, IItem } from '@rpg-engine/shared';\nimport { camelCase } from 'lodash';\nimport React, { useMemo } from 'react';\nimport styled from 'styled-components';\nimport { ItemInfo } from './ItemInfo';\n\nexport interface IItemInfoDisplayProps {\n item: IItem;\n atlasIMG: any;\n atlasJSON: any;\n equipmentSet?: IEquipmentSet | null;\n isMobile?: boolean;\n}\n\ntype EquipmentSlotTypes =\n | 'head'\n | 'neck'\n | 'leftHand'\n | 'rightHand'\n | 'ring'\n | 'legs'\n | 'boot'\n | 'accessory'\n | 'armor'\n | 'inventory';\n\nconst itemSlotTypes: EquipmentSlotTypes[] = [\n 'head',\n 'neck',\n 'leftHand',\n 'rightHand',\n 'ring',\n 'legs',\n 'boot',\n 'accessory',\n 'armor',\n 'inventory',\n];\n\nconst getSlotType = (\n itemSlotTypes: string[],\n slotType: string,\n subType: string\n): keyof IEquipmentSet => {\n if (!itemSlotTypes.includes(slotType)) {\n return subType as keyof IEquipmentSet;\n }\n return slotType as keyof IEquipmentSet;\n};\n\nexport const ItemInfoDisplay: React.FC<IItemInfoDisplayProps> = ({\n item,\n atlasIMG,\n atlasJSON,\n equipmentSet,\n isMobile,\n}) => {\n const itemToCompare = useMemo(() => {\n if (equipmentSet && item.allowedEquipSlotType?.length) {\n const allowedSlotTypeCamelCase = camelCase(item.allowedEquipSlotType[0]);\n const itemSubTypeCamelCase = camelCase(item.subType);\n\n const slotType = getSlotType(\n itemSlotTypes,\n allowedSlotTypeCamelCase,\n itemSubTypeCamelCase\n );\n\n const itemSubTypeFromEquipment = Object.values(equipmentSet).find(\n item => camelCase(item?.subType ?? '') === itemSubTypeCamelCase\n );\n\n const itemFromEquipment = itemSubTypeFromEquipment\n ? itemSubTypeFromEquipment\n : (equipmentSet[slotType] as IItem);\n\n if (\n itemFromEquipment &&\n (!item._id || itemFromEquipment._id !== item._id)\n ) {\n return itemFromEquipment;\n }\n }\n\n return undefined;\n }, [equipmentSet, item]);\n\n return (\n <Flex $isMobile={isMobile}>\n <ItemInfo\n item={item}\n itemToCompare={itemToCompare}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n />\n\n {itemToCompare && (\n <CompareContainer>\n <Equipped>\n <span>Equipped</span>\n </Equipped>\n <ItemInfo\n item={itemToCompare}\n itemToCompare={item}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n />\n </CompareContainer>\n )}\n </Flex>\n );\n};\n\nconst Flex = styled.div<{ $isMobile?: boolean }>`\n display: flex;\n gap: 0.5rem;\n flex-direction: ${({ $isMobile }) => ($isMobile ? 'row-reverse' : 'row')};\n align-items: center;\n\n @media (max-width: 640px) {\n flex-direction: column-reverse;\n align-items: center;\n }\n`;\n\nconst Equipped = styled.div`\n position: absolute;\n bottom: 100%;\n left: 50%;\n transform: translateX(-50%);\n`;\n\nconst CompareContainer = styled.div`\n position: relative;\n`;\n","import { IEquipmentSet, IItem } from '@rpg-engine/shared';\nimport React, { useEffect, useRef } from 'react';\nimport styled from 'styled-components';\nimport ModalPortal from '../../Abstractions/ModalPortal';\nimport { ItemInfoDisplay } from './ItemInfoDisplay';\n\nexport interface IItemTooltipProps {\n item: IItem;\n atlasIMG: any;\n atlasJSON: any;\n equipmentSet?: IEquipmentSet | null;\n}\n\nconst offset = 20;\n\nexport const ItemTooltip: React.FC<IItemTooltipProps> = ({\n item,\n atlasIMG,\n atlasJSON,\n equipmentSet,\n}) => {\n const ref = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const { current } = ref;\n\n if (current) {\n const handleMouseMove = (event: MouseEvent) => {\n const { clientX, clientY } = event;\n\n // Adjust the position of the tooltip based on the mouse position\n const rect = current.getBoundingClientRect();\n\n const tooltipWidth = rect.width;\n const tooltipHeight = rect.height;\n const isOffScreenRight =\n clientX + tooltipWidth + offset > window.innerWidth;\n const isOffScreenBottom =\n clientY + tooltipHeight + offset > window.innerHeight;\n const x = isOffScreenRight\n ? clientX - tooltipWidth - offset\n : clientX + offset;\n const y = isOffScreenBottom\n ? clientY - tooltipHeight - offset\n : clientY + offset;\n\n current.style.transform = `translate(${x}px, ${y}px)`;\n current.style.opacity = '1';\n };\n\n window.addEventListener('mousemove', handleMouseMove);\n\n return () => {\n window.removeEventListener('mousemove', handleMouseMove);\n };\n }\n\n return;\n }, []);\n\n return (\n <ModalPortal>\n <Container ref={ref}>\n <ItemInfoDisplay\n item={item}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n equipmentSet={equipmentSet}\n />\n </Container>\n </ModalPortal>\n );\n};\n\nconst Container = styled.div`\n position: absolute;\n z-index: 100;\n pointer-events: none;\n left: 0;\n top: 0;\n opacity: 0;\n transition: opacity 0.08s;\n`;\n","import { IEquipmentSet, IItem } from '@rpg-engine/shared';\nimport React, { useRef } from 'react';\nimport styled from 'styled-components';\nimport ModalPortal from '../../Abstractions/ModalPortal';\nimport { ItemInfoDisplay } from './ItemInfoDisplay';\n\ninterface IListMenuOption {\n id: string;\n text: string;\n}\n\nexport interface MobileItemTooltipProps {\n item: IItem;\n atlasIMG: any;\n atlasJSON: any;\n closeTooltip: () => void;\n equipmentSet?: IEquipmentSet | null;\n scale?: number;\n options?: IListMenuOption[];\n onSelected?: (selectedOptionId: string) => void;\n}\n\nexport const MobileItemTooltip: React.FC<MobileItemTooltipProps> = ({\n item,\n atlasIMG,\n atlasJSON,\n closeTooltip,\n equipmentSet,\n scale = 1,\n options,\n onSelected,\n}) => {\n const ref = useRef<HTMLDivElement>(null);\n\n const handleFadeOut = () => {\n ref.current?.classList.add('fadeOut');\n };\n\n return (\n <ModalPortal>\n <Container\n ref={ref}\n onTouchEnd={() => {\n handleFadeOut();\n setTimeout(() => {\n closeTooltip();\n }, 100);\n }}\n scale={scale}\n >\n <ItemInfoDisplay\n item={item}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n equipmentSet={equipmentSet}\n isMobile\n />\n <OptionsContainer>\n {options?.map(option => (\n <Option\n key={option.id}\n onTouchEnd={() => {\n handleFadeOut();\n setTimeout(() => {\n onSelected?.(option.id);\n closeTooltip();\n }, 100);\n }}\n >\n {option.text}\n </Option>\n ))}\n </OptionsContainer>\n </Container>\n </ModalPortal>\n );\n};\n\nconst Container = styled.div<{ scale: number }>`\n position: absolute;\n z-index: 100;\n left: 0;\n top: 0;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0 0 0 / 0.5);\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 0.5rem;\n transition: opacity 0.08s;\n animation: fadeIn 0.1s forwards;\n\n @keyframes fadeIn {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 0.92;\n }\n }\n\n @keyframes fadeOut {\n 0% {\n opacity: 0.92;\n }\n 100% {\n opacity: 0;\n }\n }\n\n &.fadeOut {\n animation: fadeOut 0.1s forwards;\n }\n\n @media (max-width: 640px) {\n flex-direction: column;\n }\n`;\n\nconst OptionsContainer = styled.div`\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n flex-wrap: wrap;\n\n @media (max-width: 640px) {\n flex-direction: row;\n justify-content: center;\n }\n`;\n\nconst Option = styled.button`\n padding: 1rem;\n background-color: #333;\n color: white;\n border: none;\n border-radius: 3px;\n width: 8rem;\n transition: background-color 0.1s;\n\n &:hover {\n background-color: #555;\n }\n\n @media (max-width: 640px) {\n padding: 1rem 0.5rem;\n }\n`;\n","import { IEquipmentSet, IItem } from '@rpg-engine/shared';\nimport React, { useState } from 'react';\nimport { ItemTooltip } from './ItemTooltip';\nimport { MobileItemTooltip } from './MobileItemTooltip';\n\ninterface IItemInfoWrapperProps {\n item: IItem;\n children: React.ReactNode;\n atlasIMG: any;\n atlasJSON: any;\n equipmentSet?: IEquipmentSet | null;\n scale?: number;\n}\n\nexport const ItemInfoWrapper: React.FC<IItemInfoWrapperProps> = ({\n children,\n atlasIMG,\n atlasJSON,\n item,\n equipmentSet,\n scale,\n}) => {\n const [isTooltipVisible, setIsTooltipVisible] = useState(false);\n const [isTooltipMobileVisible, setIsTooltipMobileVisible] = useState(false);\n\n return (\n <div\n onMouseEnter={() => {\n if (!isTooltipMobileVisible) setIsTooltipVisible(true);\n }}\n onMouseLeave={setIsTooltipVisible.bind(null, false)}\n onTouchEnd={() => {\n setIsTooltipMobileVisible(true);\n setIsTooltipVisible(false);\n }}\n >\n {children}\n\n {isTooltipVisible && !isTooltipMobileVisible && (\n <ItemTooltip\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n equipmentSet={equipmentSet}\n item={item}\n />\n )}\n {isTooltipMobileVisible && (\n <MobileItemTooltip\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n equipmentSet={equipmentSet}\n closeTooltip={() => {\n setIsTooltipMobileVisible(false);\n console.log('close');\n }}\n item={item}\n scale={scale}\n />\n )}\n </div>\n );\n};\n","import { IItem, IItemContainer } from \"@rpg-engine/shared\";\n\nexport const countItemFromInventory = (itemKey: string, inventory: IItemContainer) => {\n let itemsFromInventory: (IItem | undefined | null)[] = [];\n\n if (inventory) {\n Object.keys(inventory.slots).forEach(i => {\n const index = parseInt(i);\n\n if (inventory.slots[index]?.key === itemKey) {\n itemsFromInventory.push(inventory.slots[index]);\n }\n });\n }\n\n const totalQty = itemsFromInventory.reduce(\n (acc, item) => acc + (item?.stackQty || 1),\n 0\n );\n\n return totalQty;\n};","export const modifyString = (str: string): string => {\n let parts = str.split('/');\n let fileName = parts[parts.length - 1];\n parts = fileName.split('.');\n let name = parts[0];\n name = name.replace(/-/g, ' ');\n let words = name.split(' ');\n let firstWord = words[0].slice(0, 1).toUpperCase() + words[0].slice(1);\n let modifiedWords = [firstWord].concat(words.slice(1));\n return modifiedWords.join(' ');\n};\n","import { ICraftableItem, IItemContainer, ISkill } from '@rpg-engine/shared';\nimport React, { useEffect, useRef } from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { countItemFromInventory } from '../../libs/itemCounter';\nimport { SpriteFromAtlas } from '../shared/SpriteFromAtlas';\nimport { modifyString } from './utils/modifyString';\n\ninterface ICraftingTooltipProps {\n x: number;\n y: number;\n recipe: ICraftableItem;\n inventory?: IItemContainer | null;\n skills?: ISkill | null;\n atlasIMG: any;\n atlasJSON: any;\n}\n\nconst OFFSET = 20;\n\nconst TooltipContainer = styled.div<{\n x: number;\n y: number;\n}>`\n position: fixed;\n left: ${props => props.x}px;\n top: ${props => props.y}px;\n background-color: rgba(0, 0, 0, 0.95);\n color: white;\n text-align: left;\n border-radius: 4px;\n padding: 10px;\n z-index: 1000;\n font-family: 'Press Start 2P', cursive;\n font-size: 0.6rem;\n width: max-content;\n max-width: 250px;\n white-space: normal;\n border: 1px solid ${uiColors.darkGray};\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n line-height: 1.4;\n`;\n\nconst MinCraftingRequirementsText = styled.div<{ levelIsOk: boolean }>`\n font-size: 0.55rem;\n margin: 0;\n margin-bottom: 12px;\n margin-left: 0.5rem;\n color: ${({ levelIsOk }) =>\n levelIsOk ? uiColors.lightGreen : uiColors.lightGray} !important;\n`;\n\nconst TooltipTitle = styled.div`\n color: ${uiColors.yellow};\n font-size: 0.6rem;\n margin-bottom: 12px;\n letter-spacing: 0.5px;\n`;\n\nconst Recipe = styled.div`\n display: flex;\n align-items: center;\n font-size: 0.55rem;\n margin-bottom: 8px;\n margin-left: 4px;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n .sprite-from-atlas-img {\n top: 0px;\n left: 0px;\n }\n`;\n\nconst Ingredient = styled.div<{ isQuantityOk: boolean }>`\n margin: 0;\n margin-left: 14px;\n color: ${({ isQuantityOk }) =>\n isQuantityOk ? uiColors.lightGreen : uiColors.lightGray} !important;\n`;\n\nexport const CraftingTooltip: React.FC<ICraftingTooltipProps> = ({\n x,\n y,\n recipe,\n inventory,\n skills,\n atlasIMG,\n atlasJSON,\n}) => {\n const tooltipRef = useRef<HTMLDivElement>(null);\n const [adjustedPosition, setAdjustedPosition] = React.useState({ x, y });\n\n useEffect(() => {\n const tooltipElement = tooltipRef.current;\n if (tooltipElement) {\n const rect = tooltipElement.getBoundingClientRect();\n const tooltipWidth = rect.width;\n const tooltipHeight = rect.height;\n\n let adjustedX = x;\n let adjustedY = y;\n\n // If tooltip would go off the right edge, show it on the left side of the cursor\n if (x + tooltipWidth + OFFSET > window.innerWidth) {\n adjustedX = x - tooltipWidth - OFFSET;\n } else {\n // Otherwise, show it on the right side of the cursor\n adjustedX = x + OFFSET;\n }\n\n // Vertical positioning\n if (y + tooltipHeight > window.innerHeight) {\n adjustedY = window.innerHeight - tooltipHeight - OFFSET;\n }\n if (y < OFFSET) {\n adjustedY = OFFSET;\n }\n\n setAdjustedPosition({ x: adjustedX, y: adjustedY });\n }\n }, [x, y]);\n\n const levelInSkill =\n (skills?.[\n (recipe?.minCraftingRequirements?.[0] ?? '') as keyof ISkill\n ] as any)?.level ?? 1;\n\n const levelIsOk = recipe?.levelIsOk ?? false;\n\n return (\n <TooltipContainer\n ref={tooltipRef}\n x={adjustedPosition.x}\n y={adjustedPosition.y}\n >\n <TooltipTitle>Skill Requirements</TooltipTitle>\n <MinCraftingRequirementsText levelIsOk={levelIsOk}>\n {modifyString(`${recipe?.minCraftingRequirements?.[0] ?? ''}`)} lvl{' '}\n {recipe?.minCraftingRequirements?.[1] ?? 0} ({levelInSkill})\n </MinCraftingRequirementsText>\n\n <TooltipTitle>Ingredients</TooltipTitle>\n {recipe.ingredients.map((ingredient, index) => {\n const itemQtyInInventory = !inventory\n ? 0\n : countItemFromInventory(ingredient.key, inventory);\n const isQuantityOk = ingredient.qty <= itemQtyInInventory;\n\n return (\n <Recipe key={index}>\n <SpriteFromAtlas\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n spriteKey={ingredient.texturePath}\n imgScale={1.2}\n />\n <Ingredient isQuantityOk={isQuantityOk}>\n {modifyString(ingredient.key)} x{ingredient.qty} (\n {itemQtyInInventory})\n </Ingredient>\n </Recipe>\n );\n })}\n </TooltipContainer>\n );\n};\n","import {\n ICraftableItem,\n IEquipmentSet,\n IItemContainer,\n ISkill,\n} from '@rpg-engine/shared';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport styled from 'styled-components';\nimport { ItemInfoWrapper } from '../Item/Cards/ItemInfoWrapper';\nimport { SpriteFromAtlas } from '../shared/SpriteFromAtlas';\nimport { CraftingTooltip } from './CraftingTooltip';\nimport { modifyString } from './utils/modifyString';\n\ninterface ICraftingRecipeProps {\n atlasJSON: any;\n atlasIMG: any;\n equipmentSet?: IEquipmentSet | null;\n recipe: ICraftableItem;\n scale?: number;\n handleRecipeSelect: () => void;\n selectedCraftItemKey?: string;\n inventory?: IItemContainer | null;\n skills?: ISkill | null;\n}\n\nconst RadioOptionsWrapper = styled.div`\n display: flex;\n align-items: stretch;\n margin-bottom: 0.5rem;\n padding: 8px;\n position: relative;\n cursor: pointer;\n`;\n\nconst SpriteAtlasWrapper = styled.div`\n margin-right: 40px;\n flex-shrink: 0;\n width: 32px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n\nconst MainContent = styled.div`\n flex: 1;\n min-width: 0;\n`;\n\nconst ItemHeader = styled.div`\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 4px;\n\n label {\n font-size: 0.8rem;\n font-weight: bold;\n display: flex;\n align-items: center;\n padding-right: 1rem;\n }\n`;\n\nexport const CraftingRecipe: React.FC<ICraftingRecipeProps> = ({\n atlasIMG,\n atlasJSON,\n equipmentSet,\n recipe,\n scale,\n handleRecipeSelect,\n selectedCraftItemKey,\n inventory,\n skills,\n}) => {\n const [showTooltip, setShowTooltip] = useState(false);\n const [tooltipPosition, setTooltipPosition] = useState({ x: 0, y: 0 });\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n const isSelected = selectedCraftItemKey === recipe.key;\n\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (\n wrapperRef.current &&\n !wrapperRef.current.contains(event.target as Node)\n ) {\n setShowTooltip(false);\n }\n };\n\n document.addEventListener('mousedown', handleClickOutside);\n return () => {\n document.removeEventListener('mousedown', handleClickOutside);\n };\n }, []);\n\n const handleClick = () => {\n if (wrapperRef.current) {\n const rect = wrapperRef.current.getBoundingClientRect();\n setTooltipPosition({\n x: rect.right + 10,\n y: rect.top,\n });\n setShowTooltip(true);\n }\n };\n\n return (\n <RadioOptionsWrapper ref={wrapperRef} onClick={handleClick}>\n <SpriteAtlasWrapper>\n <ItemInfoWrapper\n item={recipe}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n equipmentSet={equipmentSet}\n scale={scale}\n >\n <SpriteFromAtlas\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n spriteKey={recipe.texturePath}\n imgScale={3}\n grayScale={!recipe.canCraft}\n />\n </ItemInfoWrapper>\n </SpriteAtlasWrapper>\n\n <MainContent>\n <ItemHeader\n onPointerUp={recipe.canCraft ? handleRecipeSelect : undefined}\n >\n <input\n className=\"rpgui-radio\"\n type=\"radio\"\n value={recipe.name}\n name=\"test\"\n disabled={!recipe.canCraft}\n checked={isSelected}\n onChange={handleRecipeSelect}\n />\n <label>{modifyString(recipe.name)}</label>\n </ItemHeader>\n </MainContent>\n\n {showTooltip &&\n createPortal(\n <CraftingTooltip\n x={tooltipPosition.x}\n y={tooltipPosition.y}\n recipe={recipe}\n inventory={inventory}\n skills={skills}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n />,\n document.body\n )}\n </RadioOptionsWrapper>\n );\n};\n","import { useEffect, useState } from 'react';\n\nconst desktop = {\n width: 'min(900px, 80%)',\n height: 'min(auto, 80%)',\n};\n\nconst mobileLanscape = {\n width: '800px',\n height: '500px',\n};\n\nconst mobilePortrait = {\n width: '500px',\n height: '700px',\n};\n\ninterface Size {\n width: string;\n height: string;\n}\n\nexport const useResponsiveSize = (scale?: number): Size | undefined => {\n const [size, setSize] = useState<Size>();\n\n useEffect(() => {\n const handleResize = (): void => {\n if (\n window.innerWidth < 500 &&\n size?.width !== mobilePortrait.width &&\n (!scale || scale < 1)\n ) {\n setSize(mobilePortrait);\n } else if (\n (!scale || scale < 1) &&\n size?.width !== mobileLanscape.width\n ) {\n setSize(mobileLanscape);\n } else if (size?.width !== desktop.width) {\n setSize(desktop);\n }\n };\n handleResize();\n\n window.addEventListener('resize', handleResize);\n return () => window.removeEventListener('resize', handleResize);\n }, [scale]);\n\n return size;\n};\n","import {\n ICraftableItem,\n IEquipmentSet,\n IItemContainer,\n ISkill,\n ItemSubType,\n} from '@rpg-engine/shared';\nimport React, { useEffect, useState } from 'react';\nimport {\n FaBoxOpen,\n FaChevronLeft,\n FaChevronRight,\n FaSearch,\n FaThumbtack,\n} from 'react-icons/fa';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { useLocalStorage } from '../../hooks/useLocalStorage';\nimport { Button, ButtonTypes } from '../Button';\nimport { DraggableContainer } from '../DraggableContainer';\nimport { Dropdown, IOptionsProps } from '../Dropdown';\nimport { RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';\nimport { CraftingRecipe } from './CraftingRecipe';\nimport { useResponsiveSize } from './hooks/useResponsiveSize';\nimport { calculateMaxCraftable } from './utils/calculateMaxCraftable';\n\nconst MOBILE_WIDTH = '500px';\nconst ITEMS_PER_PAGE = 8;\n\nexport interface IItemCraftSelectorProps {\n atlasJSON: any;\n atlasIMG: any;\n onClose: () => void;\n onSelect: (value: string) => void;\n onCraftItem: (value: string | undefined, maxCraftable: number) => void;\n craftablesItems: ICraftableItem[];\n equipmentSet?: IEquipmentSet | null;\n inventory?: IItemContainer | null;\n scale?: number;\n skills?: ISkill | null;\n savedSelectedType?: string;\n}\n\nexport interface ShowMessage {\n show: boolean;\n index: number;\n}\n\nexport const CraftBook: React.FC<IItemCraftSelectorProps> = ({\n atlasIMG,\n atlasJSON,\n onClose,\n onSelect,\n onCraftItem,\n craftablesItems,\n equipmentSet,\n scale,\n inventory,\n skills,\n savedSelectedType,\n}) => {\n const [craftItemKey, setCraftItemKey] = useState<string>();\n const [selectedType, setSelectedType] = useState<string>(\n savedSelectedType ?? Object.keys(ItemSubType)[0]\n );\n const size = useResponsiveSize(scale);\n const [searchTerm, setSearchTerm] = useState('');\n const [isSearchVisible, setIsSearchVisible] = useState(false);\n const [isCraftingDisabled, setIsCraftingDisabled] = useState(false);\n const [pinnedItems, setPinnedItems] = useLocalStorage<string[]>(\n 'pinnedCraftItems',\n []\n );\n const [currentPage, setCurrentPage] = useState(1);\n const [items, setItems] = useState<ICraftableItem[]>(craftablesItems);\n\n useEffect(() => {\n setItems(craftablesItems);\n }, [craftablesItems]);\n\n const togglePinItem = (itemKey: string) => {\n setPinnedItems(current =>\n current.includes(itemKey)\n ? current.filter(key => key !== itemKey)\n : [...current, itemKey]\n );\n };\n\n const categoryOptions: IOptionsProps[] = [\n { id: 0, value: 'Suggested', option: 'Suggested' },\n ...(pinnedItems.length > 0\n ? [{ id: 1, value: 'Pinned', option: 'Pinned' }]\n : []),\n ...Object.keys(ItemSubType)\n .filter(type => type !== 'DeadBody')\n .map((type, index) => ({\n id: index + (pinnedItems.length > 0 ? 2 : 1),\n value: type,\n option:\n type === 'CraftingResources' || type === 'CraftingResource'\n ? 'Resources'\n : type,\n })),\n ].sort((a, b) => {\n if (a.value === 'Suggested') return -1;\n if (b.value === 'Suggested') return 1;\n if (a.value === 'Pinned') return -1;\n if (b.value === 'Pinned') return 1;\n return a.value.localeCompare(b.value);\n });\n\n const filteredCraftableItems = items?.filter(item => {\n const matchesSearch = item.name\n .toLowerCase()\n .includes(searchTerm.toLowerCase());\n const matchesCategory =\n selectedType === 'Suggested' ||\n (selectedType === 'Pinned'\n ? pinnedItems.includes(item.key)\n : item.subType === selectedType);\n return matchesSearch && matchesCategory;\n });\n\n const sortedItems = [...(filteredCraftableItems || [])].sort((a, b) => {\n const aIsPinned = pinnedItems.includes(a.key);\n const bIsPinned = pinnedItems.includes(b.key);\n if (aIsPinned && !bIsPinned) return -1;\n if (!aIsPinned && bIsPinned) return 1;\n return 0;\n });\n\n const totalPages = Math.ceil(sortedItems.length / ITEMS_PER_PAGE);\n const paginatedItems = sortedItems.slice(\n (currentPage - 1) * ITEMS_PER_PAGE,\n currentPage * ITEMS_PER_PAGE\n );\n\n useEffect(() => {\n setCurrentPage(1);\n }, [selectedType, searchTerm]);\n\n if (!size) return null;\n\n return (\n <DraggableContainer\n type={RPGUIContainerTypes.Framed}\n width={size.width}\n height={size.height}\n cancelDrag=\".inputRadioCraftBook\"\n onCloseButton={onClose}\n scale={scale}\n >\n <Wrapper>\n <HeaderContainer>\n <Title>Craftbook</Title>\n <HeaderControls>\n <DropdownWrapper>\n <Dropdown\n options={categoryOptions}\n onChange={value => {\n setSelectedType(value);\n onSelect(value);\n }}\n width=\"200px\"\n />\n </DropdownWrapper>\n <SearchButton onClick={() => setIsSearchVisible(!isSearchVisible)}>\n <FaSearch size={16} />\n </SearchButton>\n </HeaderControls>\n </HeaderContainer>\n\n {isSearchVisible && (\n <SearchContainer>\n <input\n type=\"text\"\n className=\"rpgui-input\"\n placeholder=\"Search items...\"\n value={searchTerm}\n onChange={e => setSearchTerm(e.target.value)}\n autoFocus\n />\n </SearchContainer>\n )}\n\n <ContentContainer>\n {paginatedItems.length > 0 ? (\n <RadioInputScroller className=\"inputRadioCraftBook\">\n {paginatedItems?.map(item => (\n <CraftingRecipeWrapper\n key={item.key}\n isSelected={pinnedItems.includes(item.key)}\n >\n <PinButton\n onClick={e => {\n e.stopPropagation();\n togglePinItem(item.key);\n }}\n isPinned={pinnedItems.includes(item.key)}\n >\n <FaThumbtack size={14} />\n </PinButton>\n <CraftingRecipe\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n equipmentSet={equipmentSet}\n recipe={item}\n scale={scale}\n handleRecipeSelect={setCraftItemKey.bind(null, item.key)}\n selectedCraftItemKey={craftItemKey}\n inventory={inventory}\n skills={skills}\n />\n </CraftingRecipeWrapper>\n ))}\n </RadioInputScroller>\n ) : (\n <EmptyState>\n <FaBoxOpen size={48} />\n <p>No craftable items found</p>\n </EmptyState>\n )}\n </ContentContainer>\n\n {totalPages > 1 && (\n <PaginationContainer>\n <PaginationButton\n onClick={() => setCurrentPage(prev => Math.max(1, prev - 1))}\n disabled={currentPage === 1}\n >\n <FaChevronLeft size={12} />\n </PaginationButton>\n <PageInfo>\n Page {currentPage} of {totalPages}\n </PageInfo>\n <PaginationButton\n onClick={() =>\n setCurrentPage(prev => Math.min(totalPages, prev + 1))\n }\n disabled={currentPage === totalPages}\n >\n <FaChevronRight size={12} />\n </PaginationButton>\n </PaginationContainer>\n )}\n\n <Footer>\n <Button buttonType={ButtonTypes.RPGUIButton} onPointerDown={onClose}>\n Close\n </Button>\n <Button\n disabled={!craftItemKey || isCraftingDisabled}\n buttonType={ButtonTypes.RPGUIButton}\n onPointerDown={() => {\n if (!craftItemKey || isCraftingDisabled) return;\n\n const selectedItem = craftablesItems.find(\n item => item.key === craftItemKey\n );\n const maxCraftable = calculateMaxCraftable(\n selectedItem,\n inventory\n );\n\n onCraftItem(craftItemKey, maxCraftable);\n setIsCraftingDisabled(true);\n\n setTimeout(() => {\n setIsCraftingDisabled(false);\n }, 2000);\n }}\n >\n Craft\n </Button>\n </Footer>\n </Wrapper>\n </DraggableContainer>\n );\n};\n\nconst Wrapper = styled.div`\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n\n & > * {\n box-sizing: border-box;\n }\n`;\n\nconst HeaderContainer = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n padding: 16px 16px 0;\n`;\n\nconst Title = styled.h1`\n font-size: 1.2rem;\n color: ${uiColors.yellow} !important;\n margin: 0;\n text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);\n`;\n\nconst HeaderControls = styled.div`\n display: flex;\n align-items: center;\n gap: 16px;\n position: relative;\n left: -2rem;\n`;\n\nconst DropdownWrapper = styled.div`\n width: 200px;\n`;\n\nconst SearchButton = styled.button`\n background: none;\n border: none;\n cursor: pointer;\n padding: 8px;\n width: 32px;\n height: 32px;\n color: ${uiColors.yellow};\n opacity: 0.8;\n transition: opacity 0.2s;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &:hover {\n opacity: 1;\n }\n`;\n\nconst SearchContainer = styled.div`\n padding: 0 16px;\n margin-top: 16px;\n\n input {\n width: 100%;\n font-size: 0.8rem;\n padding: 8px 12px;\n background-color: rgba(0, 0, 0, 0.3);\n border: none;\n color: white;\n border-radius: 4px;\n\n &::placeholder {\n color: rgba(255, 255, 255, 0.5);\n }\n\n &:focus {\n outline: none;\n background-color: rgba(0, 0, 0, 0.4);\n }\n }\n`;\n\nconst ContentContainer = styled.div`\n flex: 1;\n display: flex;\n flex-direction: column;\n padding: 16px;\n padding-right: 0;\n padding-bottom: 0;\n width: 100%;\n position: relative;\n min-height: 250px;\n overflow: hidden;\n`;\n\nconst RadioInputScroller = styled.div`\n height: 100%;\n min-height: 300px;\n overflow-y: auto;\n overflow-x: hidden;\n padding: 8px 16px;\n padding-right: 24px;\n width: 100%;\n box-sizing: border-box;\n\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 16px;\n align-content: start;\n\n @media (max-width: ${MOBILE_WIDTH}) {\n grid-template-columns: 1fr;\n }\n`;\n\nconst CraftingRecipeWrapper = styled.div<{ isSelected: boolean }>`\n position: relative;\n width: 100%;\n min-width: 0;\n box-sizing: border-box;\n transition: background-color 0.2s;\n\n &:hover {\n background: rgba(0, 0, 0, 0.4);\n }\n\n ${props =>\n props.isSelected &&\n `\n background: rgba(255, 215, 0, 0.1);\n `}\n`;\n\nconst PinButton = styled.button<{ isPinned: boolean }>`\n position: absolute;\n top: 8px;\n right: 8px;\n background: none;\n border: none;\n cursor: pointer;\n padding: 4px;\n color: ${props => (props.isPinned ? uiColors.yellow : uiColors.lightGray)};\n opacity: ${props => (props.isPinned ? 1 : 0.6)};\n transition: all 0.2s;\n z-index: 2;\n\n &:hover {\n opacity: 1;\n color: ${uiColors.yellow};\n }\n`;\n\nconst Footer = styled.div`\n display: flex;\n justify-content: flex-end;\n gap: 16px;\n padding: 8px;\n\n button {\n min-width: 100px;\n }\n\n @media (max-width: ${MOBILE_WIDTH}) {\n justify-content: center;\n }\n`;\n\nconst PaginationContainer = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 16px;\n padding: 8px;\n margin-top: 8px;\n border-top: 1px solid ${uiColors.darkGray};\n`;\n\nconst PaginationButton = styled.button<{ disabled?: boolean }>`\n background: none;\n border: none;\n color: ${props => (props.disabled ? uiColors.darkGray : uiColors.yellow)};\n cursor: ${props => (props.disabled ? 'not-allowed' : 'pointer')};\n opacity: ${props => (props.disabled ? 0.5 : 0.8)};\n padding: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: opacity 0.2s;\n\n &:hover:not(:disabled) {\n opacity: 1;\n }\n`;\n\nconst PageInfo = styled.div`\n color: ${uiColors.lightGray};\n font-size: 0.8rem;\n font-family: 'Press Start 2P', cursive;\n`;\n\nconst EmptyState = styled.div`\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n color: ${uiColors.lightGray};\n width: 100%;\n padding: 2rem;\n\n svg {\n font-size: 3rem;\n margin-bottom: 1rem;\n opacity: 0.7;\n }\n\n p {\n font-family: 'Press Start 2P', cursive;\n font-size: 0.9rem;\n margin: 0;\n }\n`;\n","import { ICharacterDailyTask, ICollectProgress, ICraftProgress, IKillMobsProgress, IMapVisitProgress, TaskStatus, TaskType } from '@rpg-engine/shared';\nimport { uiColors } from '../../../constants/uiColors';\n\nexport const formatTaskKey = (key: string): string => {\n let formatted = key.replace(/[-_]/g, ' ');\n formatted = formatted.replace(/([A-Z])/g, ' $1');\n formatted = formatted.trim();\n return formatted\n .split(' ')\n .map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())\n .join(' ');\n};\n\nexport const getTaskIcon = (taskType: TaskType, difficulty?: string): string => {\n const MapIcon = 'map-2.png';\n const KillMobsIconRegular = 'white-skull.png';\n const KillMobsIconChallenge = 'red-skull.png';\n const CollectItemIcon = 'inventory-2.png';\n const CraftItemIcon = 'crafting.png';\n\n switch (taskType) {\n case TaskType.KillMobs:\n return difficulty === 'Challenge'\n ? KillMobsIconChallenge\n : KillMobsIconRegular;\n case TaskType.CollectItems:\n return CollectItemIcon;\n case TaskType.MapVisit:\n return MapIcon;\n case TaskType.CraftItems:\n return CraftItemIcon;\n default:\n return 'check.png';\n }\n};\n\nexport const getStatusInfo = (\n task: ICharacterDailyTask\n): { text: string; color: string } => {\n if (task.status === TaskStatus.Completed) {\n return { text: 'Completed', color: uiColors.lightGreen };\n }\n\n if (task.claimed) {\n return { text: 'Claimed', color: uiColors.yellow };\n }\n\n const isTaskNotStarted = (() => {\n switch (task.type) {\n case TaskType.KillMobs:\n return (\n task.type === TaskType.KillMobs &&\n Object.values((task.progress as IKillMobsProgress).kills || {}).every(\n kill => kill === 0\n )\n );\n\n case TaskType.CollectItems:\n return (\n task.type === TaskType.CollectItems &&\n Object.values(\n (task.progress as ICollectProgress).collected || {}\n ).every(quantity => quantity === 0)\n );\n\n case TaskType.CraftItems:\n return (\n task.type === TaskType.CraftItems &&\n Object.values((task.progress as ICraftProgress).crafted || {}).every(\n quantity => quantity === 0\n )\n );\n\n case TaskType.MapVisit:\n return (\n task.type === TaskType.MapVisit &&\n Object.values(\n (task.progress as IMapVisitProgress).visitedMaps || {}\n ).every(visited => !visited)\n );\n\n default:\n return false;\n }\n })();\n\n if (isTaskNotStarted) {\n return { text: 'Not Started', color: uiColors.lightGray };\n }\n\n return { text: 'In Progress', color: uiColors.blue };\n};\n\nexport const formatDifficulty = (difficulty: string): string => {\n return difficulty.charAt(0).toUpperCase() + difficulty.slice(1).toLowerCase();\n};","import { ITaskReward, RewardType } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { Ellipsis } from '../shared/Ellipsis';\nimport { SpriteFromAtlas } from '../shared/SpriteFromAtlas';\nimport { formatTaskKey } from './utils/dailyTasks.utils';\n\ninterface IDailyRewardsTooltipProps {\n rewards: ITaskReward[];\n itemsAtlasJSON: Record<string, any>;\n itemsAtlasIMG: string;\n iconAtlasJSON?: Record<string, any>;\n iconAtlasIMG?: string;\n}\n\nexport const DailyRewardsTooltip: React.FC<IDailyRewardsTooltipProps> = ({\n rewards,\n itemsAtlasJSON,\n itemsAtlasIMG,\n}) => {\n const [isExpanded, setIsExpanded] = React.useState(true);\n\n const sortedRewards = React.useMemo(() => {\n if (!rewards) return [];\n\n const REWARD_PRIORITY = {\n [RewardType.Item]: 1,\n [RewardType.Gold]: 2,\n [RewardType.Experience]: 3,\n } as const;\n\n const getPriority = (type: RewardType) =>\n REWARD_PRIORITY[type] ?? Number.MAX_SAFE_INTEGER;\n\n return [...rewards].sort((a, b) => {\n return getPriority(a.type) - getPriority(b.type);\n });\n }, [rewards]);\n\n const toggleExpand = () => {\n setIsExpanded(!isExpanded);\n };\n\n return (\n <TooltipContainer>\n <CollapsibleHeader onClick={toggleExpand}>\n <HeaderText>Rewards?</HeaderText>\n <ExpandIcon>{isExpanded ? '▼' : '▶'}</ExpandIcon>\n </CollapsibleHeader>\n\n {isExpanded && (\n <CollapsibleContent>\n <RewardsList>\n {sortedRewards.map((reward: ITaskReward, index: number) => (\n <RewardItem key={index}>\n <SpriteFromAtlas\n atlasJSON={itemsAtlasJSON}\n atlasIMG={itemsAtlasIMG}\n spriteKey={reward.texturePath ?? 'check.png'}\n width={24}\n height={24}\n imgScale={1.75}\n />\n <ItemContent>\n <RewardLabel>\n <Ellipsis maxWidth=\"100%\" maxLines={2}>\n {formatTaskKey(reward.key ?? reward.type)}:\n </Ellipsis>\n </RewardLabel>\n </ItemContent>\n <RewardValue>x{reward.quantity}</RewardValue>\n </RewardItem>\n ))}\n </RewardsList>\n </CollapsibleContent>\n )}\n </TooltipContainer>\n );\n};\n\nconst TooltipContainer = styled.div`\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n`;\n\nconst RewardsList = styled.div`\n display: flex;\n flex-direction: column;\n gap: 8px;\n width: 100%;\n`;\n\nconst CollapsibleHeader = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n border-bottom: 1px solid ${uiColors.darkGray};\n width: 100%;\n`;\n\nconst HeaderText = styled.span`\n color: ${uiColors.yellow} !important;\n`;\n\nconst ExpandIcon = styled.span`\n color: ${uiColors.yellow};\n font-size: 0.8rem;\n margin-left: 8px;\n`;\n\nconst CollapsibleContent = styled.div`\n display: block;\n padding-top: 8px;\n width: 100%;\n`;\n\nconst RewardItem = styled.div`\n display: flex;\n align-items: center;\n gap: 12px;\n width: 100%;\n min-width: 200px;\n`;\n\nconst ItemContent = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: center;\n`;\n\nconst RewardLabel = styled.span`\n color: ${uiColors.yellow};\n font-size: 0.9rem;\n line-height: 1.2;\n padding-top: 15px;\n display: inline-flex;\n align-items: center;\n`;\n\nconst RewardValue = styled.span`\n color: ${uiColors.yellow};\n font-size: 0.9rem;\n margin-left: auto;\n line-height: 1.2;\n display: inline-flex;\n align-items: center;\n min-width: 50px;\n text-align: right;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\n\nexport interface IReadOnlyCheckItemProps {\n labelLeft?: string;\n labelRight?: string;\n checked: boolean;\n}\n\nexport const ReadOnlyCheckItem: React.FC<IReadOnlyCheckItemProps> = ({\n labelLeft,\n labelRight,\n checked,\n }) => {\n return (\n <Container>\n {labelLeft && <Label>{labelLeft}</Label>}\n <div className=\"rpgui-checkbox-container\">\n <CheckBox\n className=\"rpgui-checkbox\"\n type=\"checkbox\"\n checked={checked}\n readOnly\n />\n <label></label>\n </div>\n {labelRight && <Label isRight>{labelRight}</Label>}\n </Container>\n );\n };\n\nconst Container = styled.div`\n display: flex;\n align-items: center;\n width: 100%;\n height: 20px;\n`;\n\nconst Label = styled.span<{ isRight?: boolean }>`\n ${({ isRight }) => (isRight ? 'margin-left: auto;' : 'margin-right: auto;')}\n`;\n\nconst CheckBox = styled.input.attrs({ type: 'checkbox' })``;\n","import {\n ICharacterDailyTask,\n ICollectItemsRequirement,\n ICollectProgress,\n ICraftProgress,\n ICraftRequirement,\n IKillMobsProgress,\n IKillMobsRequirement,\n IMapVisitProgress,\n TaskType,\n} from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { ReadOnlyCheckItem } from '../ReadOnlyCheckItem';\nimport { formatTaskKey } from './utils/dailyTasks.utils';\n\ninterface ITaskProgressDetailsProps {\n task: ICharacterDailyTask;\n}\n\nexport const TaskProgressDetails: React.FC<ITaskProgressDetailsProps> = ({\n task,\n}) => {\n const { progress, type } = task;\n\n const progressRenderers = {\n [TaskType.KillMobs]: () => {\n return (\n (progress as IKillMobsProgress).kills &&\n Object.entries((progress as IKillMobsProgress).kills).map(\n ([key, value], index) => (\n <ProgressItem key={index}>\n <span>{formatTaskKey(key)}:</span>\n <ProgressCount>\n {value}/\n {(task.requirements as IKillMobsRequirement).targets.find(\n t => t.key === key\n )?.quantity || 0}\n </ProgressCount>\n </ProgressItem>\n )\n )\n );\n },\n\n [TaskType.CollectItems]: () => {\n return Object.entries((progress as ICollectProgress).collected || {}).map(\n ([key, value], index) => (\n <ProgressItem key={index}>\n <span>{formatTaskKey(key)}:</span>\n <ProgressCount>\n {value}/\n {(task.requirements as ICollectItemsRequirement).targets.find(\n t => t.key === key\n )?.quantity || 0}\n </ProgressCount>\n </ProgressItem>\n )\n );\n },\n\n [TaskType.CraftItems]: () => {\n return Object.entries((progress as ICraftProgress).crafted || {}).map(\n ([key, value], index) => (\n <ProgressItem key={index}>\n <span>{formatTaskKey(key)}:</span>\n <ProgressCount>\n {value}/\n {(task.requirements as ICraftRequirement).targets.find(\n t => t.key === key\n )?.quantity || 0}\n </ProgressCount>\n </ProgressItem>\n )\n );\n },\n\n [TaskType.MapVisit]: () => {\n return Object.entries(\n (progress as IMapVisitProgress).visitedMaps || {}\n ).map(([mapName, visited], index) => (\n <ProgressItem key={index}>\n <CheckItemWrapper>\n <ReadOnlyCheckItem\n labelLeft={formatTaskKey(mapName)}\n checked={visited}\n />\n </CheckItemWrapper>\n </ProgressItem>\n ));\n },\n };\n\n return (\n <ProgressList>\n {progressRenderers[type] ? progressRenderers[type]() : null}\n </ProgressList>\n );\n};\n\nconst ProgressList = styled.div`\n display: flex;\n flex-direction: column;\n gap: 8px;\n`;\n\nconst ProgressItem = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n`;\n\nconst ProgressCount = styled.span`\n color: ${uiColors.white} !important;\n`;\n\nconst CheckItemWrapper = styled.div`\n display: flex;\n justify-content: center;\n width: 100%;\n height: 20px;\n\n input.rpgui-checkbox + label {\n margin: 0 !important;\n padding-left: 23px !important;\n }\n`;\n","import { ICharacterDailyTask } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { DailyRewardsTooltip } from './DailyRewardsTooltip';\nimport { TaskProgressDetails } from './TaskProgressDetails';\nimport { formatDifficulty, getStatusInfo } from './utils/dailyTasks.utils';\n\ninterface TaskProgressProps {\n task: ICharacterDailyTask;\n itemsAtlasJSON: Record<string, any>;\n itemsAtlasIMG: string;\n iconAtlasJSON?: Record<string, any>;\n iconAtlasIMG?: string;\n}\n\nexport const TaskProgress: React.FC<TaskProgressProps> = ({\n task,\n itemsAtlasJSON,\n itemsAtlasIMG,\n iconAtlasJSON,\n iconAtlasIMG,\n}) => {\n const { difficulty } = task;\n\n return (\n <ProgressContainer>\n <ProgressList>\n <ProgressItem>\n <ProgressLabel>Difficulty:</ProgressLabel>\n <TaskDifficulty difficulty={difficulty}>\n {formatDifficulty(difficulty)}\n </TaskDifficulty>\n </ProgressItem>\n\n <ProgressItem>\n <ProgressLabel>Status:</ProgressLabel>\n <StatusText color={getStatusInfo(task).color}>\n {getStatusInfo(task).text}\n </StatusText>\n </ProgressItem>\n\n <TaskProgressDetails task={task} />\n\n {task.rewards && task.rewards.length > 0 && (\n <ProgressItem>\n <DailyRewardsTooltip\n rewards={task.rewards}\n itemsAtlasJSON={itemsAtlasJSON}\n itemsAtlasIMG={itemsAtlasIMG}\n iconAtlasJSON={iconAtlasJSON}\n iconAtlasIMG={iconAtlasIMG}\n />\n </ProgressItem>\n )}\n </ProgressList>\n </ProgressContainer>\n );\n};\n\nconst ProgressContainer = styled.div`\n width: 100%;\n position: relative;\n`;\n\nconst ProgressList = styled.div`\n display: flex;\n flex-direction: column;\n gap: 6px;\n`;\n\nconst ProgressItem = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n`;\n\nconst ProgressLabel = styled.span`\n color: ${uiColors.white} !important;\n`;\n\nconst TaskDifficulty = styled.span<{ difficulty: string }>`\n color: ${props =>\n props.difficulty.toLowerCase() === 'challenge'\n ? uiColors.red\n : uiColors.lightGray} !important;\n`;\n\nconst StatusText = styled.span<{ color: string }>`\n color: ${props => props.color} !important;\n font-weight: bold;\n`;\n","import {\n ICharacterDailyTask,\n isMobileOrTablet,\n TaskStatus,\n TaskType,\n} from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { Button, ButtonTypes } from '../Button';\nimport { Ellipsis } from '../shared/Ellipsis';\nimport { SpriteFromAtlas } from '../shared/SpriteFromAtlas';\nimport { TaskProgress } from './TaskProgress';\nimport { formatTaskKey } from './utils/dailyTasks.utils';\n\ninterface IDailyTaskItemProps {\n task: ICharacterDailyTask;\n spriteKey: string;\n onClaimReward: (taskKey: string, taskType: TaskType) => void;\n itemsAtlasJSON: Record<string, any>;\n itemsAtlasIMG: string;\n iconAtlasJSON?: Record<string, any>;\n iconAtlasIMG?: string;\n isRewardClaimed: boolean;\n}\n\nexport const DailyTaskItem: React.FC<IDailyTaskItemProps> = ({\n task,\n spriteKey,\n onClaimReward,\n itemsAtlasJSON,\n itemsAtlasIMG,\n iconAtlasJSON,\n iconAtlasIMG,\n isRewardClaimed,\n}) => {\n const isMobile = isMobileOrTablet();\n\n const isCompleted = task.status === TaskStatus.Completed;\n const isClaimed = task.claimed || isRewardClaimed;\n\n const handleClaimReward = () => {\n onClaimReward(task.key, task.type);\n };\n\n return (\n <TaskContainer>\n <TaskHeader>\n {iconAtlasJSON && iconAtlasIMG && (\n <NonInteractiveWrapper>\n <SpriteFromAtlas\n atlasJSON={iconAtlasJSON}\n atlasIMG={iconAtlasIMG}\n spriteKey={spriteKey}\n width={12}\n height={12}\n imgScale={2.75}\n />\n </NonInteractiveWrapper>\n )}\n <TaskContent>\n <TaskTitle>\n <Ellipsis maxWidth=\"100%\" maxLines={isMobile ? 3 : 2}>\n {task.name ?? formatTaskKey(task.key)}\n </Ellipsis>\n </TaskTitle>\n <TaskDescription>\n <Ellipsis maxWidth=\"100%\" maxLines={isMobile ? 5 : 3}>\n {task.description}\n </Ellipsis>\n </TaskDescription>\n </TaskContent>\n </TaskHeader>\n\n <TaskProgress\n task={task}\n itemsAtlasJSON={itemsAtlasJSON}\n itemsAtlasIMG={itemsAtlasIMG}\n />\n\n {isCompleted && !isClaimed && (\n <CollectWrapper>\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n onPointerDown={handleClaimReward}\n >\n Collect Reward\n </Button>\n </CollectWrapper>\n )}\n\n {isClaimed && <ClaimedText>Reward Claimed</ClaimedText>}\n </TaskContainer>\n );\n};\n\nconst TaskContainer = styled.div`\n background: rgba(0, 0, 0, 0.5) !important;\n border: 2px solid ${uiColors.darkGray} !important;\n border-radius: 8px;\n padding: 12px;\n display: flex;\n flex-direction: column;\n gap: 8px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\n`;\n\nconst TaskHeader = styled.div`\n display: flex;\n width: 100%;\n justify-content: center;\n border-bottom: 1.3px solid ${uiColors.darkGray};\n`;\n\nconst NonInteractiveWrapper = styled.div`\n pointer-events: none;\n user-select: none;\n margin-top: 5px;\n`;\n\nconst TaskContent = styled.div`\n display: flex;\n flex-direction: column;\n flex: 1;\n`;\n\nconst TaskTitle = styled.h3`\n && {\n color: ${uiColors.yellow};\n padding-left: 10px;\n text-align: center;\n text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);\n flex: 1;\n display: block;\n\n span {\n color: inherit;\n }\n }\n`;\n\nconst TaskDescription = styled.h3`\n font-size: 0.6rem !important;\n text-decoration: none !important;\n a\n`;\n\nconst ClaimedText = styled.span`\n color: ${uiColors.green};\n font-size: 0.9rem;\n text-align: center;\n font-weight: bold;\n`;\n\nconst CollectWrapper = styled.div`\n && {\n width: 100% !important;\n display: flex !important;\n justify-content: center !important;\n align-items: center !important;\n margin: 5px 0 !important;\n }\n`;\n","import {\n ICharacterDailyTask,\n ICollectGlobalRewardRequest,\n TaskStatus,\n} from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { Button, ButtonTypes } from '../Button';\n\ninterface IGlobalTaskProgressProps {\n tasks: ICharacterDailyTask[];\n onClaimAllRewards: (tasks: ICollectGlobalRewardRequest) => void;\n globalRewardClaimed: boolean;\n}\n\nexport const GlobalDailyProgress: React.FC<IGlobalTaskProgressProps> = ({\n tasks,\n onClaimAllRewards,\n globalRewardClaimed,\n}) => {\n const totalTasks = tasks.length;\n const completedTasks = tasks.filter(\n task => task.status === TaskStatus.Completed\n ).length;\n\n const allCompleted =\n tasks.length > 0 &&\n tasks.every(task => task.status === TaskStatus.Completed);\n\n const allClaimed =\n tasks.length > 0 && tasks.every(task => task.claimed === true);\n\n const shouldShowGlobalButton =\n allCompleted && allClaimed && !globalRewardClaimed;\n\n const shouldShowClaimedMessage = globalRewardClaimed;\n\n const handleClaimAll = () => {\n const taskIdentifiers = tasks.map(task => ({\n taskKey: task.key,\n type: task.type,\n }));\n onClaimAllRewards({ tasks: taskIdentifiers });\n };\n\n return (\n <GlobalProgressContainer>\n <HeaderContainer>\n <GlobeIcon>🌍</GlobeIcon>\n <ProgressText>\n Global Tasks Completed: {completedTasks}/{totalTasks}\n </ProgressText>\n </HeaderContainer>\n <ProgressBar>\n <ProgressFill percentage={(completedTasks / totalTasks) * 100} />\n </ProgressBar>\n {allCompleted && (\n <>\n {shouldShowGlobalButton && (\n <CollectWrapper>\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n onPointerDown={handleClaimAll}\n >\n Collect Global Rewards\n </Button>\n </CollectWrapper>\n )}\n {shouldShowClaimedMessage && (\n <ClaimedText>Global Rewards Claimed</ClaimedText>\n )}\n </>\n )}\n </GlobalProgressContainer>\n );\n};\n\nconst GlobalProgressContainer = styled.div`\n background: rgba(0, 0, 0, 0.5) !important;\n border: 2px solid ${uiColors.darkGray} !important;\n border-radius: 8px;\n padding: 12px;\n display: flex;\n flex-direction: column;\n gap: 12px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\n`;\n\nconst HeaderContainer = styled.div`\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 8px;\n`;\n\nconst GlobeIcon = styled.span`\n font-size: 1.5rem !important;\n line-height: 1;\n color: ${uiColors.blue};\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n\nconst ProgressText = styled.div`\n color: ${uiColors.white};\n text-align: center !important;\n margin-top: 8px;\n line-height: 1.2;\n`;\n\nconst ProgressBar = styled.div`\n width: 100%;\n height: 8px;\n background: ${uiColors.darkGray};\n border-radius: 4px;\n overflow: hidden;\n`;\n\nconst ProgressFill = styled.div<{ percentage: number }>`\n width: ${props => props.percentage}%;\n height: 100%;\n background: ${uiColors.green};\n transition: width 0.3s ease;\n`;\n\nconst ClaimedText = styled.span`\n color: ${uiColors.green};\n font-size: 0.9rem;\n text-align: center;\n margin-top: 8px;\n font-weight: bold;\n`;\n\nconst CollectWrapper = styled.div`\n && {\n width: 100% !important;\n display: flex !important;\n justify-content: center !important;\n align-items: center !important;\n margin: 5px 0 !important;\n }\n`;\n","import {\n ICharacterDailyTask,\n ICollectGlobalRewardRequest,\n ICollectRewardRequest,\n TaskType,\n} from '@rpg-engine/shared';\nimport React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { useResponsiveSize } from '../CraftBook/hooks/useResponsiveSize';\nimport { DraggableContainer } from '../DraggableContainer';\nimport { RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';\nimport { DailyTaskItem } from './DailyTaskItem';\nimport { GlobalDailyProgress } from './GlobalDailyProgress';\nimport { getTaskIcon } from './utils/dailyTasks.utils';\n\nexport interface IDailyTasksProps {\n tasks: ICharacterDailyTask[];\n onClaimReward: (task: ICollectRewardRequest) => void;\n onClaimGlobalReward: (tasks: ICollectGlobalRewardRequest) => void;\n onClose: () => void;\n scale?: number;\n itemsAtlasJSON: Record<string, any>;\n itemsAtlasIMG: string;\n iconAtlasJSON?: Record<string, any>;\n iconAtlasIMG?: string;\n globalRewardClaimed?: boolean;\n}\n\nexport const DailyTasks: React.FC<IDailyTasksProps> = ({\n tasks,\n onClaimReward,\n onClaimGlobalReward,\n onClose,\n scale = 1,\n itemsAtlasJSON,\n itemsAtlasIMG,\n iconAtlasJSON,\n iconAtlasIMG,\n globalRewardClaimed = false,\n}): JSX.Element | null => {\n const [localTasks] = React.useState(tasks);\n const size = useResponsiveSize(scale);\n const [claimedTasks, setClaimedTasks] = useState<string[]>([]);\n const [globalRewardClaimedLocal, setGlobalRewardClaimedLocal] = useState(\n false\n );\n\n const handleClaimReward = (taskKey: string, taskType: TaskType) => {\n onClaimReward({\n taskKey,\n type: taskType,\n });\n setClaimedTasks(prev => [...prev, taskKey]);\n };\n\n const handleClaimGlobalRewards = (tasks: ICollectGlobalRewardRequest) => {\n onClaimGlobalReward(tasks);\n setGlobalRewardClaimedLocal(true);\n };\n\n const isTaskRewardClaimed = (taskKey: string): boolean => {\n return claimedTasks.includes(taskKey);\n };\n\n if (!size) return null;\n\n return (\n <TasksContainer\n type={RPGUIContainerTypes.Framed}\n onCloseButton={onClose}\n cancelDrag=\".tasks-container\"\n scale={scale}\n width={size.width}\n height={size.height}\n >\n <TaskTitle>Daily Tasks</TaskTitle>\n <Container>\n <TasksList className=\"tasks-container\">\n <GlobalDailyProgress\n tasks={localTasks}\n onClaimAllRewards={handleClaimGlobalRewards}\n globalRewardClaimed={\n globalRewardClaimed || globalRewardClaimedLocal\n }\n />\n {localTasks.map(task => (\n <DailyTaskItem\n key={task.key}\n task={task}\n spriteKey={getTaskIcon(task.type, task.difficulty)}\n onClaimReward={handleClaimReward}\n itemsAtlasJSON={itemsAtlasJSON}\n itemsAtlasIMG={itemsAtlasIMG}\n iconAtlasJSON={iconAtlasJSON}\n iconAtlasIMG={iconAtlasIMG}\n isRewardClaimed={task.claimed || isTaskRewardClaimed(task.key)}\n />\n ))}\n </TasksList>\n </Container>\n </TasksContainer>\n );\n};\n\nconst TasksContainer = styled(DraggableContainer)`\n min-width: 450px;\n max-width: 550px;\n margin: 0 auto;\n\n .rpgui-container-title {\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n }\n\n .rpgui-container {\n padding: 0 !important;\n overflow: hidden !important;\n background-color: rgba(30, 30, 30, 0.9) !important;\n }\n`;\n\nconst Container = styled.div`\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n padding: 0.125rem;\n overflow-y: auto;\n\n box-sizing: border-box;\n\n @media (min-width: 320px) {\n padding: 0.25rem;\n }\n\n @media (min-width: 360px) {\n padding: 0.5rem;\n }\n\n @media (min-width: 480px) {\n padding: 0.75rem;\n }\n`;\n\nconst TasksList = styled.div`\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding: 15px;\n max-height: 70vh;\n`;\n\nconst TaskTitle = styled.h2`\n color: ${uiColors.yellow} !important;\n text-align: center;\n padding-right: 30px !important;\n font-size: 1.4rem !important;\n width: 100%;\n`;\n\n\n","import React, { memo, useCallback, useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\n\ninterface IDPadContainerProps {\n opacity?: number;\n showBackground?: boolean;\n size?: number;\n disabled?: boolean;\n}\n\ninterface IDPadButtonProps {\n size?: number;\n isPressed?: boolean;\n disabled?: boolean;\n}\n\ninterface IDPadOptions {\n /** Opacity of the entire component (0-1) */\n opacity?: number;\n /** Show the silver background behind the controller (default: false) */\n showBackground?: boolean;\n /** Size in pixels (default: 100) */\n size?: number;\n /** Interval in ms for continuous press events (default: 500) */\n pressInterval?: number;\n}\n\ninterface IDPadProps {\n /** Callback fired when a direction is pressed */\n onDirectionPress?: (direction: 'up' | 'down' | 'left' | 'right') => void;\n /** Callback fired when a direction is released */\n onDirectionRelease?: (direction: 'up' | 'down' | 'left' | 'right') => void;\n /** Whether the component is disabled */\n disabled?: boolean;\n /** Additional options for customizing the D-pad */\n options?: IDPadOptions;\n}\n\n// Memoize the styled components since they don't depend on props that change frequently\nconst DPadButton = memo(styled.div<IDPadButtonProps>`\n position: absolute;\n background: ${props => (props.isPressed ? '#363636' : '#424242')};\n box-shadow: ${props =>\n props.isPressed\n ? 'inset 0 0 12px rgba(0, 0, 0, 0.8), 0 0 2px rgba(0, 0, 0, 0.3)'\n : 'inset 0 0 5px rgba(0, 0, 0, 0.5), 0 2px 4px rgba(0, 0, 0, 0.2)'};\n cursor: ${props => (props.disabled ? 'not-allowed' : 'pointer')};\n user-select: none;\n transition: all 0.08s cubic-bezier(0.4, 0, 0.2, 1);\n touch-action: none;\n -webkit-tap-highlight-color: transparent;\n transform-origin: center center;\n\n &:hover:not(:active) {\n @media (hover: hover) {\n filter: ${props =>\n !props.disabled && !props.isPressed ? 'brightness(1.1)' : 'none'};\n }\n }\n\n &::after {\n content: '';\n position: absolute;\n width: 0;\n height: 0;\n border: ${props => (props.size ?? 100) * 0.05}px solid transparent;\n pointer-events: none;\n opacity: ${props => (props.isPressed ? 0.7 : 1)};\n transition: all 0.08s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n &.up,\n &.down {\n width: ${props => (props.size ?? 100) * 0.3}px;\n height: ${props => (props.size ?? 100) * 0.4}px;\n left: 50%;\n transform: translateX(-50%) scale(${props => (props.isPressed ? 0.95 : 1)});\n }\n\n &.left,\n &.right {\n width: ${props => (props.size ?? 100) * 0.4}px;\n height: ${props => (props.size ?? 100) * 0.3}px;\n top: 50%;\n transform: translateY(-50%) scale(${props => (props.isPressed ? 0.95 : 1)});\n }\n\n &.up {\n top: 0;\n border-radius: 5px 5px 0 0;\n &::after {\n border-bottom-color: #2a2a2a;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n }\n\n &.down {\n bottom: 0;\n border-radius: 0 0 5px 5px;\n &::after {\n border-top-color: #2a2a2a;\n bottom: 45%;\n left: 50%;\n transform: translate(-50%, 50%);\n }\n }\n\n &.left {\n left: 0;\n border-radius: 5px 0 0 5px;\n &::after {\n border-right-color: #2a2a2a;\n left: 45%;\n top: 50%;\n transform: translate(-50%, -50%);\n }\n }\n\n &.right {\n right: 0;\n border-radius: 0 5px 5px 0;\n &::after {\n border-left-color: #2a2a2a;\n right: 45%;\n top: 50%;\n transform: translate(50%, -50%);\n }\n }\n`);\n\nconst DPadCenter = memo(styled.div<IDPadButtonProps>`\n position: absolute;\n width: ${props => (props.size ?? 100) * 0.3}px;\n height: ${props => (props.size ?? 100) * 0.3}px;\n background: #424242;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.6);\n border-radius: 50%;\n user-select: none;\n cursor: ${props => (props.disabled ? 'not-allowed' : 'default')};\n touch-action: none;\n -webkit-tap-highlight-color: transparent;\n\n &::after {\n content: '';\n position: absolute;\n width: ${props => (props.size ?? 100) * 0.08}px;\n height: ${props => (props.size ?? 100) * 0.08}px;\n background: #2a2a2a;\n border-radius: 50%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n pointer-events: none;\n box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.8);\n }\n`);\n\nconst DPadContainer = memo(styled.div<IDPadContainerProps>`\n width: ${props => props.size ?? 100}px;\n height: ${props => props.size ?? 100}px;\n position: relative;\n background: ${props => (props.showBackground ? '#b8b8b8' : 'transparent')};\n border-radius: 50%;\n box-shadow: ${props =>\n props.showBackground\n ? 'inset 0 0 10px rgba(0, 0, 0, 0.3), 0 4px 8px rgba(0, 0, 0, 0.3), 0 2px 4px rgba(0, 0, 0, 0.2)'\n : 'none'};\n opacity: ${props => (props.disabled ? 0.5 : props.opacity ?? 1)};\n user-select: none;\n cursor: ${props => (props.disabled ? 'not-allowed' : 'default')};\n transition: opacity 0.2s ease;\n touch-action: none;\n -webkit-tap-highlight-color: transparent;\n`);\n\nexport const JoystickDPad = memo(\n ({\n onDirectionPress,\n onDirectionRelease,\n disabled = false,\n options = {},\n }: IDPadProps): JSX.Element => {\n const {\n opacity = 1,\n showBackground = false,\n size = 100,\n pressInterval = 500,\n } = options;\n\n // Use refs for values that don't need to trigger re-renders\n const [pressedButtons, setPressedButtons] = useState<Set<string>>(\n new Set()\n );\n const intervalRef = useRef<number | null>(null);\n const activeDirectionRef = useRef<'up' | 'down' | 'left' | 'right' | null>(\n null\n );\n const touchStartRef = useRef<{ x: number; y: number } | null>(null);\n const isPressedRef = useRef<boolean>(false);\n\n const clearPressInterval = useCallback(() => {\n if (intervalRef.current !== null) {\n window.clearInterval(intervalRef.current);\n intervalRef.current = null;\n }\n activeDirectionRef.current = null;\n }, []);\n\n const clearAllPresses = useCallback(() => {\n if (activeDirectionRef.current && onDirectionRelease) {\n onDirectionRelease(activeDirectionRef.current);\n }\n clearPressInterval();\n setPressedButtons(new Set());\n activeDirectionRef.current = null;\n isPressedRef.current = false;\n }, [clearPressInterval, onDirectionRelease]);\n\n const handleDirectionPress = useCallback(\n (direction: 'up' | 'down' | 'left' | 'right') => {\n if (disabled) return;\n\n // Clear any existing presses first\n clearAllPresses();\n\n // Set new direction\n activeDirectionRef.current = direction;\n isPressedRef.current = true;\n setPressedButtons(new Set([direction]));\n onDirectionPress?.(direction);\n\n intervalRef.current = window.setInterval(() => {\n if (activeDirectionRef.current === direction) {\n onDirectionPress?.(direction);\n } else {\n clearPressInterval();\n }\n }, pressInterval);\n },\n [\n disabled,\n onDirectionPress,\n pressInterval,\n clearPressInterval,\n clearAllPresses,\n ]\n );\n\n const handleDirectionRelease = useCallback(\n (direction: 'up' | 'down' | 'left' | 'right') => {\n if (activeDirectionRef.current === direction) {\n clearAllPresses();\n }\n },\n [clearAllPresses]\n );\n\n const handleTouchStart = useCallback(\n (e: React.TouchEvent, direction: 'up' | 'down' | 'left' | 'right') => {\n const touch = e.touches[0];\n if (touch) {\n touchStartRef.current = { x: touch.clientX, y: touch.clientY };\n handleDirectionPress(direction);\n }\n },\n [handleDirectionPress]\n );\n\n const handleTouchMove = useCallback(\n (e: React.TouchEvent) => {\n const touch = e.touches[0];\n if (!touch || !touchStartRef.current) return;\n\n const { x: startX, y: startY } = touchStartRef.current;\n const deltaX = touch.clientX - startX;\n const deltaY = touch.clientY - startY;\n\n // Calculate angle and distance\n const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);\n const angle = Math.atan2(deltaY, deltaX) * (180 / Math.PI);\n\n // Only trigger if we've moved enough\n const threshold = size * 0.15; // Adaptive threshold based on d-pad size\n if (distance < threshold) return;\n\n let newDirection: 'up' | 'down' | 'left' | 'right' | null = null;\n\n // Determine direction based on angle\n if (angle > -45 && angle <= 45) newDirection = 'right';\n else if (angle > 45 && angle <= 135) newDirection = 'down';\n else if (angle > 135 || angle <= -135) newDirection = 'left';\n else if (angle > -135 && angle <= -45) newDirection = 'up';\n\n if (newDirection && newDirection !== activeDirectionRef.current) {\n handleDirectionPress(newDirection);\n // Update touch start to current position to prevent jitter\n touchStartRef.current = { x: touch.clientX, y: touch.clientY };\n }\n },\n [handleDirectionPress, size]\n );\n\n // Add a new cleanup function for touch events\n const cleanupTouchEvents = useCallback(() => {\n touchStartRef.current = null;\n if (activeDirectionRef.current) {\n handleDirectionRelease(activeDirectionRef.current);\n }\n }, [handleDirectionRelease]);\n\n // Enhance the touch end handler\n const handleTouchEnd = useCallback(() => {\n cleanupTouchEvents();\n }, [cleanupTouchEvents]);\n\n // Add touch cancel handler\n const handleTouchCancel = useCallback(() => {\n cleanupTouchEvents();\n }, [cleanupTouchEvents]);\n\n // Enhance cleanup effect\n useEffect(() => {\n if (disabled) {\n clearAllPresses();\n }\n\n const handleBlur = () => {\n clearAllPresses();\n };\n\n const handleVisibilityChange = () => {\n if (document.hidden) {\n clearAllPresses();\n }\n };\n\n const handlePointerUp = () => {\n // Global pointer up as fallback for stuck buttons\n if (isPressedRef.current) {\n clearAllPresses();\n }\n };\n\n window.addEventListener('blur', handleBlur);\n window.addEventListener('pointerup', handlePointerUp);\n document.addEventListener('visibilitychange', handleVisibilityChange);\n\n return () => {\n clearAllPresses();\n window.removeEventListener('blur', handleBlur);\n window.removeEventListener('pointerup', handlePointerUp);\n document.removeEventListener(\n 'visibilitychange',\n handleVisibilityChange\n );\n };\n }, [disabled, clearAllPresses]);\n\n // Memoize the preventDefault handler\n const preventDefault = useCallback(\n (e: React.MouseEvent | React.TouchEvent) => {\n e.preventDefault();\n e.stopPropagation();\n },\n []\n );\n\n // Memoize button props to prevent unnecessary re-renders\n const buttonProps = useCallback(\n (direction: 'up' | 'down' | 'left' | 'right') => ({\n onMouseDown: () => handleDirectionPress(direction),\n onMouseUp: () => handleDirectionRelease(direction),\n onMouseLeave: () => handleDirectionRelease(direction),\n onTouchStart: (e: React.TouchEvent) => handleTouchStart(e, direction),\n onTouchMove: handleTouchMove,\n onTouchEnd: handleTouchEnd,\n onContextMenu: preventDefault,\n size,\n isPressed: pressedButtons.has(direction),\n disabled,\n }),\n [\n handleDirectionPress,\n handleDirectionRelease,\n handleTouchStart,\n handleTouchMove,\n handleTouchEnd,\n preventDefault,\n size,\n pressedButtons,\n disabled,\n ]\n );\n\n return (\n <DPadContainer\n opacity={opacity}\n showBackground={showBackground}\n size={size}\n disabled={disabled}\n onContextMenu={preventDefault}\n onTouchCancel={handleTouchCancel}\n >\n <DPadButton className=\"up\" {...buttonProps('up')} />\n <DPadButton className=\"right\" {...buttonProps('right')} />\n <DPadButton className=\"down\" {...buttonProps('down')} />\n <DPadButton className=\"left\" {...buttonProps('left')} />\n <DPadCenter\n size={size}\n disabled={disabled}\n onContextMenu={preventDefault}\n />\n </DPadContainer>\n );\n }\n);\n\nJoystickDPad.displayName = 'JoystickDPad';\n","import React from 'react';\nimport styled from 'styled-components';\nimport { RPGUIContainer, RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';\nimport { NPCDialogText } from './NPCDialogText';\nimport {\n IQuestionDialog,\n IQuestionDialogAnswer,\n QuestionDialog,\n} from './QuestionDialog/QuestionDialog';\nimport aliceDefaultThumbnail from './img/npcDialog/npcThumbnails/alice.png';\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 return (\n <RPGUIContainer\n type={RPGUIContainerTypes.FramedGold}\n width={isQuestionDialog ? '600px' : '80%'}\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 <CloseIcon onPointerDown={onClose}>X</CloseIcon>\n <TextContainer\n flex={type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'}\n >\n <NPCDialogText\n type={type}\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 </>\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\nconst CloseIcon = styled.p`\n position: absolute;\n top: -1.5rem;\n right: -0.4rem;\n cursor: pointer;\n color: white;\n font-size: 1.1rem !important;\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","import React from 'react';\nimport styled from 'styled-components';\nimport { uiFonts } from '../constants/uiFonts';\nimport { Dropdown } from './Dropdown';\n\ninterface IDropdownSelectorOption {\n id: string;\n name: string;\n}\n\nexport interface IDropdownSelectorContainer {\n onChange: (id: string) => void;\n options: IDropdownSelectorOption[];\n details?: string;\n title: string;\n}\n\nexport const DropdownSelectorContainer: React.FC<IDropdownSelectorContainer> = ({\n title,\n onChange,\n options,\n details,\n}) => {\n return (\n <div>\n <p>{title}</p>\n <Dropdown\n options={options.map((option, index) => ({\n option: option.name,\n value: option.id,\n id: index,\n }))}\n onChange={onChange}\n />\n <Details>{details}</Details>\n </div>\n );\n};\n\nconst Details = styled.p`\n font-size: ${uiFonts.size.xsmall} !important;\n`;\n","import { getItemTextureKeyPath } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useCursorPosition } from '../../../hooks/useCursorPosition';\nimport { SpriteFromAtlas } from '../../shared/SpriteFromAtlas';\nimport { onRenderStackInfo } from './ItemSlotQty/ItemSlotQty';\nimport { useItemSlotDragging } from './context/ItemSlotDraggingContext';\n\nconst CONTAINER_SIZE = 32;\nconst OFFSET = CONTAINER_SIZE / 2;\n\ninterface IProps {\n atlasJSON: any;\n atlasIMG: any;\n scale?: number;\n}\n\nexport const DraggedItem = ({\n atlasJSON,\n atlasIMG,\n scale,\n}: IProps): JSX.Element | null => {\n const { draggingState } = useItemSlotDragging();\n\n const { item } = draggingState;\n\n const { x, y } = useCursorPosition({\n scale,\n });\n\n if (!item) {\n return null;\n }\n\n if (x === 0 && y === 0) {\n return null;\n }\n\n const centeredX = x - OFFSET;\n const centeredY = y - OFFSET;\n\n const stackInfo = onRenderStackInfo(item?._id ?? '', item?.stackQty ?? 0);\n\n return (\n <Container>\n <SpriteContainer x={centeredX} y={centeredY}>\n <SpriteFromAtlas\n key={item._id}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n spriteKey={getItemTextureKeyPath(\n {\n key: item.texturePath,\n texturePath: item.texturePath,\n stackQty: item.stackQty || 1,\n isStackable: item.isStackable,\n },\n atlasJSON\n )}\n imgScale={3}\n imgClassname=\"sprite-from-atlas-img--item\"\n />\n {stackInfo}\n </SpriteContainer>\n </Container>\n );\n};\n\ninterface IContainer {\n x: number;\n y: number;\n}\n\nconst pulse = `\n @keyframes pulse {\n 0%, 100% {\n transform: scale(1) rotate(-3deg);\n }\n 50% {\n transform: scale(0.95) rotate(-3deg);\n }\n }\n`;\n\nconst Container = styled.div`\n position: relative;\n`;\n\nconst SpriteContainer = styled.div.attrs<IContainer>(props => ({\n style: {\n left: `${props.x}px`,\n top: `${props.y}px`,\n },\n}))<IContainer>`\n ${pulse}\n\n position: absolute;\n z-index: 100;\n pointer-events: none;\n\n width: ${CONTAINER_SIZE}px;\n height: ${CONTAINER_SIZE}px;\n\n transform: rotate(-3deg);\n\n filter: grayscale(100%);\n opacity: 0.35;\n\n animation: pulse 2s infinite;\n\n .item-slot-qty {\n position: absolute;\n bottom: 0;\n margin-left: 0.8rem;\n }\n`;\n\nexport default DraggedItem;\n","import { GRID_HEIGHT, GRID_WIDTH } from '@rpg-engine/shared';\nimport { useCallback, useEffect, useState } from 'react';\nimport { IPosition } from '../types/eventTypes';\n\ninterface ICursorPositionProps {\n scale?: number;\n}\n\nexport const useCursorPosition = ({ scale = 1 }: ICursorPositionProps): IPosition => {\n const [position, setPosition] = useState<IPosition>({ x: 0, y: 0 });\n\n const scalePosition = useCallback((x: number, y: number): IPosition => {\n return {\n x: ((x - GRID_WIDTH / 2) / scale) + GRID_WIDTH / 2,\n y: ((y - GRID_HEIGHT / 2) / scale) + GRID_HEIGHT / 2,\n };\n }, [scale]);\n\n const setFromEvent = useCallback((e: MouseEvent | TouchEvent) => {\n let x, y;\n\n if ('touches' in e) {\n x = e.touches[0].clientX;\n y = e.touches[0].clientY;\n } else {\n x = e.clientX;\n y = e.clientY;\n }\n\n const scaledPosition = scalePosition(x, y);\n setPosition(scaledPosition);\n }, [scale, scalePosition]);\n\n const cleanup = useCallback(() => {\n setPosition({ x: 0, y: 0 });\n }, []);\n\n useEffect(() => {\n const handleEvent = (e: Event) => setFromEvent(e as MouseEvent | TouchEvent);\n\n window.addEventListener('mousemove', handleEvent);\n window.addEventListener('touchmove', handleEvent);\n window.addEventListener('mouseup', cleanup);\n window.addEventListener('touchend', cleanup);\n\n return () => {\n window.removeEventListener('mousemove', handleEvent);\n window.removeEventListener('touchmove', handleEvent);\n window.removeEventListener('mouseup', cleanup);\n window.removeEventListener('touchend', cleanup);\n };\n }, [setFromEvent, cleanup]);\n\n return position;\n};\n","import React, { useEffect, useRef } from 'react';\nimport styled from 'styled-components';\nimport { useOutsideClick } from '../hooks/useOutsideAlerter';\nimport ModalPortal from './Abstractions/ModalPortal';\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 pos: { x: number; y: number };\n}\n\nexport const RelativeListMenu: React.FC<IRelativeMenuProps> = ({\n options,\n onSelected,\n onOutsideClick,\n fontSize = 0.8,\n pos,\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 <ModalPortal>\n <Container fontSize={fontSize} ref={ref} {...pos}>\n <ul className=\"rpgui-list-imp\" style={{ overflow: 'hidden' }}>\n {options.map((params, index) => (\n <ListElement\n key={params?.id || index}\n onPointerDown={() => {\n onSelected(params?.id);\n }}\n >\n {params?.text || 'No text'}\n </ListElement>\n ))}\n </ul>\n </Container>\n </ModalPortal>\n );\n};\n\ninterface IContainerProps {\n fontSize?: number;\n x: number;\n y: number;\n}\n\nconst Container = styled.div<IContainerProps>`\n position: absolute;\n top: ${props => props.y}px;\n left: ${props => props.x}px;\n\n display: flex;\n flex-direction: column;\n width: max-content;\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 { IEquipmentSet, IItem } from '@rpg-engine/shared';\nimport React from 'react';\nimport { RelativeListMenu } from '../../RelativeListMenu';\nimport { ItemTooltip } from '../Cards/ItemTooltip';\nimport { MobileItemTooltip } from '../Cards/MobileItemTooltip';\nimport { useItemSlotDetails } from './context/ItemSlotDetailsContext';\nimport { useItemSlotDragging } from './context/ItemSlotDraggingContext';\n\ninterface IProps {\n dragScale: number | undefined;\n onSelected?: (optionId: string, item: IItem) => void;\n atlasIMG: any;\n atlasJSON: any;\n equipmentSet?: IEquipmentSet | null;\n isContextMenuDisabled?: boolean;\n}\n\nexport const ItemSlotToolTips = ({\n dragScale,\n onSelected,\n atlasIMG,\n atlasJSON,\n equipmentSet,\n isContextMenuDisabled,\n}: IProps): JSX.Element => {\n const { detailsState, updateDetailsState } = useItemSlotDetails();\n\n const {\n isTooltipVisible,\n isTooltipMobileVisible,\n isContextMenuVisible,\n contextMenuPosition,\n contextActions,\n item,\n } = detailsState;\n\n const { draggingState } = useItemSlotDragging();\n\n const { isFocused } = draggingState;\n\n return (\n <>\n {isTooltipVisible && item && !isFocused && (\n <ItemTooltip\n item={item}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n equipmentSet={equipmentSet}\n />\n )}\n\n {isTooltipMobileVisible && item && (\n <MobileItemTooltip\n item={item}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n equipmentSet={equipmentSet}\n closeTooltip={() => {\n updateDetailsState({ isTooltipMobileVisible: false });\n }}\n scale={dragScale}\n options={contextActions}\n onSelected={(optionId: string) => {\n updateDetailsState({\n isContextMenuVisible: false,\n });\n if (item) {\n onSelected?.(optionId, item);\n }\n }}\n />\n )}\n\n {!isContextMenuDisabled &&\n isContextMenuVisible &&\n contextActions &&\n contextActions.length > 0 && (\n <RelativeListMenu\n options={contextActions}\n onSelected={(optionId: string) => {\n updateDetailsState({ isContextMenuVisible: false });\n if (item) {\n onSelected?.(optionId, item);\n }\n }}\n onOutsideClick={() => {\n updateDetailsState({ isContextMenuVisible: false });\n }}\n pos={contextMenuPosition}\n />\n )}\n </>\n );\n};\n","import {\n IEquipmentSet,\n IItem,\n IItemContainer,\n isMobile,\n ItemContainerType,\n ItemSlotType,\n ItemType,\n} from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { IPosition } from '../../types/eventTypes';\nimport { DraggableContainer } from '../DraggableContainer';\nimport { ItemSlotDetailsProvider } from '../Item/Inventory/context/ItemSlotDetailsContext';\nimport { ItemSlotDraggingProvider } from '../Item/Inventory/context/ItemSlotDraggingContext';\nimport DraggedItem from '../Item/Inventory/DraggedItem';\nimport { ItemSlot } from '../Item/Inventory/ItemSlot';\nimport { ItemSlotToolTips } from '../Item/Inventory/ItemSlotTooltips';\nimport { RPGUIContainerTypes } from '../RPGUI/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 onItemDragStart?: (\n item: IItem,\n slotIndex: number,\n itemContainerType: ItemContainerType | null\n ) => void;\n onItemDragEnd?: (quantity?: number) => void;\n onItemPlaceDrop?: (\n item: IItem | null,\n slotIndex: number,\n itemContainerType: ItemContainerType | null\n ) => void;\n onItemOutsideDrop?: (item: IItem, position: IPosition) => void;\n scale?: number;\n checkIfItemCanBeMoved: () => boolean;\n checkIfItemShouldDragEnd?: () => boolean;\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 atlasIMG: any;\n atlasJSON: any;\n onPositionChangeEnd?: (position: IPosition) => void;\n onPositionChangeStart?: (position: IPosition) => void;\n}\n\nexport const EquipmentSet: React.FC<IEquipmentSetProps> = ({\n equipmentSet,\n onClose,\n onMouseOver,\n onSelected,\n onItemClick,\n atlasIMG,\n atlasJSON,\n onItemDragEnd,\n onItemDragStart,\n onItemPlaceDrop,\n onItemOutsideDrop,\n checkIfItemCanBeMoved,\n checkIfItemShouldDragEnd,\n scale,\n initialPosition,\n onPositionChangeEnd,\n onPositionChangeStart,\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 onPointerDown={(itemType, ContainerType) => {\n if (onItemClick) onItemClick(itemType, item, ContainerType);\n }}\n onDragStart={(item, slotIndex, itemContainerType) => {\n if (!item) {\n return;\n }\n\n if (onItemDragStart)\n onItemDragStart(item, slotIndex, itemContainerType);\n }}\n onDragEnd={quantity => {\n if (onItemDragEnd) onItemDragEnd(quantity);\n }}\n dragScale={scale}\n checkIfItemCanBeMoved={checkIfItemCanBeMoved}\n checkIfItemShouldDragEnd={checkIfItemShouldDragEnd}\n onPlaceDrop={(item, slotIndex, itemContainerType) => {\n if (onItemPlaceDrop)\n onItemPlaceDrop(item, slotIndex, itemContainerType);\n }}\n onOutsideDrop={(item, position) => {\n if (onItemOutsideDrop) onItemOutsideDrop(item, position);\n }}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n />\n );\n });\n };\n\n return (\n <ItemSlotDraggingProvider>\n <ItemSlotDetailsProvider>\n <DraggedItem atlasIMG={atlasIMG} atlasJSON={atlasJSON} scale={scale} />\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 scale={scale}\n initialPosition={initialPosition}\n onPositionChangeEnd={onPositionChangeEnd}\n onPositionChangeStart={onPositionChangeStart}\n >\n <EquipmentSetContainer className=\"equipment-container-body\">\n <EquipmentColumn>\n {onRenderEquipmentSlotRange(0, 3)}\n </EquipmentColumn>\n <EquipmentColumn>\n {onRenderEquipmentSlotRange(3, 7)}\n </EquipmentColumn>\n <EquipmentColumn>\n {onRenderEquipmentSlotRange(7, 10)}\n </EquipmentColumn>\n </EquipmentSetContainer>\n </DraggableContainer>\n\n <ItemSlotToolTips\n dragScale={scale}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n equipmentSet={equipmentSet}\n onSelected={onSelected}\n isContextMenuDisabled={isMobile()}\n />\n </ItemSlotDetailsProvider>\n </ItemSlotDraggingProvider>\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 touch-action: none;\n overflow: hidden;\n`;\n\nconst EquipmentColumn = styled.div`\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n flex-direction: column;\n touch-action: none;\n`;\n","import styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\n\nexport const Table = styled.table`\n width: 100%;\n border-collapse: collapse;\n margin-top: 1rem;\n`;\n\nexport const TableRow = styled.tr`\n &:nth-child(even) {\n background-color: rgba(255, 255, 255, 0.05) !important;\n }\n &:hover {\n background-color: rgba(255, 255, 255, 0.1) !important;\n }\n`;\n\nexport const TableHeader = styled.th`\n text-align: left;\n padding: 0.5rem;\n color: ${uiColors.yellow} !important;\n border-bottom: 1px solid ${uiColors.lightGray};\n text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;\n`;\n\nexport const TableCell = styled.td`\n padding: 0.5rem;\n color: ${uiColors.white};\n border-bottom: 1px solid ${uiColors.lightGray};\n text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;\n`;\n\nexport const ActionButtons = styled.div`\n display: flex;\n gap: 10px;\n align-items: center;\n`;\n\ninterface IUserActionProps {\n color: string;\n}\n\nexport const UserActionLink = styled.span<IUserActionProps>`\n color: ${({ color }) => color} !important;\n cursor: pointer;\n margin-right: 0.5rem;\n\n &:hover {\n text-decoration: underline;\n }\n`;\n","import { debounce } from 'lodash';\nimport React, { useCallback, useState } from 'react';\nimport styled from 'styled-components';\nimport { InternalTabs, UserActionLink } from '../..';\nimport { uiColors } from '../../constants/uiColors';\nimport { uiFonts } from '../../constants/uiFonts';\nimport { IFriend } from './FriendList';\n\ninterface ISearchFriendProps {\n searchedCharacters: IFriend[];\n friendRequests: IFriend[];\n onFocus?: () => void;\n onBlur?: () => void;\n onSearch: (characterName: string) => void;\n onSendFriendRequest: (character: IFriend) => void;\n onAcceptRequest: (character: IFriend) => void;\n onRejectRequest: (character: IFriend) => void;\n}\n\nexport const SearchFriend: React.FC<ISearchFriendProps> = ({\n searchedCharacters,\n friendRequests,\n onBlur,\n onFocus,\n onSearch,\n onSendFriendRequest,\n onAcceptRequest,\n onRejectRequest,\n}) => {\n const [characterName, setCharacterName] = useState('');\n\n const debouncedSearch = useCallback(\n debounce((name: string) => {\n onSearch(name);\n }, 300),\n []\n );\n\n const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const name = e.target.value;\n setCharacterName(name);\n debouncedSearch(name);\n };\n\n const handleSubmit = (event: React.SyntheticEvent<HTMLFormElement>) => {\n event.preventDefault();\n if (characterName.trim()) {\n onSearch(characterName);\n }\n };\n\n const searchTabContent = (\n <ListContainer>\n <SearchForm onSubmit={handleSubmit}>\n <SearchInput\n value={characterName}\n id=\"characterName\"\n name=\"characterName\"\n onChange={handleInputChange}\n type=\"text\"\n autoComplete=\"off\"\n onFocus={onFocus}\n onBlur={onBlur}\n onPointerDown={onFocus}\n autoFocus\n placeholder=\"Search for a character...\"\n />\n </SearchForm>\n <CharacterList\n characters={searchedCharacters}\n onAction={onSendFriendRequest}\n actionLabel=\"Add Friend\"\n />\n </ListContainer>\n );\n\n const requestsTabContent = (\n <ListContainer>\n <FriendRequestSection\n friendRequests={friendRequests}\n onAccept={onAcceptRequest}\n onReject={onRejectRequest}\n />\n </ListContainer>\n );\n\n const tabs = [\n { id: 'search', title: 'Search', content: searchTabContent },\n {\n id: 'requests',\n title: `Requests (${friendRequests.length})`,\n content: requestsTabContent,\n },\n ];\n\n return (\n <Container>\n <InternalTabs\n tabs={tabs}\n activeTextColor=\"#000\"\n inactiveColor=\"#777\"\n borderColor=\"#f59e0b\"\n />\n </Container>\n );\n};\n\nconst CharacterList: React.FC<{\n characters: IFriend[];\n onAction: (character: IFriend) => void;\n actionLabel: string;\n}> = ({ characters, onAction, actionLabel }) => (\n <ListContainer>\n {characters.map(character => (\n <ListItem key={character._id}>\n <CharacterName>{character.name}</CharacterName>\n <UserActionLink\n color={uiColors.lightGreen}\n onClick={() => onAction(character)}\n >\n {actionLabel}\n </UserActionLink>\n </ListItem>\n ))}\n </ListContainer>\n);\n\nconst FriendRequestSection: React.FC<{\n friendRequests: IFriend[];\n onAccept: (character: IFriend) => void;\n onReject: (character: IFriend) => void;\n}> = ({ friendRequests, onAccept, onReject }) => (\n <>\n {friendRequests.length > 0 && (\n <ListContainer>\n {friendRequests.map(character => (\n <ListItem key={character._id}>\n <CharacterName>{character.name}</CharacterName>\n <AcceptRejectActions>\n <UserActionLink\n color={uiColors.lightGreen}\n onClick={() => onAccept(character)}\n >\n Accept\n </UserActionLink>\n <UserActionLink\n color={uiColors.red}\n onClick={() => onReject(character)}\n >\n Reject\n </UserActionLink>\n </AcceptRejectActions>\n </ListItem>\n ))}\n </ListContainer>\n )}\n </>\n);\n\nconst Container = styled.div`\n display: flex;\n flex-direction: column;\n gap: 1rem;\n`;\n\nconst SearchForm = styled.form`\n display: flex;\n align-items: center;\n width: 100%;\n margin-top: 1rem;\n`;\n\nconst SearchInput = styled.input`\n width: 100%;\n background-color: rgba(0, 0, 0, 0.25);\n border: none;\n padding: 0.5rem;\n font-size: ${uiFonts.size.small};\n`;\n\nconst ListContainer = styled.ul`\n list-style: none;\n padding: 0;\n margin: 0;\n width: 100%;\n max-height: 50vh;\n overflow-y: auto;\n\n @media (max-width: 768px) {\n max-height: 90vh;\n }\n`;\n\nconst ListItem = styled.li`\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.5rem;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n`;\n\nconst CharacterName = styled.p`\n font-size: ${uiFonts.size.small};\n margin: 0;\n`;\n\nconst AcceptRejectActions = styled.div`\n display: flex;\n gap: 0.5rem;\n`;\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { Button, ButtonTypes } from '../Button';\n\nimport { ICharacter } from '@rpg-engine/shared';\nimport {\n ActionButtons,\n Table,\n TableCell,\n TableHeader,\n TableRow,\n UserActionLink,\n} from '../Table/Table';\nimport { SearchFriend } from './SearchFriend';\nexport type IFriend = Pick<ICharacter, 'name' | '_id' | 'isOnline'>;\ninterface IFriendListProps {\n scale?: number;\n friends: IFriend[];\n friendRequests: IFriend[];\n searchedCharacters: IFriend[];\n onFocus?: () => void;\n onBlur?: () => void;\n onClose: () => void;\n onOpenPrivateMessage: (character: IFriend) => void;\n onRemoveFriend: (character: IFriend) => void;\n onSendFriendRequest: (character: IFriend) => void;\n onSearch: (characterName: string) => void;\n onAcceptRequest: (character: IFriend) => void;\n onRejectRequest: (character: IFriend) => void;\n onAddFriend?: () => void;\n onBackFriendList?: () => void;\n}\n\nexport const FriendList: React.FC<IFriendListProps> = ({\n friends,\n friendRequests,\n searchedCharacters,\n onFocus,\n onBlur,\n onSearch,\n onAcceptRequest,\n onSendFriendRequest,\n onRemoveFriend,\n onOpenPrivateMessage,\n onRejectRequest,\n onAddFriend,\n onBackFriendList,\n}) => {\n const [isAddFriendUI, setIsAddFriendUI] = useState(false);\n\n useEffect(() => {\n if (isAddFriendUI) {\n onAddFriend?.();\n } else {\n onBackFriendList?.();\n }\n }, [isAddFriendUI]);\n\n return (\n <ListWrapper>\n {isAddFriendUI ? (\n <SearchFriend\n searchedCharacters={searchedCharacters}\n onSendFriendRequest={onSendFriendRequest}\n onAcceptRequest={onAcceptRequest}\n onRejectRequest={onRejectRequest}\n friendRequests={friendRequests}\n onSearch={onSearch}\n onBlur={onBlur}\n onFocus={onFocus}\n />\n ) : (\n <>\n <ScrollableArea>\n <Table>\n <thead>\n <TableRow>\n <TableHeader>Online</TableHeader>\n <TableHeader>Name</TableHeader>\n <TableHeader>Actions</TableHeader>\n </TableRow>\n </thead>\n <tbody>\n {friends.map(friend => (\n <TableRow key={friend._id}>\n <TableCell>\n <IsOnlineBadge $isOnline={friend.isOnline} />\n </TableCell>\n <TableCell>{friend.name}</TableCell>\n <TableCell>\n <ActionButtons>\n <UserActionLink\n color={uiColors.white}\n onClick={() => onOpenPrivateMessage(friend)}\n >\n Chat\n </UserActionLink>\n <UserActionLink\n color={uiColors.red}\n onClick={() => onRemoveFriend(friend)}\n >\n Remove\n </UserActionLink>\n </ActionButtons>\n </TableCell>\n </TableRow>\n ))}\n </tbody>\n </Table>\n </ScrollableArea>\n </>\n )}\n\n <ButtonContainer>\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n onClick={() => setIsAddFriendUI(prev => !prev)}\n >\n {isAddFriendUI ? 'Back' : 'Add New Friend'}\n </Button>\n </ButtonContainer>\n </ListWrapper>\n );\n};\n\n// Styled components for FriendList UI\nconst ListWrapper = styled.div`\n margin-top: 1rem;\n max-height: 350px;\n display: flex;\n flex-direction: column;\n`;\n\nconst ScrollableArea = styled.div`\n overflow-y: auto;\n max-height: 300px; /* Adjust this value based on your layout */\n`;\n\nconst IsOnlineBadge = styled.div<{ $isOnline: boolean }>`\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background-color: ${({ $isOnline }) =>\n $isOnline ? uiColors.lightGreen : uiColors.red};\n margin-right: 1rem;\n`;\n\nconst ButtonContainer = styled.div`\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n margin-top: 1rem;\n`;\n","import { isMobileOrTablet } from '@rpg-engine/shared';\n\nexport const IS_MOBILE_OR_TABLET = isMobileOrTablet();\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 }, 25);\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, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { NPCDialogType } from '../..';\nimport { IS_MOBILE_OR_TABLET } from '../../constants/uiDevices';\nimport { chunkString } from '../../libs/StringHelpers';\nimport { DynamicText } from '../typography/DynamicText';\nimport pressButtonGif from './img/press-button.gif';\nimport pressSpaceGif from './img/space.gif';\n\ninterface IProps {\n text: string;\n onClose: () => void;\n onEndStep?: () => void;\n onStartStep?: () => void;\n type?: NPCDialogType;\n}\n\nexport const NPCDialogText: React.FC<IProps> = ({\n text,\n onClose,\n onEndStep,\n onStartStep,\n type,\n}) => {\n const windowSize = useRef([window.innerWidth, window.innerHeight]);\n function maxCharacters(width: number) {\n // Set the font size to 16 pixels\n var fontSize = 11.2;\n\n // Calculate the number of characters that can fit in one line\n var charactersPerLine = Math.floor(width / 2 / fontSize);\n\n // Calculate the number of lines that can fit in the div\n var linesPerDiv = Math.floor(180 / fontSize);\n\n // Calculate the maximum number of characters that can fit in the div\n var maxCharacters = charactersPerLine * linesPerDiv;\n\n // Return the maximum number of characters\n return Math.round(maxCharacters / 5);\n }\n\n const textChunks = chunkString(text, maxCharacters(windowSize.current[0]));\n\n const [chunkIndex, setChunkIndex] = useState<number>(0);\n const onHandleSpacePress = (event: KeyboardEvent) => {\n if (event.code === 'Space') {\n goToNextStep();\n }\n };\n\n const goToNextStep = () => {\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 useEffect(() => {\n document.addEventListener('keydown', onHandleSpacePress);\n\n return () => document.removeEventListener('keydown', onHandleSpacePress);\n }, [chunkIndex]);\n\n const [showGoNextIndicator, setShowGoNextIndicator] = useState<boolean>(\n false\n );\n\n return (\n <Container>\n <DynamicText\n text={textChunks?.[chunkIndex] || ''}\n onFinish={() => {\n setShowGoNextIndicator(true);\n\n onEndStep && onEndStep();\n }}\n onStart={() => {\n setShowGoNextIndicator(false);\n\n onStartStep && onStartStep();\n }}\n />\n {showGoNextIndicator && (\n <PressSpaceIndicator\n right={type === NPCDialogType.TextOnly ? '1rem' : '10.5rem'}\n src={IS_MOBILE_OR_TABLET ? pressButtonGif : pressSpaceGif}\n onPointerDown={() => {\n goToNextStep();\n }}\n />\n )}\n </Container>\n );\n};\n\nconst Container = styled.div``;\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","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 onPointerDown={() => 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, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { RPGUIContainer, RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';\nimport { NPCDialogText } from './NPCDialogText';\nimport aliceDefaultThumbnail from './img/npcDialog/npcThumbnails/alice.png';\nimport pressSpaceGif from './img/space.gif';\n\nexport enum ImgSide {\n right = 'right',\n left = 'left',\n}\n\nexport interface NPCMultiDialogType {\n text: string;\n imagePath?: string;\n imageSide: ImgSide;\n}\n\nexport interface INPCMultiDialogProps {\n onClose: () => void;\n textAndTypeArray: NPCMultiDialogType[];\n}\n\nexport const NPCMultiDialog: React.FC<INPCMultiDialogProps> = ({\n onClose,\n textAndTypeArray,\n}) => {\n const [showGoNextIndicator, setShowGoNextIndicator] = useState<boolean>(\n false\n );\n const [slide, setSlide] = useState<number>(0);\n\n const onHandleSpacePress = (event: KeyboardEvent) => {\n if (event.code === 'Space') {\n if (slide < textAndTypeArray?.length - 1) {\n setSlide(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 }, [slide]);\n\n return (\n <RPGUIContainer\n type={RPGUIContainerTypes.FramedGold}\n width={'50%'}\n height={'180px'}\n >\n <>\n <Container>\n {textAndTypeArray[slide]?.imageSide === 'right' && (\n <>\n <TextContainer flex={'70%'}>\n <NPCDialogText\n onStartStep={() => setShowGoNextIndicator(false)}\n onEndStep={() => setShowGoNextIndicator(true)}\n text={textAndTypeArray[slide].text || 'No text provided.'}\n onClose={() => {\n if (onClose) {\n onClose();\n }\n }}\n />\n </TextContainer>\n <ThumbnailContainer>\n <NPCThumbnail\n src={\n textAndTypeArray[slide].imagePath || aliceDefaultThumbnail\n }\n />\n </ThumbnailContainer>\n {showGoNextIndicator && (\n <PressSpaceIndicator right={'10.5rem'} src={pressSpaceGif} />\n )}\n </>\n )}\n {textAndTypeArray[slide].imageSide === 'left' && (\n <>\n <ThumbnailContainer>\n <NPCThumbnail\n src={\n textAndTypeArray[slide].imagePath || aliceDefaultThumbnail\n }\n />\n </ThumbnailContainer>\n <TextContainer flex={'70%'}>\n <NPCDialogText\n onStartStep={() => setShowGoNextIndicator(false)}\n onEndStep={() => setShowGoNextIndicator(true)}\n text={textAndTypeArray[slide].text || 'No text provided.'}\n onClose={() => {\n if (onClose) {\n onClose();\n }\n }}\n />\n </TextContainer>\n {showGoNextIndicator && (\n <PressSpaceIndicator right={'1rem'} src={pressSpaceGif} />\n )}\n </>\n )}\n </Container>\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, { useCallback, useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { v4 as uuidv4 } from 'uuid';\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 value: number;\n step?: number;\n}\n\nexport const RangeSlider: React.FC<IRangeSliderProps> = React.memo(\n ({ type, valueMin, valueMax, width, onChange, value, step = 1 }) => {\n const sliderId = uuidv4();\n\n const containerRef = useRef<HTMLDivElement>(null);\n const [left, setLeft] = useState(0);\n\n useEffect(() => {\n const calculatedWidth = containerRef.current?.clientWidth || 0;\n setLeft(\n Math.max(\n ((value - valueMin) / (valueMax - valueMin)) *\n (calculatedWidth - 35) +\n 10\n )\n );\n }, [value, valueMin, valueMax]);\n\n const typeClass = type === RangeSliderType.GoldSlider ? 'golden' : '';\n\n const handleChange = useCallback(\n (e: { target: { value: any } }) => {\n onChange(Number(e.target.value));\n },\n [onChange]\n );\n\n return (\n <div\n style={{ width: width, position: 'relative' }}\n className={`rpgui-slider-container ${typeClass}`}\n id={`rpgui-slider-${sliderId}`}\n ref={containerRef}\n >\n <div style={{ pointerEvents: 'none' }}>\n <div className={`rpgui-slider-track ${typeClass}`} />\n <div className={`rpgui-slider-left-edge ${typeClass}`} />\n <div className={`rpgui-slider-right-edge ${typeClass}`} />\n <div className={`rpgui-slider-thumb ${typeClass}`} style={{ left }} />\n </div>\n <Input\n type=\"range\"\n style={{ width: width }}\n min={valueMin}\n max={valueMax}\n step={step}\n onChange={handleChange}\n value={value}\n className=\"rpgui-cursor-point\"\n />\n </div>\n );\n }\n);\n\nconst Input = styled.input`\n opacity: 0;\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n margin-top: -5px;\n`;\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { NPCDialog, NPCDialogType } from './NPCDialog/NPCDialog';\nimport { NPCMultiDialog, NPCMultiDialogType } from './NPCDialog/NPCMultiDialog';\nimport {\n IQuestionDialog,\n IQuestionDialogAnswer,\n QuestionDialog,\n} from './NPCDialog/QuestionDialog/QuestionDialog';\n\nexport interface IHistoryDialogProps {\n backgroundImgPath: string[];\n fullCoverBackground: boolean;\n questions?: IQuestionDialog[];\n answers?: IQuestionDialogAnswer[];\n text?: string;\n imagePath?: string;\n textAndTypeArray?: NPCMultiDialogType[];\n onClose: () => void;\n}\n\nexport const HistoryDialog: React.FC<IHistoryDialogProps> = ({\n backgroundImgPath,\n fullCoverBackground,\n questions,\n answers,\n text,\n imagePath,\n textAndTypeArray,\n onClose,\n}) => {\n const [img, setImage] = useState<number>(0);\n const onHandleSpacePress = (event: KeyboardEvent) => {\n if (event.code === 'Space') {\n if (img < backgroundImgPath?.length - 1) {\n setImage(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 }, [backgroundImgPath]);\n return (\n <BackgroundContainer\n imgPath={backgroundImgPath[img]}\n fullImg={fullCoverBackground}\n >\n <DialogContainer>\n {textAndTypeArray ? (\n <NPCMultiDialog\n textAndTypeArray={textAndTypeArray}\n onClose={onClose}\n />\n ) : questions && answers ? (\n <QuestionDialog\n questions={questions}\n answers={answers}\n onClose={onClose}\n />\n ) : text && imagePath ? (\n <NPCDialog\n text={text}\n imagePath={imagePath}\n onClose={onClose}\n type={NPCDialogType.TextAndThumbnail}\n />\n ) : (\n <NPCDialog\n text={text}\n onClose={onClose}\n type={NPCDialogType.TextOnly}\n />\n )}\n </DialogContainer>\n </BackgroundContainer>\n );\n};\n\ninterface IImgContainerProps {\n imgPath: string;\n fullImg: boolean;\n}\n\nconst BackgroundContainer = styled.div<IImgContainerProps>`\n width: 100%;\n height: 100%;\n background-image: url(${props => props.imgPath});\n background-size: ${props => (props.imgPath ? 'cover' : 'auto')};\n display: flex;\n justify-content: space-evenly;\n align-items: center;\n`;\n\nconst DialogContainer = styled.div`\n display: flex;\n justify-content: center;\n padding-top: 200px;\n`;\n","import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport SelectArrow from '../Arrow/SelectArrow';\nimport { DraggableContainer } from '../DraggableContainer';\nimport { RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';\nimport { DynamicText } from '../typography/DynamicText';\n\nexport interface ITextImageProps {\n image: string;\n textPosition?: 'flex-start' | 'flex-end';\n text: string;\n}\n\nexport interface IImageCarouselProps {\n textImage: ITextImageProps[];\n isTextFixed: boolean;\n onCloseButton?: () => void;\n}\n\nexport const ImageCarousel: React.FC<IImageCarouselProps> = ({\n textImage,\n isTextFixed,\n onCloseButton,\n}) => {\n const [textImageSelected, setTextImageSelected] = useState(textImage[0]);\n\n const goToPreviousImage = () => {\n const currentIndex = textImage.indexOf(textImageSelected);\n if (currentIndex > 0) {\n setTextImageSelected(textImage[currentIndex - 1]);\n }\n };\n\n const goToNextImage = () => {\n const currentIndex = textImage.indexOf(textImageSelected);\n if (currentIndex < textImage.length - 1) {\n setTextImageSelected(textImage[currentIndex + 1]);\n }\n };\n\n return (\n <CarouselWrapper type={RPGUIContainerTypes.Framed}>\n {isTextFixed ? (\n <>\n <BackgroundImage\n imagePath={textImageSelected.image}\n isTextFixed={isTextFixed}\n >\n <ArrowContainer>\n {textImageSelected !== textImage[0] && (\n <SelectArrow\n direction=\"left\"\n onPointerDown={() => goToPreviousImage()}\n ></SelectArrow>\n )}\n\n {textImageSelected !== textImage[textImage.length - 1] && (\n <SelectArrow\n direction=\"right\"\n onPointerDown={() => goToNextImage()}\n ></SelectArrow>\n )}\n </ArrowContainer>\n </BackgroundImage>\n <Description\n textPosition={textImageSelected.textPosition ?? 'flex-start'}\n isTextFixed={isTextFixed}\n >\n <DynamicText text={textImageSelected.text} />\n </Description>\n </>\n ) : (\n <BackgroundImage\n imagePath={textImageSelected.image}\n isTextFixed={isTextFixed}\n >\n <ArrowContainer>\n {textImageSelected !== textImage[0] && (\n <SelectArrow\n direction=\"left\"\n onPointerDown={() => goToPreviousImage()}\n ></SelectArrow>\n )}\n <Description\n textPosition={textImageSelected.textPosition ?? 'flex-start'}\n isTextFixed={isTextFixed}\n >\n <DynamicText text={textImageSelected.text} />\n </Description>\n {textImageSelected !== textImage[textImage.length - 1] && (\n <SelectArrow\n direction=\"right\"\n onPointerDown={() => goToNextImage()}\n ></SelectArrow>\n )}\n </ArrowContainer>\n </BackgroundImage>\n )}\n {onCloseButton && (\n <CloseButton className=\"container-close\" onPointerDown={onCloseButton}>\n X\n </CloseButton>\n )}\n </CarouselWrapper>\n );\n};\n\ninterface IBackgroundImage {\n imagePath: string;\n isTextFixed: boolean;\n}\n\ninterface ITextDescription {\n textPosition: 'flex-start' | 'flex-end';\n isTextFixed: boolean;\n}\n\nconst CarouselWrapper = styled(DraggableContainer)`\n width: 100%;\n height: 100%;\n`;\n\nconst ArrowContainer = styled.span`\n display: flex;\n height: 100%;\n align-items: center;\n`;\n\nconst BackgroundImage = styled.div<IBackgroundImage>`\n background-image: url(${props => props.imagePath});\n background-repeat: no-repeat;\n background-attachment: fixed;\n background-size: contain;\n background-position: center;\n width: 100%;\n height: ${props => (props.isTextFixed ? '80%' : '100%')};\n`;\n\nconst Description = styled.div<ITextDescription>`\n width: 100%;\n height: ${props => (props.isTextFixed ? 'auto' : '100%')};\n display: flex;\n align-items: ${props => props.textPosition};\n p {\n background-color: ${props =>\n props.isTextFixed ? 'none' : 'rgba(0, 0, 0, 0.6)'};\n border-radius: 5px;\n text-align: justify;\n height: auto;\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: 1.5rem;\n @media (max-width: 950px) {\n font-size: 1.7rem;\n padding: 12px;\n }\n`;\n","import React, { useEffect, useRef, useState } from 'react';\nimport styled, { keyframes } from 'styled-components';\nimport SelectArrow from '../Arrow/SelectArrow';\n\nexport interface ISimpleImageCarousel {\n images: string[];\n styles?: React.CSSProperties;\n autoCycle?: boolean;\n autoCycleDelay?: number;\n stopAutoCyclingOnInteraction?: boolean;\n}\n\nexport const SimpleImageCarousel: React.FC<ISimpleImageCarousel> = ({\n images,\n styles,\n autoCycle = false,\n autoCycleDelay = 3000,\n stopAutoCyclingOnInteraction = false,\n}) => {\n const [currentImage, setCurrentImage] = useState(0);\n const autoCycleId = useRef<NodeJS.Timeout | null>(null);\n\n const handleLeftClick = () => {\n setCurrentImage(\n prevImage => (prevImage - 1 + images?.length) % images?.length\n );\n if (stopAutoCyclingOnInteraction && autoCycleId.current) {\n clearInterval(autoCycleId.current);\n autoCycleId.current = null;\n }\n };\n\n const handleRightClick = () => {\n setCurrentImage(prevImage => (prevImage + 1) % images?.length);\n if (stopAutoCyclingOnInteraction && autoCycleId.current) {\n clearInterval(autoCycleId.current);\n autoCycleId.current = null;\n }\n };\n\n useEffect(() => {\n if (autoCycle) {\n autoCycleId.current = setInterval(() => {\n setCurrentImage(prevImage => (prevImage + 1) % images?.length);\n }, autoCycleDelay);\n }\n\n return () => {\n if (autoCycleId.current) {\n clearInterval(autoCycleId.current);\n }\n };\n }, [autoCycle, autoCycleDelay, images?.length]);\n\n const hasMoreThanOneImage = images?.length > 1;\n\n return (\n <ImageContainer style={styles}>\n {hasMoreThanOneImage && (\n <CustomLeftArrow direction=\"left\" onPointerDown={handleLeftClick} />\n )}\n {hasMoreThanOneImage && (\n <CustomRightArrow direction=\"right\" onPointerDown={handleRightClick} />\n )}\n <Carousel>\n <FadeInCarouselImg\n key={currentImage}\n src={images?.[currentImage]}\n alt={`Image ${currentImage}`}\n />\n </Carousel>\n </ImageContainer>\n );\n};\n\nconst ImageContainer = styled.div`\n flex: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n margin-right: 0.5rem;\n max-width: 400px;\n position: relative;\n width: 400px;\n`;\n\nconst CustomLeftArrow = styled(SelectArrow)`\n position: absolute;\n left: -0.5rem;\n top: 50%;\n transform: translateY(-50%);\n`;\n\nconst CustomRightArrow = styled(SelectArrow)`\n position: absolute;\n right: -2.5rem;\n top: 50%;\n transform: translateY(-50%);\n`;\n\nconst Carousel = styled.div`\n display: flex;\n`;\n\nconst CarouselImg = styled.img`\n flex: 0 0 auto;\n width: 100%;\n height: auto;\n margin: 0 1rem;\n border-radius: 5px;\n box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);\n scroll-snap-align: start;\n margin-right: 3rem;\n`;\n\nconst fadeIn = keyframes`\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n`;\n\nconst FadeInCarouselImg = styled(CarouselImg)`\n animation: ${fadeIn} 0.5s;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { UI_BREAKPOINT_MOBILE } from '../../constants/uiBreakpoints';\n\ninterface TabItem {\n id: string;\n title: string;\n content: React.ReactNode;\n}\n\nexport interface TableTabProps {\n tabs: TabItem[];\n activeColor?: string;\n activeTextColor: string;\n inactiveColor?: string;\n borderColor?: string;\n hoverColor?: string;\n onTabChange?: (tabId: string) => void;\n activeTab?: string;\n}\n\nexport const InternalTabs: React.FC<TableTabProps> = ({\n tabs,\n activeColor = '#fef08a',\n activeTextColor = '#000000',\n inactiveColor = '#6b7280',\n borderColor = '#f59e0b',\n hoverColor = '#fef3c7',\n onTabChange,\n activeTab: externalActiveTab,\n}) => {\n const activeTabId = externalActiveTab ?? tabs[0].id;\n\n return (\n <TableWrapper>\n <TabHeader borderColor={borderColor}>\n {tabs.map(tab => (\n <TabButton\n key={tab.id}\n active={activeTabId === tab.id}\n activeColor={activeColor}\n activeTextColor={activeTextColor}\n inactiveColor={inactiveColor}\n borderColor={borderColor}\n hoverColor={hoverColor}\n onClick={() => onTabChange?.(tab.id)}\n >\n {tab.title}\n </TabButton>\n ))}\n </TabHeader>\n <ContentWrapper>\n {tabs.find(tab => tab.id === activeTabId)?.content}\n </ContentWrapper>\n </TableWrapper>\n );\n};\n\nconst TableWrapper = styled.div`\n width: 100%;\n`;\n\nconst TabHeader = styled.div<{ borderColor: string }>`\n display: flex;\n border-bottom: 1px solid ${props => props.borderColor};\n`;\n\nconst TabButton = styled.button<{\n active: boolean;\n activeColor: string;\n activeTextColor: string;\n inactiveColor: string;\n borderColor: string;\n hoverColor: string;\n}>`\n flex: 1;\n padding: 0.25rem 0.5rem;\n font-size: 0.75rem;\n font-weight: 500;\n border-right: 1px solid ${props => props.borderColor};\n background-color: ${props =>\n props.active ? props.activeColor : 'transparent'};\n color: ${props =>\n props.active ? props.activeTextColor : props.inactiveColor};\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n @media (min-width: 480px) {\n padding: 0.375rem 0.75rem;\n font-size: 0.8125rem;\n }\n\n @media (min-width: ${UI_BREAKPOINT_MOBILE}) {\n padding: 0.5rem 1rem;\n font-size: 0.875rem;\n }\n\n &:last-child {\n border-right: none;\n }\n\n &:hover {\n background-color: ${props =>\n props.active ? props.activeColor : props.hoverColor};\n }\n`;\n\nconst ContentWrapper = styled.div`\n width: 100%;\n`;\n","\nexport const UI_BREAKPOINT_MOBILE = '950px';\nexport const UI_BREAKPOINT_SMALL_LAPTOP = '1400px';\n","import { useState } from 'react';\n\nconst TOOLTIP_OFFSET = 10;\nconst MIN_VISIBLE_HEIGHT = 100;\n\ninterface ITooltipPosition {\n x: number;\n y: number;\n}\n\ninterface ITooltipState<T> {\n item: T | null;\n position: ITooltipPosition;\n}\n\nexport const useTooltipPosition = <T>() => {\n // Dynamically calculate tooltip width based on screen size\n const getTooltipWidth = (): number => {\n const viewportWidth = window.innerWidth;\n if (viewportWidth < 360) {\n return Math.min(280, viewportWidth - 20);\n }\n if (viewportWidth < 480) {\n return 300;\n }\n return 320;\n };\n\n const TOOLTIP_WIDTH = getTooltipWidth();\n\n const [tooltipState, setTooltipState] = useState<ITooltipState<T> | null>(\n null\n );\n\n const calculateTooltipPosition = (rect: DOMRect): ITooltipPosition => {\n const viewportWidth = window.innerWidth;\n const viewportHeight = window.innerHeight;\n const tooltipWidth = getTooltipWidth();\n\n // Try to position to the right first\n let x = rect.right + TOOLTIP_OFFSET;\n\n // If it would overflow right, try positioning to the left\n if (x + tooltipWidth > viewportWidth - TOOLTIP_OFFSET) {\n x = rect.left - tooltipWidth - TOOLTIP_OFFSET;\n }\n\n // If left positioning would go off screen, center it or position relative to viewport\n if (x < TOOLTIP_OFFSET) {\n if (viewportWidth < 400) {\n // For very small screens, center the tooltip\n x = Math.max(TOOLTIP_OFFSET, (viewportWidth - tooltipWidth) / 2);\n } else {\n x = TOOLTIP_OFFSET;\n }\n }\n\n // Position vertically aligned with the top of the element\n let y = rect.top;\n\n // Ensure tooltip doesn't go above viewport\n if (y < TOOLTIP_OFFSET) {\n y = TOOLTIP_OFFSET;\n }\n\n // Ensure some part of tooltip is always visible if element is near bottom\n if (y > viewportHeight - MIN_VISIBLE_HEIGHT) {\n y = viewportHeight - MIN_VISIBLE_HEIGHT;\n }\n\n return { x, y };\n };\n\n const handleMouseEnter = (item: T, event: React.MouseEvent) => {\n const rect = event.currentTarget.getBoundingClientRect();\n setTooltipState({\n item,\n position: calculateTooltipPosition(rect),\n });\n };\n\n const handleMouseLeave = () => {\n setTooltipState(null);\n };\n\n return {\n tooltipState,\n handleMouseEnter,\n handleMouseLeave,\n TOOLTIP_WIDTH,\n };\n};\n","import React from 'react';\nimport { FaChevronLeft, FaChevronRight } from 'react-icons/fa';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../constants/uiColors';\n\ninterface PaginationProps {\n currentPage: number;\n totalPages: number;\n onPageChange: (page: number) => void;\n className?: string;\n}\n\nexport const Pagination: React.FC<PaginationProps> = ({\n currentPage,\n totalPages,\n onPageChange,\n className,\n}) => {\n return (\n <Container className={className}>\n <PaginationButton\n onClick={() => onPageChange(Math.max(1, currentPage - 1))}\n disabled={currentPage === 1}\n >\n <FaChevronLeft size={12} />\n </PaginationButton>\n <PageInfo>\n Page {currentPage} of {totalPages}\n </PageInfo>\n <PaginationButton\n onClick={() => onPageChange(Math.min(totalPages, currentPage + 1))}\n disabled={currentPage === totalPages}\n >\n <FaChevronRight size={12} />\n </PaginationButton>\n </Container>\n );\n};\n\nconst Container = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 16px;\n padding: 8px;\n`;\n\nconst PaginationButton = styled.button<{ disabled?: boolean }>`\n background: none;\n border: none;\n color: ${props => (props.disabled ? uiColors.darkGray : uiColors.yellow)};\n cursor: ${props => (props.disabled ? 'not-allowed' : 'pointer')};\n opacity: ${props => (props.disabled ? 0.5 : 0.8)};\n padding: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: opacity 0.2s;\n\n &:hover:not(:disabled) {\n opacity: 1;\n }\n`;\n\nconst PageInfo = styled.div`\n color: ${uiColors.lightGray};\n font-size: 0.8rem;\n font-family: 'Press Start 2P', cursive;\n`;\n","import React from 'react';\nimport { FaSearch } from 'react-icons/fa';\nimport styled from 'styled-components';\n\ninterface ISearchBarProps {\n value: string;\n onChange: (value: string) => void;\n placeholder?: string;\n className?: string;\n rightElement?: React.ReactNode;\n}\n\nexport const SearchBar: React.FC<ISearchBarProps> = ({\n value,\n onChange,\n placeholder,\n className,\n rightElement,\n}) => {\n const hasRightElement = Boolean(rightElement);\n\n return (\n <Container className={className}>\n <Input\n type=\"text\"\n value={value}\n onChange={e => onChange(e.target.value)}\n placeholder={placeholder}\n className=\"rpgui-input\"\n $hasRightElement={hasRightElement}\n />\n <IconContainer>\n <SearchIcon />\n {rightElement}\n </IconContainer>\n </Container>\n );\n};\n\nconst Container = styled.div`\n position: relative;\n width: 100%;\n`;\n\nconst Input = styled.input<{ $hasRightElement: boolean }>`\n width: 100%;\n padding-right: ${props =>\n props.$hasRightElement ? '6rem' : '2.5rem'} !important;\n background: rgba(0, 0, 0, 0.2) !important;\n border: 2px solid #f59e0b !important;\n box-shadow: 0 0 10px rgba(245, 158, 11, 0.3);\n color: #ffffff !important;\n font-family: 'Press Start 2P', cursive !important;\n font-size: 0.875rem !important;\n\n &::placeholder {\n color: rgba(255, 255, 255, 0.5) !important;\n }\n`;\n\nconst IconContainer = styled.div`\n position: absolute;\n right: 0.75rem;\n top: 50%;\n transform: translateY(-50%);\n display: flex;\n align-items: center;\n gap: 0.5rem;\n pointer-events: none;\n z-index: 1;\n\n > * {\n pointer-events: auto;\n }\n`;\n\nconst SearchIcon = styled(FaSearch)`\n font-size: 1rem;\n color: #f59e0b;\n filter: drop-shadow(0 0 2px rgba(245, 158, 11, 0.3));\n`;\n","import { isMobileOrTablet } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { Dropdown, IOptionsProps } from '../../Dropdown';\nimport { SearchBar } from '../SearchBar/SearchBar';\n\ninterface ISearchHeaderProps {\n searchOptions?: {\n value: string;\n onChange: (value: string) => void;\n placeholder?: string;\n rightElement?: React.ReactNode;\n };\n filterOptions?: {\n options: IOptionsProps[];\n selectedOption: string;\n onOptionChange: (value: string) => void;\n };\n className?: string;\n}\n\nexport const SearchHeader: React.FC<ISearchHeaderProps> = ({\n searchOptions,\n filterOptions,\n className,\n}) => {\n if (!searchOptions && !filterOptions) return null;\n\n const isMobile = isMobileOrTablet();\n const isSmallScreen = isMobile && window.innerWidth < 480;\n\n return (\n <HeaderContainer className={className}>\n <HeaderContent $isSmallScreen={isSmallScreen}>\n {searchOptions && (\n <SearchContainer>\n <StyledSearchBar\n value={searchOptions.value}\n onChange={searchOptions.onChange}\n placeholder={\n isSmallScreen\n ? 'Search...'\n : searchOptions.placeholder || 'Search...'\n }\n rightElement={searchOptions.rightElement}\n />\n </SearchContainer>\n )}\n {filterOptions && (\n <FilterContainer $isSmallScreen={isSmallScreen}>\n <StyledDropdown\n options={filterOptions.options}\n onChange={filterOptions.onOptionChange}\n width={isSmallScreen ? '100%' : '200px'}\n />\n </FilterContainer>\n )}\n </HeaderContent>\n </HeaderContainer>\n );\n};\n\nconst HeaderContainer = styled.div``;\n\nconst HeaderContent = styled.div<{ $isSmallScreen?: boolean }>`\n display: flex;\n flex-direction: ${props => (props.$isSmallScreen ? 'column' : 'row')};\n justify-content: space-between;\n align-items: ${props => (props.$isSmallScreen ? 'stretch' : 'center')};\n gap: ${props => (props.$isSmallScreen ? '0.5rem' : '1rem')};\n background: rgba(0, 0, 0, 0.2);\n padding: ${props => (props.$isSmallScreen ? '0.5rem' : '1rem')};\n border-radius: 4px;\n`;\n\nconst SearchContainer = styled.div`\n flex: 1;\n`;\n\nconst FilterContainer = styled.div<{ $isSmallScreen?: boolean }>`\n display: flex;\n justify-content: ${props => (props.$isSmallScreen ? 'stretch' : 'flex-end')};\n width: ${props => (props.$isSmallScreen ? '100%' : 'auto')};\n`;\n\nconst StyledSearchBar = styled(SearchBar)`\n width: 100%;\n`;\n\nconst StyledDropdown = styled(Dropdown)`\n min-width: 150px;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport {\n UI_BREAKPOINT_MOBILE,\n UI_BREAKPOINT_SMALL_LAPTOP,\n} from '../../../constants/uiBreakpoints';\nimport { usePagination } from '../../CraftBook/hooks/usePagination';\nimport { IOptionsProps } from '../../Dropdown';\nimport { Pagination } from '../Pagination/Pagination';\nimport { SearchHeader } from '../SearchHeader/SearchHeader';\n\ninterface IPaginatedContentProps<T> {\n items: T[];\n itemsPerPage?: number;\n renderItem: (item: T) => React.ReactNode;\n emptyMessage?: string;\n className?: string;\n filterOptions?: {\n options: IOptionsProps[];\n selectedOption: string;\n onOptionChange: (value: string) => void;\n };\n searchOptions?: {\n value: string;\n onChange: (value: string) => void;\n placeholder?: string;\n rightElement?: React.ReactNode;\n };\n dependencies?: any[];\n tabId?: string;\n layout?: 'grid' | 'list';\n gridColumns?: number;\n itemHeight?: string;\n}\n\nexport const PaginatedContent = <T extends unknown>({\n items,\n itemsPerPage = 8,\n renderItem,\n emptyMessage = 'No items found',\n className,\n filterOptions,\n searchOptions,\n dependencies = [],\n tabId,\n layout = 'list',\n gridColumns = 4,\n itemHeight = '180px',\n}: IPaginatedContentProps<T>): React.ReactElement => {\n const {\n currentPage,\n setCurrentPage,\n paginatedItems,\n totalPages,\n } = usePagination({\n items,\n itemsPerPage,\n dependencies: [...dependencies, tabId],\n });\n\n return (\n <Container className={className}>\n {(searchOptions || filterOptions) && (\n <SearchHeader\n searchOptions={searchOptions}\n filterOptions={filterOptions}\n />\n )}\n {items.length === 0 ? (\n <EmptyMessage>{emptyMessage}</EmptyMessage>\n ) : (\n <>\n <Content\n className={`PaginatedContent-content ${layout}`}\n $gridColumns={gridColumns}\n $itemHeight={itemHeight}\n >\n {paginatedItems.map((item, index) => (\n <div key={index} className=\"PaginatedContent-item\">\n {renderItem(item)}\n </div>\n ))}\n </Content>\n <PaginationContainer className=\"PaginatedContent-pagination\">\n <Pagination\n currentPage={currentPage}\n totalPages={totalPages}\n onPageChange={setCurrentPage}\n />\n </PaginationContainer>\n </>\n )}\n </Container>\n );\n};\n\nconst Container = styled.div`\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n min-height: 400px;\n width: 100%;\n`;\n\nconst Content = styled.div<{\n $gridColumns: number;\n $maxHeight?: string;\n $itemHeight?: string;\n}>`\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n flex: 1;\n padding: 0.25rem;\n min-height: 200px;\n max-height: 60vh;\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n box-sizing: border-box;\n\n scrollbar-width: thin;\n scrollbar-color: rgba(255, 255, 255, 0.3) rgba(0, 0, 0, 0.2);\n\n @media (min-width: 360px) {\n padding: 0.5rem;\n }\n\n @media (min-width: 480px) {\n padding: 0.5rem;\n }\n\n &.grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.5rem;\n align-items: start;\n justify-content: center;\n width: 100%;\n\n @media (min-width: 320px) {\n grid-template-columns: repeat(2, minmax(100px, 1fr));\n }\n\n @media (min-width: 400px) {\n grid-template-columns: repeat(2, minmax(120px, 1fr));\n gap: 0.75rem;\n }\n\n @media (min-width: 480px) {\n grid-template-columns: repeat(3, minmax(120px, 1fr));\n gap: 1rem;\n }\n\n @media (min-width: 768px) {\n grid-template-columns: repeat(4, minmax(120px, 1fr));\n }\n\n @media (min-width: ${UI_BREAKPOINT_MOBILE}) {\n grid-template-columns: repeat(\n ${props => Math.min(props.$gridColumns, 4)},\n minmax(120px, 1fr)\n );\n }\n\n @media (min-width: ${UI_BREAKPOINT_SMALL_LAPTOP}) {\n grid-template-columns: repeat(\n ${props => props.$gridColumns},\n minmax(120px, 1fr)\n );\n }\n\n .PaginatedContent-item {\n display: flex;\n align-items: flex-start;\n justify-content: center;\n height: ${props => props.$itemHeight ?? 'auto'};\n width: 100%;\n box-sizing: border-box;\n min-height: 120px;\n }\n }\n\n &.list {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n }\n`;\n\nconst PaginationContainer = styled.div`\n display: flex;\n justify-content: center;\n padding: 0.5rem;\n\n @media (min-width: 480px) {\n padding: 1rem;\n }\n`;\n\nconst EmptyMessage = styled.div`\n text-align: center;\n color: #9ca3af;\n padding: 2rem;\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n","import { useEffect, useState } from 'react';\n\ninterface UsePaginationProps<T> {\n items: T[];\n itemsPerPage: number;\n dependencies?: any[];\n}\n\ninterface UsePaginationReturn<T> {\n currentPage: number;\n setCurrentPage: (page: number) => void;\n paginatedItems: T[];\n totalPages: number;\n}\n\nexport const usePagination = <T>({\n items,\n itemsPerPage,\n dependencies = [],\n}: UsePaginationProps<T>): UsePaginationReturn<T> => {\n const [currentPage, setCurrentPage] = useState(1);\n const totalPages = Math.ceil(items.length / itemsPerPage);\n\n const paginatedItems = items.slice(\n (currentPage - 1) * itemsPerPage,\n currentPage * itemsPerPage\n );\n\n useEffect(() => {\n setCurrentPage(1);\n }, [...dependencies]);\n\n return {\n currentPage,\n setCurrentPage,\n paginatedItems,\n totalPages,\n };\n};\n","import { useEffect, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\ninterface IPortalProps {\n children: React.ReactNode;\n}\n\nexport const Portal: React.FC<IPortalProps> = ({ children }) => {\n const [container] = useState(() => document.createElement('div'));\n\n useEffect(() => {\n document.body.appendChild(container);\n return () => {\n document.body.removeChild(container);\n };\n }, [container]);\n\n return createPortal(children, container);\n};\n","import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { UI_BREAKPOINT_MOBILE } from '../../constants/uiBreakpoints';\nimport { SpriteFromAtlas } from '../shared/SpriteFromAtlas';\n\ninterface IInformationCenterCellProps {\n name: string;\n spriteKey: string;\n atlasJSON: any;\n atlasIMG: string;\n onClick?: () => void;\n onMouseEnter?: (e: React.MouseEvent) => void;\n onMouseLeave?: () => void;\n onMouseMove?: (e: React.MouseEvent) => void;\n onTouchStart?: (e: React.TouchEvent) => void;\n}\n\nexport const InformationCenterCell: React.FC<IInformationCenterCellProps> = ({\n name,\n spriteKey,\n atlasJSON,\n atlasIMG,\n onClick,\n onMouseEnter,\n onMouseLeave,\n onMouseMove,\n onTouchStart,\n}) => {\n const [touchStartY, setTouchStartY] = useState<number | null>(null);\n const [touchStartX, setTouchStartX] = useState<number | null>(null);\n const [isTouchScrolling, setIsTouchScrolling] = useState(false);\n\n const handleTouchStart = (e: React.TouchEvent) => {\n setTouchStartY(e.touches[0].clientY);\n setTouchStartX(e.touches[0].clientX);\n setIsTouchScrolling(false);\n };\n\n const handleTouchMove = (e: React.TouchEvent) => {\n if (touchStartY !== null && touchStartX !== null) {\n const touchDiffY = Math.abs(e.touches[0].clientY - touchStartY);\n const touchDiffX = Math.abs(e.touches[0].clientX - touchStartX);\n\n // If user moved finger more than 15px in any direction, consider it scrolling\n if (touchDiffY > 15 || touchDiffX > 15) {\n setIsTouchScrolling(true);\n e.stopPropagation(); // Prevent parent elements from handling this touch\n }\n }\n };\n\n const handleTouchEnd = (e: React.TouchEvent) => {\n if (!isTouchScrolling && onTouchStart) {\n onTouchStart(e);\n }\n setTouchStartY(null);\n setTouchStartX(null);\n };\n\n return (\n <CellContainer\n onClick={onClick}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n onMouseMove={onMouseMove}\n onTouchStart={handleTouchStart}\n onTouchMove={handleTouchMove}\n onTouchEnd={handleTouchEnd}\n >\n <SpriteContainer>\n <SpriteFromAtlas\n atlasJSON={atlasJSON}\n atlasIMG={atlasIMG}\n spriteKey={spriteKey}\n width={32}\n height={32}\n imgScale={1}\n />\n </SpriteContainer>\n <CellNameContainer>\n <CellName>{name}</CellName>\n </CellNameContainer>\n </CellContainer>\n );\n};\n\nconst CellContainer = styled.div`\n position: relative;\n background: rgba(0, 0, 0, 0.2);\n padding: 0.2rem;\n border-radius: 4px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: background-color 0.2s ease;\n width: 100%;\n height: 100%;\n min-height: 90px;\n box-sizing: border-box;\n gap: 0.2rem;\n margin: 0;\n\n @media (min-width: 360px) {\n padding: 0.3rem;\n gap: 0.3rem;\n margin: 1px;\n width: calc(100% - 2px);\n min-height: 100px;\n }\n\n @media (min-width: ${UI_BREAKPOINT_MOBILE}) {\n min-height: 110px;\n }\n\n &:hover {\n background: rgba(0, 0, 0, 0.3);\n }\n`;\n\nconst SpriteContainer = styled.div`\n display: flex;\n justify-content: center;\n align-items: center;\n width: 32px;\n height: 32px;\n position: relative;\n background: rgba(0, 0, 0, 0.3);\n border-radius: 4px;\n flex-shrink: 0;\n overflow: hidden;\n\n padding: 1rem;\n margin-top: 1rem;\n\n @media (min-width: 360px) {\n width: 36px;\n height: 36px;\n }\n\n @media (min-width: 480px) {\n width: 42px;\n height: 42px;\n }\n\n @media (min-width: ${UI_BREAKPOINT_MOBILE}) {\n width: 48px;\n height: 48px;\n }\n\n .sprite-from-atlas-img {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) scale(2);\n image-rendering: pixelated;\n }\n`;\n\nconst CellNameContainer = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n flex: 1;\n width: 100%;\n padding-top: 0.1rem;\n`;\n\nconst CellName = styled.h3`\n font-size: 0.5rem;\n color: #fef08a;\n margin: 0;\n text-align: center;\n font-family: 'Press Start 2P', cursive;\n line-height: 1.1;\n word-break: break-word;\n max-width: 100%;\n overflow-wrap: break-word;\n hyphens: auto;\n width: 100%;\n padding: 0 0.125rem;\n box-sizing: border-box;\n\n @media (min-width: 320px) {\n padding: 0 0.25rem;\n }\n\n @media (min-width: 360px) {\n font-size: 0.55rem;\n }\n\n @media (min-width: 480px) {\n font-size: 0.6rem;\n }\n\n @media (min-width: ${UI_BREAKPOINT_MOBILE}) {\n font-size: 0.65rem;\n }\n`;\n","import React, { ReactNode } from 'react';\nimport { FaTimes } from 'react-icons/fa';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../constants/uiColors';\nimport { SpriteFromAtlas } from '../../shared/SpriteFromAtlas';\n\nexport interface IBaseInformationDetailsProps {\n name: string;\n spriteKey: string;\n atlasJSON: Record<string, any>;\n atlasIMG: string;\n onBack: () => void;\n children?: ReactNode;\n}\n\nexport const BaseInformationDetails: React.FC<IBaseInformationDetailsProps> = ({\n name,\n spriteKey,\n atlasJSON,\n atlasIMG,\n onBack,\n children,\n}) => {\n return (\n <Container>\n <Overlay onClick={onBack} />\n <Modal>\n <CloseButton onClick={onBack}>\n <FaTimes />\n </CloseButton>\n\n <Header>\n <SpriteContainer>\n <SpriteFromAtlas\n atlasJSON={atlasJSON}\n atlasIMG={atlasIMG}\n spriteKey={spriteKey}\n width={32}\n height={32}\n imgScale={1}\n />\n </SpriteContainer>\n <Title>{name}</Title>\n </Header>\n <Content>{children}</Content>\n </Modal>\n </Container>\n );\n};\n\nconst Container = styled.div`\n position: fixed;\n inset: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 9999;\n`;\n\nconst Overlay = styled.div`\n position: fixed;\n inset: 0;\n background-color: rgba(0, 0, 0, 0.8);\n`;\n\nconst Modal = styled.div`\n position: relative;\n background-color: rgba(0, 0, 0, 0.95);\n border-radius: 4px;\n padding: 12px;\n overflow: hidden;\n z-index: 1;\n font-family: 'Press Start 2P', cursive;\n border: 1px solid ${uiColors.darkGray};\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n width: 90%;\n height: 90vh;\n max-width: 800px;\n max-height: 800px;\n\n @media (max-width: 768px) {\n width: 100%;\n height: 100%;\n border-radius: 0;\n padding: 8px;\n }\n\n &::-webkit-scrollbar {\n width: 2px;\n }\n\n &::-webkit-scrollbar-track {\n background: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: ${uiColors.yellow};\n border-radius: 4px;\n opacity: 0.5;\n\n &:hover {\n opacity: 1;\n }\n }\n\n scrollbar-width: thin;\n scrollbar-color: ${uiColors.yellow} transparent;\n`;\n\nconst CloseButton = styled.button`\n position: absolute;\n top: 20px;\n right: 20px;\n background: none;\n border: none;\n color: ${uiColors.yellow};\n font-size: 1.2rem;\n cursor: pointer;\n padding: 0;\n z-index: 1;\n transition: transform 0.2s ease;\n\n &:hover {\n transform: scale(1.1);\n }\n`;\n\nconst Header = styled.div`\n display: flex;\n align-items: center;\n gap: 16px;\n margin-bottom: 24px;\n`;\n\nconst Content = styled.div`\n display: flex;\n flex-direction: column;\n gap: 12px;\n height: calc(100% - 80px);\n overflow-y: auto;\n overflow-x: hidden;\n padding-right: 6px;\n margin-right: -6px;\n\n @media (max-width: 768px) {\n height: calc(100% - 64px);\n gap: 8px;\n padding-right: 4px;\n margin-right: -4px;\n }\n`;\n\nconst Title = styled.h2`\n color: ${uiColors.yellow};\n font-size: 1rem;\n margin: 0;\n`;\n\nconst SpriteContainer = styled.div`\n width: 64px;\n height: 64px;\n background: rgba(0, 0, 0, 0.3);\n border-radius: 4px;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n\n .sprite-from-atlas-img {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) scale(2);\n transform-origin: center;\n }\n`;\n","import React, { useState } from 'react';\nimport { FaChevronDown, FaChevronUp } from 'react-icons/fa';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../constants/uiColors';\n\ninterface ICollapsibleProps {\n title: string;\n children: React.ReactNode;\n defaultOpen?: boolean;\n className?: string;\n}\n\nexport const Collapsible: React.FC<ICollapsibleProps> = ({\n title,\n children,\n defaultOpen = false,\n className,\n}) => {\n const [isOpen, setIsOpen] = useState(defaultOpen);\n\n return (\n <Container className={className}>\n <Header onClick={() => setIsOpen(!isOpen)}>\n <Title>{title}</Title>\n <Icon>{isOpen ? <FaChevronUp /> : <FaChevronDown />}</Icon>\n </Header>\n {isOpen && <Content>{children}</Content>}\n </Container>\n );\n};\n\nconst Container = styled.div`\n background: rgba(0, 0, 0, 0.3);\n border-radius: 4px;\n overflow: hidden;\n border: 1px solid ${uiColors.darkGray};\n`;\n\nconst Header = styled.div`\n padding: 10px 12px;\n background: rgba(0, 0, 0, 0.2);\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n transition: background-color 0.2s ease;\n\n &:hover {\n background: rgba(0, 0, 0, 0.4);\n }\n`;\n\nconst Title = styled.h3`\n margin: 0;\n font-size: 0.6rem;\n color: ${uiColors.yellow};\n font-family: 'Press Start 2P', cursive;\n letter-spacing: 0.5px;\n`;\n\nconst Icon = styled.span`\n color: ${uiColors.yellow};\n font-size: 0.6rem;\n display: flex;\n align-items: center;\n`;\n\nconst Content = styled.div`\n padding: 6px;\n`;\n","import {\n IInformationCenterItem,\n IInformationCenterNPC,\n isMobileOrTablet,\n} from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../../constants/uiColors';\nimport { Collapsible } from '../../../shared/Collapsible/Collapsible';\nimport { BaseInformationDetails } from '../../shared/BaseInformationDetails';\n\ninterface IInformationCenterItemDetailsProps {\n item: IInformationCenterItem;\n itemsAtlasJSON: Record<string, any>;\n itemsAtlasIMG: string;\n droppedBy: IInformationCenterNPC[];\n onBack: () => void;\n}\n\nexport const InformationCenterItemDetails: React.FC<IInformationCenterItemDetailsProps> = ({\n item,\n itemsAtlasJSON,\n itemsAtlasIMG,\n droppedBy,\n onBack,\n}) => {\n const isMobile = isMobileOrTablet();\n\n const renderAllowedSlots = () => {\n if (!item.allowedEquipSlotType?.length) return null;\n return (\n <InfoItem>\n <Label>Equip Slots:</Label>\n <Value>{item.allowedEquipSlotType.join(', ')}</Value>\n </InfoItem>\n );\n };\n\n const renderRequirements = () => {\n if (!item.minRequirements) return null;\n return (\n <StyledCollapsible title=\"Requirements\" defaultOpen={!isMobile}>\n <RequirementsGrid>\n {item.minRequirements.level && (\n <RequirementItem>\n <Label>Level:</Label>\n <Value>{item.minRequirements.level}</Value>\n </RequirementItem>\n )}\n {item.minRequirements.skill && (\n <RequirementItem>\n <Label>{item.minRequirements.skill.name}:</Label>\n <Value>{item.minRequirements.skill.level}</Value>\n </RequirementItem>\n )}\n </RequirementsGrid>\n </StyledCollapsible>\n );\n };\n\n return (\n <BaseInformationDetails\n name={item.name}\n spriteKey={item.texturePath}\n atlasJSON={itemsAtlasJSON}\n atlasIMG={itemsAtlasIMG}\n onBack={onBack}\n >\n <InfoSection>\n <InfoItem>\n <Label>Type:</Label>\n <Value>{item.type}</Value>\n </InfoItem>\n <InfoItem>\n <Label>Subtype:</Label>\n <Value>{item.subType}</Value>\n </InfoItem>\n <InfoItem>\n <Label>Tier:</Label>\n <Value>{item.tier}</Value>\n </InfoItem>\n <InfoItem>\n <Label>Rarity:</Label>\n <Value>{item.rarity}</Value>\n </InfoItem>\n {renderAllowedSlots()}\n </InfoSection>\n\n <StyledCollapsible title=\"Description\" defaultOpen={!isMobile}>\n <Description>\n {item.description || 'No description available.'}\n </Description>\n </StyledCollapsible>\n\n <StyledCollapsible title=\"Stats\" defaultOpen={!isMobile}>\n <StatGrid>\n <StatItem>Weight: {item.weight}</StatItem>\n <StatItem>Stack Size: {item.maxStackSize}</StatItem>\n {item.rangeType && <StatItem>Range Type: {item.rangeType}</StatItem>}\n {item.basePrice > 0 && (\n <StatItem>Base Price: {item.basePrice}</StatItem>\n )}\n </StatGrid>\n </StyledCollapsible>\n\n {renderRequirements()}\n\n {item.entityEffects && item.entityEffects.length > 0 && (\n <StyledCollapsible title=\"Effects\" defaultOpen={!isMobile}>\n <EffectsList>\n {item.entityEffects.map((effect, index) => (\n <EffectItem key={index}>\n {effect}\n {item.entityEffectChance && (\n <EffectChance>({item.entityEffectChance}%)</EffectChance>\n )}\n </EffectItem>\n ))}\n </EffectsList>\n {item.usableEffectDescription && (\n <EffectDescription>\n {item.usableEffectDescription}\n </EffectDescription>\n )}\n </StyledCollapsible>\n )}\n\n {item.equippedBuff && item.equippedBuff.length > 0 && (\n <StyledCollapsible title=\"Equipped Buffs\" defaultOpen={!isMobile}>\n <BuffsList>\n {item.equippedBuff.map((buff, index) => (\n <BuffItem key={index}>\n <BuffName>\n {buff.trait.replace(/^\\w/, c => c.toUpperCase())}\n </BuffName>\n <BuffValue>+{buff.buffPercentage}%</BuffValue>\n </BuffItem>\n ))}\n </BuffsList>\n {item.equippedBuffDescription && (\n <BuffDescription>{item.equippedBuffDescription}</BuffDescription>\n )}\n </StyledCollapsible>\n )}\n\n {droppedBy.length > 0 && (\n <StyledCollapsible title=\"Dropped By\" defaultOpen={!isMobile}>\n <DropList>\n {droppedBy.map(npc => {\n const loot = npc.loots.find(l => l.itemBlueprintKey === item.key);\n return (\n <DropItem key={npc.id}>\n <NPCName>{npc.name}</NPCName>\n <DropRate>{loot?.chance}%</DropRate>\n </DropItem>\n );\n })}\n </DropList>\n </StyledCollapsible>\n )}\n </BaseInformationDetails>\n );\n};\n\nconst InfoSection = styled.div`\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 8px;\n background: rgba(255, 255, 255, 0.05);\n padding: 12px;\n border-radius: 4px;\n`;\n\nconst InfoItem = styled.div`\n display: flex;\n align-items: center;\n gap: 8px;\n`;\n\nconst Label = styled.span`\n color: ${uiColors.yellow};\n font-size: 0.5rem;\n opacity: 0.8;\n`;\n\nconst Value = styled.span`\n color: ${uiColors.white};\n font-size: 0.5rem;\n`;\n\nconst StyledCollapsible = styled(Collapsible)`\n background: rgba(255, 255, 255, 0.05);\n border-radius: 4px;\n overflow: auto;\n scrollbar-width: thin;\n scrollbar-color: ${uiColors.darkGray} transparent;\n`;\n\nconst Description = styled.p`\n color: ${uiColors.white};\n font-size: 0.5rem;\n margin: 0;\n padding: 12px;\n line-height: 1.5;\n`;\n\nconst StatGrid = styled.div`\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 8px;\n padding: 12px;\n`;\n\nconst StatItem = styled.div`\n color: ${uiColors.white};\n font-size: 0.5rem;\n background: rgba(255, 255, 255, 0.05);\n padding: 8px;\n border-radius: 4px;\n`;\n\nconst EffectsList = styled.div`\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n padding: 12px;\n`;\n\nconst EffectItem = styled.div`\n display: flex;\n align-items: center;\n gap: 4px;\n color: ${uiColors.white};\n font-size: 0.5rem;\n background: rgba(255, 255, 255, 0.1);\n padding: 4px 8px;\n border-radius: 4px;\n`;\n\nconst EffectChance = styled.span`\n color: ${uiColors.yellow};\n opacity: 0.8;\n`;\n\nconst BuffsList = styled.div`\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 12px;\n`;\n\nconst BuffItem = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: rgba(255, 255, 255, 0.05);\n padding: 8px;\n border-radius: 4px;\n`;\n\nconst BuffName = styled.span`\n color: ${uiColors.white};\n font-size: 0.5rem;\n`;\n\nconst BuffValue = styled.span`\n color: ${uiColors.yellow};\n font-size: 0.5rem;\n`;\n\nconst BuffDescription = styled.p`\n color: ${uiColors.lightGray};\n font-size: 0.45rem;\n margin: 0;\n padding: 0 12px 12px;\n font-style: italic;\n`;\n\nconst DropList = styled.div`\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n padding: 12px;\n`;\n\nconst DropItem = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0.5rem;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 4px;\n`;\n\nconst NPCName = styled.span`\n color: ${uiColors.white};\n font-size: 0.5rem;\n`;\n\nconst DropRate = styled.span`\n color: ${uiColors.yellow};\n font-size: 0.5rem;\n`;\n\nconst RequirementsGrid = styled.div`\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 8px;\n padding: 12px;\n`;\n\nconst RequirementItem = styled.div`\n display: flex;\n align-items: center;\n gap: 8px;\n background: rgba(255, 255, 255, 0.05);\n padding: 8px;\n border-radius: 4px;\n`;\n\nconst EffectDescription = styled.p`\n color: ${uiColors.lightGray};\n font-size: 0.45rem;\n margin: 8px 0 0;\n padding: 0 12px;\n font-style: italic;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\n\ninterface IBaseTooltipProps {\n children: React.ReactNode;\n width?: string;\n}\n\nconst TooltipContainer = styled.div<{ width?: string }>`\n background-color: rgba(0, 0, 0, 0.95);\n border-radius: 4px;\n padding: 8px;\n font-family: 'Press Start 2P', cursive;\n font-size: 0.6rem;\n width: ${props => props.width || '280px'};\n border: 1px solid ${uiColors.darkGray};\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n`;\n\nexport const TooltipTitle = styled.div`\n color: ${uiColors.yellow};\n font-size: 0.6rem;\n letter-spacing: 0.5px;\n margin-bottom: 8px;\n`;\n\nexport const Section = styled.div`\n margin-top: 6px;\n`;\n\nexport const SectionTitle = styled.div`\n color: ${uiColors.yellow};\n font-size: 0.5rem;\n margin-bottom: 4px;\n opacity: 0.7;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n padding-bottom: 4px;\n`;\n\nexport const StatsContainer = styled.div`\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 2px 8px;\n`;\n\nexport const StatItem = styled.div`\n color: ${uiColors.white};\n font-size: 0.5rem;\n text-align: left;\n`;\n\nexport const BaseTooltip: React.FC<IBaseTooltipProps> = ({\n children,\n width,\n}) => {\n return <TooltipContainer width={width}>{children}</TooltipContainer>;\n};\n\nexport default BaseTooltip;\n","import { IInformationCenterItem } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../../constants/uiColors';\nimport BaseTooltip, {\n Section,\n SectionTitle,\n StatItem,\n StatsContainer,\n TooltipTitle,\n} from '../../../shared/BaseTooltip';\n\ninterface IItemTooltipProps {\n item: IInformationCenterItem;\n}\n\nconst ItemHeader = styled.div`\n display: flex;\n align-items: center;\n gap: 8px;\n`;\n\nconst Description = styled.div`\n color: ${uiColors.white};\n font-size: 0.5rem;\n line-height: 1.4;\n margin-top: 8px;\n opacity: 0.8;\n`;\n\nconst RarityText = styled.span<{ rarity: string }>`\n color: ${props => {\n switch (props.rarity.toLowerCase()) {\n case 'legendary':\n return '#ff8c00';\n case 'rare':\n return '#0070dd';\n case 'uncommon':\n return '#1eff00';\n default:\n return '#ffffff';\n }\n }};\n font-size: 0.5rem;\n`;\n\nexport const InformationCenterItemTooltip: React.FC<IItemTooltipProps> = ({\n item,\n}) => {\n return (\n <BaseTooltip>\n <ItemHeader>\n <TooltipTitle>{item.name}</TooltipTitle>\n </ItemHeader>\n\n <Description>{item.description}</Description>\n\n <Section>\n <SectionTitle>Details</SectionTitle>\n <StatsContainer>\n <StatItem>Type: {item.type}</StatItem>\n <StatItem>Weight: {item.weight}</StatItem>\n {item.attack !== undefined && (\n <StatItem>Attack: {item.attack}</StatItem>\n )}\n {item.defense !== undefined && (\n <StatItem>Defense: {item.defense}</StatItem>\n )}\n {item.tier !== undefined && <StatItem>Tier: {item.tier}</StatItem>}\n {item.rangeType && <StatItem>Range: {item.rangeType}</StatItem>}\n </StatsContainer>\n </Section>\n\n <Section>\n <SectionTitle>Market</SectionTitle>\n <StatsContainer>\n <StatItem>Price: {item.basePrice}</StatItem>\n {item.rarity && (\n <StatItem>\n Rarity:{' '}\n <RarityText rarity={item.rarity}>{item.rarity}</RarityText>\n </StatItem>\n )}\n </StatsContainer>\n </Section>\n </BaseTooltip>\n );\n};\n","import { isMobileOrTablet } from '@rpg-engine/shared';\nimport React, { useEffect, useRef } from 'react';\nimport {\n AiFillCaretRight,\n AiFillFilter,\n AiOutlineFilter,\n} from 'react-icons/ai';\nimport styled from 'styled-components';\nimport { Dropdown } from '../../Dropdown';\nimport { Input } from '../../Input';\nimport { Portal } from '../Portal/Portal';\n\nexport interface IFilterOption {\n id: number;\n value: string;\n option: string;\n}\n\nexport interface IFilterSection {\n type: 'range' | 'dropdown';\n label: string;\n key: string;\n options?: IFilterOption[];\n value?: string | [number | undefined, number | undefined];\n onChange: (value: any) => void;\n}\n\ninterface IAdvancedFiltersProps {\n isOpen: boolean;\n onToggle: () => void;\n sections: IFilterSection[];\n onClearAll: () => void;\n hasActiveFilters: boolean;\n onClose?: () => void;\n}\n\nexport const AdvancedFilters: React.FC<IAdvancedFiltersProps> = ({\n isOpen,\n onToggle,\n sections,\n onClearAll,\n hasActiveFilters,\n onClose,\n}) => {\n const renderFilterSection = (section: IFilterSection) => {\n switch (section.type) {\n case 'range':\n const rangeValue = section.value as [\n number | undefined,\n number | undefined\n ];\n return (\n <FilterSection key={section.key}>\n <Label>{section.label}</Label>\n <RangeInputs>\n <Input\n type=\"number\"\n min={0}\n placeholder=\"Min\"\n value={rangeValue[0] || ''}\n onChange={e =>\n section.onChange([\n e.target.value ? Number(e.target.value) : undefined,\n rangeValue[1],\n ])\n }\n />\n <AiFillCaretRight />\n <Input\n type=\"number\"\n min={0}\n placeholder=\"Max\"\n value={rangeValue[1] || ''}\n onChange={e =>\n section.onChange([\n rangeValue[0],\n e.target.value ? Number(e.target.value) : undefined,\n ])\n }\n />\n </RangeInputs>\n </FilterSection>\n );\n\n case 'dropdown':\n return (\n <FilterSection key={section.key}>\n <Label>{section.label}</Label>\n <StyledDropdownWrapper>\n <Dropdown\n options={section.options || []}\n onChange={section.onChange}\n width=\"100%\"\n />\n </StyledDropdownWrapper>\n </FilterSection>\n );\n\n default:\n return null;\n }\n };\n\n // Calculate button position for the portal\n const [buttonPosition, setButtonPosition] = React.useState({\n top: 0,\n left: 0,\n isMobile: false,\n });\n const buttonRef = useRef<HTMLButtonElement>(null);\n const panelRef = useRef<HTMLDivElement>(null);\n const isMobile = isMobileOrTablet();\n\n useEffect(() => {\n if (isOpen && buttonRef.current) {\n const rect = buttonRef.current.getBoundingClientRect();\n\n if (isMobile) {\n // For mobile, position in center of screen\n setButtonPosition({\n top: window.innerHeight / 2,\n left: window.innerWidth / 2,\n isMobile: true,\n });\n } else {\n // Position below the button for larger screens\n setButtonPosition({\n top: rect.bottom + window.scrollY,\n left: rect.left + rect.width / 2 + window.scrollX,\n isMobile: false,\n });\n }\n }\n }, [isOpen, isMobile]);\n\n // Handle click outside to close the panel\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (\n isOpen &&\n panelRef.current &&\n !panelRef.current.contains(event.target as Node) &&\n buttonRef.current &&\n !buttonRef.current.contains(event.target as Node)\n ) {\n onToggle();\n }\n };\n\n if (isOpen) {\n document.addEventListener('mousedown', handleClickOutside);\n }\n\n return () => {\n document.removeEventListener('mousedown', handleClickOutside);\n };\n }, [isOpen, onToggle]);\n\n const handleClose = () => {\n onToggle();\n if (onClose) {\n onClose();\n }\n };\n\n return (\n <Container>\n <FilterButton\n onClick={onToggle}\n $hasActiveFilters={hasActiveFilters}\n ref={buttonRef}\n >\n {hasActiveFilters ? (\n <AiFillFilter size={20} />\n ) : (\n <AiOutlineFilter size={20} />\n )}\n <FilterCount $visible={hasActiveFilters}>\n {\n sections.filter(section => {\n if (section.type === 'range') {\n const rangeValue = section.value as [\n number | undefined,\n number | undefined\n ];\n return (\n rangeValue[0] !== undefined || rangeValue[1] !== undefined\n );\n }\n return section.value !== 'all';\n }).length\n }\n </FilterCount>\n </FilterButton>\n\n {isOpen && (\n <Portal>\n {isMobile && <Overlay />}\n <FiltersPanel\n ref={panelRef}\n style={{\n position: 'fixed',\n top: isMobile ? '50vh' : `${buttonPosition.top}px`,\n left: isMobile ? '50vw' : `${buttonPosition.left}px`,\n zIndex: 9999,\n }}\n $isMobile={isMobile}\n >\n <FilterHeader>\n <FilterTitle>Advanced Filters</FilterTitle>\n <CloseButton onClick={handleClose}>×</CloseButton>\n </FilterHeader>\n\n {sections.map(renderFilterSection)}\n\n {hasActiveFilters && (\n <ClearFiltersButton onClick={onClearAll}>\n Clear All Filters\n </ClearFiltersButton>\n )}\n </FiltersPanel>\n </Portal>\n )}\n </Container>\n );\n};\n\nconst Container = styled.div`\n position: relative;\n margin-left: 0.5rem;\n`;\n\nconst FilterButton = styled.button<{ $hasActiveFilters: boolean }>`\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 36px;\n height: 36px;\n background: transparent;\n border: none;\n color: ${({ $hasActiveFilters }) =>\n $hasActiveFilters ? '#ffd700' : 'rgba(255, 255, 255, 0.8)'};\n cursor: pointer;\n transition: all 0.2s;\n\n &:hover {\n color: ${({ $hasActiveFilters }) =>\n $hasActiveFilters ? '#ffd700' : '#ffffff'};\n }\n`;\n\nconst FilterCount = styled.div<{ $visible: boolean }>`\n position: absolute;\n top: -4px;\n right: -4px;\n background: #ffd700;\n color: #000;\n border-radius: 50%;\n width: 16px;\n height: 16px;\n font-size: 10px;\n font-weight: bold;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: ${({ $visible }) => ($visible ? 1 : 0)};\n transform: scale(${({ $visible }) => ($visible ? 1 : 0.5)});\n transition: all 0.2s;\n`;\n\nconst FiltersPanel = styled.div<{ $isMobile?: boolean }>`\n background: #1a1a1a;\n border: 1px solid #333;\n border-radius: 6px;\n padding: ${props => (props.$isMobile ? '0.75rem' : '1rem')};\n width: ${props => (props.$isMobile ? '240px' : '280px')};\n max-width: calc(100vw - 20px);\n display: flex;\n flex-direction: column;\n gap: ${props => (props.$isMobile ? '0.75rem' : '1rem')};\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n font-family: 'Press Start 2P', cursive;\n transform: ${props =>\n props.$isMobile ? 'translate(-50%, -50%) scale(0.9)' : 'translateX(-50%)'};\n\n @media (max-width: 320px) {\n width: 220px;\n padding: 0.65rem;\n gap: 0.65rem;\n }\n\n &:before {\n content: '';\n position: absolute;\n top: -6px;\n left: 50%;\n transform: translateX(-50%) rotate(45deg);\n width: 12px;\n height: 12px;\n background: #1a1a1a;\n border-left: 1px solid #333;\n border-top: 1px solid #333;\n display: ${props => (props.$isMobile ? 'none' : 'block')};\n }\n`;\n\nconst FilterHeader = styled.div`\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding-bottom: 0.75rem;\n margin-bottom: 0.5rem;\n border-bottom: 1px solid #333;\n`;\n\nconst Overlay = styled.div`\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.6);\n z-index: 9998;\n animation: fadeIn 0.2s ease-out;\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n`;\n\nconst FilterTitle = styled.div`\n font-weight: 600;\n color: #ffd700;\n font-size: 0.75rem;\n`;\n\nconst FilterSection = styled.div`\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n`;\n\nconst Label = styled.div`\n color: #999;\n font-size: 0.65rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n`;\n\nconst RangeInputs = styled.div`\n display: flex;\n align-items: center;\n gap: 0.5rem;\n\n input {\n width: 80px;\n background: #262626 !important;\n border: 1px solid #444 !important;\n border-radius: 4px !important;\n color: #ddd !important;\n font-size: 0.65rem !important;\n padding: 0.5rem !important;\n height: auto !important;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2) !important;\n\n &::placeholder {\n color: #666 !important;\n }\n\n &:focus {\n border-color: #f59e0b !important;\n outline: none !important;\n }\n }\n\n svg {\n color: #666;\n font-size: 0.875rem;\n }\n`;\n\nconst ClearFiltersButton = styled.button`\n width: 100%;\n background: transparent;\n color: #666;\n border: none;\n padding: 0.75rem 0;\n margin-top: 0.5rem;\n cursor: pointer;\n font-size: 0.65rem;\n transition: all 0.2s;\n border-top: 1px solid #333;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n font-family: 'Press Start 2P', cursive;\n\n &:hover {\n color: #ffd700;\n }\n`;\n\nconst CloseButton = styled.button`\n background: transparent;\n border: none;\n color: #999;\n font-size: 1.5rem;\n line-height: 1;\n cursor: pointer;\n padding: 0;\n margin: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n\n &:hover {\n color: #ffd700;\n }\n`;\n\nconst StyledDropdownWrapper = styled.div`\n .rpgui-dropdown-imp {\n font-size: 0.8rem;\n min-height: unset;\n padding-top: 0.3rem;\n }\n`;\n","import { ItemType } from '@rpg-engine/shared';\nimport React from 'react';\nimport {\n AdvancedFilters,\n IFilterOption,\n IFilterSection,\n} from '../../../shared/AdvancedFilters/AdvancedFilters';\nimport { formatItemType } from './InformationCenterItemsSection';\n\ninterface IItemsAdvancedFiltersProps {\n isOpen: boolean;\n onToggle: () => void;\n onTierChange: (value: string) => void;\n onTypeChange: (value: string) => void;\n selectedTier: string;\n selectedType: string;\n}\n\nexport const ItemsAdvancedFilters = ({\n isOpen,\n onToggle,\n onTierChange,\n onTypeChange,\n selectedTier,\n selectedType,\n}: IItemsAdvancedFiltersProps): JSX.Element => {\n const tierOptions: IFilterOption[] = [\n { id: 0, value: 'all', option: 'All Tiers' },\n ...Array.from({ length: 5 }, (_, i) => ({\n id: i + 1,\n value: String(i + 1),\n option: `Tier ${i + 1}`,\n })),\n ];\n\n const typeOptions: IFilterOption[] = [\n { id: 0, value: 'all', option: 'All Types' },\n ...Object.entries(ItemType).map(([, value], index) => ({\n id: index + 1,\n value: value as string,\n option: formatItemType(value as string),\n })),\n ];\n\n const hasActiveFilters = selectedTier !== 'all' || selectedType !== 'all';\n\n const handleClearFilters = () => {\n onTierChange('all');\n onTypeChange('all');\n };\n\n const sections: IFilterSection[] = [\n {\n type: 'dropdown',\n label: 'Tier',\n key: 'tier',\n options: tierOptions,\n value: selectedTier,\n onChange: onTierChange,\n },\n {\n type: 'dropdown',\n label: 'Item Type',\n key: 'type',\n options: typeOptions,\n value: selectedType,\n onChange: onTypeChange,\n },\n ];\n\n return (\n <AdvancedFilters\n isOpen={isOpen}\n onToggle={onToggle}\n sections={sections}\n onClearAll={handleClearFilters}\n hasActiveFilters={hasActiveFilters}\n />\n );\n};\n","import {\n IInformationCenterItem,\n IInformationCenterNPC,\n isMobileOrTablet,\n} from '@rpg-engine/shared';\nimport React, { useMemo, useState } from 'react';\nimport styled from 'styled-components';\nimport { useTooltipPosition } from '../../../../hooks/useTooltipPosition';\nimport { PaginatedContent } from '../../../shared/PaginatedContent/PaginatedContent';\nimport { Portal } from '../../../shared/Portal/Portal';\nimport { InformationCenterCell } from '../../InformationCenterCell';\nimport { BaseInformationDetails } from '../../shared/BaseInformationDetails';\nimport { InformationCenterItemDetails } from './InformationCenterItemDetails';\nimport { InformationCenterItemTooltip } from './InformationCenterItemTooltip';\nimport { ItemsAdvancedFilters } from './ItemsAdvancedFilters';\n\ninterface IItemsSectionProps {\n items: IInformationCenterItem[];\n bestiaryItems: IInformationCenterNPC[];\n itemsAtlasJSON: Record<string, any>;\n itemsAtlasIMG: string;\n initialSearchQuery: string;\n tabId: string;\n}\n\nexport const formatItemType = (type: string): string => {\n const words = type.split(/(?=[A-Z])/);\n\n if (words.length === 1) {\n return words[0];\n }\n\n return words\n .map((word, index) => {\n if (index === 0) {\n return word.charAt(0) + '.';\n }\n return word;\n })\n .join(' ');\n};\n\nexport const InformationCenterItemsSection: React.FC<IItemsSectionProps> = ({\n items,\n bestiaryItems,\n itemsAtlasJSON,\n itemsAtlasIMG,\n initialSearchQuery,\n tabId,\n}) => {\n const isMobile = isMobileOrTablet();\n const [searchQuery, setSearchQuery] = useState(initialSearchQuery);\n const [selectedItemCategory, setSelectedItemCategory] = useState<string>(\n 'all'\n );\n const [selectedTier, setSelectedTier] = useState<string>('all');\n const [isAdvancedFiltersOpen, setIsAdvancedFiltersOpen] = useState(false);\n const [\n selectedItem,\n setSelectedItem,\n ] = useState<IInformationCenterItem | null>(null);\n\n const {\n tooltipState,\n handleMouseEnter,\n handleMouseLeave,\n TOOLTIP_WIDTH,\n } = useTooltipPosition<IInformationCenterItem>();\n\n const filteredItems = useMemo<IInformationCenterItem[]>(() => {\n return items.filter(item => {\n const matchesSearch = item.name\n .toLowerCase()\n .includes(searchQuery.toLowerCase());\n const matchesCategory =\n selectedItemCategory === 'all' || item.type === selectedItemCategory;\n const matchesTier =\n selectedTier === 'all' || String(item.tier) === selectedTier;\n\n return matchesSearch && matchesCategory && matchesTier;\n });\n }, [items, searchQuery, selectedItemCategory, selectedTier]);\n\n const getDroppedByNPCs = (\n itemId: string,\n npcs: IInformationCenterNPC[]\n ): IInformationCenterNPC[] => {\n return (\n npcs.filter(npc =>\n npc.loots?.some(loot => loot.itemBlueprintKey === itemId)\n ) || []\n );\n };\n\n const handleTouchStart = (\n e: React.TouchEvent,\n item: IInformationCenterItem\n ) => {\n e.preventDefault();\n setSelectedItem(item);\n };\n\n const handleItemClick = (item: IInformationCenterItem) => {\n setSelectedItem(item);\n };\n\n const handleSearchChange = (newQuery: string) => {\n setSearchQuery(newQuery);\n if (newQuery && selectedItemCategory !== 'all') {\n setSelectedItemCategory('all');\n }\n };\n\n const renderItem = (item: IInformationCenterItem) => (\n <InformationCenterCell\n key={item.key}\n name={item.name}\n spriteKey={item.texturePath}\n atlasJSON={itemsAtlasJSON}\n atlasIMG={itemsAtlasIMG}\n onMouseEnter={e => handleMouseEnter(item, e)}\n onMouseLeave={handleMouseLeave}\n onTouchStart={e => handleTouchStart(e, item)}\n onClick={() => handleItemClick(item)}\n />\n );\n\n const SearchBarRightElement = (\n <SearchBarActions>\n <ItemsAdvancedFilters\n isOpen={isAdvancedFiltersOpen}\n onToggle={() => setIsAdvancedFiltersOpen(!isAdvancedFiltersOpen)}\n onTierChange={setSelectedTier}\n onTypeChange={setSelectedItemCategory}\n selectedTier={selectedTier}\n selectedType={selectedItemCategory}\n />\n </SearchBarActions>\n );\n\n return (\n <>\n <PaginatedContent<IInformationCenterItem>\n items={filteredItems}\n renderItem={renderItem}\n emptyMessage=\"No items found\"\n searchOptions={{\n value: searchQuery,\n onChange: handleSearchChange,\n placeholder: 'Search items...',\n rightElement: SearchBarRightElement,\n }}\n dependencies={[selectedItemCategory, selectedTier]}\n tabId={tabId}\n layout=\"grid\"\n itemHeight={isMobile ? '150px' : '180px'}\n />\n {!isMobile && tooltipState && tooltipState.item && (\n <Portal>\n <TooltipWrapper\n width={TOOLTIP_WIDTH}\n style={{\n position: 'fixed',\n left: `${tooltipState.position.x}px`,\n top: `${tooltipState.position.y}px`,\n }}\n >\n <InformationCenterItemTooltip item={tooltipState.item} />\n </TooltipWrapper>\n </Portal>\n )}\n {selectedItem && (\n <Portal>\n <BaseInformationDetails\n name={selectedItem.name}\n spriteKey={selectedItem.texturePath}\n atlasJSON={itemsAtlasJSON}\n atlasIMG={itemsAtlasIMG}\n onBack={() => setSelectedItem(null)}\n >\n <InformationCenterItemDetails\n item={selectedItem}\n itemsAtlasJSON={itemsAtlasJSON}\n itemsAtlasIMG={itemsAtlasIMG}\n droppedBy={getDroppedByNPCs(selectedItem.key, bestiaryItems)}\n onBack={() => setSelectedItem(null)}\n />\n </BaseInformationDetails>\n </Portal>\n )}\n </>\n );\n};\n\nconst TooltipWrapper = styled.div<{ width: number }>`\n z-index: 1000;\n pointer-events: none;\n width: ${props => `${props.width}px`};\n`;\n\nconst SearchBarActions = styled.div`\n display: flex;\n align-items: center;\n gap: 0.5rem;\n`;\n","import { EntityAttackType, NPCSubtype } from '@rpg-engine/shared';\nimport React from 'react';\nimport {\n AdvancedFilters,\n IFilterSection,\n} from '../../../shared/AdvancedFilters/AdvancedFilters';\nimport { formatItemType } from '../items/InformationCenterItemsSection';\n\ninterface IBestiaryAdvancedFiltersProps {\n isOpen: boolean;\n onToggle: () => void;\n onLevelRangeChange: (range: [number | undefined, number | undefined]) => void;\n onSubtypeChange: (value: string) => void;\n onAttackTypeChange: (value: string) => void;\n levelRange: [number | undefined, number | undefined];\n selectedSubtype: string;\n selectedAttackType: string;\n}\n\nexport const BestiaryAdvancedFilters = ({\n isOpen,\n onToggle,\n onLevelRangeChange,\n onSubtypeChange,\n onAttackTypeChange,\n levelRange,\n selectedSubtype,\n selectedAttackType,\n}: IBestiaryAdvancedFiltersProps): JSX.Element => {\n const subtypeOptions = [\n { id: 0, value: 'all', option: 'All Types' },\n ...Object.entries(NPCSubtype).map(([, value], index) => ({\n id: index + 1,\n value,\n option: formatItemType(value),\n })),\n ];\n\n const attackTypeOptions = [\n { id: 0, value: 'all', option: 'All Attack Types' },\n ...Object.entries(EntityAttackType).map(([, value], index) => ({\n id: index + 1,\n value,\n option: formatItemType(value),\n })),\n ];\n\n const hasActiveFilters =\n levelRange[0] !== undefined ||\n levelRange[1] !== undefined ||\n selectedSubtype !== 'all' ||\n selectedAttackType !== 'all';\n\n const handleClearFilters = () => {\n onLevelRangeChange([undefined, undefined]);\n onSubtypeChange('all');\n onAttackTypeChange('all');\n };\n\n const sections: IFilterSection[] = [\n {\n type: 'range',\n label: 'Level Range',\n key: 'level',\n value: levelRange,\n onChange: onLevelRangeChange,\n },\n {\n type: 'dropdown',\n label: 'Monster Type',\n key: 'subtype',\n options: subtypeOptions,\n value: selectedSubtype,\n onChange: onSubtypeChange,\n },\n {\n type: 'dropdown',\n label: 'Attack Type',\n key: 'attackType',\n options: attackTypeOptions,\n value: selectedAttackType,\n onChange: onAttackTypeChange,\n },\n ];\n\n return (\n <AdvancedFilters\n isOpen={isOpen}\n onToggle={onToggle}\n sections={sections}\n onClearAll={handleClearFilters}\n hasActiveFilters={hasActiveFilters}\n />\n );\n};\n","import {\n IInformationCenterItem,\n IInformationCenterNPC,\n isMobileOrTablet,\n ItemRarities,\n ItemSubType,\n ItemType,\n MovementSpeed,\n RangeTypes,\n} from '@rpg-engine/shared';\nimport React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../../constants/uiColors';\nimport { Collapsible } from '../../../shared/Collapsible/Collapsible';\nimport { Pagination } from '../../../shared/Pagination/Pagination';\nimport { Portal } from '../../../shared/Portal/Portal';\nimport { SearchBar } from '../../../shared/SearchBar/SearchBar';\nimport { SpriteFromAtlas } from '../../../shared/SpriteFromAtlas';\nimport { BaseInformationDetails } from '../../shared/BaseInformationDetails';\nimport { InformationCenterItemDetails } from '../items/InformationCenterItemDetails';\n\ninterface INPCDetailsProps {\n npc: IInformationCenterNPC;\n itemsAtlasJSON: Record<string, any>;\n itemsAtlasIMG: string;\n entitiesAtlasJSON: Record<string, any>;\n entitiesAtlasIMG: string;\n iconAtlasIMG?: any;\n iconAtlasJSON?: any;\n onBack: () => void;\n}\n\nconst ITEMS_PER_PAGE = 5;\n\nexport const formatItemName = (itemPath: string): string => {\n const cleanText =\n itemPath\n .split('/')\n .pop()\n ?.split('.')\n .shift() || '';\n\n return cleanText\n .split('-')\n .map(word => word.charAt(0).toUpperCase() + word.slice(1))\n .join(' ');\n};\n\nexport const InformationCenterNPCDetails: React.FC<INPCDetailsProps> = ({\n npc,\n itemsAtlasJSON,\n itemsAtlasIMG,\n entitiesAtlasJSON,\n entitiesAtlasIMG,\n iconAtlasIMG,\n iconAtlasJSON,\n onBack,\n}) => {\n const isMobile = isMobileOrTablet();\n const [lootSearchQuery, setLootSearchQuery] = useState('');\n const [currentLootPage, setCurrentLootPage] = useState(1);\n const [\n selectedItem,\n setSelectedItem,\n ] = useState<IInformationCenterItem | null>(null);\n\n useEffect(() => {\n setCurrentLootPage(1);\n }, [lootSearchQuery]);\n\n const formatText = (text: string | RangeTypes | MovementSpeed): string => {\n if (typeof text === 'number') {\n return text.toString();\n }\n\n return text\n .toString()\n .replace(/([A-Z])/g, ' $1')\n .trim()\n .replace(/([A-Z]+)([A-Z][a-z])/g, '$1 $2')\n .replace(/\\s+/g, ' ')\n .replace(/^\\w/, c => c.toUpperCase());\n };\n\n const formatRarity = (rarity: number): string => {\n switch (rarity) {\n case 0.5:\n return 'Very Rare';\n case 1:\n return 'Rare';\n case 10:\n return 'Uncommon';\n case 15:\n return 'Semi Common';\n case 20:\n return 'Common';\n case 35:\n return 'Very Common';\n default:\n return 'Unknown';\n }\n };\n\n const filteredLoots =\n npc.loots?.filter(loot =>\n formatItemName(loot.itemBlueprintKey)\n .toLowerCase()\n .includes(lootSearchQuery.toLowerCase())\n ) || [];\n\n const totalLootPages = Math.ceil(filteredLoots.length / ITEMS_PER_PAGE);\n const paginatedLoots = filteredLoots.slice(\n (currentLootPage - 1) * ITEMS_PER_PAGE,\n currentLootPage * ITEMS_PER_PAGE\n );\n\n const handleItemClick = (loot: any) => {\n const item: IInformationCenterItem = {\n key: loot.itemBlueprintKey,\n name: formatItemName(loot.itemBlueprintKey),\n texturePath: loot.itemBlueprintKey,\n textureAtlas: 'items',\n type: ItemType.Weapon,\n subType: ItemSubType.Sword,\n tier: 1,\n rarity: ItemRarities.Common,\n weight: 0,\n maxStackSize: loot.quantityRange ? loot.quantityRange[1] : 1,\n canSell: true,\n description: 'A basic item.',\n basePrice: 100,\n allowedEquipSlotType: [],\n };\n setSelectedItem(item);\n };\n\n return (\n <BaseInformationDetails\n name={npc.name}\n spriteKey={npc.key}\n atlasJSON={entitiesAtlasJSON}\n atlasIMG={entitiesAtlasIMG}\n onBack={onBack}\n >\n <InfoSection>\n <InfoItem>\n <Label>Type:</Label>\n <Value>{formatText(npc.subType)}</Value>\n </InfoItem>\n <InfoItem>\n <Label>Alignment:</Label>\n <Value>{formatText(npc.alignment)}</Value>\n </InfoItem>\n <InfoItem>\n <Label>Attack Type:</Label>\n <Value>{formatText(npc.attackType)}</Value>\n </InfoItem>\n <InfoItem>\n <Label>Range:</Label>\n <Value>{formatText(npc.maxRangeAttack)}</Value>\n </InfoItem>\n <InfoItem>\n <Label>Speed:</Label>\n <Value>{formatText(npc.speed)}</Value>\n </InfoItem>\n </InfoSection>\n\n <StyledCollapsible title=\"Stats\" defaultOpen={!isMobile}>\n <StatGrid>\n <StatItem>HP: {npc.baseHealth}</StatItem>\n <StatItem>Level: {npc.skills.level}</StatItem>\n {npc.skills.strength?.level && (\n <StatItem>Strength: {npc.skills.strength.level}</StatItem>\n )}\n {npc.skills.dexterity?.level && (\n <StatItem>Dexterity: {npc.skills.dexterity.level}</StatItem>\n )}\n {npc.skills.resistance?.level && (\n <StatItem>Resistance: {npc.skills.resistance.level}</StatItem>\n )}\n </StatGrid>\n </StyledCollapsible>\n\n {npc.loots && npc.loots.length > 0 && (\n <StyledCollapsible title=\"Loot\" defaultOpen={!isMobile}>\n <LootSearchContainer>\n <StyledSearchBar\n value={lootSearchQuery}\n onChange={(query: string) => {\n setLootSearchQuery(query);\n setCurrentLootPage(1);\n }}\n placeholder=\"Search loot...\"\n />\n </LootSearchContainer>\n <LootGrid>\n {paginatedLoots.map((loot, index) => (\n <LootItem\n key={`${loot.itemBlueprintKey}-${index}`}\n onClick={() => handleItemClick(loot)}\n >\n <SpriteFromAtlas\n atlasJSON={itemsAtlasJSON}\n atlasIMG={itemsAtlasIMG}\n spriteKey={loot.itemBlueprintKey}\n width={24}\n height={24}\n imgScale={1}\n />\n <LootDetails>\n <LootName>{formatItemName(loot.itemBlueprintKey)}</LootName>\n <LootInfo>\n <LootChance>{formatRarity(loot.chance)}</LootChance>\n {loot.quantityRange && (\n <LootQuantity>\n x{loot.quantityRange[0]}-{loot.quantityRange[1]}\n </LootQuantity>\n )}\n </LootInfo>\n </LootDetails>\n </LootItem>\n ))}\n </LootGrid>\n {filteredLoots.length > ITEMS_PER_PAGE && (\n <PaginationContainer>\n <StyledPagination\n currentPage={currentLootPage}\n totalPages={totalLootPages}\n onPageChange={setCurrentLootPage}\n />\n </PaginationContainer>\n )}\n </StyledCollapsible>\n )}\n\n {npc.entityEffects && npc.entityEffects.length > 0 && (\n <StyledCollapsible title=\"Effects\" defaultOpen={!isMobile}>\n <EffectsList>\n {npc.entityEffects.map((effect, index) => (\n <EffectItem key={index}>{formatText(effect)}</EffectItem>\n ))}\n </EffectsList>\n </StyledCollapsible>\n )}\n\n {npc.areaSpells && npc.areaSpells.length > 0 && (\n <StyledCollapsible title=\"Spells\" defaultOpen={!isMobile}>\n <SpellsList>\n {npc.areaSpells.map((spell, index) => (\n <SpellItem key={index}>\n <SpellIconContainer>\n <SpriteFromAtlas\n atlasJSON={iconAtlasJSON}\n atlasIMG={iconAtlasIMG}\n spriteKey={spell.texturePath || spell.spellKey}\n width={24}\n height={24}\n imgScale={1}\n />\n </SpellIconContainer>\n <SpellContent>\n <SpellName>{formatText(spell.spellKey)}</SpellName>\n <SpellDetails>\n Power: <SpellValue>{formatText(spell.power)}</SpellValue>\n <Separator>•</Separator>\n Chance: <SpellValue>{spell.probability}%</SpellValue>\n </SpellDetails>\n </SpellContent>\n </SpellItem>\n ))}\n </SpellsList>\n </StyledCollapsible>\n )}\n\n {selectedItem && (\n <Portal>\n <InformationCenterItemDetails\n item={selectedItem}\n itemsAtlasJSON={itemsAtlasJSON}\n itemsAtlasIMG={itemsAtlasIMG}\n droppedBy={[npc]}\n onBack={() => setSelectedItem(null)}\n />\n </Portal>\n )}\n </BaseInformationDetails>\n );\n};\n\nconst InfoSection = styled.div`\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 8px;\n background: rgba(255, 255, 255, 0.05);\n padding: 12px;\n border-radius: 4px;\n`;\n\nconst InfoItem = styled.div`\n display: flex;\n align-items: center;\n gap: 8px;\n`;\n\nconst Label = styled.span`\n color: ${uiColors.yellow};\n font-size: 0.5rem;\n opacity: 0.8;\n`;\n\nconst Value = styled.span`\n color: ${uiColors.white};\n font-size: 0.5rem;\n`;\n\nconst StyledCollapsible = styled(Collapsible)`\n background: rgba(255, 255, 255, 0.05);\n border-radius: 4px;\n overflow: visible;\n scrollbar-width: thin;\n scrollbar-color: ${uiColors.darkGray} transparent;\n width: 100%;\n box-sizing: border-box;\n`;\n\nconst StatGrid = styled.div`\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 8px;\n padding: 12px;\n`;\n\nconst StatItem = styled.div`\n color: ${uiColors.white};\n font-size: 0.5rem;\n background: rgba(255, 255, 255, 0.05);\n padding: 8px;\n border-radius: 4px;\n`;\n\nconst EffectsList = styled.div`\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n padding: 12px;\n`;\n\nconst EffectItem = styled.div`\n color: ${uiColors.white};\n font-size: 0.5rem;\n background: rgba(255, 255, 255, 0.1);\n padding: 4px 8px;\n border-radius: 4px;\n`;\n\nconst SpellsList = styled.div`\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 12px;\n`;\n\nconst SpellIconContainer = styled.div`\n display: flex;\n padding-right: 30px;\n padding-bottom: 30px;\n`;\n\nconst SpellContent = styled.div`\n display: flex;\n flex-direction: column;\n gap: 4px;\n flex: 1;\n`;\n\nconst SpellItem = styled.div`\n display: flex;\n gap: 8px;\n background: rgba(255, 255, 255, 0.05);\n padding: 8px;\n padding-left: 10px;\n border-radius: 4px;\n align-items: center;\n`;\n\nconst SpellName = styled.div`\n color: ${uiColors.yellow};\n font-size: 0.5rem;\n`;\n\nconst SpellDetails = styled.div`\n display: flex;\n align-items: center;\n gap: 8px;\n color: ${uiColors.white};\n font-size: 0.45rem;\n opacity: 0.8;\n`;\n\nconst SpellValue = styled.span`\n color: ${uiColors.yellow};\n`;\n\nconst Separator = styled.span`\n color: ${uiColors.yellow};\n opacity: 0.5;\n`;\n\nconst LootSearchContainer = styled.div`\n padding: 8px;\n background: rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n margin: 8px 8px 4px;\n box-sizing: border-box;\n`;\n\nconst StyledSearchBar = styled(SearchBar)`\n width: 100%;\n box-sizing: border-box;\n input {\n background: rgba(0, 0, 0, 0.2) !important;\n border: 1px solid rgba(255, 255, 255, 0.1) !important;\n box-sizing: border-box;\n &:focus {\n border-color: ${uiColors.yellow} !important;\n }\n }\n`;\n\nconst LootGrid = styled.div`\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 4px;\n padding: 4px 8px;\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n\n @media (max-width: 768px) {\n grid-template-columns: 1fr;\n padding: 4px;\n }\n`;\n\nconst LootItem = styled.div`\n display: flex;\n align-items: center;\n gap: 4px;\n background: rgba(255, 255, 255, 0.05);\n padding: 4px;\n border-radius: 4px;\n min-width: 0;\n cursor: pointer;\n user-select: none;\n transition: background-color 0.2s ease;\n\n &:hover {\n background: rgba(255, 255, 255, 0.1);\n }\n`;\n\nconst LootDetails = styled.div`\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 4px;\n user-select: none;\n`;\n\nconst LootName = styled.div`\n color: ${uiColors.white};\n font-size: 0.5rem;\n user-select: none;\n`;\n\nconst LootInfo = styled.div`\n display: flex;\n align-items: center;\n gap: 8px;\n user-select: none;\n`;\n\nconst LootChance = styled.span`\n color: ${uiColors.yellow};\n font-size: 0.45rem;\n user-select: none;\n`;\n\nconst LootQuantity = styled.span`\n color: ${uiColors.lightGray};\n font-size: 0.45rem;\n user-select: none;\n`;\n\nconst PaginationContainer = styled.div`\n display: flex;\n justify-content: center;\n padding: 12px;\n`;\n\nconst StyledPagination = styled(Pagination)`\n font-size: 0.6rem;\n`;\n","import {\n IInformationCenterNPC,\n MovementSpeed,\n RangeTypes,\n} from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../../constants/uiColors';\nimport BaseTooltip, {\n Section,\n SectionTitle,\n StatItem,\n StatsContainer,\n TooltipTitle,\n} from '../../../shared/BaseTooltip';\nimport { SpriteFromAtlas } from '../../../shared/SpriteFromAtlas';\nimport { formatItemName } from './InformationCenterNPCDetails';\n\ninterface INPCTooltipProps {\n npc: IInformationCenterNPC;\n itemsAtlasJSON: any;\n itemsAtlasIMG: string;\n}\n\nconst EffectsList = styled.div`\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n`;\n\nconst EffectItem = styled.span`\n font-size: 0.5rem;\n color: ${uiColors.white};\n background: rgba(255, 255, 255, 0.1);\n padding: 2px 6px;\n border-radius: 4px;\n`;\n\nconst SpellList = styled.div`\n display: flex;\n flex-direction: column;\n gap: 2px;\n`;\n\nconst SpellItem = styled.div`\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: 0.5rem;\n color: ${uiColors.white};\n background: rgba(255, 255, 255, 0.05);\n padding: 2px 6px;\n border-radius: 4px;\n`;\n\nconst SpellInfo = styled.span`\n color: ${uiColors.yellow};\n margin-left: 8px;\n opacity: 0.8;\n`;\n\nconst LootList = styled.div`\n display: flex;\n flex-direction: column;\n gap: 2px;\n`;\n\nconst LootItem = styled.div`\n display: flex;\n align-items: center;\n gap: 4px;\n font-size: 0.5rem;\n background: rgba(255, 255, 255, 0.05);\n padding: 4px 6px;\n border-radius: 4px;\n\n .sprite-from-atlas-img {\n top: 0px;\n left: 0px;\n }\n`;\n\nconst LootName = styled.span`\n color: ${uiColors.white};\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n margin-left: 4px;\n`;\n\nconst LootChance = styled.span`\n color: ${uiColors.yellow};\n font-size: 0.45rem;\n text-transform: lowercase;\n opacity: 0.8;\n`;\n\nconst MoreIndicator = styled.div`\n color: ${uiColors.yellow};\n font-size: 0.45rem;\n text-align: center;\n margin-top: 2px;\n opacity: 0.7;\n`;\n\nconst formatText = (text: string | RangeTypes | MovementSpeed): string => {\n if (typeof text === 'number') {\n return text.toString();\n }\n return text\n .toString()\n .replace(/([A-Z])/g, ' $1')\n .trim()\n .replace(/([A-Z]+)([A-Z][a-z])/g, '$1 $2')\n .replace(/\\s+/g, ' ');\n};\n\nconst formatRarity = (rarity: number): string => {\n switch (rarity) {\n case 0.5:\n return 'Very Rare';\n case 1:\n return 'Rare';\n case 10:\n return 'Uncommon';\n case 15:\n return 'Semi Common';\n case 20:\n return 'Common';\n case 35:\n return 'Very Common';\n default:\n return 'Unknown';\n }\n};\n\nexport const InformationCenterNPCTooltip: React.FC<INPCTooltipProps> = ({\n npc,\n itemsAtlasJSON,\n itemsAtlasIMG,\n}) => {\n return (\n <BaseTooltip>\n <TooltipTitle>{npc.name}</TooltipTitle>\n\n <StatsContainer>\n <StatItem>HP: {npc.baseHealth}</StatItem>\n <StatItem>LVL: {npc.skills.level}</StatItem>\n <StatItem>STR: {npc.skills.strength?.level || '-'}</StatItem>\n <StatItem>DEX: {npc.skills.dexterity?.level || '-'}</StatItem>\n <StatItem>RES: {npc.skills.resistance?.level || '-'}</StatItem>\n <StatItem>SPD: {formatText(npc.speed)}</StatItem>\n </StatsContainer>\n\n {npc.entityEffects && npc.entityEffects.length > 0 && (\n <Section>\n <SectionTitle>Effects</SectionTitle>\n <EffectsList>\n {npc.entityEffects.map(effect => (\n <EffectItem key={effect}>{formatText(effect)}</EffectItem>\n ))}\n </EffectsList>\n </Section>\n )}\n\n {npc.areaSpells && npc.areaSpells.length > 0 && (\n <Section>\n <SectionTitle>Spells</SectionTitle>\n <SpellList>\n {npc.areaSpells.map(spell => (\n <SpellItem key={spell.spellKey}>\n {formatText(spell.spellKey)}\n <SpellInfo>\n {formatText(spell.power)}, {spell.probability}%\n </SpellInfo>\n </SpellItem>\n ))}\n </SpellList>\n </Section>\n )}\n\n {npc.loots && npc.loots.length > 0 && (\n <Section>\n <SectionTitle>Possible Loot</SectionTitle>\n <LootList>\n {npc.loots.slice(0, 4).map(loot => (\n <LootItem key={loot.itemBlueprintKey}>\n <SpriteFromAtlas\n atlasIMG={itemsAtlasIMG}\n atlasJSON={itemsAtlasJSON}\n spriteKey={loot.itemBlueprintKey}\n imgScale={1}\n />\n <LootName>{formatItemName(loot.itemBlueprintKey)}</LootName>\n <LootChance>{formatRarity(loot.chance)}</LootChance>\n </LootItem>\n ))}\n {npc.loots.length > 4 && <MoreIndicator>...</MoreIndicator>}\n </LootList>\n </Section>\n )}\n </BaseTooltip>\n );\n};\n","import {\n IInformationCenterNPC,\n NPCAlignment,\n isMobileOrTablet,\n} from '@rpg-engine/shared';\nimport React, { useMemo, useState } from 'react';\nimport styled from 'styled-components';\nimport { useTooltipPosition } from '../../../../hooks/useTooltipPosition';\nimport { IOptionsProps } from '../../../Dropdown';\nimport { PaginatedContent } from '../../../shared/PaginatedContent/PaginatedContent';\nimport { Portal } from '../../../shared/Portal/Portal';\nimport { InformationCenterCell } from '../../InformationCenterCell';\nimport { BaseInformationDetails } from '../../shared/BaseInformationDetails';\nimport { formatItemType } from '../items/InformationCenterItemsSection';\nimport { BestiaryAdvancedFilters } from './BestiaryAdvancedFilters';\nimport { InformationCenterNPCDetails } from './InformationCenterNPCDetails';\nimport { InformationCenterNPCTooltip } from './InformationCenterNPCTooltip';\n\ninterface IBestiarySectionProps {\n bestiaryItems: IInformationCenterNPC[];\n itemsAtlasJSON: Record<string, any>;\n itemsAtlasIMG: string;\n entitiesAtlasJSON: Record<string, any>;\n entitiesAtlasIMG: string;\n iconsAtlasIMG: any;\n iconsAtlasJSON: any;\n initialSearchQuery: string;\n tabId: string;\n}\n\nexport const InformationCenterBestiarySection = ({\n bestiaryItems,\n itemsAtlasJSON,\n itemsAtlasIMG,\n iconsAtlasIMG,\n iconsAtlasJSON,\n entitiesAtlasJSON,\n entitiesAtlasIMG,\n initialSearchQuery,\n tabId,\n}: IBestiarySectionProps): JSX.Element => {\n const isMobile = isMobileOrTablet();\n const [searchQuery, setSearchQuery] = useState<string>(initialSearchQuery);\n const [\n selectedMonster,\n setSelectedMonster,\n ] = useState<IInformationCenterNPC | null>(null);\n const [selectedBestiaryCategory, setSelectedBestiaryCategory] = useState<\n string\n >('all');\n\n const {\n tooltipState,\n handleMouseEnter,\n handleMouseLeave,\n TOOLTIP_WIDTH,\n } = useTooltipPosition<IInformationCenterNPC>();\n\n // Advanced filters state\n const [isAdvancedFiltersOpen, setIsAdvancedFiltersOpen] = useState<boolean>(\n false\n );\n const [levelRange, setLevelRange] = useState<\n [number | undefined, number | undefined]\n >([undefined, undefined]);\n const [selectedSubtype, setSelectedSubtype] = useState<string>('all');\n const [selectedAttackType, setSelectedAttackType] = useState<string>('all');\n\n const handleTouchStart = (\n monster: IInformationCenterNPC,\n event: React.TouchEvent\n ): void => {\n event.preventDefault();\n setSelectedMonster(monster);\n };\n\n const handleMonsterClick = (monster: IInformationCenterNPC): void => {\n setSelectedMonster(monster);\n };\n\n const bestiaryCategoryOptions: IOptionsProps[] = [\n { id: 0, value: 'all', option: 'All Monsters' },\n { id: 1, value: 'bosses', option: 'Bosses' },\n ...Object.entries(NPCAlignment)\n .filter(([, value]) => value !== NPCAlignment.Friendly)\n .map(([, value], index) => ({\n id: index + 2,\n value,\n option: formatItemType(value),\n })),\n ];\n\n const renderItem = (item: IInformationCenterNPC): JSX.Element => (\n <InformationCenterCell\n key={item.id}\n name={item.name}\n spriteKey={item.key}\n atlasJSON={entitiesAtlasJSON}\n atlasIMG={entitiesAtlasIMG}\n onClick={() => handleMonsterClick(item)}\n onMouseEnter={e => handleMouseEnter(item, e)}\n onMouseLeave={handleMouseLeave}\n onTouchStart={e => handleTouchStart(item, e)}\n />\n );\n\n const filteredItems = useMemo<IInformationCenterNPC[]>(() => {\n return bestiaryItems.filter(item => {\n // Basic search filter\n const matchesSearch = item.name\n .toLowerCase()\n .includes(searchQuery.toLowerCase());\n\n // Category filter\n let matchesCategory = true;\n if (selectedBestiaryCategory === 'bosses') {\n matchesCategory = item.isBoss === true;\n } else if (selectedBestiaryCategory === NPCAlignment.Hostile) {\n matchesCategory =\n item.alignment === NPCAlignment.Hostile && !item.isBoss;\n } else if (selectedBestiaryCategory !== 'all') {\n matchesCategory = item.alignment === selectedBestiaryCategory;\n }\n\n // Advanced filters\n const matchesLevel =\n (!levelRange[0] || item.skills.level >= levelRange[0]) &&\n (!levelRange[1] || item.skills.level <= levelRange[1]);\n\n const matchesSubtype =\n selectedSubtype === 'all' || item.subType === selectedSubtype;\n\n const matchesAttackType =\n selectedAttackType === 'all' || item.attackType === selectedAttackType;\n\n // Filter out friendly NPCs\n const isNotFriendly = item.alignment !== NPCAlignment.Friendly;\n\n return (\n matchesSearch &&\n matchesCategory &&\n matchesLevel &&\n matchesSubtype &&\n matchesAttackType &&\n isNotFriendly\n );\n });\n }, [\n bestiaryItems,\n searchQuery,\n selectedBestiaryCategory,\n levelRange,\n selectedSubtype,\n selectedAttackType,\n ]);\n\n const handleSearchChange = (newQuery: string): void => {\n setSearchQuery(newQuery);\n if (newQuery && selectedBestiaryCategory !== 'all') {\n setSelectedBestiaryCategory('all');\n }\n };\n\n const SearchBarRightElement = (\n <SearchBarActions>\n <BestiaryAdvancedFilters\n isOpen={isAdvancedFiltersOpen}\n onToggle={() => setIsAdvancedFiltersOpen(!isAdvancedFiltersOpen)}\n onLevelRangeChange={setLevelRange}\n onSubtypeChange={setSelectedSubtype}\n onAttackTypeChange={setSelectedAttackType}\n levelRange={levelRange}\n selectedSubtype={selectedSubtype}\n selectedAttackType={selectedAttackType}\n />\n </SearchBarActions>\n );\n\n return (\n <>\n <PaginatedContent<IInformationCenterNPC>\n items={filteredItems}\n renderItem={renderItem}\n emptyMessage=\"No monsters found\"\n tabId={tabId}\n layout=\"grid\"\n filterOptions={{\n options: bestiaryCategoryOptions,\n selectedOption: selectedBestiaryCategory,\n onOptionChange: setSelectedBestiaryCategory,\n }}\n searchOptions={{\n value: searchQuery,\n onChange: handleSearchChange,\n placeholder: 'Search monsters...',\n rightElement: SearchBarRightElement,\n }}\n dependencies={[\n selectedBestiaryCategory,\n levelRange,\n selectedSubtype,\n selectedAttackType,\n ]}\n itemHeight={isMobile ? '150px' : '180px'}\n />\n {!isMobile && tooltipState && tooltipState.item && (\n <Portal>\n <TooltipWrapper\n width={TOOLTIP_WIDTH}\n style={{\n position: 'fixed',\n left: `${tooltipState.position.x}px`,\n top: `${tooltipState.position.y}px`,\n }}\n >\n <InformationCenterNPCTooltip\n npc={tooltipState.item}\n itemsAtlasJSON={itemsAtlasJSON}\n itemsAtlasIMG={itemsAtlasIMG}\n />\n </TooltipWrapper>\n </Portal>\n )}\n {selectedMonster && (\n <Portal>\n <BaseInformationDetails\n name={selectedMonster.name}\n spriteKey={selectedMonster.key}\n atlasJSON={entitiesAtlasJSON}\n atlasIMG={entitiesAtlasIMG}\n onBack={() => setSelectedMonster(null)}\n >\n <InformationCenterNPCDetails\n npc={selectedMonster}\n itemsAtlasJSON={itemsAtlasJSON}\n itemsAtlasIMG={itemsAtlasIMG}\n iconAtlasIMG={iconsAtlasIMG}\n iconAtlasJSON={iconsAtlasJSON}\n entitiesAtlasJSON={entitiesAtlasJSON}\n entitiesAtlasIMG={entitiesAtlasIMG}\n onBack={() => setSelectedMonster(null)}\n />\n </BaseInformationDetails>\n </Portal>\n )}\n </>\n );\n};\n\nconst TooltipWrapper = styled.div<{ width: number }>`\n z-index: 1000;\n pointer-events: none;\n width: ${props => `${props.width}px`};\n`;\n\nconst SearchBarActions = styled.div`\n display: flex;\n align-items: center;\n gap: 0.5rem;\n`;\n","import {\n IVideoGuide,\n VideoGuideCategory,\n VideoGuideLanguage,\n isMobileOrTablet,\n} from '@rpg-engine/shared';\nimport React, { useMemo, useState } from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../../constants/uiColors';\nimport { IOptionsProps } from '../../../Dropdown';\nimport { PaginatedContent } from '../../../shared/PaginatedContent/PaginatedContent';\n\nimport { Ellipsis } from '../../../shared/Ellipsis';\nimport { formatItemType } from '../items/InformationCenterItemsSection';\n\ninterface ITutorialsSectionProps {\n videoGuides: IVideoGuide[];\n initialSearchQuery: string;\n tabId: string;\n}\n\nconst ITEMS_PER_PAGE = 4;\nconst GRID_COLUMNS = 4;\n\nexport const InformationCenterTutorialsSection: React.FC<ITutorialsSectionProps> = ({\n videoGuides,\n initialSearchQuery,\n tabId,\n}) => {\n const isMobile = isMobileOrTablet();\n const [searchQuery, setSearchQuery] = useState(initialSearchQuery);\n const [selectedCategory, setSelectedCategory] = useState<string>('all');\n const [, setCurrentPage] = useState(1);\n\n const getYouTubeThumbnail = (videoUrl: string): string => {\n const regExp = /^.*(youtu.be\\/|v\\/|u\\/\\w\\/|embed\\/|watch\\?v=|&v=)([^#&?]*).*/;\n const match = videoUrl.match(regExp);\n const videoId = match && match[2].length === 11 ? match[2] : null;\n\n return videoId\n ? `https://img.youtube.com/vi/${videoId}/hqdefault.jpg`\n : '/placeholder-thumbnail.png';\n };\n const categoryOptions: IOptionsProps[] = [\n { id: 0, value: 'all', option: 'All Categories' },\n ...(VideoGuideCategory\n ? Object.entries(VideoGuideCategory).map(([, value], index) => ({\n id: index + 1,\n value: value as string,\n option: formatItemType(value),\n }))\n : []),\n ...(VideoGuideLanguage\n ? Object.entries(VideoGuideLanguage).map(([, value], index) => ({\n id:\n index +\n (VideoGuideCategory\n ? Object.entries(VideoGuideCategory).length\n : 0) +\n 1,\n value: value as string,\n option: formatItemType(value),\n }))\n : []),\n ];\n\n const handleVideoClick = (videoUrl: string) => {\n window.open(videoUrl, '_blank', 'noopener,noreferrer');\n };\n\n const renderItem = (guide: IVideoGuide) => (\n <GuideItem key={guide.id} onClick={() => handleVideoClick(guide.videoUrl)}>\n <GuideThumbnail>\n <img\n src={guide.localImage || getYouTubeThumbnail(guide.videoUrl)}\n alt={guide.title}\n />\n </GuideThumbnail>\n <GuideContent>\n <GuideTitle>\n <Ellipsis maxWidth=\"100%\" maxLines={2}>\n {guide.title}\n </Ellipsis>\n </GuideTitle>\n <GuideDescription>\n <Ellipsis maxWidth=\"100%\" maxLines={isMobile ? 3 : 5}>\n {guide.description}\n </Ellipsis>\n </GuideDescription>\n <GuideLabelsContainer>\n <GuideCategory>{guide.category}</GuideCategory>\n <GuideLanguage>{guide.language}</GuideLanguage>\n </GuideLabelsContainer>\n </GuideContent>\n </GuideItem>\n );\n\n const filteredGuides = useMemo(() => {\n return videoGuides.filter(guide => {\n const matchesSearch =\n guide.title.toLowerCase().includes(searchQuery.toLowerCase()) ||\n guide.description.toLowerCase().includes(searchQuery.toLowerCase());\n\n const matchesCategory =\n selectedCategory === 'all' ||\n (Object.values(VideoGuideCategory).includes(\n selectedCategory as VideoGuideCategory\n ) &&\n guide.category === selectedCategory) ||\n (Object.values(VideoGuideLanguage).includes(\n selectedCategory as VideoGuideLanguage\n ) &&\n guide.language === selectedCategory);\n\n return matchesSearch && matchesCategory;\n });\n }, [videoGuides, searchQuery, selectedCategory]);\n\n const handleSearchChange = (newQuery: string) => {\n setSearchQuery(newQuery);\n setCurrentPage(1);\n if (newQuery && selectedCategory !== 'all') {\n setSelectedCategory('all');\n }\n };\n\n const handleCategoryChange = (category: string) => {\n setSelectedCategory(category);\n setCurrentPage(1);\n };\n\n return (\n <PaginatedContent<IVideoGuide>\n items={filteredGuides}\n renderItem={renderItem}\n emptyMessage=\"No guides found\"\n searchOptions={{\n value: searchQuery,\n onChange: handleSearchChange,\n placeholder: 'Search guides...',\n }}\n filterOptions={{\n options: categoryOptions,\n selectedOption: selectedCategory,\n onOptionChange: handleCategoryChange,\n }}\n dependencies={[selectedCategory]}\n tabId={tabId}\n layout=\"grid\"\n gridColumns={isMobile ? 1 : GRID_COLUMNS}\n itemsPerPage={ITEMS_PER_PAGE}\n itemHeight={isMobile ? '280px' : '320px'}\n />\n );\n};\n\nconst GuideItem = styled.div`\n background: rgba(0, 0, 0, 0.3);\n border-radius: 4px;\n overflow: hidden;\n border: 1px solid ${uiColors.darkGray};\n cursor: pointer;\n transition: transform 0.2s ease;\n display: flex;\n flex-direction: column;\n height: 100%;\n padding: 0;\n &:hover {\n transform: translateY(-2px);\n }\n`;\n\nconst GuideThumbnail = styled.div`\n width: 100%;\n height: 168px;\n background: rgba(0, 0, 0, 0.2);\n overflow: hidden;\n\n img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n`;\n\nconst GuideContent = styled.div`\n padding: 0 12px 12px;\n flex: 1;\n display: flex;\n flex-direction: column;\n`;\n\nconst GuideTitle = styled.h3`\n margin: 0;\n font-size: 0.6rem !important;\n color: ${uiColors.yellow};\n font-family: 'Press Start 2P', cursive;\n margin-bottom: 5px;\n text-overflow: ellipsis;\n`;\n\nconst GuideDescription = styled.p`\n margin: 0;\n font-size: 0.5rem !important;\n color: ${uiColors.lightGray};\n text-align: center;\n font-family: 'Press Start 2P', cursive;\n margin-bottom: 8px;\n line-height: 1.4;\n`;\n\nconst GuideCategory = styled.label`\n font-size: 0.5rem !important;\n font-family: 'Press Start 2P', cursive;\n color: ${uiColors.yellow} !important;\n line-height: 1.4;\n\n &::before {\n content: '🏷️';\n padding-right: 6px;\n font-size: 0.7rem;\n transform: translateY(-2px);\n display: inline-block;\n }\n`;\n\nconst GuideLanguage = styled.label`\n font-size: 0.5rem !important;\n font-family: 'Press Start 2P', cursive;\n color: ${uiColors.blue} !important;\n line-height: 1.4;\n\n &::before {\n content: '🌐';\n padding-right: 6px;\n font-size: 0.6rem;\n transform: translateY(-2px);\n display: inline-block;\n }\n`;\n\nconst GuideLabelsContainer = styled.div`\n display: flex;\n justify-content: space-between;\n padding: 0 6px 6px;\n margin-top: auto;\n`;\n","import React, { useState } from 'react';\nimport styled from 'styled-components';\n\nimport {\n IFaqItem,\n IInformationCenterItem,\n IInformationCenterNPC,\n IVideoGuide,\n isMobileOrTablet,\n} from '@rpg-engine/shared';\nimport { DraggableContainer } from '../DraggableContainer';\nimport { InternalTabs } from '../InternalTabs/InternalTabs';\nimport { RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';\nimport { InformationCenterBestiarySection } from './sections/bestiary/InformationCenterBestiarySection';\nimport { InformationCenterItemsSection } from './sections/items/InformationCenterItemsSection';\nimport { InformationCenterTutorialsSection } from './sections/tutorials/InformationCenterTutorialsSection';\n\ninterface IInformationCenterProps {\n itemsAtlasJSON: Record<string, any>;\n itemsAtlasIMG: string;\n entitiesAtlasJSON: Record<string, any>;\n entitiesAtlasIMG: string;\n iconsAtlasJSON: any;\n iconsAtlasIMG: any;\n faqItems?: IFaqItem[];\n bestiaryItems?: IInformationCenterNPC[];\n videoGuides?: IVideoGuide[];\n items?: IInformationCenterItem[];\n loading?: boolean;\n error?: string;\n initialSearchQuery?: string;\n onClose?: () => void;\n}\n\nexport const InformationCenter: React.FC<IInformationCenterProps> = ({\n itemsAtlasJSON,\n itemsAtlasIMG,\n entitiesAtlasJSON,\n entitiesAtlasIMG,\n iconsAtlasIMG,\n iconsAtlasJSON,\n bestiaryItems = [],\n videoGuides = [],\n items = [],\n loading = false,\n error,\n initialSearchQuery = '',\n onClose,\n}) => {\n const [activeTab, setActiveTab] = useState('bestiary');\n const isMobile = isMobileOrTablet();\n\n if (loading) {\n return <LoadingMessage>Loading...</LoadingMessage>;\n }\n\n if (error) {\n return <ErrorMessage>{error}</ErrorMessage>;\n }\n\n const tabs = [\n {\n id: 'bestiary',\n title: 'Bestiary',\n content: (\n <InformationCenterBestiarySection\n bestiaryItems={bestiaryItems}\n itemsAtlasJSON={itemsAtlasJSON}\n itemsAtlasIMG={itemsAtlasIMG}\n iconsAtlasIMG={iconsAtlasIMG}\n iconsAtlasJSON={iconsAtlasJSON}\n entitiesAtlasJSON={entitiesAtlasJSON}\n entitiesAtlasIMG={entitiesAtlasIMG}\n initialSearchQuery={initialSearchQuery}\n tabId=\"bestiary\"\n />\n ),\n },\n {\n id: 'items',\n title: 'Items',\n content: (\n <InformationCenterItemsSection\n items={items}\n bestiaryItems={bestiaryItems}\n itemsAtlasJSON={itemsAtlasJSON}\n itemsAtlasIMG={itemsAtlasIMG}\n initialSearchQuery={initialSearchQuery}\n tabId=\"items\"\n />\n ),\n },\n {\n id: 'tutorials',\n title: 'Tutorials',\n content: (\n <InformationCenterTutorialsSection\n videoGuides={videoGuides}\n initialSearchQuery={initialSearchQuery}\n tabId=\"tutorials\"\n />\n ),\n },\n ];\n\n return (\n <DraggableContainer\n title=\"Information Center\"\n type={RPGUIContainerTypes.Framed}\n width={isMobile ? '95%' : '80%'}\n minWidth=\"300px\"\n cancelDrag=\".PaginatedContent-content\"\n onCloseButton={onClose}\n >\n <Container>\n <InternalTabs\n tabs={tabs}\n activeTextColor=\"#000000\"\n activeTab={activeTab}\n onTabChange={setActiveTab}\n activeColor=\"#fef08a\"\n inactiveColor=\"#6b7280\"\n borderColor=\"#f59e0b\"\n hoverColor=\"#fef3c7\"\n />\n </Container>\n </DraggableContainer>\n );\n};\n\nconst Container = styled.div`\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n padding: 0.125rem;\n overflow: hidden;\n box-sizing: border-box;\n\n @media (min-width: 320px) {\n padding: 0.25rem;\n }\n\n @media (min-width: 360px) {\n padding: 0.5rem;\n }\n\n @media (min-width: 480px) {\n padding: 0.75rem;\n }\n`;\n\nconst LoadingMessage = styled.div`\n text-align: center;\n color: #ffffff;\n padding: 2rem;\n`;\n\nconst ErrorMessage = styled.div`\n text-align: center;\n color: #ef4444;\n padding: 2rem;\n`;\n","import React from 'react';\nimport { IPosition } from '../../types/eventTypes';\nimport { DraggableContainer } from '../DraggableContainer';\nimport { RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';\n\ninterface IProps {\n children: React.ReactNode;\n title: string;\n onClose?: () => void;\n onPositionChange?: (position: IPosition) => void;\n onPositionChangeEnd?: (position: IPosition) => void;\n onPositionChangeStart?: (position: IPosition) => void;\n onOutsideClick?: () => void;\n initialPosition?: IPosition;\n scale?: number;\n width?: string;\n isFullScreen?: boolean;\n opacity?: number;\n}\n\nexport const SlotsContainer: React.FC<IProps> = ({\n children,\n title,\n onClose,\n onPositionChange,\n onPositionChangeEnd,\n onPositionChangeStart,\n onOutsideClick,\n initialPosition,\n scale,\n width,\n isFullScreen,\n opacity,\n}) => {\n return (\n <DraggableContainer\n isFullScreen={isFullScreen}\n opacity={opacity}\n title={title}\n type={RPGUIContainerTypes.Framed}\n onCloseButton={() => {\n if (onClose) {\n onClose();\n }\n }}\n width={width ?? '415px'}\n cancelDrag=\".item-container-body, #shortcuts_list\"\n onPositionChange={({ x, y }) => {\n if (onPositionChange) {\n onPositionChange({ x, y });\n }\n }}\n onPositionChangeEnd={({ x, y }) => {\n if (onPositionChangeEnd) {\n onPositionChangeEnd({ x, y });\n }\n }}\n onPositionChangeStart={({ x, y }) => {\n if (onPositionChangeStart) {\n onPositionChangeStart({ x, y });\n }\n }}\n onOutsideClick={onOutsideClick}\n initialPosition={initialPosition}\n scale={scale}\n >\n {children}\n </DraggableContainer>\n );\n};\n","import {\n getItemTextureKeyPath,\n IItem,\n IRawSpell,\n IShortcut,\n ShortcutType,\n} from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { SpriteFromAtlas } from '../shared/SpriteFromAtlas';\n\ntype ShortcutsSetterProps = {\n setSettingShortcutIndex: (index: number) => void;\n settingShortcutIndex: number;\n shortcuts: IShortcut[];\n removeShortcut: (index: number) => void;\n atlasJSON: any;\n atlasIMG: any;\n};\n\nexport const ShortcutsSetter: React.FC<ShortcutsSetterProps> = ({\n setSettingShortcutIndex,\n settingShortcutIndex,\n shortcuts,\n removeShortcut,\n atlasJSON,\n atlasIMG,\n}) => {\n const getContent = (index: number) => {\n if (shortcuts[index]?.type === ShortcutType.Item) {\n const payload = shortcuts[index]?.payload as IItem | undefined;\n\n if (!payload) return null;\n\n return (\n <SpriteFromAtlas\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n spriteKey={getItemTextureKeyPath(\n {\n key: payload.texturePath,\n texturePath: payload.texturePath,\n stackQty: payload.stackQty || 1,\n isStackable: payload.isStackable,\n },\n atlasJSON\n )}\n width={32}\n height={32}\n imgScale={1.2}\n imgStyle={{ left: '3px' }}\n />\n );\n }\n const IMAGE_SIZE = 32;\n const IMAGE_SCALE = 1;\n\n const shortcut = shortcuts[index];\n\n if (shortcut?.type === ShortcutType.Spell && shortcut.payload) {\n const payload = shortcut.payload as IRawSpell; // TypeScript type assertion\n\n return (\n <SpriteFromAtlas\n atlasIMG={payload.atlasIMG}\n atlasJSON={payload.atlasJSON}\n spriteKey={payload.texturePath ?? ''}\n width={IMAGE_SIZE}\n height={IMAGE_SIZE}\n imgScale={IMAGE_SCALE}\n centered\n borderRadius=\"50%\"\n />\n );\n }\n\n return null;\n };\n\n return (\n <Container>\n <p>Shortcuts:</p>\n <List id=\"shortcuts_list\">\n {Array.from({ length: 12 }).map((_, i) => (\n <Shortcut\n key={i}\n onPointerDown={() => {\n if (settingShortcutIndex !== -1) setSettingShortcutIndex(-1);\n\n removeShortcut(i);\n if (\n settingShortcutIndex === -1 &&\n (!shortcuts[i] || shortcuts[i].type === ShortcutType.None)\n )\n setSettingShortcutIndex(i);\n }}\n disabled={settingShortcutIndex !== -1 && settingShortcutIndex !== i}\n isBeingSet={settingShortcutIndex === i}\n id={`shortcutSetter_${i}`}\n >\n {getContent(i)}\n </Shortcut>\n ))}\n </List>\n </Container>\n );\n};\n\nconst Container = styled.div`\n p {\n margin: 0;\n margin-left: 0.5rem;\n font-size: 10px;\n }\n\n width: 100%;\n`;\n\nconst Shortcut = styled.button<{ isBeingSet?: boolean }>`\n width: 2.4rem;\n height: 2.4rem;\n\n background-color: ${uiColors.lightGray};\n border: 2px solid\n ${({ isBeingSet }) => (isBeingSet ? uiColors.yellow : uiColors.darkGray)};\n border-radius: 50%;\n text-transform: uppercase;\n font-size: 0.7rem;\n font-weight: bold;\n display: flex;\n align-items: center;\n justify-content: center;\n\n span {\n margin-top: 4px;\n }\n\n &:hover,\n &:focus {\n background-color: ${uiColors.darkGray};\n }\n\n &:active {\n background-color: ${uiColors.gray};\n }\n\n &:disabled {\n opacity: 0.5;\n }\n`;\n\nconst List = styled.div`\n width: 100%;\n display: flex;\n align-items: center;\n gap: 0.4rem;\n box-sizing: border-box;\n margin: 0 !important;\n\n flex-wrap: wrap;\n\n padding: 0.3rem;\n\n padding-bottom: 1rem;\n`;\n","import { ItemRarities, ItemSubType } from '@rpg-engine/shared';\nimport React from 'react';\nimport { IOptionsProps } from '../../Dropdown';\n\nexport enum OrderByType {\n Name = 'Name',\n Price = 'Price',\n}\n\nexport const itemTypeOptions: IOptionsProps[] = [\n 'Type',\n ...Object.keys(ItemSubType),\n]\n .filter(type => type !== 'DeadBody')\n .map((itemType, index) => ({\n id: index + 1,\n value: itemType,\n option: itemType,\n }));\n\nexport const itemRarityOptions: IOptionsProps[] = [\n 'Rarity',\n ...Object.values(ItemRarities),\n].map((itemRarity, index) => ({\n id: index + 1,\n value: itemRarity,\n option: itemRarity,\n}));\n\nexport const orderByOptions: IOptionsProps[] = Object.values(\n OrderByType\n).flatMap((orderBy, index) => [\n {\n id: index * 2 + 1,\n value: orderBy.toLowerCase(),\n option: (\n <>\n {orderBy}{' '}\n <span\n style={{\n transform: 'translateY(-2px)',\n display: 'inline-block',\n }}\n >\n ↑\n </span>\n </>\n ),\n },\n {\n id: index * 2 + 2,\n value: '-' + orderBy.toLowerCase(),\n option: (\n <>\n {orderBy}{' '}\n <span\n style={{\n transform: 'translateY(-2px)',\n display: 'inline-block',\n }}\n >\n ↓\n </span>\n </>\n ),\n },\n]);\n","import React, { useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { Button, ButtonTypes } from '../Button';\nimport { RPGUIContainer, RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';\nimport { RangeSlider, RangeSliderType } from '../RangeSlider';\n\nexport interface IQuantitySelectorProps {\n maxQuantity: number;\n initialQuantity?: number;\n title?: string;\n onConfirm: (quantity: number) => void;\n onClose: () => void;\n}\n\nexport const QuantitySelector: React.FC<IQuantitySelectorProps> = ({\n maxQuantity,\n initialQuantity,\n title = 'Select quantity',\n onConfirm,\n onClose,\n}) => {\n const [value, setValue] = useState(initialQuantity ?? maxQuantity);\n const inputRef = useRef<HTMLInputElement>(null);\n\n useEffect(() => {\n const closeSelector = (e: KeyboardEvent) => {\n if (e.key === 'Escape') {\n onClose();\n }\n };\n\n if (inputRef.current) {\n inputRef.current.focus();\n inputRef.current.select();\n }\n\n document.addEventListener('keydown', closeSelector);\n return () => document.removeEventListener('keydown', closeSelector);\n }, [onClose]);\n\n return (\n <StyledContainer type={RPGUIContainerTypes.Framed} width=\"25rem\">\n <CloseButton className=\"container-close\" onPointerDown={onClose}>\n X\n </CloseButton>\n <h2>{title}</h2>\n <StyledForm\n onSubmit={e => {\n e.preventDefault();\n const numberValue = Number(value);\n if (!Number.isNaN(numberValue)) {\n onConfirm(Math.max(1, Math.min(maxQuantity, numberValue)));\n }\n }}\n noValidate\n >\n <StyledInput\n ref={inputRef}\n placeholder=\"Enter quantity\"\n type=\"number\"\n min={1}\n max={maxQuantity}\n value={value}\n onChange={e => {\n if (Number(e.target.value) >= maxQuantity) {\n setValue(maxQuantity);\n return;\n }\n setValue(Number(e.target.value));\n }}\n onBlur={e => {\n setValue(\n Math.max(1, Math.min(maxQuantity, Number(e.target.value)))\n );\n }}\n />\n <RangeSlider\n type={RangeSliderType.Slider}\n valueMin={1}\n valueMax={maxQuantity}\n width=\"100%\"\n onChange={setValue}\n value={value}\n />\n <Button buttonType={ButtonTypes.RPGUIButton} type=\"submit\">\n Confirm\n </Button>\n </StyledForm>\n </StyledContainer>\n );\n};\n\nconst StyledContainer = styled(RPGUIContainer)`\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 1rem;\n\n h2 {\n margin: 0;\n margin-bottom: 1rem;\n font-size: 1rem;\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: 1.5rem;\n cursor: pointer;\n`;\n\nconst StyledForm = styled.form`\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1rem;\n width: 100%;\n`;\n\nconst StyledInput = styled.input`\n width: 100%;\n padding: 0.5rem;\n background-color: rgba(0, 0, 0, 0.25);\n border: none;\n color: white;\n font-size: 1rem;\n text-align: center;\n\n &::-webkit-inner-spin-button,\n &::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n &[type='number'] {\n -moz-appearance: textfield;\n }\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport ModalPortal from '../Abstractions/ModalPortal';\nimport { QuantitySelector } from './QuantitySelector';\n\nexport interface IQuantitySelect {\n isOpen: boolean;\n maxQuantity: number;\n callback: (quantity: number) => void;\n title?: string;\n initialQuantity?: number;\n}\n\ninterface IProps {\n quantitySelect: IQuantitySelect;\n setQuantitySelect: React.Dispatch<React.SetStateAction<IQuantitySelect>>;\n}\n\nconst validateQuantitySelect = (\n quantitySelect: IQuantitySelect\n): IQuantitySelect => ({\n ...quantitySelect,\n maxQuantity: Math.max(1, quantitySelect.maxQuantity),\n initialQuantity: quantitySelect.initialQuantity\n ? Math.max(\n 1,\n Math.min(quantitySelect.maxQuantity, quantitySelect.initialQuantity)\n )\n : undefined,\n});\n\nexport const QuantitySelectorModal = ({\n quantitySelect,\n setQuantitySelect,\n}: IProps): JSX.Element => {\n const resetQuantitySelect = () => {\n setQuantitySelect({\n isOpen: false,\n maxQuantity: 1,\n callback: () => {},\n });\n };\n\n // Validate the input values\n const validatedQuantitySelect = validateQuantitySelect(quantitySelect);\n\n return (\n <ModalPortal>\n <QuantitySelectorContainer>\n <QuantitySelector\n maxQuantity={validatedQuantitySelect.maxQuantity}\n initialQuantity={validatedQuantitySelect.initialQuantity}\n title={validatedQuantitySelect.title}\n onConfirm={quantity => {\n validatedQuantitySelect.callback(quantity);\n resetQuantitySelect();\n }}\n onClose={() => {\n validatedQuantitySelect.callback(-1);\n resetQuantitySelect();\n }}\n />\n </QuantitySelectorContainer>\n </ModalPortal>\n );\n};\n\nconst QuantitySelectorContainer = styled.div`\n position: absolute;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n z-index: 100;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: rgba(0, 0, 0, 0.5);\n`;\n","import React from 'react';\nimport { IQuantitySelect, QuantitySelectorModal } from '../../QuantitySelector/QuantitySelectorModal';\n\ninterface IProps {\n quantitySelect: IQuantitySelect;\n setQuantitySelect: React.Dispatch<React.SetStateAction<IQuantitySelect>>;\n}\n\nexport const ItemQuantitySelectorModal = ({\n quantitySelect,\n setQuantitySelect,\n}: IProps): JSX.Element => {\n return (\n <QuantitySelectorModal\n quantitySelect={quantitySelect}\n setQuantitySelect={setQuantitySelect}\n />\n );\n};\n\nexport type { IQuantitySelect };\n","import {\n IEquipmentSet,\n IItem,\n IItemContainer,\n IShortcut,\n ItemContainerType,\n ItemSubType,\n ItemType,\n} from '@rpg-engine/shared';\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { SlotsContainer } from '../../Abstractions/SlotsContainer';\n\nimport { useScrollOnDrag } from '../../../hooks/useScrollOnDrag';\nimport { IPosition } from '../../../types/eventTypes';\nimport { ShortcutsSetter } from '../../Shortcuts/ShortcutsSetter';\nimport { ItemSlotDetailsProvider } from './context/ItemSlotDetailsContext';\nimport { ItemSlotDraggingProvider } from './context/ItemSlotDraggingContext';\nimport { DraggedItem } from './DraggedItem';\nimport { ItemQuantitySelectorModal } from './ItemQuantitySelectorModal';\nimport { ItemSlot } from './ItemSlot';\nimport { ItemSlotToolTips } from './ItemSlotTooltips';\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 onItemDragStart?: (\n item: IItem,\n slotIndex: number,\n itemContainerType: ItemContainerType | null\n ) => void;\n onItemDragEnd?: (quantity?: number) => void;\n onOutsideDrop?: (item: IItem, position: IPosition) => void;\n onItemPlaceDrop?: (\n item: IItem | null,\n slotIndex: number,\n itemContainerType: ItemContainerType | null\n ) => void;\n scale?: number;\n checkIfItemCanBeMoved: () => boolean;\n checkIfItemShouldDragEnd?: () => boolean;\n onMouseOver?: (e: any, slotIndex: number, item: IItem | null) => void;\n onSelected?: (optionId: string, item: IItem) => void;\n type: ItemContainerType;\n atlasJSON: any;\n atlasIMG: any;\n disableContextMenu?: boolean;\n initialPosition?: { x: number; y: number };\n shortcuts?: IShortcut[];\n setItemShortcut?: (key: string, index: number) => void;\n removeShortcut?: (index: number) => void;\n equipmentSet?: IEquipmentSet | null;\n isDepotSystem?: boolean;\n onPositionChangeEnd?: (position: IPosition) => void;\n onPositionChangeStart?: (position: IPosition) => void;\n isFullScreen?: boolean;\n opacity?: number;\n}\n\nconst MIN_SLOTS_FOR_SCROLL = 20;\n\nexport const ItemContainer: React.FC<IItemContainerProps> = React.memo(\n ({\n itemContainer,\n onClose,\n onMouseOver,\n onSelected,\n onItemClick,\n type,\n atlasJSON,\n atlasIMG,\n disableContextMenu = false,\n onItemDragEnd,\n onItemDragStart,\n onItemPlaceDrop,\n onOutsideDrop,\n checkIfItemCanBeMoved,\n initialPosition,\n checkIfItemShouldDragEnd,\n scale,\n shortcuts,\n setItemShortcut,\n removeShortcut,\n equipmentSet,\n isDepotSystem,\n onPositionChangeEnd,\n onPositionChangeStart,\n isFullScreen,\n opacity,\n }) => {\n const [quantitySelect, setQuantitySelect] = useState({\n isOpen: false,\n maxQuantity: 1,\n callback: (_quantity: number) => {},\n });\n const [settingShortcutIndex, setSettingShortcutIndex] = useState(-1);\n\n const containerRef = useRef<HTMLDivElement>(null);\n\n const { startScrolling, stopScrolling } = useScrollOnDrag({\n containerRef,\n threshold: 50,\n scrollStep: 4,\n });\n\n const handleSetShortcut = useCallback(\n (item: IItem, index: number) => {\n if (\n item.type === ItemType.Consumable ||\n item.type === ItemType.Tool ||\n item.subType === ItemSubType.Seed\n ) {\n setItemShortcut?.(item.key, index);\n }\n },\n [setItemShortcut]\n );\n\n const handleMouseMove = useCallback(\n (e: MouseEvent) => {\n startScrolling(e.clientY);\n },\n [startScrolling]\n );\n\n const onDragStartScrollingEvents = useCallback(() => {\n document.addEventListener('pointermove', handleMouseMove);\n document.addEventListener(\n 'pointerup',\n () => {\n stopScrolling();\n document.removeEventListener('pointermove', handleMouseMove);\n },\n { once: true }\n );\n }, [handleMouseMove, stopScrolling]);\n\n const onDragEndScrollingEvents = useCallback(() => {\n stopScrolling();\n document.removeEventListener('pointermove', handleMouseMove);\n }, [handleMouseMove, stopScrolling]);\n\n const onDragStartHandler = useCallback(\n (\n item: IItem,\n slotIndex: number,\n itemContainerType: ItemContainerType | null\n ) => {\n if (onItemDragStart) {\n onItemDragStart(item, slotIndex, itemContainerType);\n }\n\n onDragStartScrollingEvents();\n },\n [onItemDragStart, onDragStartScrollingEvents]\n );\n\n const onDragEndHandler = useCallback(\n (quantity: number | undefined) => {\n if (onItemDragEnd) {\n onItemDragEnd(quantity);\n }\n onDragEndScrollingEvents();\n },\n [onItemDragEnd, onDragEndScrollingEvents]\n );\n\n const handleItemClick = useCallback(\n (\n itemType: IItem['type'],\n containerType: ItemContainerType | null,\n item: IItem\n ) => {\n if (settingShortcutIndex !== -1) {\n setSettingShortcutIndex(-1);\n handleSetShortcut(item, settingShortcutIndex);\n } else if (onItemClick) {\n onItemClick(item, itemType, containerType);\n }\n },\n [settingShortcutIndex, handleSetShortcut, onItemClick]\n );\n\n const handlePlaceDrop = useCallback(\n (\n item: IItem | null,\n slotIndex: number,\n itemContainerType: ItemContainerType | null\n ) => {\n if (onItemPlaceDrop) {\n onItemPlaceDrop(item, slotIndex, itemContainerType);\n }\n onDragEndScrollingEvents();\n },\n [onItemPlaceDrop, onDragEndScrollingEvents]\n );\n\n const handleOutsideDrop = useCallback(\n (item: IItem, position: IPosition) => {\n if (onOutsideDrop) {\n onOutsideDrop(item, position);\n }\n onDragEndScrollingEvents();\n },\n [onOutsideDrop, onDragEndScrollingEvents]\n );\n\n const handleQuantitySelect = useCallback(\n (maxQuantity: number, callback: (quantity: number) => void) => {\n setQuantitySelect({\n isOpen: true,\n maxQuantity,\n callback,\n });\n },\n []\n );\n\n // Memoize slot rendering configuration\n const slotConfig = useMemo(\n () => ({\n type,\n atlasIMG,\n atlasJSON,\n scale,\n equipmentSet,\n isDepotSystem,\n isSelectingShortcut: settingShortcutIndex !== -1,\n checkIfItemCanBeMoved,\n checkIfItemShouldDragEnd,\n }),\n [\n type,\n atlasIMG,\n atlasJSON,\n scale,\n equipmentSet,\n isDepotSystem,\n settingShortcutIndex,\n checkIfItemCanBeMoved,\n checkIfItemShouldDragEnd,\n ]\n );\n\n // Memoize slots rendering\n const renderSlots = useMemo(() => {\n const slots = [];\n\n for (let i = 0; i < itemContainer.slotQty; i++) {\n const currentItem = itemContainer.slots?.[i] || null;\n\n slots.push(\n <ItemSlot\n key={i}\n slotIndex={i}\n item={currentItem}\n itemContainerType={slotConfig.type}\n onMouseOver={onMouseOver}\n onPointerDown={handleItemClick}\n onDragStart={onDragStartHandler}\n onDragEnd={onDragEndHandler}\n dragScale={slotConfig.scale}\n checkIfItemCanBeMoved={slotConfig.checkIfItemCanBeMoved}\n checkIfItemShouldDragEnd={slotConfig.checkIfItemShouldDragEnd}\n openQuantitySelector={handleQuantitySelect}\n onPlaceDrop={handlePlaceDrop}\n onOutsideDrop={handleOutsideDrop}\n atlasIMG={slotConfig.atlasIMG}\n atlasJSON={slotConfig.atlasJSON}\n isSelectingShortcut={slotConfig.isSelectingShortcut}\n equipmentSet={slotConfig.equipmentSet}\n setItemShortcut={\n type === ItemContainerType.Inventory\n ? handleSetShortcut\n : undefined\n }\n isDepotSystem={slotConfig.isDepotSystem}\n />\n );\n }\n return slots;\n }, [\n itemContainer.slotQty,\n itemContainer.slots,\n slotConfig,\n onMouseOver,\n handleItemClick,\n onDragStartHandler,\n onDragEndHandler,\n handleQuantitySelect,\n handlePlaceDrop,\n handleOutsideDrop,\n handleSetShortcut,\n type,\n ]);\n\n return (\n <ItemSlotDraggingProvider>\n <ItemSlotDetailsProvider>\n <DraggedItem\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n scale={scale}\n />\n <SlotsContainer\n title={itemContainer.name || 'Container'}\n onClose={onClose}\n initialPosition={initialPosition}\n scale={scale}\n onPositionChangeEnd={onPositionChangeEnd}\n onPositionChangeStart={onPositionChangeStart}\n isFullScreen={isFullScreen}\n opacity={opacity}\n >\n {type === ItemContainerType.Inventory &&\n shortcuts &&\n removeShortcut && (\n <ShortcutsSetter\n setSettingShortcutIndex={setSettingShortcutIndex}\n settingShortcutIndex={settingShortcutIndex}\n shortcuts={shortcuts}\n removeShortcut={removeShortcut}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n />\n )}\n <ItemsContainer\n className=\"item-container-body\"\n ref={containerRef}\n isScrollable={itemContainer.slotQty > MIN_SLOTS_FOR_SCROLL}\n isFullScreen={isFullScreen}\n >\n {renderSlots}\n </ItemsContainer>\n </SlotsContainer>\n {quantitySelect.isOpen && (\n <ItemQuantitySelectorModal\n quantitySelect={quantitySelect}\n setQuantitySelect={setQuantitySelect}\n />\n )}\n <ItemSlotToolTips\n dragScale={scale}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n equipmentSet={equipmentSet}\n isContextMenuDisabled={disableContextMenu}\n onSelected={onSelected}\n />\n </ItemSlotDetailsProvider>\n </ItemSlotDraggingProvider>\n );\n }\n);\n\ninterface IItemsContainerProps {\n isScrollable: boolean;\n isFullScreen?: boolean;\n}\n\nconst ItemsContainer = styled.div<IItemsContainerProps>`\n display: flex;\n justify-content: ${({ isFullScreen }) =>\n isFullScreen ? 'flex-start' : 'center'};\n flex-wrap: wrap;\n max-height: ${({ isFullScreen }) =>\n isFullScreen\n ? undefined\n : '270px'}; // Adjust the max-height based on the prop\n overflow-y: ${({ isScrollable }) => (isScrollable ? 'auto' : 'hidden')};\n overflow-x: hidden;\n width: ${({ isFullScreen }) =>\n isFullScreen ? '100vw' : '415px'}; // Adjust the width based on the prop\n\n max-height: ${({ isFullScreen }) => isFullScreen && '60%'};\n\n @media screen and (max-height: 350px) {\n max-height: ${({ isFullScreen }) => isFullScreen && '50%'};\n }\n`;\n","import { useCallback, useRef } from 'react';\n\ninterface IUseScrollOnDragProps {\n containerRef: React.RefObject<HTMLDivElement>;\n threshold: number;\n scrollStep: number;\n}\n\nexport const useScrollOnDrag = ({\n containerRef,\n threshold,\n scrollStep,\n}: IUseScrollOnDragProps) => {\n const animationFrameId = useRef<number | null>(null);\n\n const startScrolling = useCallback(\n (clientY: number) => {\n const scroll = () => {\n if (containerRef.current) {\n const { top, bottom } = containerRef.current.getBoundingClientRect();\n\n const maxScrollTop =\n containerRef.current.scrollHeight -\n containerRef.current.clientHeight;\n const distanceFromTop = clientY - top;\n const distanceFromBottom = bottom - clientY;\n\n if (\n distanceFromTop < threshold &&\n containerRef.current.scrollTop > 0\n ) {\n containerRef.current.scrollTop -= scrollStep;\n animationFrameId.current = requestAnimationFrame(scroll);\n } else if (\n distanceFromBottom < threshold &&\n containerRef.current.scrollTop < maxScrollTop\n ) {\n containerRef.current.scrollTop += scrollStep;\n animationFrameId.current = requestAnimationFrame(scroll);\n } else {\n // Check if we are near the bottom of the container\n if (containerRef.current.scrollTop >= maxScrollTop) {\n // You can perform any action here when the scroll hits the bottom.\n } else {\n // Check if we are near the top of the container\n if (containerRef.current.scrollTop <= 0) {\n // You can perform any action here when the scroll hits the top.\n }\n }\n // Stop scrolling if neither condition is met\n stopScrolling();\n }\n }\n };\n\n const stopScrolling = () => {\n if (animationFrameId.current !== null) {\n cancelAnimationFrame(animationFrameId.current);\n animationFrameId.current = null;\n }\n };\n\n //@ts-ignore\n cancelAnimationFrame(animationFrameId.current); // Cancel any existing animation frame\n animationFrameId.current = requestAnimationFrame(scroll);\n },\n [containerRef, threshold, scrollStep]\n );\n\n const stopScrolling = useCallback(() => {\n if (animationFrameId.current !== null) {\n cancelAnimationFrame(animationFrameId.current);\n animationFrameId.current = null;\n }\n }, []);\n\n return { startScrolling, stopScrolling };\n};\n","import React, { ReactNode } from 'react';\nimport styled from 'styled-components';\nimport ModalPortal from './Abstractions/ModalPortal';\nimport { Button, ButtonTypes } from './Button';\nimport { DraggableContainer } from './DraggableContainer';\n\nexport interface IConfirmModalProps {\n onConfirm: () => void;\n onClose: () => void;\n message?: string | ReactNode;\n}\n\nexport const ConfirmModal: React.FC<IConfirmModalProps> = ({\n onConfirm,\n onClose,\n message = 'Are you sure?',\n}) => {\n const handleConfirm = (e: React.MouseEvent) => {\n e.preventDefault();\n e.stopPropagation();\n onConfirm();\n };\n\n const handleClose = (e: React.MouseEvent) => {\n e.preventDefault();\n e.stopPropagation();\n onClose();\n };\n\n return (\n <ModalPortal>\n <Background />\n <Container onClick={handleClose}>\n <DraggableContainer width=\"auto\" dragDisabled>\n <Wrapper onClick={e => e.stopPropagation()}>\n {typeof message === 'string' ? <p>{message}</p> : message}\n\n <ButtonsWrapper>\n <div className=\"cancel-button\">\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n onClick={handleClose}\n >\n No\n </Button>\n </div>\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n onClick={handleConfirm}\n >\n Yes\n </Button>\n </ButtonsWrapper>\n </Wrapper>\n </DraggableContainer>\n </Container>\n </ModalPortal>\n );\n};\n\nconst Background = styled.div`\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: #000000;\n opacity: 0.5;\n left: 0;\n top: 0;\n z-index: 1000;\n`;\n\nconst Container = styled.div`\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1001;\n`;\n\nconst Wrapper = styled.div`\n p {\n margin: 0;\n }\n`;\n\nconst ButtonsWrapper = styled.div`\n display: flex;\n justify-content: flex-end;\n gap: 5px;\n margin-top: 5px;\n\n .cancel-button {\n filter: grayscale(0.7);\n }\n`;\n","import React, { useEffect, useState } from 'react';\nimport { HexColorPicker } from 'react-colorful';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../constants/uiColors';\nimport { Button, ButtonTypes } from '../../Button';\nimport { ConfirmModal } from '../../ConfirmModal';\nimport { DraggableContainer } from '../../DraggableContainer';\nimport { RPGUIContainerTypes } from '../../RPGUI/RPGUIContainer';\n\ninterface IColorSelectorProps {\n selectedColor: string;\n isOpen: boolean;\n onClose: () => void;\n onConfirm: (color: string) => void;\n onChange: (color: string) => void;\n costWarning?: {\n cost: number;\n currency?: string;\n };\n}\n\nexport const ColorSelector: React.FC<IColorSelectorProps> = ({\n selectedColor,\n isOpen,\n onClose,\n onConfirm,\n onChange,\n costWarning,\n}) => {\n const [currentColor, setCurrentColor] = useState(selectedColor);\n const [showConfirmModal, setShowConfirmModal] = useState(false);\n\n useEffect(() => {\n if (isOpen) setCurrentColor(selectedColor);\n }, [isOpen, selectedColor]);\n\n const handleConfirm = (e: React.MouseEvent) => {\n e.preventDefault();\n if (costWarning) {\n setShowConfirmModal(true);\n } else {\n onConfirm(currentColor);\n onClose();\n }\n };\n\n const handleConfirmCost = () => {\n onConfirm(currentColor);\n setShowConfirmModal(false);\n onClose();\n };\n\n const handleClose = () => {\n setShowConfirmModal(false);\n };\n\n const renderConfirmMessage = () => (\n <ConfirmContent>\n <p>\n Cost:\n <CostDisplay>\n {costWarning?.cost.toLocaleString()}\n {costWarning?.currency || ' gold'}\n </CostDisplay>\n </p>\n <p>Proceed with color change?</p>\n </ConfirmContent>\n );\n\n if (!isOpen) return null;\n\n return (\n <>\n <DraggableContainer\n type={RPGUIContainerTypes.Framed}\n cancelDrag=\".react-colorful\"\n width=\"25rem\"\n onCloseButton={onClose}\n >\n <Container>\n <Header>Select Color</Header>\n <ColorPickerWrapper>\n <HexColorPicker\n color={currentColor}\n onChange={color => {\n setCurrentColor(color);\n onChange(color);\n }}\n />\n </ColorPickerWrapper>\n <ButtonContainer>\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n type=\"button\"\n onClick={handleConfirm}\n >\n Confirm\n </Button>\n </ButtonContainer>\n </Container>\n </DraggableContainer>\n\n {showConfirmModal && costWarning && (\n <ConfirmModal\n message={renderConfirmMessage()}\n onConfirm={handleConfirmCost}\n onClose={handleClose}\n />\n )}\n </>\n );\n};\n\nconst Container = styled.div`\n text-align: center;\n background: inherit;\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n align-items: center;\n width: 100%;\n max-width: 24rem;\n margin: 0 auto;\n`;\n\nconst Header = styled.h2`\n color: white;\n font-size: 1rem;\n margin: 0;\n width: 100%;\n text-align: center;\n`;\n\nconst ColorPickerWrapper = styled.div`\n display: flex;\n justify-content: center;\n width: 100%;\n\n .react-colorful {\n width: 100%;\n max-width: 200px;\n }\n`;\n\nconst ButtonContainer = styled.div`\n display: flex;\n justify-content: center;\n width: 100%;\n`;\n\nconst ConfirmContent = styled.div`\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n text-align: center;\n font-family: 'Press Start 2P', cursive;\n font-size: 0.75rem;\n`;\n\nconst CostDisplay = styled.span`\n color: ${uiColors.yellow} !important;\n`;\n","import { IGemSchema, IItem } from '@rpg-engine/shared';\nimport React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { Button, ButtonTypes } from '../Button';\nimport { CheckItem } from '../CheckItem';\nimport { useResponsiveSize } from '../CraftBook/hooks/useResponsiveSize';\nimport { DraggableContainer } from '../DraggableContainer';\nimport { RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';\nimport { SpriteFromAtlas } from '../shared/SpriteFromAtlas';\n\nexport interface IGemSelectorProps {\n atlasJSON: any;\n atlasIMG: any;\n item: IItem;\n scale?: number;\n onClose: () => void;\n onSelect: (selectedGems: IGemSchema[]) => void;\n}\n\nexport const GemSelector: React.FC<IGemSelectorProps> = ({\n atlasJSON,\n atlasIMG,\n item,\n scale,\n onClose,\n onSelect,\n}) => {\n const [selectedGems, setSelectedGems] = useState<IGemSchema[]>([]);\n const size = useResponsiveSize(scale);\n\n const handleGemToggle = (gem: IGemSchema) => {\n setSelectedGems(prev =>\n prev.some(selected => selected.key === gem.key)\n ? prev.filter(selected => selected.key !== gem.key)\n : [...prev, gem]\n );\n };\n\n const handleConfirm = () => {\n onSelect(selectedGems);\n onClose();\n };\n\n if (!size) return null;\n\n return (\n <DraggableContainer\n type={RPGUIContainerTypes.Framed}\n width=\"450px\"\n height={size.height}\n scale={scale}\n cancelDrag=\".gem-selector-container\"\n onCloseButton={onClose}\n >\n <ContentWrapper>\n <Header>\n <Title>GEM SELECTION</Title>\n <Subtitle>Select gems to detach</Subtitle>\n </Header>\n\n <GemGrid>\n {item.attachedGems?.map((gem, index) => {\n return (\n <GemItem key={`${gem.key}-${index}`}>\n <CheckItemWrapper>\n <CheckItem\n defaultValue={selectedGems.some(\n selected => selected.key === gem.key\n )}\n onChange={() => {\n handleGemToggle(gem);\n }}\n />\n </CheckItemWrapper>\n <SpriteWrapper>\n <SpriteFromAtlas\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n spriteKey={`gems/${gem.key}.png`}\n imgScale={2}\n imgClassname=\"gem-sprite\"\n centered={true}\n />\n </SpriteWrapper>\n <GemName>\n {gem.name.replace(/ of /gi, '\\n').toUpperCase()}\n </GemName>\n </GemItem>\n );\n })}\n </GemGrid>\n\n <ButtonWrapper>\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n onPointerDown={() => {\n onClose();\n }}\n >\n Cancel\n </Button>\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n onPointerDown={() => {\n handleConfirm();\n }}\n disabled={selectedGems.length === 0}\n >\n Confirm\n </Button>\n </ButtonWrapper>\n </ContentWrapper>\n </DraggableContainer>\n );\n};\n\nconst Title = styled.h1`\n font-size: 0.8rem;\n color: ${uiColors.yellow} !important;\n`;\n\nconst Subtitle = styled.h2`\n font-size: 0.6rem;\n color: ${uiColors.white};\n margin: 0;\n`;\n\nconst Header = styled.div`\n text-align: center;\n padding: 5px;\n border-bottom: 2px solid #444;\n`;\n\nconst GemGrid = styled.div`\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 15px;\n margin-bottom: 20px;\n margin-top: 10px;\n min-height: 150px;\n overflow-y: auto;\n`;\n\nconst ContentWrapper = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-left: 20px;\n justify-content: space-between;\n height: 100%;\n`;\n\nconst GemItem = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n background-color: ${uiColors.darkGray} !important;\n height: 100px;\n width: 90px;\n padding: 5px;\n`;\n\nconst GemName = styled.div`\n font-size: 0.5rem;\n color: ${uiColors.yellow} !important;\n text-align: center;\n text-transform: uppercase;\n line-height: 1.2;\n width: 100%;\n min-height: 30px;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n word-break: break-word;\n`;\n\nconst ButtonWrapper = styled.div`\n display: flex;\n justify-content: center;\n align-self: center;\n`;\n\nconst CheckItemWrapper = styled.div`\n display: flex;\n justify-content: center;\n width: 100%;\n height: 20px;\n\n input.rpgui-checkbox + label {\n margin: 0 !important;\n padding-left: 23px !important;\n }\n`;\n\nconst SpriteWrapper = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 50px;\n`;\n","import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { Button, ButtonTypes } from '../Button';\nimport { DraggableContainer } from '../DraggableContainer';\nimport { RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';\nimport { SpriteFromAtlas } from '../shared/SpriteFromAtlas';\n\nexport interface IOptionsItemSelectorProps {\n name: string;\n description?: string;\n imageKey: string;\n}\n\nexport interface IItemSelectorProps {\n atlasJSON: any;\n atlasIMG: any;\n options: IOptionsItemSelectorProps[];\n onClose: () => void;\n onSelect: (value: string) => void;\n}\n\nexport const ItemSelector: React.FC<IItemSelectorProps> = ({\n atlasIMG,\n atlasJSON,\n options,\n onClose,\n onSelect,\n}) => {\n const [selectedValue, setSelectedValue] = useState<string>();\n\n const handleClick = () => {\n let element = document.querySelector(\n `input[name='test']:checked`\n ) as HTMLInputElement;\n const elementValue = element.value;\n setSelectedValue(elementValue);\n };\n\n useEffect(() => {\n if (selectedValue) {\n onSelect(selectedValue);\n }\n }, [selectedValue]);\n return (\n <DraggableContainer\n type={RPGUIContainerTypes.Framed}\n width=\"500px\"\n cancelDrag=\".equipment-container-body .arrow-selector\"\n onCloseButton={() => {\n if (onClose) {\n onClose();\n }\n }}\n >\n <div style={{ width: '100%' }}>\n <Title>{'Harvesting instruments'}</Title>\n <Subtitle>{'Use the tool, you need it'}</Subtitle>\n <hr className=\"golden\" />\n </div>\n\n <RadioInputScroller>\n {options?.map((option, index) => (\n <RadioOptionsWrapper key={index}>\n <SpriteAtlasWrapper>\n <SpriteFromAtlas\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n spriteKey={option.imageKey}\n imgScale={3}\n />\n </SpriteAtlasWrapper>\n <div>\n <input\n className=\"rpgui-radio\"\n type=\"radio\"\n value={option.name}\n name=\"test\"\n />\n <label\n onPointerDown={handleClick}\n style={{ display: 'flex', alignItems: 'center' }}\n >\n {option.name} <br />\n {option.description}\n </label>\n </div>\n </RadioOptionsWrapper>\n ))}\n </RadioInputScroller>\n <ButtonWrapper>\n <Button buttonType={ButtonTypes.RPGUIButton} onPointerDown={onClose}>\n Cancel\n </Button>\n <Button buttonType={ButtonTypes.RPGUIButton}>Select</Button>\n </ButtonWrapper>\n </DraggableContainer>\n );\n};\n\nconst Title = styled.h1`\n font-size: 0.6rem;\n color: yellow !important;\n`;\nconst Subtitle = styled.h1`\n font-size: 0.4rem;\n color: yellow !important;\n`;\n\nconst RadioInputScroller = styled.div`\n padding-left: 15px;\n padding-top: 10px;\n width: 100%;\n margin-top: 1rem;\n align-items: center;\n margin-left: 20px;\n align-items: flex-start;\n overflow-y: scroll;\n height: 360px;\n`;\n\nconst SpriteAtlasWrapper = styled.div`\n margin-right: 40px;\n`;\n\nconst RadioOptionsWrapper = styled.div`\n display: flex;\n align-items: stretch;\n margin-bottom: 40px;\n`;\n\nconst ButtonWrapper = styled.div`\n display: flex;\n justify-content: space-around;\n padding-top: 20px;\n width: 100%;\n`;\n","import {\n IRankingTopCharacterEntry,\n IRankingTopSkillEntry,\n} from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { Ellipsis } from '../shared/Ellipsis';\n\nexport interface ILeaderboardLevelProps {\n items: Set<IRankingTopCharacterEntry> | Set<IRankingTopSkillEntry> | null;\n rankType: string;\n}\n\nexport const LeaderboardTable: React.FC<ILeaderboardLevelProps> = props => {\n const { items, rankType } = props;\n if (!items) return null;\n\n function isTopSkillEntry(entry: any): entry is IRankingTopSkillEntry {\n return 'skill' in entry;\n }\n\n return (\n <>\n <thead>\n <TableRowWrapper>\n <TableRowValue>\n <p>\n <Ellipsis maxLines={1} maxWidth=\"200px\" fontSize=\"14px\">\n Name\n </Ellipsis>\n </p>\n </TableRowValue>\n {rankType === 'Skill' ? (\n <TableRowValue>\n <p>\n <Ellipsis maxLines={1} maxWidth=\"200px\" fontSize=\"14px\">\n Skill\n </Ellipsis>\n </p>\n </TableRowValue>\n ) : null}\n <TableRowValue>\n <p>\n <Ellipsis maxLines={1} maxWidth=\"200px\" fontSize=\"14px\">\n Level\n </Ellipsis>\n </p>\n </TableRowValue>\n </TableRowWrapper>\n </thead>\n <tbody>\n {Array.from(items).map(entry => (\n <TableRowWrapper key={entry.name}>\n <TableRowValue>\n <p>\n <Ellipsis maxLines={1} maxWidth=\"200px\" fontSize=\"10px\">\n {entry.name}\n </Ellipsis>\n </p>\n </TableRowValue>\n {isTopSkillEntry(entry) ? (\n <TableRowValue>\n <p>\n <Ellipsis maxLines={1} maxWidth=\"200px\" fontSize=\"10px\">\n {entry.skill}\n </Ellipsis>\n </p>\n </TableRowValue>\n ) : null}\n <TableRowValue>\n <p>\n <Ellipsis maxLines={1} maxWidth=\"200px\" fontSize=\"10px\">\n {entry.level}\n </Ellipsis>\n </p>\n </TableRowValue>\n </TableRowWrapper>\n ))}\n </tbody>\n </>\n );\n};\n\nconst TableRowWrapper = styled.tr`\n margin: auto;\n padding: 0.5rem;\n\n &:hover {\n background-color: ${uiColors.darkGray};\n }\n\n p {\n font-size: 0.8rem;\n }\n`;\n\nconst TableRowValue = styled.td`\n padding: 0 20px;\n`;\n","import {\n IRankingTopCharacterEntry,\n IRankingTopSkillEntry,\n} from '@rpg-engine/shared';\nimport React, { useEffect, useRef } from 'react';\nimport styled from 'styled-components';\nimport { Dropdown, IOptionsProps } from '../Dropdown';\nimport { LeaderboardTable } from './LeaderboardTable';\n\nexport interface ILeaderboardProps {\n items: Set<IRankingTopCharacterEntry> | Set<IRankingTopSkillEntry> | null;\n onChangeClassType: (value: string) => void;\n onChangeRankType: (value: string) => void;\n onChangeSkillType: (value: string) => void;\n skillOptions: string[];\n rankOptions: string[];\n classOptions: string[];\n rankType: string;\n}\n\nexport const Leaderboard = (props: ILeaderboardProps) => {\n const {\n items,\n onChangeRankType,\n onChangeClassType,\n rankType,\n skillOptions,\n onChangeSkillType,\n classOptions,\n rankOptions,\n } = props;\n const itemsContainer = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n itemsContainer.current?.scrollTo(0, 0);\n }, []);\n\n const rankTypeOptions: IOptionsProps[] = rankOptions.map(\n (itemType, index) => ({\n id: index + 1,\n value: itemType,\n option: itemType,\n })\n );\n\n const skillTypeOptions: IOptionsProps[] = skillOptions.map(\n (itemType, index) => ({\n id: index + 1,\n value: itemType,\n option: itemType,\n })\n );\n\n const classTypeOptions: IOptionsProps[] = classOptions.map(\n (itemType, index) => ({\n id: index + 1,\n value: itemType,\n option: itemType,\n })\n );\n\n return (\n <>\n <WrapperContainer>\n <StyledDropdown\n options={rankTypeOptions}\n onChange={onChangeRankType}\n width=\"80%\"\n />\n {rankType === 'Class' ? (\n <StyledDropdown\n options={classTypeOptions}\n onChange={onChangeClassType}\n width=\"100%\"\n />\n ) : null}\n {rankType === 'Skill' ? (\n <StyledDropdown\n options={skillTypeOptions}\n onChange={onChangeSkillType}\n width=\"100%\"\n />\n ) : null}\n </WrapperContainer>\n <ItemComponentScrollWrapper\n id=\"LeaderboardContainer\"\n ref={itemsContainer}\n >\n <TableWrapper>\n <LeaderboardTable items={items} rankType={rankType} />\n </TableWrapper>\n </ItemComponentScrollWrapper>\n </>\n );\n};\n\nconst WrapperContainer = styled.div`\n display: grid;\n grid-template-columns: 50% 50%;\n justify-content: space-between;\n width: calc(100% - 40px);\n margin-left: 10px;\n\n .rpgui-content .rpgui-dropdown-imp-header {\n padding: 0px 10px 0 !important;\n }\n`;\n\nconst StyledDropdown = styled(Dropdown)`\n margin: 3px !important;\n width: 170px !important;\n`;\n\nconst ItemComponentScrollWrapper = styled.div`\n overflow-y: auto;\n height: 390px;\n width: 100%;\n margin-top: 1rem;\n\n @media (max-width: 950px) {\n height: 250px;\n }\n`;\n\nconst TableWrapper = styled.table`\n margin: auto;\n width: 100%;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { uiFonts } from '../constants/uiFonts';\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}\n\nexport const ListMenu: React.FC<IListMenuProps> = ({\n options,\n onSelected,\n x,\n y,\n}) => {\n return (\n <Container x={x} y={y}>\n <ul className=\"rpgui-list-imp\" style={{ overflow: 'hidden' }}>\n {options.map((params, index) => (\n <ListElement\n key={params?.id || index}\n onPointerDown={() => {\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}\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: ${uiFonts.size.xsmall};\n }\n`;\n\nconst ListElement = styled.li`\n margin-right: 0.5rem;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../constants/uiColors';\nimport { uiFonts } from '../constants/uiFonts';\n\ninterface PagerProps {\n totalItems: number;\n currentPage: number;\n itemsPerPage: number;\n onPageChange: (page: number) => void;\n}\n\nexport const Pager: React.FC<PagerProps> = ({\n totalItems,\n currentPage,\n itemsPerPage,\n onPageChange,\n}) => {\n const totalPages = Math.ceil(totalItems / itemsPerPage);\n\n return (\n <Container>\n <p>Total items: {totalItems}</p>\n <PagerContainer>\n <button\n disabled={currentPage === 1}\n onPointerDown={() => onPageChange(Math.max(currentPage - 1, 1))}\n >\n {'<'}\n </button>\n\n <div className=\"rpgui-container framed-grey\">{currentPage}</div>\n\n <button\n disabled={currentPage === totalPages}\n onPointerDown={() =>\n onPageChange(Math.min(currentPage + 1, totalPages))\n }\n >\n {'>'}\n </button>\n </PagerContainer>\n </Container>\n );\n};\n\nconst Container = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n\n p {\n margin: 0;\n font-size: ${uiFonts.size.xsmall};\n }\n`;\n\nconst PagerContainer = styled.div`\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 5px;\n\n p {\n margin: 0;\n }\n\n div {\n color: white;\n }\n\n button {\n width: 40px;\n height: 40px;\n background-color: ${uiColors.darkGray};\n border: none;\n border-radius: 5px;\n color: white;\n\n :hover {\n background-color: ${uiColors.lightGray};\n }\n\n :disabled {\n opacity: 0.5;\n }\n\n &.active {\n background-color: ${uiColors.orange};\n font-weight: bold;\n color: black;\n }\n }\n`;\n","import {\n getItemTextureKeyPath,\n IEquipmentSet,\n IItem,\n} from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { uiFonts } from '../../constants/uiFonts';\nimport { Button, ButtonTypes } from '../Button';\nimport { ItemInfoWrapper } from '../Item/Cards/ItemInfoWrapper';\nimport { onRenderGems } from '../Item/Inventory/ItemGem';\nimport { rarityColor } from '../Item/Inventory/ItemSlotRarity';\nimport { Ellipsis } from '../shared/Ellipsis';\nimport { SpriteFromAtlas } from '../shared/SpriteFromAtlas';\n\nexport interface IMarketPlaceRowsPropos {\n atlasJSON: any;\n atlasIMG: any;\n item: IItem;\n itemPrice: number;\n equipmentSet?: IEquipmentSet | null;\n scale?: number;\n onMarketPlaceItemBuy?: () => void;\n onMarketPlaceItemRemove?: () => void;\n disabled?: boolean;\n}\n\nexport const MarketplaceRows: React.FC<IMarketPlaceRowsPropos> = ({\n atlasJSON,\n atlasIMG,\n item,\n itemPrice,\n equipmentSet,\n scale,\n onMarketPlaceItemBuy,\n onMarketPlaceItemRemove,\n disabled,\n}) => {\n const renderGems = (item: IItem) => {\n return item.attachedGems && onRenderGems(item);\n };\n\n return (\n <MarketplaceWrapper>\n <ItemIconContainer>\n <SpriteContainer>\n <ItemInfoWrapper\n item={item}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n equipmentSet={equipmentSet}\n scale={scale}\n >\n <GemContainer>{renderGems(item)}</GemContainer>\n <RarityContainer item={item}>\n <SpriteFromAtlas\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n spriteKey={getItemTextureKeyPath(\n {\n key: item.key,\n stackQty: item.stackQty || 1,\n texturePath: item.texturePath,\n isStackable: item.isStackable,\n },\n atlasJSON\n )}\n imgScale={2}\n imgClassname=\"sprite-from-atlas-img--item\"\n />\n </RarityContainer>\n\n <QuantityContainer>\n {item.stackQty &&\n item.stackQty > 1 &&\n `x${Math.round(item.stackQty * 10) / 10}`}\n </QuantityContainer>\n </ItemInfoWrapper>\n </SpriteContainer>\n <PriceValue>\n <p>\n <Ellipsis maxLines={1} maxWidth=\"200px\" fontSize=\"10px\">\n {item.name}\n </Ellipsis>\n </p>\n </PriceValue>\n </ItemIconContainer>\n\n <Flex>\n <ItemIconContainer>\n <GoldContainer>\n <SpriteFromAtlas\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n spriteKey=\"others/gold-coin-qty-5.png\"\n imgScale={2}\n />\n </GoldContainer>\n <PriceValue>\n <p>\n <Ellipsis maxLines={1} maxWidth=\"200px\" fontSize=\"10px\">\n ${itemPrice}\n </Ellipsis>\n </p>\n </PriceValue>\n </ItemIconContainer>\n <ButtonContainer>\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n disabled={disabled}\n onPointerDown={() => {\n if (disabled) return;\n\n onMarketPlaceItemBuy?.();\n onMarketPlaceItemRemove?.();\n }}\n >\n {onMarketPlaceItemBuy ? 'Buy' : 'Remove'}\n </Button>\n </ButtonContainer>\n </Flex>\n </MarketplaceWrapper>\n );\n};\n\nconst MarketplaceWrapper = styled.div`\n margin: auto;\n display: flex;\n justify-content: space-between;\n padding: 0.5rem;\n\n &:hover {\n background-color: ${uiColors.darkGray};\n }\n\n p {\n font-size: 0.8rem;\n }\n`;\n\nconst QuantityContainer = styled.p`\n position: absolute;\n display: block;\n top: 15px;\n left: 25px;\n font-size: ${uiFonts.size.xsmall} !important;\n`;\n\nconst GemContainer = styled.p`\n position: absolute;\n display: block;\n top: -5px;\n left: -10px;\n font-size: ${uiFonts.size.xsmall} !important;\n`;\n\nconst Flex = styled.div`\n display: flex;\n gap: 24px;\n`;\n\nconst ItemIconContainer = styled.div`\n display: flex;\n justify-content: flex-start;\n align-items: center;\n`;\n\nconst GoldContainer = styled.div`\n position: relative;\n top: -0.5rem;\n left: 0.5rem;\n`;\nconst SpriteContainer = styled.div`\n position: relative;\n left: 0.5rem;\n`;\n\nconst PriceValue = styled.div`\n margin-left: 40px;\n`;\n\nconst ButtonContainer = styled.div`\n margin: auto;\n`;\n\nconst RarityContainer = styled.div<{ item: IItem }>`\n border-color: ${({ item }) => rarityColor(item)};\n box-shadow: ${({ item }) => `0 0 5px 8px ${rarityColor(item)}`} inset,\n ${({ item }) => `0 0 8px 6px ${rarityColor(item)}`};\n width: 32px;\n height: 32px;\n`;\n","import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { DraggableContainer } from '../DraggableContainer';\nimport { RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';\nimport { Tab } from './Tab';\n\ninterface ITab {\n label: string;\n id: string;\n}\n\nexport enum MultitabType {\n Brown = 'brown',\n Gray = 'gray',\n}\n\nexport interface ITabsContainer {\n children: React.ReactNode;\n onCloseButton?: () => void;\n tabs: ITab[];\n type: MultitabType;\n styles?: {\n width?: string;\n minWidth?: string;\n minHeight?: string;\n height?: string;\n className?: string;\n title?: string;\n imgSrc?: string;\n imgWidth?: string;\n };\n isDraggableModal?: boolean;\n}\n\nexport const TabsContainer: React.FC<ITabsContainer> = ({\n children,\n onCloseButton,\n tabs,\n type = MultitabType.Brown,\n styles = {},\n isDraggableModal = false,\n}) => {\n const [selectedTab, setSelectedTab] = useState(tabs[0].id);\n\n const onRenderTabs = () =>\n tabs.map((tab, index) => (\n <Tab\n type={type}\n active={selectedTab === tab.id}\n label={tab.label}\n key={`${tab.label}_${index}`}\n onPointerDown={() => setSelectedTab(tab.id)}\n />\n ));\n\n const onGetContainerType = () => {\n switch (type) {\n case MultitabType.Brown:\n return RPGUIContainerTypes.FramedGold;\n case MultitabType.Gray:\n return RPGUIContainerTypes.Framed;\n default:\n return RPGUIContainerTypes.Framed;\n }\n };\n\n const TabsCore = () => (\n <>\n {onRenderTabs()}\n <BodyContainer\n selectedTab={selectedTab}\n className={`${type} tabs-container`}\n >\n {children}\n </BodyContainer>\n </>\n );\n\n if (isDraggableModal) {\n return (\n <DraggableContainer\n onCloseButton={onCloseButton}\n type={onGetContainerType()}\n cancelDrag=\".tabs-container *\"\n width={styles?.width}\n height={styles?.height}\n minWidth={styles?.minWidth}\n minHeight={styles?.minHeight}\n className={styles?.className}\n title={styles?.title}\n imgSrc={styles?.imgSrc}\n imgWidth={styles?.imgWidth}\n >\n {TabsCore()}\n </DraggableContainer>\n );\n }\n\n return (\n <NonDraggableWrapper\n width={styles?.width}\n height={styles?.height}\n minWidth={styles?.minWidth}\n minHeight={styles?.minHeight}\n >\n {TabsCore()}\n </NonDraggableWrapper>\n );\n};\n\ninterface IBodyContainer {\n selectedTab: string;\n}\n\nconst BodyContainer = styled.div<IBodyContainer>`\n\n display: flex; \n width: 100%;\n height: 100%;\n justify-content: space-between;\n\n /* hide everything that is not data-tab-id selectedTab */\n & > *:not([data-tab-id=${props => props.selectedTab}]) {\n display: none;\n }\n\n &.brown {\n border: 0.25rem solid #996D55;\n background-color: #BF886A;\n }\n \n &.gray {\n border: 0.25rem solid rgba(0, 0, 0, 0.25);\n background-color: #4E4A4E;\n }\n \n border-radius: 5px; \n padding: 0.5rem; \n`;\n\ninterface INonDraggableWrapperProps {\n width?: string;\n height?: string;\n minWidth?: string;\n minHeight?: string;\n}\n\nconst NonDraggableWrapper = styled.div<INonDraggableWrapperProps>`\n height: ${props => props.height || 'auto'};\n width: ${props => props.width || '50%'};\n min-width: ${props => props.minWidth || 'auto'};\n min-height: ${props => props.minHeight || 'auto'};\n display: flex;\n flex-wrap: wrap;\n image-rendering: pixelated;\n overflow-y: hidden;\n padding-top: 1.5rem;\n position: relative;\n`;\n","import { IEquipmentSet, IMarketplaceItem } from '@rpg-engine/shared';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { AiFillCaretRight } from 'react-icons/ai';\nimport styled from 'styled-components';\nimport { ConfirmModal } from '../ConfirmModal';\nimport { Dropdown } from '../Dropdown';\nimport { Input } from '../Input';\nimport { MarketplaceRows } from './MarketplaceRows';\nimport { itemRarityOptions, itemTypeOptions, orderByOptions } from './filters';\n\nexport interface IBuyPanelProps {\n items: IMarketplaceItem[];\n atlasJSON: any;\n atlasIMG: any;\n onClose: () => void;\n onChangeType: (value: string) => void;\n onChangeRarity: (value: string) => void;\n onChangeOrder: (value: string) => void;\n onChangeNameInput: (value: string) => void;\n onChangeMainLevelInput: (\n value: [number | undefined, number | undefined]\n ) => void;\n onChangeSecondaryLevelInput: (\n value: [number | undefined, number | undefined]\n ) => void;\n onChangePriceInput: (value: [number | undefined, number | undefined]) => void;\n scale?: number;\n equipmentSet?: IEquipmentSet | null;\n onMarketPlaceItemBuy?: (marketPlaceItemId: string) => void;\n characterId: string;\n enableHotkeys?: () => void;\n disableHotkeys?: () => void;\n currentPage: number;\n}\n\nexport const BuyPanel: React.FC<IBuyPanelProps> = ({\n items,\n atlasIMG,\n atlasJSON,\n onChangeType,\n onChangeRarity,\n onChangeOrder,\n onChangeNameInput,\n onChangeMainLevelInput,\n onChangeSecondaryLevelInput,\n onChangePriceInput,\n equipmentSet,\n onMarketPlaceItemBuy,\n characterId,\n enableHotkeys,\n disableHotkeys,\n currentPage,\n}) => {\n const [name, setName] = useState('');\n const [mainLevel, setMainLevel] = useState<\n [number | undefined, number | undefined]\n >([undefined, undefined]);\n const [secondaryLevel, setSecondaryLevel] = useState<\n [number | undefined, number | undefined]\n >([undefined, undefined]);\n const [price, setPrice] = useState<[number | undefined, number | undefined]>([\n undefined,\n undefined,\n ]);\n const [buyingItemId, setBuyingItemId] = useState<string | null>(null);\n\n const itemsContainer = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n itemsContainer.current?.scrollTo(0, 0);\n }, [currentPage]);\n\n return (\n <>\n {buyingItemId && (\n <ConfirmModal\n onClose={setBuyingItemId.bind(null, null)}\n onConfirm={() => {\n onMarketPlaceItemBuy?.(buyingItemId);\n setBuyingItemId(null);\n enableHotkeys?.();\n }}\n message=\"Are you sure to buy this item?\"\n />\n )}\n <InputWrapper>\n <p>Search By Name</p>\n <Input\n onChange={e => {\n setName(e.target.value);\n onChangeNameInput(e.target.value);\n }}\n value={name}\n placeholder=\"Enter name...\"\n onBlur={enableHotkeys}\n onFocus={disableHotkeys}\n />\n </InputWrapper>\n\n <OptionsWrapper>\n <FilterInputsWrapper>\n <div>\n <p>Main level</p>\n <Input\n onChange={e => {\n setMainLevel([Number(e.target.value), mainLevel[1]]);\n onChangeMainLevelInput([Number(e.target.value), mainLevel[1]]);\n }}\n placeholder=\"Min\"\n type=\"number\"\n min={0}\n onBlur={enableHotkeys}\n onFocus={disableHotkeys}\n />\n <AiFillCaretRight />\n <Input\n onChange={e => {\n setMainLevel([mainLevel[0], Number(e.target.value)]);\n onChangeMainLevelInput([mainLevel[0], Number(e.target.value)]);\n }}\n placeholder=\"Max\"\n type=\"number\"\n min={0}\n onBlur={enableHotkeys}\n onFocus={disableHotkeys}\n />\n </div>\n\n <div>\n <p>Secondary level</p>\n <Input\n onChange={e => {\n setSecondaryLevel([Number(e.target.value), secondaryLevel[1]]);\n onChangeSecondaryLevelInput([\n Number(e.target.value),\n secondaryLevel[1],\n ]);\n }}\n placeholder=\"Min\"\n type=\"number\"\n min={0}\n onBlur={enableHotkeys}\n onFocus={disableHotkeys}\n />\n <AiFillCaretRight />\n <Input\n onChange={e => {\n setSecondaryLevel([secondaryLevel[0], Number(e.target.value)]);\n onChangeSecondaryLevelInput([\n secondaryLevel[0],\n Number(e.target.value),\n ]);\n }}\n placeholder=\"Max\"\n type=\"number\"\n min={0}\n onBlur={enableHotkeys}\n onFocus={disableHotkeys}\n />\n </div>\n\n <div>\n <p>Price</p>\n <Input\n onChange={e => {\n setPrice([Number(e.target.value), price[1]]);\n onChangePriceInput([Number(e.target.value), price[1]]);\n }}\n placeholder=\"Min\"\n type=\"number\"\n min={0}\n className=\"big-input\"\n onBlur={enableHotkeys}\n onFocus={disableHotkeys}\n />\n <AiFillCaretRight />\n <Input\n onChange={e => {\n setPrice([price[0], Number(e.target.value)]);\n onChangePriceInput([price[0], Number(e.target.value)]);\n }}\n placeholder=\"Max\"\n type=\"number\"\n min={0}\n className=\"big-input\"\n onBlur={enableHotkeys}\n onFocus={disableHotkeys}\n />\n </div>\n </FilterInputsWrapper>\n\n <WrapperContainer>\n <StyledDropdown\n options={itemTypeOptions}\n onChange={onChangeType}\n width=\"95%\"\n />\n <StyledDropdown\n options={itemRarityOptions}\n onChange={onChangeRarity}\n width=\"95%\"\n />\n <StyledDropdown\n options={orderByOptions}\n onChange={onChangeOrder}\n width=\"100%\"\n />\n </WrapperContainer>\n </OptionsWrapper>\n\n <ItemComponentScrollWrapper id=\"MarketContainer\" ref={itemsContainer}>\n {items?.map(({ item, price, _id, owner }, index) => (\n <MarketplaceRows\n key={`${item.key}_${index}`}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n item={item}\n itemPrice={price}\n equipmentSet={equipmentSet}\n onMarketPlaceItemBuy={setBuyingItemId.bind(null, _id)}\n disabled={owner === characterId}\n />\n ))}\n </ItemComponentScrollWrapper>\n </>\n );\n};\n\nconst InputWrapper = styled.div`\n width: 95%;\n display: flex !important;\n justify-content: flex-start;\n align-items: center;\n margin: auto;\n\n p {\n width: auto;\n margin-right: 20px;\n }\n\n input {\n width: 68%;\n height: 10px;\n }\n`;\n\nconst OptionsWrapper = styled.div`\n width: 100%;\n height: 100px;\n`;\n\nconst FilterInputsWrapper = styled.div`\n width: 95%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 10px;\n margin-left: 10px;\n gap: 5px;\n color: white;\n flex-wrap: wrap;\n\n p {\n width: auto;\n margin: 0;\n }\n\n input {\n width: 75px;\n height: 10px;\n }\n\n .big-input {\n width: 130px;\n }\n`;\n\nconst WrapperContainer = styled.div`\n display: grid;\n grid-template-columns: 40% 30% 30%;\n justify-content: space-between;\n width: calc(100% - 40px);\n margin-left: 10px;\n\n .rpgui-content .rpgui-dropdown-imp-header {\n padding: 0px 10px 0 !important;\n }\n`;\n\nconst ItemComponentScrollWrapper = styled.div`\n overflow-y: scroll;\n height: 390px;\n width: 100%;\n margin-top: 1rem;\n\n @media (max-width: 950px) {\n height: 250px;\n }\n`;\n\nconst StyledDropdown = styled(Dropdown)`\n margin: 3px !important;\n width: 170px !important;\n`;\n","import { IEquipmentSet, IItem, IMarketplaceItem } from '@rpg-engine/shared';\nimport React, { useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { uiFonts } from '../../constants/uiFonts';\nimport { Button, ButtonTypes } from '../Button';\nimport { ConfirmModal } from '../ConfirmModal';\nimport { Input } from '../Input';\nimport { ItemSlot } from '../Item/Inventory/ItemSlot';\nimport { MarketplaceRows } from './MarketplaceRows';\n\nexport interface IManagmentPanelProps {\n items: IMarketplaceItem[];\n atlasJSON: any;\n atlasIMG: any;\n onChangeNameInput: (value: string) => void;\n equipmentSet?: IEquipmentSet | null;\n availableGold: number;\n onMarketPlaceItemRemove?: (marketPlaceItemId: string) => void;\n selectedItemToSell: IItem | null;\n onSelectedItemToSellRemove: (item: IItem) => void;\n onAddItemToMarketplace: (item: IItem, price: number) => void;\n enableHotkeys?: () => void;\n disableHotkeys?: () => void;\n onMoneyWithdraw: () => void;\n currentPage: number;\n}\n\nexport const ManagmentPanel: React.FC<IManagmentPanelProps> = ({\n items,\n atlasIMG,\n atlasJSON,\n onChangeNameInput,\n equipmentSet,\n availableGold,\n onMarketPlaceItemRemove,\n selectedItemToSell,\n onSelectedItemToSellRemove,\n onAddItemToMarketplace,\n enableHotkeys,\n disableHotkeys,\n onMoneyWithdraw,\n currentPage,\n}) => {\n const [name, setName] = useState('');\n const [price, setPrice] = useState('');\n const [isCreatingOffer, setIsCreatingOffer] = useState(false);\n const [removingItemId, setRemovingItemId] = useState<string | null>(null);\n\n const itemsContainer = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n itemsContainer.current?.scrollTo(0, 0);\n }, [currentPage]);\n\n return (\n <>\n {isCreatingOffer && (\n <ConfirmModal\n onClose={setIsCreatingOffer.bind(null, false)}\n onConfirm={() => {\n if (selectedItemToSell && price && Number(price)) {\n onAddItemToMarketplace(selectedItemToSell, Number(price));\n setPrice('');\n onSelectedItemToSellRemove(selectedItemToSell);\n setIsCreatingOffer(false);\n enableHotkeys?.();\n }\n }}\n message=\"Are you sure to create this offer?\"\n />\n )}\n {removingItemId && (\n <ConfirmModal\n onClose={setRemovingItemId.bind(null, null)}\n onConfirm={() => {\n onMarketPlaceItemRemove?.(removingItemId);\n setRemovingItemId(null);\n enableHotkeys?.();\n }}\n message=\"Are you sure to remove this item?\"\n />\n )}\n <InputWrapper>\n <p>Search By Name</p>\n <Input\n onChange={e => {\n setName(e.target.value);\n onChangeNameInput(e.target.value);\n }}\n value={name}\n placeholder=\"Enter name...\"\n onBlur={enableHotkeys}\n onFocus={disableHotkeys}\n />\n </InputWrapper>\n\n <OptionsWrapper>\n <InnerOptionsWrapper>\n <SellDescription>\n Click on item in inventory to sell it\n </SellDescription>\n <Flex>\n <ItemSlot\n slotIndex={0}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n onPointerDown={(_, __, item) => onSelectedItemToSellRemove(item)}\n item={selectedItemToSell}\n />\n <PriceInputWrapper>\n <p>Enter price</p>\n <Flex>\n <Input\n onChange={e => {\n setPrice(e.target.value);\n }}\n value={price}\n placeholder=\"Enter price...\"\n type=\"number\"\n disabled={!selectedItemToSell}\n onBlur={enableHotkeys}\n onFocus={disableHotkeys}\n />\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n disabled={!selectedItemToSell || !price}\n onPointerDown={() => {\n if (selectedItemToSell && price && Number(price)) {\n setIsCreatingOffer(true);\n }\n }}\n >\n Create offer\n </Button>\n </Flex>\n </PriceInputWrapper>\n </Flex>\n </InnerOptionsWrapper>\n <InnerOptionsWrapper>\n <AvailableGold $disabled={availableGold === 0}>\n <p>Available gold</p>\n <p className=\"center\">${availableGold}</p>\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n disabled={availableGold === 0}\n onPointerDown={() => availableGold > 0 && onMoneyWithdraw()}\n >\n Withdraw\n </Button>\n </AvailableGold>\n </InnerOptionsWrapper>\n </OptionsWrapper>\n\n <ItemComponentScrollWrapper id=\"MarketContainer\" ref={itemsContainer}>\n {items?.map(({ item, price, _id }, index) => (\n <MarketplaceRows\n key={`${item.key}_${index}`}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n item={item}\n itemPrice={price}\n equipmentSet={equipmentSet}\n onMarketPlaceItemRemove={setRemovingItemId.bind(null, _id)}\n />\n ))}\n </ItemComponentScrollWrapper>\n </>\n );\n};\n\nconst Flex = styled.div`\n display: flex;\n gap: 5px;\n align-items: center;\n`;\n\nconst InputWrapper = styled.div`\n width: 95%;\n display: flex !important;\n justify-content: flex-start;\n align-items: center;\n margin: auto;\n\n p {\n width: auto;\n margin-right: 20px;\n }\n\n input {\n width: 68%;\n height: 10px;\n }\n`;\n\nconst OptionsWrapper = styled.div`\n width: 100%;\n height: 100px;\n display: flex;\n align-items: center;\n justify-content: space-around;\n`;\n\nconst InnerOptionsWrapper = styled.div`\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n height: 100%;\n`;\n\nconst ItemComponentScrollWrapper = styled.div`\n overflow-y: scroll;\n height: 390px;\n width: 100%;\n margin-top: 1rem;\n\n @media (max-width: 950px) {\n height: 250px;\n }\n`;\n\nconst PriceInputWrapper = styled.div`\n p {\n margin: 0;\n }\n\n input {\n width: 200px;\n }\n`;\n\nconst SellDescription = styled.p`\n margin: 0;\n font-size: ${uiFonts.size.xsmall} !important;\n`;\n\nconst AvailableGold = styled.div<{ $disabled: boolean }>`\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n p {\n margin: 0;\n color: ${props =>\n props.$disabled ? uiColors.lightGray : 'white'} !important;\n }\n\n .center {\n text-align: center;\n font-size: ${uiFonts.size.large} !important;\n color: ${props =>\n props.$disabled ? uiColors.lightGray : uiColors.lightGreen} !important;\n }\n`;\n","import { IEquipmentSet, IItem, IMarketplaceItem } from '@rpg-engine/shared';\nimport React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { Button, ButtonTypes } from '../Button';\nimport { DraggableContainer } from '../DraggableContainer';\nimport { Pager } from '../Pager';\nimport { RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';\nimport { BuyPanel } from './BuyPanel';\nimport { ManagmentPanel } from './ManagmentPanel';\n\nexport interface IMarketPlaceProps {\n items: IMarketplaceItem[];\n atlasJSON: any;\n atlasIMG: any;\n onClose: () => void;\n onChangeType: (value: string) => void;\n onChangeRarity: (value: string) => void;\n onChangeOrder: (value: string) => void;\n onChangeNameInput: (value: string) => void;\n onChangeMainLevelInput: (\n value: [number | undefined, number | undefined]\n ) => void;\n onChangeSecondaryLevelInput: (\n value: [number | undefined, number | undefined]\n ) => void;\n onChangePriceInput: (value: [number | undefined, number | undefined]) => void;\n scale?: number;\n equipmentSet?: IEquipmentSet | null;\n onMarketPlaceItemBuy?: (marketPlaceItemId: string) => void;\n onMarketPlaceItemRemove?: (marketPlaceItemId: string) => void;\n availableGold: number;\n selectedItemToSell: IItem | null;\n onSelectedItemToSellRemove: (item: IItem) => void;\n onYourPanelToggle: (yourPanel: boolean) => void;\n onAddItemToMarketplace: (item: IItem, price: number) => void;\n characterId: string;\n enableHotkeys?: () => void;\n disableHotkeys?: () => void;\n onMoneyWithdraw: () => void;\n totalItems: number;\n currentPage: number;\n itemsPerPage: number;\n onPageChange: (page: number) => void;\n}\n\nexport const Marketplace: React.FC<IMarketPlaceProps> = props => {\n const { onClose, scale, onYourPanelToggle } = props;\n\n const [isYourPanel, setIsYourPanel] = useState(false);\n\n return (\n <DraggableContainer\n type={RPGUIContainerTypes.Framed}\n onCloseButton={() => {\n if (onClose) onClose();\n }}\n width=\"800px\"\n cancelDrag=\"#MarketContainer, .rpgui-dropdown-imp, input, .empty-slot, button\"\n scale={scale}\n >\n {isYourPanel && (\n <>\n <ManagmentPanel {...props} />\n\n <PagerContainer>\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n onPointerDown={() => {\n onYourPanelToggle(false);\n setIsYourPanel(false);\n }}\n >\n Go to marketplace\n </Button>\n <Pager {...props} />\n </PagerContainer>\n </>\n )}\n {!isYourPanel && (\n <>\n <BuyPanel {...props} />\n\n <PagerContainer>\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n onPointerDown={() => {\n onYourPanelToggle(true);\n setIsYourPanel(true);\n }}\n >\n Go to your panel\n </Button>\n <Pager {...props} />\n </PagerContainer>\n </>\n )}\n </DraggableContainer>\n );\n};\n\nconst PagerContainer = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: calc(100% - 30px);\n`;\n","import React from 'react';\nimport styled from 'styled-components';\n\ninterface IContainerStyles {\n height?: string;\n width?: string;\n}\n\ninterface IProps {\n id: string;\n children: React.ReactNode;\n styles?: IContainerStyles;\n centerContent?: boolean;\n}\n\nexport const TabBody: React.FC<IProps> = ({\n id,\n children,\n styles,\n centerContent,\n}) => {\n return (\n <Container styles={styles} data-tab-id={id} centerContent={centerContent}>\n {children}\n </Container>\n );\n};\n\ninterface IContainerProps {\n styles?: IContainerStyles;\n centerContent?: boolean;\n}\n\nconst Container = styled.div<IContainerProps>`\n width: ${props => props.styles?.width || '100%'};\n height: ${props => props.styles?.height || 'auto'};\n overflow-y: auto;\n display: ${props => (props.centerContent ? 'flex' : 'block')};\n justify-content: ${props => (props.centerContent ? 'center' : 'initial')};\n align-items: ${props => (props.centerContent ? 'center' : 'initial')};\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { MultitabType } from './TabsContainer';\n\nexport interface ISingleTab {\n active: boolean;\n label: string;\n onPointerDown: () => void;\n type: MultitabType;\n}\n\nexport const Tab: React.FC<ISingleTab> = ({\n active,\n label,\n onPointerDown,\n type,\n}) => {\n return (\n <CustomTab\n activeTab={active}\n onPointerDown={onPointerDown}\n className={type}\n >\n <p>{label}</p>\n </CustomTab>\n );\n};\n\ninterface ICustomTab {\n activeTab: boolean;\n}\n\nconst CustomTab = styled.div<ICustomTab>`\n width: 120px;\n color: white;\n font-size: 0.8rem;\n\n &.gray {\n border-left: 0.25rem solid rgba(0, 0, 0, 0.25);\n border-right: 0.25rem solid rgba(0, 0, 0, 0.25);\n border-top: 0.25rem solid rgba(0, 0, 0, 0.25);\n border-bottom: ${props =>\n props.activeTab ? '' : '0.25rem solid rgba(0, 0, 0, 0.25)'};\n background: ${props => (props.activeTab ? '#4E4A4E' : '#2b292b')};\n }\n\n &.brown {\n border-left: 0.25rem solid #996d55;\n border-right: 0.25rem solid #996d55;\n border-top: 0.25rem solid #996d55;\n border-bottom: ${props => (props.activeTab ? '' : '0.25rem solid #996d55')};\n background: ${props => (props.activeTab ? '#BF886A' : '#B67051')};\n }\n\n margin-right: 10px;\n p {\n text-align: center;\n font-size: 0.6rem;\n\n opacity: ${props => (props.activeTab ? '1' : '0.5')};\n }\n\n border-radius: 5px 5px 0 0;\n\n position: relative;\n top: 0.3rem;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../constants/uiColors';\nimport { Button, ButtonTypes } from '../../Button';\nimport { DraggableContainer } from '../../DraggableContainer';\nimport { Input } from '../../Input';\nimport { RPGUIContainerTypes } from '../../RPGUI/RPGUIContainer';\n\nexport interface IPartyCreateProps {\n onClose: () => void;\n onCreate: () => void;\n}\n\nexport const PartyCreate: React.FC<IPartyCreateProps> = ({\n onClose,\n onCreate,\n}) => {\n return (\n <DraggableContainer\n type={RPGUIContainerTypes.Framed}\n onCloseButton={() => {\n if (onClose) onClose();\n }}\n width=\"500px\"\n height=\"300px\"\n cancelDrag=\".partyRows\"\n >\n <Wrapper>\n <div style={{ width: '100%' }}>\n <Title>Create Party</Title>\n <hr className=\"golden\" />\n </div>\n </Wrapper>\n <h1>Type your party name</h1>\n <Input placeholder=\"Type party name\" type=\"text\" />\n <ButtonWrapper>\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n onPointerDown={() => {\n onCreate();\n }}\n >\n Confirm\n </Button>\n <div className=\"cancel-button\">\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n onPointerDown={() => {\n close();\n }}\n >\n Cancel\n </Button>\n </div>\n </ButtonWrapper>\n </DraggableContainer>\n );\n};\n\nconst Wrapper = styled.div`\n display: flex;\n flex-direction: column;\n width: 100%;\n`;\nconst Title = styled.h1`\n font-size: 0.6rem;\n color: ${uiColors.yellow} !important;\n`;\n\nconst ButtonWrapper = styled.div`\n margin-top: 10px;\n width: 100%;\n display: flex;\n justify-content: space-around;\n align-items: center;\n .cancel-button {\n filter: grayscale(0.7);\n }\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../constants/uiColors';\nimport { Button, ButtonTypes } from '../../Button';\n\nexport interface IPartyRowProps {\n id: string;\n charName: string;\n charClass: string;\n charLevel: number;\n playerQty: number;\n isInvited: boolean;\n partyName: string;\n}\n\nexport const PartyRow: React.FC<IPartyRowProps> = ({\n charName,\n charClass,\n charLevel,\n playerQty,\n isInvited,\n partyName,\n}) => {\n return (\n <PartyWrapper>\n <TextContainer>{partyName}</TextContainer>\n <TextContainer>{charName}</TextContainer>\n <TextContainer>{charClass}</TextContainer>\n <TextContainer>{charLevel}</TextContainer>\n <TextContainer>{playerQty}/5</TextContainer>\n {isInvited ? (\n <>\n <Button buttonType={ButtonTypes.RPGUIButton}>Accept</Button>\n <div className=\"cancel-button\">\n <Button buttonType={ButtonTypes.RPGUIButton}>Decline</Button>\n </div>\n </>\n ) : (\n <Button buttonType={ButtonTypes.RPGUIButton}>Join</Button>\n )}\n </PartyWrapper>\n );\n};\n\nconst PartyWrapper = styled.div`\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-around;\n .cancel-button {\n filter: grayscale(0.7);\n }\n`;\n\nconst TextContainer = styled.div`\n color: ${uiColors.white};\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../constants/uiColors';\nimport { Button, ButtonTypes } from '../../Button';\nimport { DraggableContainer } from '../../DraggableContainer';\nimport { RPGUIContainerTypes } from '../../RPGUI/RPGUIContainer';\nimport { IPartyRowProps, PartyRow } from './PartyRows';\n\nexport interface IPartyDashboardProps {\n partyRows: IPartyRowProps[];\n}\n\nexport const PartyDashboard: React.FC<IPartyDashboardProps> = ({\n partyRows,\n}) => {\n return (\n <DraggableContainer\n type={RPGUIContainerTypes.Framed}\n onCloseButton={() => {\n console.log('Close');\n }}\n width=\"800px\"\n height=\"400px\"\n cancelDrag=\".partyRows\"\n >\n <Wrapper>\n <div style={{ width: '100%' }}>\n <Title>Party Dashboard</Title>\n <Button buttonType={ButtonTypes.RPGUIButton}>Create</Button>\n <hr className=\"golden\" />\n </div>\n </Wrapper>\n <RowsWrapper className=\"partyRows\">\n {partyRows.map(partyRows => (\n <PartyRow\n key={partyRows.id}\n charName={partyRows.charName}\n charClass={partyRows.charClass}\n charLevel={partyRows.charLevel}\n playerQty={partyRows.playerQty}\n id={partyRows.id}\n isInvited={partyRows.isInvited}\n partyName={partyRows.partyName}\n />\n ))}\n </RowsWrapper>\n </DraggableContainer>\n );\n};\n\nconst Wrapper = styled.div`\n display: flex;\n flex-direction: column;\n width: 100%;\n`;\n\nconst RowsWrapper = styled.div`\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n width: 100%;\n height: 200px;\n`;\n\nconst Title = styled.h1`\n font-size: 0.6rem;\n color: ${uiColors.yellow} !important;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../constants/uiColors';\nimport { Button, ButtonTypes } from '../../Button';\n\nexport interface IPlayersRowProps {\n id: string;\n charName: string;\n charClass: string;\n charLevel: number;\n isNotInvited: boolean;\n}\n\nexport const PlayersRow: React.FC<IPlayersRowProps> = ({\n charName,\n charClass,\n charLevel,\n isNotInvited,\n}) => {\n return (\n <PartyWrapper>\n <TextContainer>{charName}</TextContainer>\n <TextContainer>{charClass}</TextContainer>\n <TextContainer>{charLevel}</TextContainer>\n {isNotInvited ? (\n <>\n <Button buttonType={ButtonTypes.RPGUIButton}>Invite</Button>\n </>\n ) : (\n <TextContainer>Invited</TextContainer>\n )}\n </PartyWrapper>\n );\n};\n\nconst PartyWrapper = styled.div`\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-around;\n flex-direction: row;\n flex: auto;\n`;\n\nconst TextContainer = styled.div`\n color: ${uiColors.white};\n flex: auto;\n margin: auto;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../constants/uiColors';\nimport { DraggableContainer } from '../../DraggableContainer';\nimport { RPGUIContainerTypes } from '../../RPGUI/RPGUIContainer';\nimport { IPlayersRowProps, PlayersRow } from './PlayersRows';\n\nexport interface IPartyInviteProps {\n playersRows: IPlayersRowProps[];\n}\n\nexport const PartyInvite: React.FC<IPartyInviteProps> = ({ playersRows }) => {\n return (\n <DraggableContainer\n type={RPGUIContainerTypes.Framed}\n onCloseButton={() => {\n console.log('Close');\n }}\n width=\"600px\"\n height=\"400px\"\n cancelDrag=\".playersRows\"\n >\n <Wrapper>\n <div style={{ width: '100%' }}>\n <Title>Invite for Party</Title>\n <hr className=\"golden\" />\n </div>\n </Wrapper>\n <RowsWrapper className=\"playersRows\">\n {playersRows.map(playersRows => (\n <PlayersRow\n key={playersRows.id}\n charName={playersRows.charName}\n charClass={playersRows.charClass}\n charLevel={playersRows.charLevel}\n id={playersRows.id}\n isNotInvited={playersRows.isNotInvited}\n />\n ))}\n </RowsWrapper>\n </DraggableContainer>\n );\n};\n\nconst Wrapper = styled.div`\n display: flex;\n flex-direction: column;\n width: 100%;\n`;\nconst Title = styled.h1`\n font-size: 0.6rem;\n color: ${uiColors.yellow} !important;\n`;\n\nconst RowsWrapper = styled.div`\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n width: 100%;\n height: 200px;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\n\ninterface IProps extends React.HTMLAttributes<HTMLParagraphElement> {\n children: string;\n}\n\nexport const HighlightedText = ({ children, ...rest }: IProps) => {\n return <Text {...rest}>{children}</Text>;\n};\n\nconst Text = styled.p`\n color: ${uiColors.yellow} !important;\n\n font-weight: bold;\n font-size: 1.2rem;\n\n // show the cursor as a pointer when hovering over the text\n\n &:hover {\n text-decoration: underline;\n cursor: pointer;\n }\n`;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../constants/uiColors';\nimport { HighlightedText } from '../../Text/HighlightedText';\nimport { Ellipsis } from '../../shared/Ellipsis';\n\nexport interface IPartyManagerRowProps {\n id: string;\n charName: string;\n charClass: string;\n isLeader: boolean;\n leaderId: string;\n userId: string;\n onRemovePlayer: (id: string) => void;\n onChangeLeader: (id: string) => void;\n}\n\nexport const PartyManagerRow: React.FC<IPartyManagerRowProps> = ({\n charName,\n charClass,\n isLeader,\n id,\n leaderId,\n userId,\n onRemovePlayer,\n onChangeLeader,\n}) => {\n const isCurrentUser = id === userId;\n const canRemove = leaderId === userId || isCurrentUser;\n\n return (\n <PartyWrapper>\n <TextContainer>\n <Ellipsis maxLines={1} maxWidth=\"300px\">\n {charName} {isCurrentUser ? '(You)' : ''} {isLeader ? '(Leader)' : ''}\n </Ellipsis>\n </TextContainer>\n <TextContainer>\n <Ellipsis maxLines={1} maxWidth=\"300px\">\n {charClass}\n </Ellipsis>\n </TextContainer>\n <ButtonContainer>\n {canRemove && (\n <HighlightedText onPointerDown={() => onRemovePlayer(id)}>\n {isCurrentUser ? 'Leave' : 'Remove'}\n </HighlightedText>\n )}\n {leaderId === userId && leaderId !== id && (\n <HighlightedText onPointerDown={() => onChangeLeader(id)}>\n New Leader\n </HighlightedText>\n )}\n </ButtonContainer>\n </PartyWrapper>\n );\n};\n\nconst PartyWrapper = styled.div`\n display: grid;\n grid-template-columns: 2fr 1fr 1fr;\n align-items: center;\n padding: 0.5rem;\n min-height: 50px;\n box-sizing: border-box;\n width: 100%;\n border-bottom: 1px solid ${uiColors.darkGray};\n\n &:hover {\n background-color: ${uiColors.darkGray};\n cursor: pointer;\n }\n`;\n\nconst TextContainer = styled.div`\n color: ${uiColors.white};\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n`;\n\nconst ButtonContainer = styled.div`\n display: flex;\n align-items: center;\n gap: 1rem;\n justify-content: flex-start;\n`;\n","import { ICharacterPartyShared, isMobileOrTablet } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../constants/uiColors';\nimport { PartyManagerRow } from './PartyManagerRows';\n\nexport interface IPartyManagerProps {\n partyRows: ICharacterPartyShared | null;\n\n userId: string;\n onRemovePlayer: (id: string) => void;\n onChangeLeader: (id: string) => void;\n}\n\nexport const PartyManager: React.FC<IPartyManagerProps> = ({\n partyRows,\n userId,\n onRemovePlayer,\n onChangeLeader,\n}) => {\n const invitationActionText = isMobileOrTablet() ? 'Tap' : 'Right click';\n\n const sortedMembers =\n partyRows?.leader && partyRows?.members\n ? [partyRows.leader, ...partyRows.members].sort((a, b) =>\n a._id === partyRows.leader._id\n ? -1\n : b._id === partyRows.leader._id\n ? 1\n : 0\n )\n : [];\n\n return (\n <>\n <RowsWrapper className=\"partyRows\">\n {partyRows && sortedMembers.length ? (\n sortedMembers.map(partyRow => (\n <PartyManagerRow\n userId={userId}\n key={partyRow._id}\n charName={partyRow.name}\n charClass={partyRow.class}\n id={partyRow._id}\n isLeader={partyRow._id === partyRows.leader._id}\n leaderId={partyRows.leader._id}\n onRemovePlayer={() => onRemovePlayer(partyRow._id)}\n onChangeLeader={() => onChangeLeader(partyRow._id)}\n />\n ))\n ) : (\n <NotInParty>\n <p>You're not in a party.</p>\n <p>\n Tip: <YellowText>{invitationActionText}</YellowText> on a player\n to invite them.\n </p>\n </NotInParty>\n )}\n </RowsWrapper>\n </>\n );\n};\n\nconst RowsWrapper = styled.div`\n width: 100%;\n max-height: 300px;\n overflow-y: auto;\n overflow-x: hidden;\n`;\n\nconst YellowText = styled.span`\n color: ${uiColors.yellow} !important;\n`;\n\nconst NotInParty = styled.h1`\n font-size: 0.6rem;\n margin: auto;\n`;\n","import { CharacterClass, ICharacterPartyShared } from '@rpg-engine/shared';\nimport { v4 as uuidv4 } from 'uuid';\nimport { IPartyRowProps } from '../PartyDashboard/PartyRows';\nimport { IPlayersRowProps } from '../PartyInvite';\n\nexport const mockedPartyRows: IPartyRowProps[] = [\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n charLevel: 1,\n playerQty: 3,\n isInvited: true,\n partyName: 'Party',\n },\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n charLevel: 1,\n playerQty: 3,\n isInvited: true,\n partyName: 'Party',\n },\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n charLevel: 1,\n playerQty: 3,\n isInvited: true,\n partyName: 'Party',\n },\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n charLevel: 1,\n playerQty: 3,\n isInvited: true,\n partyName: 'Party',\n },\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n charLevel: 1,\n playerQty: 3,\n isInvited: true,\n partyName: 'Party',\n },\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n charLevel: 1,\n playerQty: 3,\n isInvited: true,\n partyName: 'Party',\n },\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n charLevel: 1,\n playerQty: 3,\n isInvited: true,\n partyName: 'Party',\n },\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n charLevel: 1,\n playerQty: 3,\n isInvited: true,\n partyName: 'Party',\n },\n];\n\nexport const mockedPlayersRows2: ICharacterPartyShared = {\n id: uuidv4(),\n leader: {\n _id: uuidv4(),\n class: CharacterClass.Druid,\n name: 'leader',\n },\n members: [\n { _id: uuidv4(), class: CharacterClass.Druid, name: 'blblb' },\n { _id: uuidv4(), class: CharacterClass.Druid, name: 'blblb' },\n { _id: uuidv4(), class: CharacterClass.Druid, name: 'blblb' },\n { _id: uuidv4(), class: CharacterClass.Druid, name: 'blblb' },\n { _id: uuidv4(), class: CharacterClass.Druid, name: 'blblb' },\n { _id: uuidv4(), class: CharacterClass.Druid, name: 'blblb' },\n { _id: uuidv4(), class: CharacterClass.Druid, name: 'blblb' },\n { _id: uuidv4(), class: CharacterClass.Druid, name: 'blblb' },\n { _id: uuidv4(), class: CharacterClass.Druid, name: 'blblb' },\n { _id: uuidv4(), class: CharacterClass.Druid, name: 'blblb' },\n { _id: uuidv4(), class: CharacterClass.Druid, name: 'blblb' },\n ],\n maxSize: 5,\n size: 4,\n};\n\nexport const mockedPlayersRows: IPlayersRowProps[] = [\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n charLevel: 1,\n isNotInvited: true,\n },\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n charLevel: 1,\n isNotInvited: true,\n },\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n charLevel: 1,\n isNotInvited: true,\n },\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n charLevel: 1,\n isNotInvited: true,\n },\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n charLevel: 1,\n isNotInvited: true,\n },\n];\n\nexport const mockedPartyManager: any[] = [\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n isLeader: false,\n },\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n isLeader: false,\n },\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n isLeader: false,\n },\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n isLeader: false,\n },\n {\n id: uuidv4(),\n charName: 'CharNome',\n charClass: 'CharClass',\n isLeader: false,\n },\n];\n\n// Function to generate mock data for when you are the leader\nexport const getMockedPlayersRowsLeader = (\n userId: string\n): ICharacterPartyShared => ({\n id: uuidv4(),\n leader: {\n _id: userId, // You are the leader\n class: CharacterClass.Warrior,\n name: 'YourName',\n },\n members: [\n { _id: uuidv4(), class: CharacterClass.Druid, name: 'Member1' },\n { _id: uuidv4(), class: CharacterClass.Sorcerer, name: 'Member2' },\n { _id: uuidv4(), class: CharacterClass.Rogue, name: 'Member3' },\n ],\n maxSize: 5,\n size: 4,\n});\n\n// Function to generate mock data for when you are not the leader\nexport const getMockedPlayersRowsNotLeader = (\n userId: string\n): ICharacterPartyShared => ({\n id: uuidv4(),\n leader: {\n _id: uuidv4(), // Someone else is the leader\n class: CharacterClass.Druid,\n name: 'LeaderName',\n },\n members: [\n { _id: userId, class: CharacterClass.Warrior, name: 'YourName' }, // You are a member\n { _id: uuidv4(), class: CharacterClass.Sorcerer, name: 'Member2' },\n { _id: uuidv4(), class: CharacterClass.Rogue, name: 'Member3' },\n ],\n maxSize: 5,\n size: 4,\n});\n","import React from 'react';\nimport styled from 'styled-components';\nimport { uiFonts } from '../constants/uiFonts';\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 mobileScale?: 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 mobileScale,\n}) => {\n value = Math.round(value);\n max = Math.round(max);\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 mobileScale={mobileScale}\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: ${uiFonts.size.small} !important;\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 mobileScale?: number;\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 @media (max-width: 950px) {\n transform: scale(${props => props.mobileScale});\n }\n`;\n","import { IQuest } from '@rpg-engine/shared';\nimport React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../constants/uiColors';\nimport { uiFonts } from '../../../constants/uiFonts';\nimport SelectArrow from '../../Arrow/SelectArrow';\nimport { Button, ButtonTypes } from '../../Button';\nimport { DraggableContainer } from '../../DraggableContainer';\n\nimport { RPGUIContainerTypes } from '../../RPGUI/RPGUIContainer';\nimport { Column } from '../../shared/Column';\nimport thumbnailDefault from './img/default.png';\n\nexport interface IQuestsButtonProps {\n disabled: boolean;\n title: string;\n onClick: (questId: string, npcId: string) => void;\n}\n\nexport interface IQuestInfoProps {\n onClose?: () => void;\n buttons?: IQuestsButtonProps[];\n quests: IQuest[];\n onChangeQuest: (currentQuestIndex: number, currentQuestId: string) => void;\n scale?: number;\n}\n\nexport const QuestInfo: React.FC<IQuestInfoProps> = ({\n quests,\n onClose,\n buttons,\n onChangeQuest,\n scale,\n}) => {\n const [currentIndex, setCurrentIndex] = useState(0);\n const questsLength = quests.length - 1;\n\n useEffect(() => {\n if (onChangeQuest) {\n onChangeQuest(currentIndex, quests[currentIndex]._id);\n }\n }, [currentIndex]);\n\n const onLeftClick = () => {\n if (currentIndex === 0) setCurrentIndex(questsLength);\n else setCurrentIndex(index => index - 1);\n };\n const onRightClick = () => {\n if (currentIndex === questsLength) setCurrentIndex(0);\n else setCurrentIndex(index => index + 1);\n };\n\n return (\n <QuestDraggableContainer\n type={RPGUIContainerTypes.Framed}\n onCloseButton={() => {\n if (onClose) onClose();\n }}\n width=\"730px\"\n cancelDrag=\".equipment-container-body .arrow-selector\"\n scale={scale}\n >\n {quests.length >= 2 ? (\n <QuestsContainer>\n {currentIndex !== 0 && (\n <SelectArrow\n direction=\"left\"\n onPointerDown={onLeftClick}\n ></SelectArrow>\n )}\n {currentIndex !== quests.length - 1 && (\n <SelectArrow\n direction=\"right\"\n onPointerDown={onRightClick}\n ></SelectArrow>\n )}\n\n <QuestContainer>\n <TitleContainer className=\"drag-handler\">\n <Title>\n <Thumbnail\n src={quests[currentIndex].thumbnail || thumbnailDefault}\n />\n {quests[currentIndex].title}\n </Title>\n <QuestSplitDiv>\n <hr className=\"golden\" />\n </QuestSplitDiv>\n </TitleContainer>\n <Content>\n <p>{quests[currentIndex].description}</p>\n </Content>\n <QuestColumn className=\"dark-background\" justifyContent=\"flex-end\">\n {buttons &&\n buttons.map((button, index) => (\n <Button\n key={index}\n onPointerDown={() =>\n button.onClick(\n quests[currentIndex]._id,\n quests[currentIndex].npcId\n )\n }\n disabled={button.disabled}\n buttonType={ButtonTypes.RPGUIButton}\n id={`button-${index}`}\n >\n {button.title}\n </Button>\n ))}\n </QuestColumn>\n </QuestContainer>\n </QuestsContainer>\n ) : (\n <QuestsContainer>\n <QuestContainer>\n <TitleContainer className=\"drag-handler\">\n <Title>\n <Thumbnail src={quests[0].thumbnail || thumbnailDefault} />\n {quests[0].title}\n </Title>\n <QuestSplitDiv>\n <hr className=\"golden\" />\n </QuestSplitDiv>\n </TitleContainer>\n <Content>\n <p>{quests[0].description}</p>\n </Content>\n <QuestColumn className=\"dark-background\" justifyContent=\"flex-end\">\n {buttons &&\n buttons.map((button, index) => (\n <Button\n key={index}\n onPointerDown={() =>\n button.onClick(quests[0]._id, quests[0].npcId)\n }\n disabled={button.disabled}\n buttonType={ButtonTypes.RPGUIButton}\n id={`button-${index}`}\n >\n {button.title}\n </Button>\n ))}\n </QuestColumn>\n </QuestContainer>\n </QuestsContainer>\n )}\n </QuestDraggableContainer>\n );\n};\n\nconst QuestDraggableContainer = styled(DraggableContainer)`\n border: 1px solid black;\n width: 600px;\n padding: 0 0 0 0 !important;\n .DraggableContainer__TitleContainer-sc-184mpyl-2 {\n height: auto;\n }\n .container-close {\n position: absolute;\n margin-left: auto;\n top: 20px;\n padding-right: 5px;\n }\n img {\n display: inline-block;\n vertical-align: middle;\n line-height: normal;\n }\n`;\n\nconst QuestContainer = styled.div`\n margin-right: 40px;\n margin-left: 40px;\n`;\n\nconst QuestsContainer = styled.div`\n display: flex;\n align-items: center;\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 padding-top: 5px;\n margin-bottom: 20px;\n display: flex;\n justify-content: space-evenly;\n`;\n\nconst TitleContainer = styled.div`\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n align-items: center;\n margin-top: 1rem;\n`;\n\nconst Title = styled.h1`\n color: white;\n z-index: 22;\n font-size: ${uiFonts.size.medium} !important;\n color: ${uiColors.yellow} !important;\n`;\n\nconst Thumbnail = styled.img`\n color: white;\n z-index: 22;\n width: 32px * 1.5;\n margin-right: 0.5rem;\n position: relative;\n top: -4px;\n`;\n","import { IQuest, QuestStatus } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled, { CSSProperties } from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\n\nexport interface IQuestListProps {\n quests?: IQuest[];\n styles?: {\n container?: CSSProperties;\n card?: CSSProperties;\n label?: CSSProperties;\n value?: CSSProperties;\n };\n}\n\nexport const QuestList: React.FC<IQuestListProps> = ({ quests, styles }) => {\n return (\n <QuestListContainer style={styles?.container}>\n {quests && quests.length > 0 ? (\n quests.map((quest, i) => (\n <QuestCard key={i} style={styles?.card}>\n <QuestItem>\n <Label style={styles?.label}>Title:</Label>\n <Value style={styles?.value}>\n {formatQuestText(quest.title)}\n </Value>\n </QuestItem>\n <QuestItem>\n <Label style={styles?.label}>Status:</Label>\n <Value\n style={{\n ...styles?.value,\n color: getQuestStatusColor(quest.status),\n }}\n >\n {formatQuestStatus(quest.status) ?? 'Unknown'}\n </Value>\n </QuestItem>\n <QuestItem>\n <Label style={styles?.label}>Description:</Label>\n <Value style={styles?.value}>{quest.description}</Value>\n </QuestItem>\n </QuestCard>\n ))\n ) : (\n <NoQuestContainer>\n <p>There are no ongoing quests</p>\n </NoQuestContainer>\n )}\n </QuestListContainer>\n );\n};\n\nconst QuestListContainer = styled.div`\n max-height: 400px;\n padding: 10px;\n border-radius: 10px;\n font-size: 0.7rem;\n`;\n\nconst QuestCard = styled.div`\n background-color: ${uiColors.darkGray};\n padding: 15px;\n margin-bottom: 10px;\n border-radius: 10px;\n border: 1px solid ${uiColors.gray};\n display: flex;\n flex-direction: column;\n`;\n\nconst QuestItem = styled.div`\n display: flex;\n margin-bottom: 5px;\n flex-wrap: wrap;\n\n &:last-child {\n margin-bottom: 0;\n }\n`;\n\nconst Label = styled.span`\n font-weight: bold;\n color: ${uiColors.yellow} !important;\n margin-right: 10px;\n`;\n\nconst Value = styled.span`\n flex-grow: 1;\n color: ${uiColors.white};\n word-wrap: break-word;\n`;\n\nconst NoQuestContainer = styled.div`\n text-align: center;\n p {\n margin-top: 5px;\n color: ${uiColors.lightGray};\n }\n`;\n\nexport const formatQuestText = (text: string) => {\n if (!text) return '';\n return text\n .split('-')\n .map(word => word.charAt(0).toUpperCase() + word.slice(1))\n .join(' ');\n};\n\nexport const getQuestStatusColor = (status?: QuestStatus) => {\n switch (status) {\n case QuestStatus.Pending:\n return uiColors.orange;\n case QuestStatus.InProgress:\n return uiColors.blue;\n case QuestStatus.Completed:\n return uiColors.lightGreen;\n default:\n return uiColors.white;\n }\n};\n\nexport const formatQuestStatus = (status?: QuestStatus) => {\n if (!status) return '';\n return status\n .split(/(?=[A-Z])/)\n .join(' ')\n .replace(/^\\w/, c => c.toUpperCase());\n};\n","import React from 'react';\nimport styled from 'styled-components';\n\ninterface IProps {\n children: React.ReactNode;\n}\n\nexport const RPGUIScrollbar = ({ children }: IProps) => {\n return <Container>{children}</Container>;\n};\n\nconst Container = styled.div`\n /* Override RPGUI CSS */\n\n .rpgui-content ::-webkit-scrollbar,\n .rpgui-content::-webkit-scrollbar {\n width: 25px !important;\n }\n\n .rpgui-content ::-webkit-scrollbar-track,\n .rpgui-content::-webkit-scrollbar-track {\n background-size: 25px 60px !important;\n }\n`;\n","import React from 'react';\nimport { RPGUIScrollbar } from './RPGUIScrollbar';\ninterface IProps {\n children: React.ReactNode;\n}\n\nexport const RPGUIOverrides = ({ children }: IProps) => {\n return <RPGUIScrollbar>{children}</RPGUIScrollbar>;\n};\n","import React from 'react';\nimport 'rpgui/rpgui.css';\nimport 'rpgui/rpgui.min.js';\nimport { RPGUIOverrides } from './RPGUIOverrides';\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 (\n <RPGUIOverrides>\n <div className=\"rpgui-content\">{children}</div>\n </RPGUIOverrides>\n );\n};\n","import {\n getItemTextureKeyPath,\n IItem,\n IItemContainer,\n IRawSpell,\n IShortcut,\n ShortcutType,\n} from '@rpg-engine/shared';\nimport React, { useCallback, useEffect, useRef } from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { countItemFromInventory } from '../../libs/itemCounter';\nimport { SpriteFromAtlas } from '../shared/SpriteFromAtlas';\nimport { SingleShortcut } from './SingleShortcut';\nimport { useShortcutCooldown } from './useShortcutCooldown';\n\nexport type ShortcutsProps = {\n shortcuts: IShortcut[];\n onShortcutCast: (index: number) => void;\n mana: number;\n isBlockedCastingByKeyboard?: boolean;\n inventory?: IItemContainer | null;\n atlasJSON: any;\n atlasIMG: any;\n spellCooldowns?: Record<string, number>;\n};\n\nexport const Shortcuts: React.FC<ShortcutsProps> = ({\n shortcuts,\n onShortcutCast,\n mana,\n isBlockedCastingByKeyboard = false,\n atlasJSON,\n atlasIMG,\n inventory,\n spellCooldowns,\n}) => {\n const shortcutsRefs = useRef<HTMLButtonElement[]>([]);\n\n const { handleShortcutCast, shortcutCooldown } = useShortcutCooldown(\n onShortcutCast\n );\n\n const handleKeyDown = useCallback(\n (e: KeyboardEvent) => {\n if (isBlockedCastingByKeyboard) return;\n\n const shortcutIndex = Number(e.key) - 1;\n if (shortcutIndex >= 0 && shortcutIndex <= 11) {\n handleShortcutCast(shortcutIndex);\n shortcutsRefs.current[shortcutIndex]?.classList.add('active');\n const timeoutId = setTimeout(() => {\n shortcutsRefs.current[shortcutIndex]?.classList.remove('active');\n }, 150);\n // Store timeoutId for later cleanup\n timeoutIds.current.push((timeoutId as unknown) as number);\n }\n },\n [isBlockedCastingByKeyboard, handleShortcutCast]\n );\n\n // Initialize a ref to store the timeout ids\n const timeoutIds = useRef<number[]>([]);\n\n useEffect(() => {\n window.addEventListener('keydown', handleKeyDown);\n\n return () => {\n window.removeEventListener('keydown', handleKeyDown);\n // Clear all timeouts when the component unmounts\n timeoutIds.current.forEach(id => clearTimeout(id));\n };\n }, [handleKeyDown]);\n\n return (\n <List>\n {Array.from({ length: 12 }).map((_, i) => {\n const buildClassName = (classBase: string, isOnCooldown: boolean) => {\n return `${classBase} ${isOnCooldown ? 'onCooldown' : ''}`;\n };\n\n const isOnShortcutCooldown = shortcutCooldown > 0;\n\n if (shortcuts && shortcuts[i]?.type === ShortcutType.Item) {\n const payload = shortcuts[i]?.payload as IItem | undefined;\n\n let itemsFromEquipment: (IItem | undefined | null)[] = [];\n\n if (inventory) {\n Object.keys(inventory.slots).forEach(i => {\n const index = parseInt(i);\n\n if (inventory.slots[index]?.key === payload?.key) {\n itemsFromEquipment.push(inventory.slots[index]);\n }\n });\n }\n\n const totalQty =\n payload && inventory\n ? countItemFromInventory(payload.key, inventory)\n : 0;\n\n return (\n <StyledShortcut\n key={i}\n onPointerDown={handleShortcutCast.bind(null, i)}\n disabled={false}\n ref={el => {\n if (el) shortcutsRefs.current[i] = el;\n }}\n >\n {isOnShortcutCooldown && (\n <span className=\"cooldown\">{shortcutCooldown.toFixed(1)}</span>\n )}\n {payload && (\n <SpriteFromAtlas\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n spriteKey={getItemTextureKeyPath(\n {\n key: payload.texturePath,\n texturePath: payload.texturePath,\n stackQty: payload.stackQty || 1,\n isStackable: payload.isStackable,\n },\n atlasJSON\n )}\n width={32}\n height={32}\n />\n )}\n <span className={buildClassName('qty', isOnShortcutCooldown)}>\n {totalQty}\n </span>\n <span\n className={buildClassName('keyboard', isOnShortcutCooldown)}\n >\n {i + 1}\n </span>\n </StyledShortcut>\n );\n }\n\n const payload =\n shortcuts && (shortcuts[i]?.payload as IRawSpell | undefined); //check if shortcuts exists before using the ? operator.\n\n const spellCooldown = !payload\n ? 0\n : spellCooldowns?.[payload.magicWords.replaceAll(' ', '_')] ??\n shortcutCooldown;\n const cooldown =\n spellCooldown > shortcutCooldown ? spellCooldown : shortcutCooldown;\n const isOnCooldown = cooldown > 0 && !!payload;\n\n const IMAGE_SCALE = 1.5;\n const IMAGE_SIZE = 32;\n\n return (\n <StyledShortcut\n key={i}\n onPointerDown={handleShortcutCast.bind(null, i)}\n disabled={mana < (payload?.manaCost ?? 0)}\n ref={el => {\n if (el) shortcutsRefs.current[i] = el;\n }}\n >\n {isOnCooldown && (\n <span className=\"cooldown\">\n {cooldown.toFixed(cooldown < 10 ? 1 : 0)}\n </span>\n )}\n <span>\n {payload?.atlasIMG && (\n <SpriteFromAtlas\n atlasIMG={payload.atlasIMG}\n atlasJSON={payload.atlasJSON}\n spriteKey={payload.texturePath ?? ''}\n width={IMAGE_SIZE}\n height={IMAGE_SIZE}\n imgScale={IMAGE_SCALE}\n centered\n borderRadius=\"50%\"\n />\n )}\n </span>\n <span className={buildClassName('mana', isOnCooldown)}>\n {payload && payload.manaCost}\n </span>\n <span className={buildClassName('keyboard', isOnCooldown)}>\n {i + 1}\n </span>\n </StyledShortcut>\n );\n })}\n </List>\n );\n};\n\nconst StyledShortcut = styled(SingleShortcut)`\n transition: all 0.15s;\n\n &.active {\n background-color: ${uiColors.gray};\n border-color: ${uiColors.yellow};\n }\n`;\n\nconst List = styled.p`\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n box-sizing: border-box;\n margin: 0 !important;\n\n scale: 0.9;\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 // Ensure the width is at least 1% if value is greater than 0\n const width = value > 0 ? Math.max(1, Math.min(100, value)) : 0;\n\n return (\n <Container className=\"simple-progress-bar\">\n <ProgressBarContainer margin={margin}>\n <BackgroundBar>\n <Progress width={width} bgColor={bgColor} />\n </BackgroundBar>\n </ProgressBarContainer>\n </Container>\n );\n};\n\nconst Container = styled.div`\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n`;\n\nconst BackgroundBar = styled.span`\n background-color: rgba(0, 0, 0, 0.075);\n`;\n\ninterface IProgressProps {\n width: number;\n bgColor: string;\n}\n\nconst Progress = styled.span<IProgressProps>`\n background-color: ${props => props.bgColor};\n width: ${props => props.width.toFixed(2)}%;\n transition: width 0.5s ease-in-out;\n`;\n\ninterface IProgressBarContainerProps {\n margin: number;\n}\n\nconst ProgressBarContainer = styled.div<IProgressBarContainerProps>`\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 => props.margin}px;\n`;\n","import styled from 'styled-components';\n\nexport const Tooltip = styled.div`\n visibility: hidden;\n position: absolute;\n background-color: black;\n color: white;\n text-align: center;\n border-radius: 4px;\n padding: 5px;\n z-index: 1;\n font-size: 0.5rem;\n white-space: nowrap;\n\n /* Positioning */\n top: -20px; /* Adjust based on where you want the tooltip to appear */\n left: 50%;\n transform: translateX(-50%);\n`;\n","import { getSPForLevel } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../constants/uiColors';\nimport { ErrorBoundary } from './Item/Inventory/ErrorBoundary';\nimport { SpriteFromAtlas } from './shared/SpriteFromAtlas';\nimport { SimpleProgressBar } from './SimpleProgressBar';\nimport { Tooltip } from './Tooltip/Tooltip';\n\nexport interface ISkillProgressBarProps {\n skillName: string;\n bgColor: string;\n level: number;\n skillPoints: number;\n texturePath: string;\n showSkillPoints?: boolean;\n skillPointsToNextLevel: number;\n atlasJSON: any;\n atlasIMG: any;\n buffAndDebuff?: number;\n}\n\nexport const SkillProgressBar: React.FC<ISkillProgressBarProps> = ({\n bgColor,\n skillName,\n level,\n skillPoints: currentSkillPoints,\n skillPointsToNextLevel,\n texturePath,\n showSkillPoints = true,\n atlasIMG,\n atlasJSON,\n\n buffAndDebuff,\n}) => {\n // Skill points needed to start the current level\n const baseSkillPoints = getSPForLevel(level);\n const calculateProgress = (): number => {\n const totalPointsForLevelUp = Math.max(\n 1,\n skillPointsToNextLevel - baseSkillPoints\n );\n const excessSkillPoints = Math.max(0, currentSkillPoints - baseSkillPoints);\n\n return Math.min(\n 100,\n Math.max(0, (excessSkillPoints / totalPointsForLevelUp) * 100)\n );\n };\n\n const progress = calculateProgress();\n\n const formatBuffAndDebuff = (value?: number): string =>\n value !== undefined ? value.toFixed(2) : '0';\n\n const skillsBuffsCalc = (level: number, buffAndDebuff: number): string => {\n if (buffAndDebuff === 0) return '0';\n const result = level * (buffAndDebuff / 100);\n return result > 0 ? `+${result.toFixed(2)}` : `${result.toFixed(2)}`;\n };\n\n return (\n <>\n <ProgressTitle>\n {buffAndDebuff !== undefined && (\n <>\n {buffAndDebuff > 0 ? (\n <BuffAndDebuffContainer>\n <TitleNameContainer>\n <TitleNameBuff>{skillName}</TitleNameBuff>\n <TitleNameBuff>\n lv {level} ({skillsBuffsCalc(level, buffAndDebuff)})\n </TitleNameBuff>\n </TitleNameContainer>\n <TitleNameBuffContainer>\n <TitleNameBuff>\n (+{formatBuffAndDebuff(buffAndDebuff)}%)\n </TitleNameBuff>\n </TitleNameBuffContainer>\n </BuffAndDebuffContainer>\n ) : buffAndDebuff < 0 ? (\n <>\n <TitleNameContainer>\n <TitleNameDebuff>{skillName}</TitleNameDebuff>\n <TitleNameDebuff>\n lv {level} ({skillsBuffsCalc(level, buffAndDebuff)})\n </TitleNameDebuff>\n </TitleNameContainer>\n <div>\n <TitleNameDebuff>\n ({formatBuffAndDebuff(buffAndDebuff)}%)\n </TitleNameDebuff>\n </div>\n </>\n ) : (\n <TitleName>{skillName}</TitleName>\n )}\n </>\n )}\n {!buffAndDebuff && (\n <TitleNameContainer>\n <TitleName>{skillName}</TitleName>\n <ValueDisplay>lv {level}</ValueDisplay>\n </TitleNameContainer>\n )}\n </ProgressTitle>\n\n <ProgressBody>\n <ProgressIconContainer>\n {atlasIMG && atlasJSON ? (\n <SpriteContainer>\n <ErrorBoundary>\n <SpriteFromAtlas\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n spriteKey={texturePath}\n imgScale={1}\n grayScale\n opacity={0.5}\n />\n </ErrorBoundary>\n </SpriteContainer>\n ) : (\n <></>\n )}\n </ProgressIconContainer>\n\n <ProgressBarWrapper>\n <SimpleProgressBar value={progress} bgColor={bgColor} />\n <Tooltip>SP: {currentSkillPoints}</Tooltip>\n </ProgressBarWrapper>\n </ProgressBody>\n {showSkillPoints && (\n <SkillDisplayContainer>\n <SkillPointsDisplay>{progress.toFixed(2)}%</SkillPointsDisplay>\n </SkillDisplayContainer>\n )}\n </>\n );\n};\n\nconst ProgressBarWrapper = styled.div`\n position: relative;\n\n &:hover ${Tooltip}, &:active ${Tooltip} {\n visibility: visible;\n }\n width: 100%;\n height: auto;\n top: 8px;\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.55rem !important;\n font-weight: bold;\n text-align: center;\n`;\n\nconst TitleName = styled.span`\n margin-left: 5px;\n`;\n\nconst TitleNameBuff = styled.span`\n margin-left: 5px;\n color: ${uiColors.lightGreen} !important;\n`;\n\nconst TitleNameDebuff = styled.span`\n margin-left: 5px;\n color: ${uiColors.red} !important;\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: column;\n justify-content: space-between;\n span {\n font-size: 0.6rem;\n }\n`;\n\nconst BuffAndDebuffContainer = styled.div``;\n\nconst TitleNameBuffContainer = styled.div``;\n\nconst TitleNameContainer = styled.div`\n display: flex;\n justify-content: space-between;\n`;\n","import {\n ISkill,\n ISkillDetails,\n getSPForLevel,\n getXPForLevel,\n} from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../constants/uiColors';\nimport { DraggableContainer } from './DraggableContainer';\nimport { SkillProgressBar } from './SkillProgressBar';\n\nexport interface ISkillContainerProps {\n skill: ISkill;\n onCloseButton: () => void;\n atlasJSON: any;\n atlasIMG: any;\n scale?: number;\n}\n\nconst skillProps = {\n attributes: {\n color: uiColors.purple,\n values: {\n stamina: 'staffs/doom-staff.png',\n magic: 'helmets/yellow-enchanter-hat.png',\n magicResistance: 'gems/amethyst-gem.png',\n strength: 'crafting-resources/dragon-tooth.png',\n resistance: 'books/magic-orb.png',\n dexterity: 'boots/gaias-soleplate.png',\n },\n },\n combat: {\n color: uiColors.cardinal,\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: 'ranged-weapons/horse-bow.png',\n shielding: 'shields/studded-shield.png',\n dagger: 'daggers/dagger.png',\n },\n },\n crafting: {\n color: uiColors.blue,\n values: {\n fishing: 'foods/fish.png',\n farming: 'tools/watering-can.png',\n mining: 'crafting-resources/iron-ingot.png',\n lumberjacking: 'crafting-resources/greater-wooden-log.png',\n blacksmithing: 'hammers/hammer.png',\n cooking: 'foods/chickens-meat.png',\n alchemy: 'potions/greater-mana-potion.png',\n },\n },\n};\n\ninterface SkillMap {\n [key: string]: string;\n}\n\nconst skillNameMap: SkillMap = {\n stamina: 'Stamina',\n magic: 'Magic',\n magicResistance: 'Magic Resistance',\n strength: 'Strength',\n resistance: 'Resistance',\n dexterity: 'Dexterity',\n first: 'Fist',\n club: 'Club',\n sword: 'Sword',\n axe: 'Axe',\n distance: 'Distance',\n shielding: 'Shielding',\n dagger: 'Dagger',\n fishing: 'Fishing',\n farming: 'Farming',\n mining: 'Mining',\n lumberjacking: 'Lumberjacking',\n blacksmithing: 'Blacksmithing',\n cooking: 'Cooking',\n alchemy: 'Alchemy',\n};\n\nexport const SkillsContainer: React.FC<ISkillContainerProps> = ({\n onCloseButton,\n skill,\n atlasIMG,\n atlasJSON,\n scale,\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 if (key === 'stamina') {\n continue;\n }\n //@ts-ignore\n const skillDetails = (skill[key] as unknown) as ISkillDetails;\n\n if (!skillDetails) {\n continue;\n }\n\n output.push(\n <SkillProgressBar\n key={key}\n skillName={skillNameMap[key]}\n bgColor={skillCategoryColor}\n level={skillDetails.level || 0}\n skillPoints={Math.round(skillDetails.skillPoints) || 0}\n skillPointsToNextLevel={\n Math.round(getSPForLevel(skillDetails.level + 1)) || 0\n }\n texturePath={value}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n buffAndDebuff={skillDetails.buffAndDebuff}\n />\n );\n }\n\n return output;\n };\n\n return (\n <SkillsDraggableContainer\n title=\"Skills\"\n cancelDrag=\"#skillsDiv\"\n scale={scale}\n width=\"100%\"\n >\n {onCloseButton && (\n <CloseButton onPointerDown={onCloseButton}>X</CloseButton>\n )}\n <SkillsContainerDiv id=\"skillsDiv\">\n <SkillSplitDiv>\n <p>General</p>\n <hr className=\"golden\" />\n\n <SkillProgressBar\n skillName={'Level'}\n bgColor={uiColors.navyBlue}\n level={Math.round(skill.level) || 0}\n skillPoints={Math.round(skill.experience) || 0}\n skillPointsToNextLevel={\n Math.round(getXPForLevel(skill.level + 1)) || 0\n }\n texturePath={'swords/broad-sword.png'}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\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 </SkillsContainerDiv>\n </SkillsDraggableContainer>\n );\n};\n\nconst SkillsDraggableContainer = styled(DraggableContainer)`\n border: 1px solid black;\n\n max-width: 450px;\n\n height: 90%;\n .DraggableContainer__TitleContainer-sc-184mpyl-2 {\n width: auto;\n height: auto;\n }\n`;\n\nconst SkillsContainerDiv = styled.div`\n width: 100%;\n -webkit-overflow-y: scroll;\n overflow-y: scroll;\n height: 90%;\n padding-right: 10px;\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: 1.1rem;\n`;\n","import React from 'react';\nimport styled from 'styled-components';\n\ninterface IDividerProps {\n className?: string;\n margin?: string;\n}\n\nexport const Divider: React.FC<IDividerProps> = ({\n className,\n margin = '4px 0',\n}) => {\n return <DividerLine className={className} margin={margin} />;\n};\n\nconst DividerLine = styled.div<{ margin: string }>`\n width: 100%;\n height: 2px;\n background: linear-gradient(\n to right,\n transparent,\n rgba(255, 255, 255, 0.1) 20%,\n rgba(255, 255, 255, 0.1) 80%,\n transparent\n );\n margin: ${({ margin }) => margin};\n`;\n","import React, { useState } from 'react';\nimport { FaDiscord, FaReddit, FaWhatsapp } from 'react-icons/fa';\nimport styled from 'styled-components';\nimport { DraggableContainer } from '../DraggableContainer';\nimport { Dropdown, IOptionsProps } from '../Dropdown';\nimport { Divider } from '../shared/Divider/Divider';\nimport socialModalGroup from './images/social-modal-group.png';\n\ninterface ISocialModalProps {\n onClose: () => void;\n}\n\ntype WhatsAppLanguage = 'english' | 'pt-BR' | 'polski' | 'español';\n\nconst whatsAppGroups: IOptionsProps[] = [\n { id: 1, value: 'english', option: 'Global (English)' },\n { id: 2, value: 'pt-BR', option: 'Brasil (Português)' },\n { id: 3, value: 'español', option: 'Español' },\n { id: 4, value: 'polski', option: 'Polski' },\n];\n\nconst socialLinks = {\n discord: 'https://discord.gg/xWBYBWanvE',\n reddit: 'https://www.reddit.com/r/DefinyaMMO/',\n whatsapp: {\n english: 'https://chat.whatsapp.com/H8U1Jt7hJNdIWO19atAnRu',\n 'pt-BR': 'https://chat.whatsapp.com/DwXJz2RXDsG2X6ANOm4FtQ',\n español: 'https://chat.whatsapp.com/BPlJ1RxshEiErNceZkdhyf',\n polski: 'https://chat.whatsapp.com/DromXMChOmZK5JHXXdrEWr',\n } as Record<WhatsAppLanguage, string>,\n};\n\nexport const SocialModal: React.FC<ISocialModalProps> = ({ onClose }) => {\n const [selectedLanguage, setSelectedLanguage] = useState<WhatsAppLanguage>(\n 'english'\n );\n\n const handleLanguageChange = (value: string) => {\n setSelectedLanguage(value as WhatsAppLanguage);\n };\n\n const handleWhatsAppClick = () => {\n window.open(\n socialLinks.whatsapp[selectedLanguage],\n '_blank',\n 'noopener,noreferrer'\n );\n };\n\n const handleDiscordClick = () => {\n window.open(socialLinks.discord, '_blank', 'noopener,noreferrer');\n };\n\n const handleRedditClick = () => {\n window.open(socialLinks.reddit, '_blank', 'noopener,noreferrer');\n };\n\n return (\n <DraggableContainer\n title=\"Social Channels\"\n width=\"500px\"\n onCloseButton={onClose}\n >\n <Container>\n <HeaderImage src={socialModalGroup} alt=\"\" />\n <ButtonsContainer>\n <MainButtons>\n <SocialButton onClick={handleDiscordClick}>\n <FaDiscord /> Discord\n </SocialButton>\n <SocialButton onClick={handleRedditClick}>\n <FaReddit /> Reddit\n </SocialButton>\n </MainButtons>\n\n <Divider margin=\"8px 0\" />\n\n <DropdownContainer>\n <Dropdown\n options={whatsAppGroups}\n onChange={handleLanguageChange}\n width=\"100%\"\n opensUp={true}\n />\n\n <WhatsAppButton onClick={handleWhatsAppClick}>\n <FaWhatsapp /> Join WhatsApp\n </WhatsAppButton>\n </DropdownContainer>\n </ButtonsContainer>\n </Container>\n </DraggableContainer>\n );\n};\n\nconst Container = styled.div`\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 16px;\n background-color: #5c4132;\n position: relative;\n border-radius: 8px;\n overflow: hidden;\n\n &:before,\n &:after {\n content: '';\n position: absolute;\n left: 0;\n right: 0;\n height: 3px;\n }\n\n &:before {\n bottom: 0;\n background: linear-gradient(\n to right,\n #5c4132 0%,\n #2b1810 2%,\n #2b1810 98%,\n #5c4132 100%\n );\n }\n`;\n\nconst HeaderImage = styled.img`\n width: 100%;\n height: 160px;\n object-fit: cover;\n border-bottom: 2px solid rgba(0, 0, 0, 0.3);\n display: block;\n border-top-left-radius: 8px;\n border-top-right-radius: 8px;\n`;\n\nconst ButtonsContainer = styled.div`\n padding: 16px 24px 24px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n`;\n\nconst MainButtons = styled.div`\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n`;\n\nconst SocialButton = styled.button`\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n background-color: rgba(255, 255, 255, 0.08);\n border: 1px solid rgba(255, 255, 255, 0.15);\n color: white;\n padding: 12px;\n border-radius: 4px;\n cursor: pointer;\n font-family: 'Press Start 2P', cursive;\n font-size: 0.7rem;\n transition: all 0.2s ease;\n\n &:hover {\n background-color: rgba(255, 255, 255, 0.12);\n }\n\n svg {\n font-size: 1.1rem;\n }\n`;\n\nconst WhatsAppButton = styled(SocialButton)`\n width: 100%;\n background-color: #0f1f0f;\n border: 1px solid #1a2f1a;\n padding: 14px;\n\n &:hover {\n background-color: #162716;\n }\n\n margin-top: 8px;\n`;\n\nconst DropdownContainer = styled.div`\n background-color: rgba(0, 0, 0, 0.2);\n padding: 8px;\n border-radius: 4px;\n border: 1px solid rgba(0, 0, 0, 0.3);\n`;\n","import { ISpell } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../../constants/uiColors';\nimport { uiFonts } from '../../../constants/uiFonts';\nimport { formatSpellCastingType } from '../../../libs/CastingTypeHelper';\n\ninterface ISpellInfoProps {\n spell: ISpell;\n}\n\nexport const SpellInfo: React.FC<ISpellInfoProps> = ({ spell }) => {\n const {\n magicWords,\n name,\n manaCost,\n requiredItem,\n description,\n castingType,\n cooldown,\n maxDistanceGrid,\n } = spell;\n return (\n <Container>\n <Header>\n <div>\n <Title>{name}</Title>\n <Type>{magicWords}</Type>\n </div>\n </Header>\n <Statistic>\n <div className=\"label\">Casting Type:</div>\n <div className=\"value\">{formatSpellCastingType(castingType)}</div>\n </Statistic>\n <Statistic>\n <div className=\"label\">Magic words:</div>\n <div className=\"value\">{magicWords}</div>\n </Statistic>\n <Statistic>\n <div className=\"label\">Mana cost:</div>\n <div className=\"value\">{manaCost}</div>\n </Statistic>\n <Statistic>\n <div className=\"label\">Cooldown:</div>\n <div className=\"value\">{cooldown}</div>\n </Statistic>\n {maxDistanceGrid && (\n <Statistic>\n <div className=\"label\">Max Distance Grid:</div>\n <div className=\"value\">{maxDistanceGrid}</div>\n </Statistic>\n )}\n <Statistic>\n {requiredItem && (\n <>\n <div className=\"label\">Required Item:</div>\n <div className=\"value\">{requiredItem}</div>\n </>\n )}\n </Statistic>\n <Description>{description}</Description>\n </Container>\n );\n};\n\nconst Container = styled.div`\n color: white;\n background-color: #222;\n border-radius: 5px;\n padding: 0.5rem;\n font-size: ${uiFonts.size.small};\n border: 3px solid ${uiColors.lightGray};\n height: max-content;\n width: 30rem;\n\n @media (max-width: 580px) {\n width: 80vw;\n }\n`;\n\nconst Title = styled.div`\n font-size: ${uiFonts.size.medium};\n font-weight: bold;\n margin-bottom: 0.5rem;\n display: flex;\n align-items: center;\n margin: 0;\n`;\n\nconst Type = styled.div`\n font-size: ${uiFonts.size.small};\n margin-top: 0.2rem;\n color: ${uiColors.lightGray};\n`;\n\nconst Description = styled.div`\n margin-top: 1.5rem;\n font-size: ${uiFonts.size.small};\n color: ${uiColors.lightGray};\n font-style: italic;\n`;\n\nconst Header = styled.div`\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 0.5rem;\n`;\n\nconst Statistic = styled.div`\n margin-bottom: 0.4rem;\n width: max-content;\n\n .label {\n display: inline-block;\n margin-right: 0.5rem;\n color: inherit;\n }\n\n .value {\n display: inline-block;\n color: inherit;\n }\n\n &.better,\n .better {\n color: ${uiColors.lightGreen};\n }\n\n &.worse,\n .worse {\n color: ${uiColors.cardinal};\n }\n`;\n","export const formatSpellCastingType = (castingType: string): string => {\n const formattedCastingType = castingType\n .split(\"-\")\n .map(word => word.charAt(0).toUpperCase() + word.slice(1))\n .join(\" \");\n \n return formattedCastingType;\n };","import { ISpell } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { SpellInfo } from './SpellInfo';\n\nexport interface ISpellInfoDisplayProps {\n spell: ISpell;\n isMobile?: boolean;\n}\n\nexport const SpellInfoDisplay: React.FC<ISpellInfoDisplayProps> = ({\n spell,\n isMobile,\n}) => {\n return (\n <Flex $isMobile={isMobile}>\n <SpellInfo spell={spell} />\n </Flex>\n );\n};\n\nconst Flex = styled.div<{ $isMobile?: boolean }>`\n display: flex;\n gap: 0.5rem;\n flex-direction: ${({ $isMobile }) => ($isMobile ? 'row-reverse' : 'row')};\n\n @media (max-width: 580px) {\n flex-direction: column-reverse;\n align-items: center;\n }\n`;\n","import { ISpell } from '@rpg-engine/shared';\nimport React, { useRef } from 'react';\nimport styled from 'styled-components';\nimport ModalPortal from '../../Abstractions/ModalPortal';\nimport { SpellInfoDisplay } from './SpellInfoDisplay';\n\ninterface IListMenuOption {\n id: string;\n text: string;\n}\n\nexport interface MobileSpellTooltipProps {\n spell: ISpell;\n closeTooltip: () => void;\n scale?: number;\n options?: IListMenuOption[];\n onSelected?: (selectedOptionId: string) => void;\n}\n\nexport const MobileSpellTooltip: React.FC<MobileSpellTooltipProps> = ({\n spell,\n closeTooltip,\n scale = 1,\n options,\n onSelected,\n}) => {\n const ref = useRef<HTMLDivElement>(null);\n\n const handleFadeOut = () => {\n ref.current?.classList.add('fadeOut');\n };\n\n return (\n <ModalPortal>\n <Container\n ref={ref}\n onTouchEnd={() => {\n handleFadeOut();\n setTimeout(() => {\n closeTooltip();\n }, 100);\n }}\n scale={scale}\n >\n <SpellInfoDisplay spell={spell} isMobile />\n <OptionsContainer>\n {options?.map(option => (\n <Option\n key={option.id}\n onTouchEnd={() => {\n handleFadeOut();\n setTimeout(() => {\n onSelected?.(option.id);\n closeTooltip();\n }, 100);\n }}\n >\n {option.text}\n </Option>\n ))}\n </OptionsContainer>\n </Container>\n </ModalPortal>\n );\n};\n\nconst Container = styled.div<{ scale: number }>`\n position: absolute;\n z-index: 100;\n left: 0;\n top: 0;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0 0 0 / 0.5);\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 0.5rem;\n transition: opacity 0.08s;\n animation: fadeIn 0.1s forwards;\n\n @keyframes fadeIn {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 0.92;\n }\n }\n\n @keyframes fadeOut {\n 0% {\n opacity: 0.92;\n }\n 100% {\n opacity: 0;\n }\n }\n\n &.fadeOut {\n animation: fadeOut 0.1s forwards;\n }\n\n @media (max-width: 580px) {\n flex-direction: column;\n }\n`;\n\nconst OptionsContainer = styled.div`\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n flex-wrap: wrap;\n\n @media (max-width: 580px) {\n flex-direction: row;\n justify-content: center;\n }\n`;\n\nconst Option = styled.button`\n padding: 1rem;\n background-color: #333;\n color: white;\n border: none;\n border-radius: 3px;\n width: 8rem;\n transition: background-color 0.1s;\n\n &:hover {\n background-color: #555;\n }\n\n @media (max-width: 580px) {\n padding: 1rem 0.5rem;\n }\n`;\n","import { ISpell } from '@rpg-engine/shared';\nimport React, { useEffect, useRef } from 'react';\nimport styled from 'styled-components';\nimport ModalPortal from '../../Abstractions/ModalPortal';\nimport { SpellInfoDisplay } from './SpellInfoDisplay';\n\nexport interface IMagicTooltipProps {\n spell: ISpell;\n}\n\nconst offset = 20;\n\nexport const MagicTooltip: React.FC<IMagicTooltipProps> = ({ spell }) => {\n const ref = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const { current } = ref;\n\n if (current) {\n const handleMouseMove = (event: MouseEvent) => {\n const { clientX, clientY } = event;\n\n // Adjust the position of the tooltip based on the mouse position\n const rect = current.getBoundingClientRect();\n\n const tooltipWidth = rect.width;\n const tooltipHeight = rect.height;\n const isOffScreenRight =\n clientX + tooltipWidth + offset > window.innerWidth;\n const isOffScreenBottom =\n clientY + tooltipHeight + offset > window.innerHeight;\n const x = isOffScreenRight\n ? clientX - tooltipWidth - offset\n : clientX + offset;\n const y = isOffScreenBottom\n ? clientY - tooltipHeight - offset\n : clientY + offset;\n\n current.style.transform = `translate(${x}px, ${y}px)`;\n current.style.opacity = '1';\n };\n\n window.addEventListener('mousemove', handleMouseMove);\n\n return () => {\n window.removeEventListener('mousemove', handleMouseMove);\n };\n }\n\n return;\n }, []);\n\n return (\n <ModalPortal>\n <Container ref={ref}>\n <SpellInfoDisplay spell={spell} />\n </Container>\n </ModalPortal>\n );\n};\n\nconst Container = styled.div`\n position: absolute;\n z-index: 100;\n pointer-events: none;\n left: 0;\n top: 0;\n opacity: 0;\n transition: opacity 0.08s;\n`;\n","import { ISpell } from '@rpg-engine/shared';\nimport React, { useRef, useState } from 'react';\nimport { MobileSpellTooltip } from './MobileSpellTooltip';\nimport { MagicTooltip } from './SpellTooltip';\n\ninterface ISpellInfoWrapperProps {\n spell: ISpell;\n children: React.ReactNode;\n scale?: number;\n holdTouchDuration?: number; // New prop for hold touch duration\n}\n\nexport const SpellInfoWrapper: React.FC<ISpellInfoWrapperProps> = ({\n children,\n spell,\n scale,\n holdTouchDuration = 500, // Default hold duration to 500ms\n}) => {\n const [isTooltipVisible, setIsTooltipVisible] = useState(false);\n const [isTooltipMobileVisible, setIsTooltipMobileVisible] = useState(false);\n const touchTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n const handleTouchStart = () => {\n touchTimeoutRef.current = setTimeout(() => {\n setIsTooltipMobileVisible(true);\n setIsTooltipVisible(false);\n }, holdTouchDuration);\n };\n\n const handleTouchEnd = () => {\n if (touchTimeoutRef.current) {\n clearTimeout(touchTimeoutRef.current);\n touchTimeoutRef.current = null;\n }\n };\n\n return (\n <div\n onMouseEnter={() => {\n if (!isTooltipMobileVisible) setIsTooltipVisible(true);\n }}\n onMouseLeave={setIsTooltipVisible.bind(null, false)}\n onTouchStart={handleTouchStart}\n onTouchEnd={handleTouchEnd}\n >\n {children}\n\n {isTooltipVisible && !isTooltipMobileVisible && (\n <MagicTooltip spell={spell} />\n )}\n {isTooltipMobileVisible && (\n <MobileSpellTooltip\n closeTooltip={() => {\n setIsTooltipMobileVisible(false);\n console.log('close');\n }}\n spell={spell}\n scale={scale}\n />\n )}\n </div>\n );\n};","import { ISpell } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { uiFonts } from '../../constants/uiFonts';\nimport { SpriteFromAtlas } from '../shared/SpriteFromAtlas';\nimport { SpellInfoWrapper } from './cards/SpellInfoWrapper';\n\nexport interface ISpellProps {\n atlasJSON: any;\n atlasIMG: any;\n charMana: number;\n charMagicLevel: number;\n onPointerUp?: (spellKey: string) => void;\n isSettingShortcut?: boolean;\n spellKey: string;\n spell: ISpell;\n activeCooldown?: number;\n}\n\nexport const Spell: React.FC<ISpellProps> = ({\n atlasIMG,\n atlasJSON,\n spellKey,\n charMana,\n charMagicLevel,\n onPointerUp,\n isSettingShortcut,\n spell,\n activeCooldown,\n}) => {\n const {\n manaCost,\n minMagicLevelRequired,\n magicWords,\n name,\n description,\n } = spell;\n const disabled = isSettingShortcut\n ? charMagicLevel < minMagicLevelRequired\n : manaCost > charMana || charMagicLevel < minMagicLevelRequired;\n\n const CONTAINER_STYLE = { width: '32px', height: '32px' };\n const IMAGE_SCALE = 2;\n\n return (\n <SpellInfoWrapper spell={spell}>\n <Container\n onPointerUp={onPointerUp?.bind(null, spellKey)}\n isSettingShortcut={isSettingShortcut && !disabled}\n className=\"spell\"\n >\n {disabled && (\n <Overlay>\n {charMagicLevel < minMagicLevelRequired\n ? 'Low magic level'\n : manaCost > charMana && 'No mana'}\n </Overlay>\n )}\n <SpellImage>\n {activeCooldown && activeCooldown > 0 ? (\n <span className=\"cooldown\">\n {activeCooldown.toFixed(activeCooldown > 10 ? 0 : 1)}\n </span>\n ) : null}\n <SpriteFromAtlas\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n spriteKey={spell.texturePath ?? ''}\n imgScale={IMAGE_SCALE}\n containerStyle={CONTAINER_STYLE}\n centered\n />\n </SpellImage>\n <Info>\n <Title>\n <span>{name}</span>\n <span className=\"spell\">({magicWords})</span>\n </Title>\n <Description>{description}</Description>\n </Info>\n\n <Divider />\n <Cost>\n <span>Mana cost:</span>\n <span className=\"mana\">{manaCost}</span>\n </Cost>\n </Container>\n </SpellInfoWrapper>\n );\n};\n\nconst Container = styled.button<{ isSettingShortcut?: boolean }>`\n display: block;\n background: none;\n border: 2px solid transparent;\n border-radius: 1rem;\n width: 100%;\n display: flex;\n\n gap: 1rem;\n align-items: center;\n padding: 0 1rem;\n text-align: left;\n position: relative;\n\n animation: ${({ isSettingShortcut }) =>\n isSettingShortcut ? 'border-color-change 1s infinite' : 'none'};\n\n @keyframes border-color-change {\n 0% {\n border-color: ${uiColors.yellow};\n }\n 50% {\n border-color: transparent;\n }\n 100% {\n border-color: ${uiColors.yellow};\n }\n }\n\n &:hover,\n &:focus {\n background-color: ${uiColors.darkGray};\n }\n\n &:active {\n background: none;\n }\n`;\n\nconst SpellImage = styled.div`\n width: 4rem;\n height: 4rem;\n font-size: ${uiFonts.size.xLarge};\n font-weight: bold;\n background-color: ${uiColors.darkGray};\n color: ${uiColors.lightGray};\n display: flex;\n justify-content: center;\n align-items: center;\n text-transform: uppercase;\n position: relative;\n overflow: hidden;\n\n .cooldown {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0 0 0 / 20%);\n color: ${uiColors.darkYellow};\n font-weight: bold;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n`;\n\nconst Info = styled.span`\n width: 0;\n flex: 1;\n\n @media (orientation: portrait) {\n display: none;\n }\n`;\nconst Title = styled.p`\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n margin-bottom: 5px;\n margin: 0;\n\n span {\n font-size: ${uiFonts.size.medium} !important;\n font-weight: bold !important;\n color: ${uiColors.yellow} !important;\n margin-right: 0.5rem;\n }\n\n .spell {\n font-size: ${uiFonts.size.small} !important;\n font-weight: normal !important;\n color: ${uiColors.lightGray} !important;\n }\n`;\n\nconst Description = styled.div`\n font-size: ${uiFonts.size.small} !important;\n line-height: 1.1 !important;\n`;\n\nconst Divider = styled.div`\n width: 1px;\n height: 100%;\n margin: 0 1rem;\n background-color: ${uiColors.lightGray};\n`;\n\nconst Cost = styled.p`\n display: flex;\n align-items: center;\n flex-direction: column;\n gap: 0.5rem;\n\n div {\n z-index: 1;\n }\n\n .mana {\n position: relative;\n font-size: ${uiFonts.size.medium};\n font-weight: bold;\n z-index: 1;\n\n &::after {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n background-color: ${uiColors.blue};\n width: 100%;\n height: 100%;\n border-radius: 50%;\n transform: scale(1.8);\n filter: blur(10px);\n z-index: -1;\n }\n }\n`;\n\nconst Overlay = styled.p`\n margin: 0 !important;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border-radius: 1rem;\n display: flex;\n justify-content: center;\n align-items: center;\n color: ${uiColors.yellow};\n font-size: ${uiFonts.size.large} !important;\n font-weight: bold;\n z-index: 10;\n background-color: rgba(0 0 0 / 0.2);\n`;\n","import { IShortcut, ISpell } from '@rpg-engine/shared';\nimport React, { Fragment, useMemo, useState } from 'react';\nimport styled from 'styled-components';\nimport { uiFonts } from '../../constants/uiFonts';\nimport { DraggableContainer } from '../DraggableContainer';\nimport { Input } from '../Input';\nimport { RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';\nimport { ShortcutsSetter } from '../Shortcuts/ShortcutsSetter';\nimport { Spell } from './Spell';\n\nexport interface ISpellbookProps {\n onClose?: () => void;\n onInputFocus?: () => void;\n onInputBlur?: () => void;\n spells: ISpell[];\n magicLevel: number;\n mana: number;\n onSpellClick: (spellKey: string) => void;\n setSpellShortcut: (key: string, index: number) => void;\n shortcuts: IShortcut[];\n removeShortcut: (index: number) => void;\n atlasIMG: any;\n atlasJSON: any;\n iconAtlasIMG?: any;\n iconAtlasJSON?: any;\n scale?: number;\n spellCooldowns?: Record<string, number>;\n}\n\nexport const Spellbook: React.FC<ISpellbookProps> = ({\n onClose,\n onInputFocus,\n onInputBlur,\n spells,\n magicLevel,\n mana,\n onSpellClick,\n setSpellShortcut,\n shortcuts,\n removeShortcut,\n atlasIMG,\n atlasJSON,\n iconAtlasIMG,\n iconAtlasJSON,\n scale,\n spellCooldowns,\n}) => {\n const [search, setSearch] = useState('');\n const [settingShortcutIndex, setSettingShortcutIndex] = useState(-1);\n\n const spellsToDisplay = useMemo(() => {\n return spells\n .sort((a, b) => {\n if (a.minMagicLevelRequired > b.minMagicLevelRequired) return 1;\n if (a.minMagicLevelRequired < b.minMagicLevelRequired) return -1;\n return 0;\n })\n .filter(\n spell =>\n spell.name.toLocaleLowerCase().includes(search.toLocaleLowerCase()) ||\n spell.magicWords\n .toLocaleLowerCase()\n .includes(search.toLocaleLowerCase())\n );\n }, [search, spells]);\n\n const setShortcut = (spellKey: string) => {\n setSpellShortcut?.(spellKey, settingShortcutIndex);\n setSettingShortcutIndex(-1);\n };\n\n return (\n <DraggableContainer\n type={RPGUIContainerTypes.Framed}\n onCloseButton={onClose}\n width=\"inherit\"\n height=\"inherit\"\n cancelDrag=\"#spellbook-search, #shortcuts_list, .spell\"\n scale={scale}\n >\n <Container>\n <Title>Learned Spells</Title>\n\n <ShortcutsSetter\n setSettingShortcutIndex={setSettingShortcutIndex}\n settingShortcutIndex={settingShortcutIndex}\n shortcuts={shortcuts}\n removeShortcut={removeShortcut}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n />\n\n <Input\n placeholder=\"Search for spell\"\n value={search}\n onChange={e => setSearch(e.target.value)}\n onFocus={onInputFocus}\n onBlur={onInputBlur}\n id=\"spellbook-search\"\n />\n\n <SpellList>\n {spellsToDisplay.map(spell => (\n <Fragment key={spell.key}>\n <Spell\n atlasIMG={iconAtlasIMG}\n atlasJSON={iconAtlasJSON}\n charMana={mana}\n charMagicLevel={magicLevel}\n onPointerUp={\n settingShortcutIndex !== -1 ? setShortcut : onSpellClick\n }\n spellKey={spell.key}\n isSettingShortcut={settingShortcutIndex !== -1}\n spell={spell}\n activeCooldown={\n spellCooldowns?.[spell.magicWords.replaceAll(' ', '_')]\n }\n {...spell}\n />\n </Fragment>\n ))}\n </SpellList>\n </Container>\n </DraggableContainer>\n );\n};\n\nconst Title = styled.h1`\n font-size: ${uiFonts.size.large} !important;\n margin-bottom: 0 !important;\n`;\n\nconst Container = styled.div`\n width: 100%;\n height: 100%;\n color: white;\n display: flex;\n flex-direction: column;\n`;\n\nconst SpellList = styled.div`\n width: 100%;\n min-height: 0;\n flex: 1;\n overflow-y: auto;\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n margin-top: 1rem;\n`;\n","import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../constants/uiColors';\nimport SelectArrow from './Arrow/SelectArrow';\nimport { Button, ButtonTypes } from './Button';\n\ninterface IStep {\n component: React.ReactNode;\n id: number;\n validate?: () => boolean | Promise<boolean>;\n errorMessage?: string;\n}\n\ninterface IStepperProps {\n steps: IStep[];\n finalCTAButton?: {\n label: string;\n onClick: (() => void) | (() => Promise<void>) | ((e: any) => Promise<void>);\n };\n onError?: (message: string) => void;\n useSideArrows?: boolean; // New prop to control arrow position\n styles?: {\n stepperProgressColor?: string;\n };\n}\n\nexport const Stepper: React.FC<IStepperProps> = ({\n steps,\n finalCTAButton,\n onError,\n useSideArrows = false, // Default to false for backwards compatibility\n styles,\n}) => {\n const [currentStep, setCurrentStep] = useState(0);\n\n const currentComponent = steps[currentStep]?.component;\n\n const totalSteps = steps.length;\n\n const onStepChange = async (step: number) => {\n if (steps[currentStep]?.validate) {\n try {\n const isValid = await steps[currentStep].validate!();\n if (!isValid) {\n if (onError) {\n onError(\n steps[currentStep].errorMessage ||\n `Validation failed on step ${currentStep + 1}`\n );\n }\n return;\n }\n } catch (error) {\n if (onError) {\n onError(\n `An error occurred during validation on step ${currentStep + 1}`\n );\n }\n return;\n }\n }\n setCurrentStep(step);\n };\n\n const renderArrows = () => {\n const leftArrow = (\n <SelectArrow\n direction=\"left\"\n onPointerDown={() => onStepChange(Math.max(0, currentStep - 1))}\n />\n );\n\n const rightArrow = (\n <SelectArrow\n direction=\"right\"\n onPointerDown={() =>\n onStepChange(Math.min(totalSteps - 1, currentStep + 1))\n }\n />\n );\n\n if (useSideArrows) {\n return (\n <>\n {currentStep > 0 && <ArrowContainer left>{leftArrow}</ArrowContainer>}\n {currentStep < totalSteps - 1 && (\n <ArrowContainer right>{rightArrow}</ArrowContainer>\n )}\n </>\n );\n } else {\n return (\n <>\n {currentStep > 0 && leftArrow}\n {currentStep < totalSteps - 1 && rightArrow}\n </>\n );\n }\n };\n\n return (\n <StepperContainer className=\"stepper-container\">\n <StepperTop>\n {Array.from({ length: totalSteps }, (_, i) => (\n <ProgressIndicator\n key={i}\n isActive={i <= currentStep}\n stepperProgressColor={styles?.stepperProgressColor}\n onClick={() => onStepChange(i)}\n />\n ))}\n </StepperTop>\n\n <StepperBodyContainer>\n {useSideArrows && renderArrows()}\n <StepperBody>{currentComponent}</StepperBody>\n </StepperBodyContainer>\n\n {(!useSideArrows ||\n (currentStep === totalSteps - 1 && finalCTAButton)) && (\n <StepperFooter>\n {!useSideArrows && renderArrows()}\n {currentStep === totalSteps - 1 && finalCTAButton && (\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n onClick={finalCTAButton.onClick}\n >\n {finalCTAButton.label}\n </Button>\n )}\n </StepperFooter>\n )}\n </StepperContainer>\n );\n};\n\nconst StepperContainer = styled.div`\n display: flex;\n flex-direction: column;\n height: 100%;\n`;\n\nconst StepperTop = styled.div`\n flex: 1;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center;\n margin-bottom: 1rem;\n`;\n\nconst StepperBodyContainer = styled.div`\n flex: 8;\n display: flex;\n align-items: center;\n position: relative;\n height: 100%; /* Ensure full height */\n`;\n\nconst StepperBody = styled.div`\n flex: 1;\n min-height: 200px; /* Set an appropriate minimum height */\n transition: height 0.3s ease-in-out; /* Smooth height transition */\n`;\n\nconst ArrowContainer = styled.div<{ left?: boolean; right?: boolean }>`\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n ${props => props.left && 'left: -30px;'}\n ${props => props.right && 'right: -30px;'}\n`;\n\nconst StepperFooter = styled.div`\n margin-top: 1rem;\n flex: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n`;\n\nconst ProgressIndicator = styled.div<{\n isActive: boolean;\n stepperProgressColor?: string;\n}>`\n width: 20px;\n height: 20px;\n background-color: ${({ isActive, stepperProgressColor }) =>\n isActive ? stepperProgressColor || uiColors.orange : uiColors.lightGray};\n margin: 0 5px;\n transition: background-color 0.3s;\n opacity: ${({ isActive }) => (isActive ? 1 : 0.25)};\n border: 1px solid ${uiColors.raisinBlack};\n cursor: pointer;\n clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);\n /* Create a diamond shape */\n box-shadow: ${({ isActive }) =>\n isActive\n ? '0 0 0 1px black, 1px 1px 0 1px black, 2px 2px 0 1px black, -1px -1px 0 1px black'\n : '0 0 0 1px black, 1px 1px 0 1px gray, 2px 2px 0 1px gray, -1px -1px 0 1px gray'};\n /* Add pixel art border effect */\n border-radius: 0;\n /* Remove border-radius to make it square */\n`;\n","import React from 'react';\nimport styled from 'styled-components';\n\nimport { PeriodOfDay } from '@rpg-engine/shared';\nimport AfternoonGif from './gif/afternoon.gif';\nimport MorningGif from './gif/morning.gif';\nimport NightGif from './gif/night.gif';\n\nexport interface IPeriodOfDayDisplayProps {\n periodOfDay: PeriodOfDay;\n}\n\nexport const DayNightPeriod: React.FC<IPeriodOfDayDisplayProps> = ({\n periodOfDay,\n}) => {\n const periodOfDaySrcFiles = {\n [PeriodOfDay.Morning]: MorningGif,\n [PeriodOfDay.Afternoon]: AfternoonGif,\n [PeriodOfDay.Night]: NightGif,\n };\n\n return (\n <GifContainer>\n <img src={periodOfDaySrcFiles[periodOfDay]} />\n </GifContainer>\n );\n};\n\nconst GifContainer = styled.div`\n width: 100%;\n\n img {\n width: 67%;\n }\n`;\n","import { PeriodOfDay } from '@rpg-engine/shared';\nimport React from 'react';\nimport Draggable from 'react-draggable';\nimport styled from 'styled-components';\nimport { uiFonts } from '../../constants/uiFonts';\nimport { DayNightPeriod } from './DayNightPeriod/DayNightPeriod';\n\nimport ClockWidgetImg from './img/clockwidget.png';\n\nexport interface IClockWidgetProps {\n onClose?: () => void;\n TimeClock: string;\n periodOfDay: PeriodOfDay;\n scale?: number;\n}\n\nexport const TimeWidget: React.FC<IClockWidgetProps> = ({\n onClose,\n TimeClock,\n periodOfDay,\n scale,\n}) => {\n return (\n <Draggable\n scale={scale}\n cancel=\".time-widget-close,.time-widget-container,.time-widget-container *\"\n >\n <WidgetContainer>\n <CloseButton onPointerDown={onClose} className=\"time-widget-close\">\n X\n </CloseButton>\n <DayNightContainer className=\"time-widget-container\">\n <DayNightPeriod periodOfDay={periodOfDay} />\n </DayNightContainer>\n <Time>{TimeClock}</Time>\n </WidgetContainer>\n </Draggable>\n );\n};\n\nconst WidgetContainer = styled.div`\n background-image: url(${ClockWidgetImg});\n background-size: 10rem;\n background-repeat: no-repeat;\n width: 10rem;\n position: absolute;\n height: 100px;\n`;\n\nconst Time = styled.div`\n top: 0.75rem;\n right: 0.5rem;\n position: absolute;\n font-size: ${uiFonts.size.small};\n color: white;\n`;\n\nconst CloseButton = styled.p`\n position: absolute;\n top: -0.5rem;\n margin: 0;\n right: -0.2rem;\n font-size: ${uiFonts.size.small} !important;\n z-index: 1;\n`;\n\nconst DayNightContainer = styled.div`\n margin-top: -0.3rem;\n margin-left: -0.3rem;\n`;\n","import { UserAccountTypes } from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\n\ninterface IPremiumLabelProps {\n accountType: UserAccountTypes;\n}\n\nconst PremiumLabel: React.FC<IPremiumLabelProps> = ({ accountType }) => {\n if (accountType === UserAccountTypes.Free) return null;\n\n const getBackgroundColor = () => {\n switch (accountType) {\n case UserAccountTypes.PremiumBronze:\n return '#CD7F32';\n case UserAccountTypes.PremiumSilver:\n return '#C0C0C0';\n case UserAccountTypes.PremiumGold:\n return '#FFD700';\n case UserAccountTypes.PremiumUltimate:\n return '#002E99';\n default:\n return 'transparent';\n }\n };\n\n const getShortLabel = () => {\n switch (accountType) {\n case UserAccountTypes.PremiumBronze:\n return 'Bronze PA';\n case UserAccountTypes.PremiumSilver:\n return 'Silver PA';\n case UserAccountTypes.PremiumGold:\n return 'Gold PA';\n case UserAccountTypes.PremiumUltimate:\n return 'Ultimate PA';\n default:\n return '';\n }\n };\n\n return (\n <StyledLabel backgroundColor={getBackgroundColor()}>\n {getShortLabel()}\n </StyledLabel>\n );\n};\n\nconst StyledLabel = styled.span<{ backgroundColor: string }>`\n background-color: ${({ backgroundColor }) => backgroundColor};\n color: ${({ backgroundColor }) =>\n backgroundColor === '#002E99' ? 'white' : 'black'};\n font-weight: bold;\n padding: 0 0.4rem;\n border-radius: 3px;\n margin-right: 3px;\n margin-bottom: 2px;\n display: inline-block;\n font-size: 0.5rem !important;\n`;\n\nexport default PremiumLabel;\n","import {\n getItemTextureKeyPath,\n IEquipmentSet,\n ITradeResponseItem,\n} from '@rpg-engine/shared';\nimport capitalize from 'lodash/capitalize';\nimport React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { uiFonts } from '../../constants/uiFonts';\nimport SelectArrow from '../Arrow/SelectArrow';\nimport { ItemInfoWrapper } from '../Item/Cards/ItemInfoWrapper';\nimport { Ellipsis } from '../shared/Ellipsis';\nimport { SpriteFromAtlas } from '../shared/SpriteFromAtlas';\nimport PremiumLabel from './PremiumLabel';\n\nexport interface ITradeComponentProps {\n traderItem: ITradeResponseItem;\n onQuantityChange: (\n traderItem: ITradeResponseItem,\n selectedQty: number\n ) => void;\n atlasJSON: any;\n atlasIMG: any;\n selectedQty: number;\n equipmentSet?: IEquipmentSet | null;\n scale?: number;\n isBuy?: boolean;\n}\n\nconst outerQty = 10;\n\nexport const TradingItemRow: React.FC<ITradeComponentProps> = ({\n atlasIMG,\n atlasJSON,\n onQuantityChange,\n traderItem,\n selectedQty,\n equipmentSet,\n scale,\n isBuy,\n}) => {\n const [inputQty, setInputQty] = useState(selectedQty.toString());\n\n useEffect(() => {\n setInputQty(selectedQty.toString());\n }, [selectedQty]);\n\n const handleQuantityChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const newQty = parseInt(e.target.value, 10);\n if (!isNaN(newQty)) {\n setInputQty(e.target.value);\n onQuantityChange(\n traderItem,\n Math.max(0, Math.min(newQty, traderItem.stackQty ?? 999))\n );\n }\n };\n\n const handleBlur = () => {\n const newQty = parseInt(inputQty, 10);\n if (isNaN(newQty)) {\n setInputQty(selectedQty.toString());\n }\n };\n\n const onLeftClick = (qty = 1) => {\n onQuantityChange(traderItem, Math.max(0, selectedQty - qty));\n };\n\n const onRightClick = (qty = 1) => {\n onQuantityChange(\n traderItem,\n Math.min(traderItem.stackQty ?? 999, selectedQty + qty)\n );\n };\n\n const renderAccountTypeIndicator = () => {\n if (isBuy && traderItem.canBePurchasedOnlyByPremiumPlans) {\n return traderItem.canBePurchasedOnlyByPremiumPlans.map(accountType => (\n <PremiumLabel key={accountType} accountType={accountType} />\n ));\n }\n return null;\n };\n\n return (\n <ItemWrapper>\n <ItemIconContainer>\n <SpriteContainer>\n <ItemInfoWrapper\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n equipmentSet={equipmentSet}\n item={traderItem}\n scale={scale}\n >\n <SpriteFromAtlas\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n spriteKey={getItemTextureKeyPath(\n {\n key: traderItem.key,\n stackQty: traderItem.stackQty || 1,\n texturePath: traderItem.texturePath,\n isStackable: traderItem.isStackable,\n },\n atlasJSON\n )}\n imgScale={2}\n />\n </ItemInfoWrapper>\n </SpriteContainer>\n </ItemIconContainer>\n\n <ItemNameContainer>\n <NameValue>\n <p>\n <Ellipsis maxLines={1} maxWidth=\"180px\">\n {capitalize(traderItem.name)}\n </Ellipsis>\n </p>\n <p>${traderItem.price}</p>\n <p>{renderAccountTypeIndicator()}</p>\n </NameValue>\n </ItemNameContainer>\n <QuantityContainer>\n <SelectArrow\n size={24}\n className=\"arrow-selector\"\n direction=\"left\"\n onPointerDown={() => onLeftClick(outerQty)}\n scale={0.7}\n />\n <StyledArrow\n size={24}\n className=\"arrow-selector\"\n direction=\"left\"\n onPointerDown={() => onLeftClick()}\n />\n <QuantityInput\n type=\"text\"\n value={inputQty}\n onChange={handleQuantityChange}\n onBlur={handleBlur}\n />\n <StyledArrow\n size={24}\n className=\"arrow-selector\"\n direction=\"right\"\n onPointerDown={() => onRightClick()}\n />\n <SelectArrow\n size={24}\n className=\"arrow-selector\"\n direction=\"right\"\n onPointerDown={() => onRightClick(outerQty)}\n scale={0.7}\n />\n </QuantityContainer>\n </ItemWrapper>\n );\n};\n\nconst StyledArrow = styled(SelectArrow)`\n margin: 0 1.5rem;\n`;\n\nconst ItemWrapper = styled.div`\n width: 100%;\n display: flex;\n justify-content: space-between;\n margin-bottom: 0.5rem;\n padding: 0.25rem;\n\n &:hover {\n background-color: ${uiColors.darkGray};\n }\n`;\n\nconst ItemNameContainer = styled.div`\n flex: 60%;\n display: flex;\n align-items: center;\n`;\n\nconst ItemIconContainer = styled.div`\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex: 0 0 40px;\n`;\n\nconst SpriteContainer = styled.div`\n position: relative;\n top: -0.5rem;\n left: 0;\n`;\n\nconst NameValue = styled.div`\n p {\n font-size: 0.6rem;\n margin: 0;\n line-height: 1.2;\n }\n`;\n\nconst QuantityContainer = styled.div`\n display: flex;\n min-width: 90px;\n width: 40%;\n justify-content: flex-end;\n align-items: center;\n flex: 30%;\n gap: 2px;\n position: relative;\n`;\n\nconst QuantityInput = styled.input`\n width: 30px;\n text-align: center;\n background-color: ${uiColors.darkGray};\n color: white;\n border: none;\n padding: 1px;\n font-size: ${uiFonts.size.small};\n position: relative;\n right: 4px;\n`;\n","import {\n IEquipmentSet,\n ITradeRequestItem,\n ITradeResponseItem,\n TradeTransactionType,\n} from '@rpg-engine/shared';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { Button, ButtonTypes } from '../Button';\nimport { DraggableContainer } from '../DraggableContainer';\nimport { RPGUIContainerTypes } from '../RPGUI/RPGUIContainer';\nimport { TradingItemRow } from './TradingItemRow';\nimport { useTradingGold } from './useTradingGold';\n\nexport interface ITradingMenu {\n traderItems: ITradeResponseItem[];\n onClose: () => void;\n onConfirm: (items: ITradeRequestItem[]) => void;\n type: TradeTransactionType;\n atlasJSON: any;\n atlasIMG: any;\n characterAvailableGold: number;\n equipmentSet?: IEquipmentSet | null;\n scale?: number;\n}\n\nexport const TradingMenu: React.FC<ITradingMenu> = ({\n traderItems,\n onClose,\n type,\n atlasJSON,\n atlasIMG,\n characterAvailableGold,\n onConfirm,\n equipmentSet,\n scale,\n}) => {\n const {\n sum,\n qtyMap,\n isBuy,\n hasGoldForSale,\n getFinalGold,\n getTradeItems,\n updateQuantity,\n } = useTradingGold({ characterAvailableGold, type, traderItems });\n\n return (\n <DraggableContainer\n type={RPGUIContainerTypes.Framed}\n onCloseButton={onClose}\n width=\"500px\"\n cancelDrag=\"#TraderContainer\"\n scale={scale}\n >\n <Container>\n <Title>{type.charAt(0).toUpperCase() + type.slice(1)} Menu</Title>\n <hr className=\"golden\" />\n\n <ScrollWrapper id=\"TraderContainer\">\n {traderItems.map((tradeItem, index) => (\n <TradingItemRow\n key={`${tradeItem.key}_${index}`}\n atlasIMG={atlasIMG}\n atlasJSON={atlasJSON}\n onQuantityChange={updateQuantity}\n traderItem={tradeItem}\n selectedQty={qtyMap.get(tradeItem.key) ?? 0}\n equipmentSet={equipmentSet}\n scale={scale}\n isBuy={isBuy()}\n />\n ))}\n </ScrollWrapper>\n\n <InfoSection>\n <GoldInfo>\n <p>Available Gold:</p>\n <p>${characterAvailableGold.toFixed(2)}</p>\n </GoldInfo>\n <GoldInfo>\n <p>Total:</p>\n <p>${sum}</p>\n </GoldInfo>\n {!hasGoldForSale() ? (\n <AlertText>Sorry, not enough money.</AlertText>\n ) : (\n <GoldInfo>\n <p>Final Gold:</p>\n <p>${getFinalGold().toFixed(2)}</p>\n </GoldInfo>\n )}\n </InfoSection>\n\n <ButtonWrapper>\n <Button\n buttonType={ButtonTypes.RPGUIButton}\n disabled={!hasGoldForSale()}\n onPointerDown={() => onConfirm(getTradeItems())}\n >\n Confirm\n </Button>\n <Button buttonType={ButtonTypes.RPGUIButton} onPointerDown={onClose}>\n Cancel\n </Button>\n </ButtonWrapper>\n </Container>\n </DraggableContainer>\n );\n};\n\nconst Container = styled.div`\n width: 100%;\n`;\n\nconst Title = styled.h1`\n font-size: 0.7rem !important;\n color: yellow !important;\n text-align: center;\n`;\n\nconst ScrollWrapper = styled.div`\n overflow-y: scroll;\n height: 250px;\n width: 100%;\n margin-top: 0.3rem;\n overflow-x: hidden;\n padding: 0 0.3rem;\n`;\n\nconst InfoSection = styled.div`\n margin-top: 0.3rem;\n padding: 0 0.5rem;\n`;\n\nconst GoldInfo = styled.div`\n display: flex;\n justify-content: space-between;\n height: 16px;\n width: 100%;\n margin: 0.5rem 0;\n p {\n color: yellow !important;\n margin: 0;\n font-size: 0.6rem;\n }\n`;\n\nconst AlertText = styled.p`\n color: red !important;\n text-align: center;\n margin: 0.3rem 0;\n font-size: 0.5rem;\n`;\n\nconst ButtonWrapper = styled.div`\n display: flex;\n justify-content: space-around;\n width: 100%;\n margin-top: 1rem;\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, { useState } from 'react';\n\nexport const ZoomableImage: React.FC<{ src: string; alt: string }> = ({\n src,\n alt,\n}) => {\n const [isZoomed, setIsZoomed] = useState(false);\n const [zoomPosition, setZoomPosition] = useState({ x: 50, y: 50 });\n\n const handleMouseMove = (\n e: React.MouseEvent<HTMLImageElement, MouseEvent>\n ) => {\n const {\n left,\n top,\n width,\n height,\n } = e.currentTarget.getBoundingClientRect();\n const x = ((e.clientX - left) / width) * 100;\n const y = ((e.clientY - top) / height) * 100;\n setZoomPosition({ x, y });\n };\n\n const handleTouchMove = (e: React.TouchEvent<HTMLImageElement>) => {\n const {\n left,\n top,\n width,\n height,\n } = e.currentTarget.getBoundingClientRect();\n const touch = e.touches[0];\n const x = ((touch.clientX - left) / width) * 100;\n const y = ((touch.clientY - top) / height) * 100;\n setZoomPosition({ x, y });\n };\n\n const handleZoomToggle = () => {\n setIsZoomed(!isZoomed);\n };\n\n return (\n <img\n src={src}\n alt={alt}\n onMouseMove={handleMouseMove}\n onTouchMove={handleTouchMove}\n onClick={handleZoomToggle} // Toggle zoom on click/tap\n style={{\n width: '100%',\n height: '100%',\n objectFit: 'cover',\n transform: isZoomed ? 'scale(1.5)' : 'scale(1)',\n transformOrigin: `${zoomPosition.x}% ${zoomPosition.y}%`,\n transition: 'transform 0.3s ease',\n cursor: 'pointer', // Indicate interactivity\n }}\n />\n );\n};\n","import React, { useMemo } from 'react';\nimport styled, { CSSProperties } from 'styled-components';\nimport { uiColors } from '../../constants/uiColors';\nimport { ZoomableImage } from '../Image/ZoomableImage';\nimport { Stepper } from '../Stepper';\nimport { DynamicText } from '../typography/DynamicText';\n\nexport interface ITutorialLesson {\n title: string;\n body?: React.ReactNode | string;\n text?: string;\n image: string;\n imageUrl?: string;\n}\n\nexport interface ITutorialStepperProps {\n lessons: ITutorialLesson[];\n onLessonFinish: () => void;\n imageStyle?: CSSProperties;\n}\n\nexport const TutorialStepper = React.memo(\n ({ lessons, onLessonFinish, imageStyle }: ITutorialStepperProps) => {\n const generateLessons = useMemo(\n () =>\n lessons.map((lesson, index) => ({\n component: (\n <LessonContainer key={index} className=\"lesson-container\">\n <LessonTitle className=\"lesson-title\">{lesson.title}</LessonTitle>\n {lesson.image && (\n <LessonImageWrapper className=\"lesson-image-wrapper\">\n <LessonImage className=\"lesson-image\" style={imageStyle}>\n {lesson.imageUrl ? (\n <a\n href={lesson.imageUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n <ZoomableImage\n src={lesson.image}\n alt={lesson.title || 'Tutorial image'}\n />\n </a>\n ) : (\n <ZoomableImage\n src={lesson.image}\n alt={lesson.title || 'Tutorial image'}\n />\n )}\n </LessonImage>\n </LessonImageWrapper>\n )}\n <LessonFooter className=\"lesson-footer\">\n {lesson.body && (\n <LessonBody\n className=\"lesson-body\"\n dangerouslySetInnerHTML={{ __html: lesson.body as string }}\n ></LessonBody>\n )}\n {lesson.text && <DynamicText text={lesson.text} />}\n </LessonFooter>\n </LessonContainer>\n ),\n id: index,\n })),\n [lessons, imageStyle]\n );\n\n return (\n <Container>\n <Stepper\n steps={generateLessons}\n finalCTAButton={{\n label: 'Close',\n onClick: onLessonFinish,\n }}\n useSideArrows\n />\n </Container>\n );\n }\n);\n\nconst LessonImageWrapper = styled.div`\n width: 100%;\n max-width: 500px;\n margin: 1rem auto;\n aspect-ratio: auto; /* Allow the image to define its own aspect ratio */\n border-radius: 10px;\n`;\n\nconst LessonBody = styled.div``;\n\nconst Container = styled.div`\n width: 80%;\n max-width: 600px;\n\n @media (max-width: 600px) {\n width: 95%;\n }\n`;\n\nconst LessonFooter = styled.div`\n margin-top: 1rem;\n`;\n\nconst LessonImage = styled.div`\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n max-width: 500px;\n margin: auto;\n\n img {\n width: 100%;\n height: auto;\n object-fit: contain; /* Ensures the entire image is visible */\n border-radius: 10px;\n }\n`;\n\nconst LessonTitle = styled.h1`\n color: ${uiColors.yellow} !important;\n font-size: 0.8rem !important;\n`;\n\nconst LessonContainer = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n min-height: 200px; /* Match with StepperBody for consistent height */\n\n p {\n // make font size consistent with rest\n font-size: 0.7rem !important;\n }\n`;\n","import { useEffect, useState } from 'react';\nimport { PrivateChatCharacter } from '../components/ChatRevamp/types';\n\ninterface IUseChat {\n minimizedByDefault: boolean;\n isPrivate: boolean;\n onChangeTab: (tabId: string) => void;\n onPreviousChatCharacterClick?: (character: PrivateChatCharacter) => void;\n hideSearchCharacterUI?: () => void;\n unseenMessageCharacterIds?: string[];\n}\n\nexport const useChat = ({\n minimizedByDefault,\n isPrivate,\n onChangeTab,\n onPreviousChatCharacterClick,\n hideSearchCharacterUI,\n unseenMessageCharacterIds,\n}: IUseChat) => {\n const [showRecentChats, setShowRecentChats] = useState(false);\n const [isExpanded, setIsExpanded] = useState(!minimizedByDefault);\n\n useEffect(() => {\n if (isPrivate) {\n setIsExpanded(true);\n }\n }, [isPrivate]);\n\n const toggleExpand = () => setIsExpanded(prev => !prev);\n\n const toggleRecentChats = () => setShowRecentChats(prev => !prev);\n\n const handleTabChange = (tabId: string) => {\n if (tabId === 'private') {\n setIsExpanded(true);\n }\n onChangeTab(tabId);\n };\n\n const handlePreviousChatCharacterClick = (\n character: PrivateChatCharacter\n ) => {\n if (onPreviousChatCharacterClick) {\n onPreviousChatCharacterClick(character);\n }\n if (hideSearchCharacterUI) {\n hideSearchCharacterUI();\n }\n };\n\n return {\n showRecentChats,\n isExpanded,\n toggleExpand,\n toggleRecentChats,\n handleTabChange,\n handlePreviousChatCharacterClick,\n hasUnseenMessages:\n unseenMessageCharacterIds && unseenMessageCharacterIds?.length > 0,\n };\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\nexport interface 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 onPointerDown={() => handleClick(element.label)}>\n {element.label}\n </label>\n <br />\n </div>\n );\n })}\n </div>\n );\n};\n","/* eslint-disable @typescript-eslint/explicit-function-return-type */\n\nimport { useState } from 'react';\n\nexport function useLocalStorage<T>(key: string, initialValue: T) {\n // State to store our value\n // Pass initial state function to useState so logic is only executed once\n const [storedValue, setStoredValue] = useState<T>(() => {\n if (typeof window === 'undefined') {\n return initialValue;\n }\n try {\n // Get from local storage by key\n const item = window.localStorage.getItem(key);\n // Parse stored json or if none return initialValue\n return item ? JSON.parse(item) : initialValue;\n } catch (error) {\n // If error also return initialValue\n console.log(error);\n return initialValue;\n }\n });\n\n // Return a wrapped version of useState's setter function that ...\n // ... persists the new value to localStorage.\n const setValue = (value: T | ((val: T) => T)) => {\n try {\n // Allow value to be a function so we have same API as useState\n const valueToStore =\n value instanceof Function ? value(storedValue) : value;\n // Save state\n setStoredValue(valueToStore);\n // Save to local storage\n if (typeof window !== 'undefined') {\n window.localStorage.setItem(key, JSON.stringify(valueToStore));\n }\n } catch (error) {\n // A more advanced implementation would handle the error case\n console.log(error);\n }\n };\n\n return [storedValue, setValue] as const;\n}\n","import { ICraftableItem, IItem, IItemContainer } from '@rpg-engine/shared';\n\nexport function calculateMaxCraftable(\n recipe: ICraftableItem | undefined,\n inventory: IItemContainer | null | undefined\n): number {\n if (!inventory || !recipe?.ingredients) {\n return 0;\n }\n\n return (\n recipe.ingredients.reduce((maxPossible, ingredient) => {\n const inventoryItem = Object.values(inventory.slots).find(\n (item): item is IItem => item?.key === ingredient.key\n );\n\n if (!inventoryItem) {\n return 0;\n }\n\n const possibleWithThisIngredient = Math.floor(\n (inventoryItem.stackQty ?? 0) / ingredient.qty\n );\n\n return maxPossible === undefined\n ? possibleWithThisIngredient\n : Math.min(maxPossible, possibleWithThisIngredient);\n }, undefined as number | undefined) ?? 0\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 onPointerDown={handleClick}>{element.label}</label>\n <br />\n </>\n );\n })}\n </div>\n );\n};\n","import React from 'react';\nimport { ColorSelector } from './ItemPropertyColorSelector';\n\ninterface IItemPropertySimpleHandlerProps {\n isOpen: boolean;\n selectedColor: string;\n onClose: () => void;\n onConfirm: (color: string) => void;\n onChange: (color: string) => void;\n costWarning?: {\n cost: number;\n currency?: string;\n };\n}\n\nexport const ItemPropertySimpleHandler: React.FC<IItemPropertySimpleHandlerProps> = ({\n isOpen,\n selectedColor,\n onClose,\n onConfirm,\n onChange,\n costWarning,\n}) => (\n <ColorSelector\n selectedColor={selectedColor}\n isOpen={isOpen}\n onClose={onClose}\n onConfirm={onConfirm}\n onChange={onChange}\n costWarning={costWarning}\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","import {\n ITradeRequestItem,\n ITradeResponseItem,\n TradeTransactionType,\n} from '@rpg-engine/shared';\nimport { useState } from 'react';\n\ninterface ITradingGoldHook {\n characterAvailableGold: number;\n type: TradeTransactionType;\n traderItems: ITradeResponseItem[];\n}\n\nexport const useTradingGold = ({\n characterAvailableGold,\n type,\n traderItems,\n}: ITradingGoldHook) => {\n const [sum, setSum] = useState(0);\n const [qtyMap, setQtyMap] = useState(new Map<string, number>());\n\n const isBuy = () => type === 'buy';\n\n const hasGoldForSale = () =>\n isBuy() ? !(sum > characterAvailableGold) : true;\n\n const getFinalGold = () =>\n isBuy() ? characterAvailableGold - sum : characterAvailableGold + sum;\n\n const getTradeItems = (): ITradeRequestItem[] => {\n const items: ITradeRequestItem[] = [];\n traderItems.forEach(item => {\n const qty = qtyMap.get(item.key);\n if (qty) {\n items.push({\n ...item,\n qty,\n });\n }\n });\n return items;\n };\n\n const updateQuantity = (item: ITradeResponseItem, selectedQty: number) => {\n setQtyMap(new Map(qtyMap.set(item.key, selectedQty)));\n\n let newSum = 0;\n qtyMap.forEach((qty, key) => {\n const item = traderItems.find(i => i.key === key);\n if (item) newSum += qty * item.price;\n });\n setSum(newSum);\n };\n\n return {\n sum,\n qtyMap,\n isBuy,\n hasGoldForSale,\n getFinalGold,\n getTradeItems,\n updateQuantity,\n };\n};\n"],"names":["ButtonTypes","SelectArrow","_ref","direction","_ref$direction","size","_ref$scale","scale","onPointerDown","props","_objectWithoutPropertiesLoose","_excluded","React","LeftArrow","RightArrow","styled","span","withConfig","displayName","componentId","DropdownDisplay","DropdownLabel","label","Container","div","width","DropdownSelect","p","DropdownOptions","ul","opened","opensUp","RPGUIContainerTypes","Button","disabled","_ref$disabled","children","buttonType","ButtonContainer","className","button","SpriteFromAtlas","atlasJSON","atlasIMG","spriteKey","_ref$width","GRID_WIDTH","_ref$height","height","GRID_HEIGHT","_ref$imgScale","imgScale","imgStyle","containerStyle","_ref$grayScale","grayScale","_ref$opacity","opacity","tintColor","imgClassname","centered","borderRadius","spriteData","_atlasJSON$frames","frames","_atlasJSON$frames2","console","error","normalizedTintColor","color","test","toUpperCase","toUppercaseHexColor","hasHover","style","ImgSprite","frame","w","h","x","y","css","ErrorBoundary","_Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","hasError","getDerivedStateFromError","_","_proto","prototype","componentDidCatch","errorInfo","render","this","Component","Ellipsis","_ref$maxLines","maxLines","maxWidth","fontSize","center","PropertySelect","item","availableProperties","onChange","_useState","useState","currentIndex","setCurrentIndex","propertiesLength","useEffect","JSON","stringify","TextOverlay","Item","name","index","ButtonsContainer","Chat","chatMessages","onSendChatMessage","onCloseButton","onFocus","onBlur","_ref$styles","styles","textColor","buttonColor","buttonBackgroundColor","isExpanded","message","setMessage","inputRef","useRef","scrollChatToBottom","_inputRef$current","current","focus","scrollingElement","document","querySelector","scrollTop","scrollHeight","ChatContainer","fallback","CloseButton","onClick","FaTimes","MessagesContainer","map","chatMessage","Message","key","_id","maxLength","dayjs","createdAt","format","emitter","slice","formatMessage","Form","onSubmit","event","preventDefault","trim","TextField","ref","value","e","target","type","autoComplete","placeholder","SendButton","_ref2","form","input","Input","_extends","_objectDestructuringEmpty","rest","innerRef","RPGUIContainer","Column","flex","flexWrap","alignItems","justifyContent","CustomInput","CustomContainer","MessageText","SearchCharacter","onChangeCharacterName","recentCharacters","hideSearchCharacterUI","onCharacterClick","characterName","setCharacterName","searchCharacterRef","timer","setTimeout","clearTimeout","SearchContainer","id","SearchButton","RxMagnifyingGlass","ListContainer","character","ListElement","handleCharacterClick","_ref3","li","ChatContent","isPrivate","isTrade","isGlobal","onSendLocalChatMessage","onSendGlobalChatMessage","onSendPrivateChatMessage","onSendTradeMessage","autoCloseOnSend","isGuild","onSendGuildChatMessage","searchCharacterUI","privateChatCharacters","ChatWrapper","sendMessage","ChatTabs","activeTab","onChangeTab","TabContainer","tabs","tab","Tab","active","ExpandButton","StyledExpandButton","IoMdContract","IoMdExpand","RecentChats","showRecentChats","showSearchCharacterUI","recentChatCharacters","recentSelectedChatCharacterId","unseenMessageCharacterIds","onPreviousChatCharacterClick","onRemoveRecentChatCharacter","RecentChatTabContainer","isOpen","RecentChatTopBar","BurgerIconContainer","toggleRecentChats","hasUnseenMessages","BurgerLineIcon","RecentChatLogContainer","_unseenMessageCharact","ListElementContainer","handlePreviousChatCharacterClick","StatusDot","isUnseen","includes","RxCross2","ChatRevampContainer","TopBar","AllChatsContainer","_ref4","ChatContentWrapper","_ref5","CollapsedChatInput","ExpandedChatContent","SocialButtons","SocialButton","CheckItem","_ref$defaultValue","defaultValue","checked","setChecked","newCheckedState","readOnly","SingleShortcut","useShortcutCooldown","onShortcutCast","shortcutCooldown","setShortcutCooldown","cooldownTimeout","handleShortcutCast","CancelButton","ShortcutsContainer","StyledShortcut","useOutsideClick","handleClickOutside","contains","CustomEvent","detail","dispatchEvent","addEventListener","removeEventListener","DraggableContainer","minHeight","minWidth","_ref$type","FramedGold","title","imgSrc","_ref$imgWidth","imgWidth","cancelDrag","onPositionChange","onPositionChangeEnd","onPositionChangeStart","onOutsideClick","_ref$initialPosition","initialPosition","_ref$dragDisabled","dragDisabled","isFullScreen","draggableRef","_e","Draggable","cancel","onDrag","data","onStop","onStart","defaultPosition","TitleContainer","Title","Icon","src","_ref6","h1","img","_ref7","Dropdown","options","_ref$opensUp","dropdownId","uuidv4","selectedValue","setSelectedValue","_useState2","selectedOption","setSelectedOption","_useState3","setOpened","firstOption","change","filter","o","option","onMouseLeave","onPointerUp","prev","optionsCount","MAX_ITEMS_VISIBLE","Math","min","modalRoot","getElementById","ModalPortal","ReactDOM","createPortal","generateContextMenuListOptions","actionsByTypeList","action","text","ItemSocketEventsDisplayLabels","initialDetailsState","isTooltipVisible","isTooltipMobileVisible","isContextMenuVisible","contextMenuPosition","contextActions","clearContextActions","clearDetailsState","ItemSlotDetailsContext","createContext","detailsState","updateDetailsState","setContextActions","useItemSlotDetails","useContext","ItemSlotDetailsProvider","setDetailsState","useCallback","newState","prevState","containerType","isDepotSystem","isContextMenuDisabled","newContextActions","itemContainerType","contextActionMenu","ItemContainerType","Inventory","ItemType","Weapon","Armor","Accessory","Jewelry","ActionsForInventory","Equipment","Consumable","CraftingResource","Tool","Other","push","DepotSocketEvents","Deposit","contextActionMenuDontHaveUseWith","find","toLowerCase","hasUseWith","ItemSocketEvents","UseWith","ActionsForEquipmentSet","Loot","ActionsForLoot","MapContainer","ActionsForMapContainer","Depot","GetItemInfo","Withdraw","some","OpenContainer","ContainerOpen","textureAtlas","ItemPropertyUpdate","attachedGems","DetachGem","generateContextMenu","contextValue","useMemo","Provider","initialDraggingState","isDragging","position","dropPosition","isFocused","draggingDistance","ItemSlotDraggingContext","draggingState","updateDraggingState","clearDraggingState","useItemSlotDragging","ItemSlotDraggingProvider","setDraggingState","rarityColor","rarity","ItemRarities","Uncommon","Rare","Epic","Legendary","gemColors","emerald-gem","topaz-radiance","sapphire-gem","ruby-gem","misty-quartz-gem","coral-reef-gem","jasper-gem","earthstone-gem","obsidian-gem","amethyst-gem","onRenderGems","_item$attachedGems","ItemSlotQty","itemId","ItemQtyContainer","_item$attachedGems2","gem","Gem","onRenderStackInfo","stackQty","qtyClassName","ItemQty","round","ItemSlotRenderer","slotSpriteMask","renderItem","texturePath","quality","ItemQualityLevel","Normal","getItemTextureKeyPath","isStackable","renderStackInfo","renderGems","itemToRender","_itemToRender$allowed","allowedEquipSlotType","EquipmentSlotSpriteByType","renderEquipment","onRenderSlot","Neck","LeftHand","Ring","Head","Torso","Legs","Feet","RightHand","ItemSlot","observer","slotIndex","onMouseOver","onMouseOut","_ref$isContextMenuDis","onDragEnd","onDragStart","onPlaceDrop","onDrop","onOutsideDrop","checkIfItemCanBeMoved","openQuantitySelector","checkIfItemShouldDragEnd","dragScale","isSelectingShortcut","setItemShortcut","_useItemSlotDetails","getTouchTarget","_touchEvent$changedTo","_touchEvent$touches","touch","changedTouches","touches","elementFromPoint","clientX","clientY","body","dragContainer","_useItemSlotDragging","resetItem","onSuccessfulDrag","quantity","handleDraggedItem","targetClasses","from","classList","elm","log","targetElement","_getElementTransform","getElementTransform","processDragEnd","element","window","getComputedStyle","matrix","DOMMatrixReadOnly","transform","m41","m42","isDraggingItem","onMouseUp","onTouchEnd","_e$changedTouches$","simulatedEvent","MouseEvent","bubbles","_document$elementFrom","undefined","subType","ItemSubType","Seed","axis","defaultClassName","requestAnimationFrame","isMobile","parseInt","split","isNaN","handleShortcutSetter","remove","removeDraggingClass","isTouchEvent","mouseEvent","handleContextMenuOrTooltip","_data","bounds","ItemContainer","onMouseEnter","HighQuality","Exceptional","Mastercrafted","Ancient","Mythic","qualityColorHex","statisticsToDisplay","higherIsWorse","ItemInfo","itemToCompare","renderMissingStatistic","statistics","_i2","_statisticsToDisplay2","stat","itemToCompareStatistic","Statistic","toString","skillName","_item$minRequirements","minRequirements","_item$minRequirements2","skill","Header","Rarity","Type","AllowedSlots","slotType","LevelRequirement","_item$minRequirements3","level","charAt","_item$minRequirements4","_item$minRequirements5","_i","_statisticsToDisplay","itemStatistic","_itemToCompare$stat$k","_itemToCompare$stat$k2","isItemToCompare","isOnlyInOneItem","statDiff","isDifference","isBetter","renderStatistics","entityEffects","entityEffectChance","effect","usableEffectDescription","equippedBuffDescription","isTwoHanded","Description","description","maxStackSize","StackInfo","_item$stackQty","MissingStatistics","_rarityColor","$isSpecial","itemSlotTypes","ItemInfoDisplay","equipmentSet","_item$allowedEquipSlo","allowedSlotTypeCamelCase","camelCase","itemSubTypeCamelCase","getSlotType","itemFromEquipment","Object","values","_item$subType","Flex","CompareContainer","Equipped","$isMobile","ItemTooltip","handleMouseMove","rect","getBoundingClientRect","tooltipWidth","tooltipHeight","isOffScreenRight","innerWidth","isOffScreenBottom","innerHeight","MobileItemTooltip","closeTooltip","onSelected","handleFadeOut","_ref$current","add","OptionsContainer","Option","ItemInfoWrapper","setIsTooltipVisible","setIsTooltipMobileVisible","bind","countItemFromInventory","itemKey","inventory","itemsFromInventory","keys","slots","forEach","i","_inventory$slots$inde","reduce","acc","modifyString","str","parts","words","replace","join","TooltipContainer","MinCraftingRequirementsText","levelIsOk","TooltipTitle","Recipe","Ingredient","isQuantityOk","CraftingTooltip","recipe","skills","tooltipRef","_React$useState","adjustedPosition","setAdjustedPosition","tooltipElement","adjustedX","adjustedY","levelInSkill","_skills$level","_skills","_recipe$minCraftingRe","_recipe$minCraftingRe2","minCraftingRequirements","_recipe$levelIsOk","_recipe$minCraftingRe3","_recipe$minCraftingRe4","_recipe$minCraftingRe5","_recipe$minCraftingRe6","ingredients","ingredient","itemQtyInInventory","qty","RadioOptionsWrapper","SpriteAtlasWrapper","MainContent","ItemHeader","CraftingRecipe","handleRecipeSelect","selectedCraftItemKey","showTooltip","setShowTooltip","tooltipPosition","setTooltipPosition","wrapperRef","isSelected","right","top","canCraft","desktop","mobileLanscape","mobilePortrait","useResponsiveSize","setSize","handleResize","Wrapper","HeaderContainer","HeaderControls","DropdownWrapper","ContentContainer","RadioInputScroller","CraftingRecipeWrapper","PinButton","isPinned","Footer","PaginationContainer","PaginationButton","PageInfo","EmptyState","formatTaskKey","formatted","word","getTaskIcon","taskType","difficulty","TaskType","KillMobs","CollectItems","MapVisit","CraftItems","getStatusInfo","task","status","TaskStatus","Completed","claimed","progress","kills","every","kill","collected","crafted","visitedMaps","visited","DailyRewardsTooltip","rewards","itemsAtlasJSON","itemsAtlasIMG","setIsExpanded","sortedRewards","REWARD_PRIORITY","_REWARD_PRIORITY","RewardType","Gold","Experience","getPriority","_REWARD_PRIORITY$type","Number","MAX_SAFE_INTEGER","sort","a","b","CollapsibleHeader","HeaderText","ExpandIcon","CollapsibleContent","RewardsList","reward","_reward$texturePath","_reward$key","RewardItem","ItemContent","RewardLabel","RewardValue","ReadOnlyCheckItem","labelLeft","labelRight","Label","CheckBox","isRight","attrs","TaskProgressDetails","progressRenderers","_progressRenderers","entries","_task$requirements$ta","ProgressItem","ProgressCount","requirements","targets","t","_task$requirements$ta2","_task$requirements$ta3","CheckItemWrapper","ProgressList","TaskProgress","iconAtlasJSON","iconAtlasIMG","ProgressContainer","ProgressLabel","TaskDifficulty","formatDifficulty","StatusText","DailyTaskItem","onClaimReward","isRewardClaimed","isMobileOrTablet","isCompleted","isClaimed","TaskContainer","TaskHeader","NonInteractiveWrapper","TaskContent","TaskTitle","_task$name","TaskDescription","CollectWrapper","RPGUIButton","ClaimedText","h3","GlobalDailyProgress","tasks","onClaimAllRewards","globalRewardClaimed","totalTasks","completedTasks","allCompleted","allClaimed","shouldShowGlobalButton","shouldShowClaimedMessage","GlobalProgressContainer","GlobeIcon","ProgressText","ProgressBar","ProgressFill","percentage","taskIdentifiers","taskKey","TasksContainer","TasksList","h2","DPadButton","memo","isPressed","_props$size","_props$size2","_props$size3","_props$size4","_props$size5","DPadCenter","_props$size6","_props$size7","_props$size8","_props$size9","DPadContainer","_props$size10","_props$size11","showBackground","_props$opacity","JoystickDPad","onDirectionPress","onDirectionRelease","_ref$options","_options$opacity","_options$showBackgrou","_options$size","_options$pressInterva","pressInterval","Set","pressedButtons","setPressedButtons","intervalRef","activeDirectionRef","touchStartRef","isPressedRef","clearPressInterval","clearInterval","clearAllPresses","handleDirectionPress","setInterval","handleDirectionRelease","handleTouchStart","handleTouchMove","_touchStartRef$curren","deltaX","deltaY","distance","sqrt","angle","atan2","PI","newDirection","cleanupTouchEvents","handleTouchEnd","handleTouchCancel","handleBlur","handleVisibilityChange","hidden","handlePointerUp","stopPropagation","buttonProps","onMouseDown","onTouchStart","onTouchMove","onContextMenu","has","onTouchCancel","NPCDialogType","Details","DraggedItem","_useCursorPosition","setPosition","scalePosition","setFromEvent","scaledPosition","cleanup","handleEvent","useCursorPosition","centeredX","CONTAINER_SIZE","centeredY","stackInfo","_item$_id","SpriteContainer","left","RelativeListMenu","_ref$fontSize","pos","overflow","params","ItemSlotToolTips","optionId","EquipmentSetContainer","EquipmentColumn","Table","table","TableRow","tr","TableHeader","th","TableCell","td","ActionButtons","UserActionLink","SearchFriend","searchedCharacters","friendRequests","onSearch","onSendFriendRequest","onAcceptRequest","onRejectRequest","debouncedSearch","debounce","searchTabContent","SearchForm","SearchInput","autoFocus","CharacterList","characters","onAction","actionLabel","requestsTabContent","FriendRequestSection","onAccept","onReject","InternalTabs","content","activeTextColor","inactiveColor","borderColor","ListItem","CharacterName","AcceptRejectActions","ListWrapper","ScrollableArea","IsOnlineBadge","$isOnline","IS_MOBILE_OR_TABLET","DynamicText","onFinish","textState","setTextState","interval","substring","TextContainer","NPCDialogText","charactersPerLine","linesPerDiv","onClose","onEndStep","onStartStep","windowSize","textChunks","floor","match","RegExp","chunkIndex","setChunkIndex","onHandleSpacePress","code","goToNextStep","showGoNextIndicator","setShowGoNextIndicator","PressSpaceIndicator","TextOnly","pressSpaceGif","useEventListener","handler","el","savedHandler","listener","QuestionDialog","questions","answers","currentQuestion","setCurrentQuestion","canShowAnswers","setCanShowAnswers","onGetFirstAnswer","answerIds","firstAnswerId","answer","currentAnswer","setCurrentAnswer","onGetAnswers","answerId","nextAnswerIndex","findIndex","nextAnswerID","nextAnswer","previousAnswerIndex","previousAnswerID","previousAnswer","pop","nextQuestionId","question","QuestionContainer","AnswersContainer","selectedColor","AnswerRow","AnswerSelectedIcon","Answer","onAnswerClick","onRenderCurrentAnswers","ImgSide","NPCDialog","imagePath","_ref$isQuestionDialog","isQuestionDialog","TextAndThumbnail","ThumbnailContainer","NPCThumbnail","aliceDefaultThumbnail","CloseIcon","RangeSliderType","NPCMultiDialog","textAndTypeArray","slide","setSlide","_textAndTypeArray$sli","imageSide","BackgroundContainer","imgPath","DialogContainer","CarouselWrapper","ArrowContainer","BackgroundImage","isTextFixed","textPosition","ImageContainer","CustomLeftArrow","CustomRightArrow","Carousel","CarouselImg","fadeIn","keyframes","FadeInCarouselImg","_ref$activeColor","activeColor","_ref$activeTextColor","_ref$inactiveColor","_ref$borderColor","_ref$hoverColor","hoverColor","onTabChange","externalActiveTab","activeTabId","TableWrapper","TabHeader","TabButton","ContentWrapper","_tabs$find","useTooltipPosition","getTooltipWidth","viewportWidth","TOOLTIP_WIDTH","setTooltipState","calculateTooltipPosition","viewportHeight","max","tooltipState","handleMouseEnter","currentTarget","handleMouseLeave","Pagination","currentPage","totalPages","onPageChange","FaChevronLeft","FaChevronRight","SearchBar","rightElement","hasRightElement","Boolean","IconContainer","SearchIcon","$hasRightElement","FaSearch","SearchHeader","searchOptions","filterOptions","isSmallScreen","HeaderContent","StyledSearchBar","FilterContainer","StyledDropdown","onOptionChange","$isSmallScreen","PaginatedContent","items","_ref$itemsPerPage","itemsPerPage","_ref$emptyMessage","emptyMessage","_ref$dependencies","dependencies","_ref$layout","layout","_ref$gridColumns","gridColumns","_ref$itemHeight","itemHeight","_usePagination","setCurrentPage","ceil","paginatedItems","usePagination","tabId","EmptyMessage","Content","$gridColumns","_props$$itemHeight","$itemHeight","Portal","container","createElement","appendChild","removeChild","InformationCenterCell","onMouseMove","touchStartY","setTouchStartY","touchStartX","setTouchStartX","isTouchScrolling","setIsTouchScrolling","CellContainer","touchDiffY","abs","touchDiffX","CellNameContainer","CellName","BaseInformationDetails","onBack","Overlay","Modal","Collapsible","_ref$defaultOpen","defaultOpen","setIsOpen","FaChevronUp","FaChevronDown","InformationCenterItemDetails","droppedBy","InfoSection","InfoItem","Value","tier","StyledCollapsible","StatGrid","StatItem","weight","rangeType","basePrice","RequirementsGrid","RequirementItem","EffectsList","EffectItem","EffectChance","EffectDescription","equippedBuff","BuffsList","buff","BuffItem","BuffName","trait","c","BuffValue","buffPercentage","BuffDescription","DropList","npc","loot","loots","l","itemBlueprintKey","DropItem","NPCName","DropRate","chance","Section","SectionTitle","StatsContainer","BaseTooltip","RarityText","InformationCenterItemTooltip","attack","defense","AdvancedFilters","onToggle","sections","onClearAll","hasActiveFilters","buttonPosition","setButtonPosition","buttonRef","panelRef","bottom","scrollY","scrollX","FilterButton","AiFillFilter","AiOutlineFilter","FilterCount","section","rangeValue","FiltersPanel","zIndex","FilterHeader","FilterTitle","FilterSection","RangeInputs","AiFillCaretRight","StyledDropdownWrapper","ClearFiltersButton","$hasActiveFilters","$visible","ItemsAdvancedFilters","onTierChange","onTypeChange","selectedTier","selectedType","tierOptions","String","typeOptions","formatItemType","InformationCenterItemsSection","npcs","bestiaryItems","initialSearchQuery","searchQuery","setSearchQuery","selectedItemCategory","setSelectedItemCategory","setSelectedTier","_useState4","isAdvancedFiltersOpen","setIsAdvancedFiltersOpen","_useState5","selectedItem","setSelectedItem","_useTooltipPosition","filteredItems","matchesSearch","matchesCategory","matchesTier","SearchBarRightElement","SearchBarActions","handleItemClick","newQuery","TooltipWrapper","_npc$loots","BestiaryAdvancedFilters","onLevelRangeChange","onSubtypeChange","onAttackTypeChange","levelRange","selectedSubtype","selectedAttackType","subtypeOptions","NPCSubtype","attackTypeOptions","EntityAttackType","formatItemName","itemPath","_itemPath$split$pop","shift","InformationCenterNPCDetails","entitiesAtlasJSON","entitiesAtlasIMG","lootSearchQuery","setLootSearchQuery","currentLootPage","setCurrentLootPage","formatText","filteredLoots","totalLootPages","paginatedLoots","alignment","attackType","maxRangeAttack","speed","baseHealth","_npc$skills$strength","strength","_npc$skills$dexterity","dexterity","_npc$skills$resistanc","resistance","LootSearchContainer","query","LootGrid","LootItem","Sword","Common","quantityRange","canSell","LootDetails","LootName","LootInfo","LootChance","formatRarity","LootQuantity","StyledPagination","areaSpells","SpellsList","spell","SpellItem","SpellIconContainer","spellKey","SpellContent","SpellName","SpellDetails","SpellValue","power","Separator","probability","SpellList","SpellInfo","LootList","MoreIndicator","InformationCenterNPCTooltip","InformationCenterBestiarySection","iconsAtlasIMG","iconsAtlasJSON","selectedMonster","setSelectedMonster","selectedBestiaryCategory","setSelectedBestiaryCategory","setLevelRange","_useState6","setSelectedSubtype","_useState7","setSelectedAttackType","bestiaryCategoryOptions","NPCAlignment","Friendly","isBoss","Hostile","monster","InformationCenterTutorialsSection","videoGuides","selectedCategory","setSelectedCategory","categoryOptions","VideoGuideCategory","VideoGuideLanguage","filteredGuides","guide","category","language","GuideItem","open","videoUrl","GuideThumbnail","localImage","videoId","alt","GuideContent","GuideTitle","GuideDescription","GuideLabelsContainer","GuideCategory","GuideLanguage","LoadingMessage","ErrorMessage","SlotsContainer","Framed","ShortcutsSetter","setSettingShortcutIndex","settingShortcutIndex","shortcuts","removeShortcut","List","Shortcut","ShortcutType","None","isBeingSet","_shortcuts$index","_shortcuts$index2","payload","shortcut","Spell","_payload$texturePath","getContent","OrderByType","RangeSlider","valueMin","valueMax","_ref$step","step","sliderId","containerRef","setLeft","calculatedWidth","_containerRef$current","clientWidth","typeClass","GoldSlider","handleChange","pointerEvents","QuantitySelector","maxQuantity","initialQuantity","_ref$title","onConfirm","setValue","closeSelector","select","StyledContainer","StyledForm","numberValue","noValidate","StyledInput","Slider","QuantitySelectorModal","quantitySelect","setQuantitySelect","resetQuantitySelect","callback","validatedQuantitySelect","QuantitySelectorContainer","ItemQuantitySelectorModal","itemContainer","onItemClick","_ref$disableContextMe","disableContextMenu","onItemDragEnd","onItemDragStart","onItemPlaceDrop","_quantity","_useScrollOnDrag","threshold","scrollStep","animationFrameId","startScrolling","scroll","maxScrollTop","clientHeight","distanceFromBottom","stopScrolling","cancelAnimationFrame","useScrollOnDrag","handleSetShortcut","onDragStartScrollingEvents","once","onDragEndScrollingEvents","onDragStartHandler","onDragEndHandler","itemType","handlePlaceDrop","handleOutsideDrop","handleQuantitySelect","slotConfig","renderSlots","slotQty","_itemContainer$slots","currentItem","ItemsContainer","isScrollable","ConfirmModal","_ref$message","handleClose","Background","ButtonsWrapper","ColorSelector","costWarning","currentColor","setCurrentColor","showConfirmModal","setShowConfirmModal","ColorPickerWrapper","HexColorPicker","ConfirmContent","CostDisplay","cost","toLocaleString","currency","Subtitle","GemGrid","GemItem","GemName","ButtonWrapper","SpriteWrapper","LeaderboardTable","rankType","TableRowWrapper","TableRowValue","entry","isTopSkillEntry","WrapperContainer","ItemComponentScrollWrapper","Pager","totalItems","PagerContainer","MarketplaceRows","itemPrice","onMarketPlaceItemBuy","onMarketPlaceItemRemove","MarketplaceWrapper","ItemIconContainer","GemContainer","RarityContainer","QuantityContainer","PriceValue","GoldContainer","MultitabType","itemTypeOptions","itemRarityOptions","itemRarity","orderByOptions","flatMap","orderBy","display","BuyPanel","onChangeType","onChangeRarity","onChangeOrder","onChangeNameInput","onChangeMainLevelInput","onChangeSecondaryLevelInput","onChangePriceInput","characterId","enableHotkeys","disableHotkeys","setName","mainLevel","setMainLevel","secondaryLevel","setSecondaryLevel","price","setPrice","buyingItemId","setBuyingItemId","itemsContainer","_itemsContainer$curre","scrollTo","InputWrapper","OptionsWrapper","FilterInputsWrapper","owner","ManagmentPanel","availableGold","selectedItemToSell","onSelectedItemToSellRemove","onAddItemToMarketplace","onMoneyWithdraw","isCreatingOffer","setIsCreatingOffer","removingItemId","setRemovingItemId","InnerOptionsWrapper","SellDescription","__","PriceInputWrapper","AvailableGold","$disabled","_props$styles","_props$styles2","centerContent","CustomTab","BodyContainer","selectedTab","NonDraggableWrapper","PartyRow","charName","charClass","charLevel","playerQty","isInvited","PartyWrapper","partyName","RowsWrapper","PlayersRow","isNotInvited","HighlightedText","Text","PartyManagerRow","leaderId","userId","onRemovePlayer","onChangeLeader","isCurrentUser","canRemove","isLeader","YellowText","NotInParty","mockedPartyRows","mockedPlayersRows2","leader","class","CharacterClass","Druid","members","maxSize","mockedPlayersRows","mockedPartyManager","ProgressBarText","percentageWidth","mobileScale","QuestDraggableContainer","QuestContainer","QuestsContainer","QuestSplitDiv","QuestColumn","Thumbnail","QuestListContainer","QuestCard","QuestItem","NoQuestContainer","formatQuestText","getQuestStatusColor","QuestStatus","Pending","InProgress","formatQuestStatus","RPGUIScrollbar","RPGUIOverrides","_RPGUI","RPGUI","SimpleProgressBar","_ref$bgColor","bgColor","_ref$margin","margin","ProgressBarContainer","BackgroundBar","Progress","toFixed","Tooltip","SkillProgressBar","totalPointsForLevelUp","excessSkillPoints","currentSkillPoints","skillPoints","skillPointsToNextLevel","_ref$showSkillPoints","showSkillPoints","buffAndDebuff","baseSkillPoints","getSPForLevel","formatBuffAndDebuff","skillsBuffsCalc","result","ProgressTitle","BuffAndDebuffContainer","TitleNameContainer","TitleNameBuff","TitleNameBuffContainer","TitleNameDebuff","TitleName","ValueDisplay","ProgressBody","ProgressIconContainer","ProgressBarWrapper","SkillDisplayContainer","SkillPointsDisplay","skillProps","attributes","stamina","magic","magicResistance","combat","first","club","sword","axe","shielding","dagger","crafting","fishing","farming","mining","lumberjacking","blacksmithing","cooking","alchemy","skillNameMap","SkillsDraggableContainer","SkillsContainerDiv","SkillSplitDiv","Divider","DividerLine","whatsAppGroups","socialLinks","discord","reddit","whatsapp","english","pt-BR","español","polski","HeaderImage","MainButtons","WhatsAppButton","DropdownContainer","magicWords","manaCost","requiredItem","castingType","cooldown","maxDistanceGrid","formatSpellCastingType","SpellInfoDisplay","MobileSpellTooltip","MagicTooltip","SpellInfoWrapper","_ref$holdTouchDuratio","holdTouchDuration","touchTimeoutRef","charMana","charMagicLevel","isSettingShortcut","activeCooldown","minMagicLevelRequired","SpellImage","_spell$texturePath","Info","Cost","Stepper","steps","finalCTAButton","onError","_ref$useSideArrows","useSideArrows","currentStep","setCurrentStep","currentComponent","_steps$currentStep","component","totalSteps","onStepChange","_regeneratorRuntime","mark","_callee","_steps$currentStep2","wrap","_context","next","validate","sent","errorMessage","abrupt","t0","stop","_x","renderArrows","leftArrow","rightArrow","StepperContainer","StepperTop","ProgressIndicator","isActive","stepperProgressColor","StepperBodyContainer","StepperBody","StepperFooter","DayNightPeriod","periodOfDay","periodOfDaySrcFiles","_periodOfDaySrcFiles","PeriodOfDay","Morning","Afternoon","Night","GifContainer","WidgetContainer","Time","DayNightContainer","PremiumLabel","accountType","UserAccountTypes","Free","StyledLabel","backgroundColor","PremiumBronze","PremiumSilver","PremiumGold","PremiumUltimate","getBackgroundColor","getShortLabel","TradingItemRow","onQuantityChange","traderItem","selectedQty","isBuy","inputQty","setInputQty","onLeftClick","onRightClick","_traderItem$stackQty2","ItemWrapper","ItemNameContainer","NameValue","capitalize","canBePurchasedOnlyByPremiumPlans","StyledArrow","QuantityInput","_traderItem$stackQty","newQty","ScrollWrapper","GoldInfo","AlertText","ZoomableImage","isZoomed","setIsZoomed","zoomPosition","setZoomPosition","_e$currentTarget$getB","_e$currentTarget$getB2","objectFit","transformOrigin","transition","cursor","TutorialStepper","lessons","onLessonFinish","imageStyle","generateLessons","lesson","LessonContainer","LessonTitle","image","LessonImageWrapper","LessonImage","imageUrl","href","rel","LessonFooter","LessonBody","dangerouslySetInnerHTML","__html","_options$","_options$find","_options$2","_options$find2","BeatLoader","handleSelection","availableCharacters","propertySelectValues","textureKey","selectedSpriteKey","setSelectedSpriteKey","paddingBottom","_ref$initialSelectedS","initialSelectedSkin","initialProperty","prop","FramedGrey","Date","onRenderMessageLines","onRenderChatMessages","_ref$activeTab","_ref$searchCharacterU","_ref$hideSearchCharac","_ref$showSearchCharac","_ref$minimizedByDefau","minimizedByDefault","onDiscordClick","onWhatsAppClick","chatHook","setShowRecentChats","toggleExpand","handleTabChange","useChat","FaDiscord","FaWhatsapp","selectedValues","generateSelectedValuesList","setSelectedValues","_extends2","onActionClick","onCancelClick","mana","spellCooldowns","_useShortcutCooldown","onShortcutClick","buildClassName","classBase","isOnCooldown","variant","onShortcutClickBinded","_shortcuts$i","isOnShortcutCooldown","_shortcuts$i2","_shortcuts$i3","itemsFromEquipment","totalQty","_shortcuts$i4","spellCooldown","_spellCooldowns$paylo","replaceAll","_payload$manaCost","renderShortcut","onSelect","onCraftItem","craftablesItems","savedSelectedType","craftItemKey","setCraftItemKey","setSelectedType","searchTerm","setSearchTerm","isSearchVisible","setIsSearchVisible","isCraftingDisabled","setIsCraftingDisabled","_useLocalStorage","initialValue","localStorage","getItem","parse","storedValue","setStoredValue","valueToStore","Function","setItem","useLocalStorage","pinnedItems","setPinnedItems","setItems","localeCompare","filteredCraftableItems","sortedItems","aIsPinned","bIsPinned","FaThumbtack","FaBoxOpen","maxCraftable","_recipe$ingredients$r","maxPossible","inventoryItem","possibleWithThisIngredient","_inventoryItem$stackQ","calculateMaxCraftable","onClaimGlobalReward","_ref$globalRewardClai","localTasks","claimedTasks","setClaimedTasks","globalRewardClaimedLocal","setGlobalRewardClaimedLocal","handleClaimReward","details","onItemOutsideDrop","equipmentData","neck","leftHand","ring","head","armor","legs","boot","rightHand","accessory","equipmentMaskSlots","ItemSlotType","onRenderEquipmentSlotRange","start","end","equipmentRange","slotMaksRange","ContainerType","friends","onRemoveFriend","onOpenPrivateMessage","onAddFriend","onBackFriendList","isAddFriendUI","setIsAddFriendUI","friend","isOnline","selectedGems","setSelectedGems","selected","handleGemToggle","backgroundImgPath","fullCoverBackground","setImage","fullImg","textImage","textImageSelected","setTextImageSelected","goToPreviousImage","indexOf","goToNextImage","_textImageSelected$te","_textImageSelected$te2","_ref$bestiaryItems","_ref$videoGuides","_ref$items","_ref$loading","loading","_ref$initialSearchQue","setActiveTab","handleClick","imageKey","onChangeRankType","onChangeClassType","skillOptions","onChangeSkillType","classOptions","rankOptions","rankTypeOptions","skillTypeOptions","classTypeOptions","onYourPanelToggle","isYourPanel","setIsYourPanel","onCreate","close","partyRows","playersRows","invitationActionText","sortedMembers","partyRow","_ref$displayText","displayText","_ref$percentageWidth","_ref$minWidth","calculatePercentageValue","quests","buttons","onChangeQuest","questsLength","thumbnail","thumbnailDefault","npcId","quest","_formatQuestStatus","card","_ref$isBlockedCasting","isBlockedCastingByKeyboard","shortcutsRefs","handleKeyDown","shortcutIndex","_shortcutsRefs$curren","timeoutId","_shortcutsRefs$curren2","timeoutIds","images","_ref$autoCycle","autoCycle","_ref$autoCycleDelay","autoCycleDelay","_ref$stopAutoCyclingO","stopAutoCyclingOnInteraction","currentImage","setCurrentImage","autoCycleId","prevImage","hasMoreThanOneImage","onRenderSkillCategory","skillCategory","skillCategoryColor","output","_Object$entries","_Object$entries$_i","skillDetails","experience","getXPForLevel","selectedLanguage","setSelectedLanguage","FaReddit","onInputFocus","onInputBlur","spells","magicLevel","onSpellClick","setSpellShortcut","search","setSearch","spellsToDisplay","toLocaleLowerCase","setShortcut","Fragment","Brown","_ref$isDraggableModal","isDraggableModal","setSelectedTab","TabsCore","Gray","onGetContainerType","TimeClock","traderItems","characterAvailableGold","_useTradingGold","sum","setSum","Map","qtyMap","setQtyMap","hasGoldForSale","getFinalGold","getTradeItems","get","updateQuantity","set","newSum","useTradingGold","tradeItem","_qtyMap$get","Warrior","Sorcerer","Rogue"],"mappings":"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"}