@rpg-engine/long-bow 0.3.71 → 0.3.73
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.
- package/LICENSE +20 -20
- package/README.md +181 -181
- package/dist/components/CraftBook/CraftBook.d.ts +1 -2
- package/dist/components/Item/Cards/ItemTooltip.d.ts +4 -7
- package/dist/components/Item/Inventory/ItemContainer.d.ts +1 -2
- package/dist/components/Item/Inventory/ItemSlot.d.ts +1 -4
- package/dist/components/TradingMenu/TradingItemRow.d.ts +1 -2
- package/dist/components/TradingMenu/TradingMenu.d.ts +3 -4
- package/dist/components/shared/SpriteFromAtlas.d.ts +0 -1
- package/dist/long-bow.cjs.development.js +958 -1225
- package/dist/long-bow.cjs.development.js.map +1 -1
- package/dist/long-bow.cjs.production.min.js +1 -1
- package/dist/long-bow.cjs.production.min.js.map +1 -1
- package/dist/long-bow.esm.js +961 -1226
- package/dist/long-bow.esm.js.map +1 -1
- package/dist/stories/TradingMenu.stories.d.ts +2 -2
- package/package.json +100 -100
- package/src/components/Abstractions/SlotsContainer.tsx +45 -45
- package/src/components/Arrow/SelectArrow.tsx +69 -69
- package/src/components/Arrow/img/arrow01-left-clicked.png +0 -0
- package/src/components/Arrow/img/arrow01-left.png +0 -0
- package/src/components/Arrow/img/arrow01-right-clicked.png +0 -0
- package/src/components/Arrow/img/arrow01-right.png +0 -0
- package/src/components/Arrow/img/arrow02-left-clicked.png +0 -0
- package/src/components/Arrow/img/arrow02-left.png +0 -0
- package/src/components/Arrow/img/arrow02-right-clicked.png +0 -0
- package/src/components/Arrow/img/arrow02-right.png +0 -0
- package/src/components/Button.tsx +40 -40
- package/src/components/Character/CharacterSelection.tsx +96 -96
- package/src/components/CharacterStatus/CharacterStatus.tsx +120 -120
- package/src/components/Chat/Chat.tsx +195 -195
- package/src/components/Chatdeprecated/ChatDeprecated.tsx +198 -198
- package/src/components/CheckButton.tsx +65 -65
- package/src/components/CircularController/CircularController.tsx +248 -248
- package/src/components/CraftBook/CraftBook.tsx +227 -237
- package/src/components/CraftBook/MockItems.ts +251 -41
- package/src/components/DraggableContainer.tsx +153 -153
- package/src/components/Dropdown.tsx +90 -90
- package/src/components/DropdownSelectorContainer.tsx +42 -42
- package/src/components/Equipment/EquipmentSet.tsx +190 -190
- package/src/components/HistoryDialog.tsx +104 -104
- package/src/components/Input.tsx +15 -15
- package/src/components/Item/Cards/ItemTooltip.tsx +33 -85
- package/src/components/Item/Inventory/ErrorBoundary.tsx +42 -42
- package/src/components/Item/Inventory/ItemContainer.tsx +210 -214
- package/src/components/Item/Inventory/ItemContainerTypes.ts +6 -6
- package/src/components/Item/Inventory/ItemQuantitySelector.tsx +138 -138
- package/src/components/Item/Inventory/ItemSlot.tsx +501 -512
- package/src/components/Item/Inventory/itemContainerHelper.ts +156 -156
- package/src/components/ListMenu.tsx +63 -63
- package/src/components/Multitab/Tab.tsx +66 -66
- package/src/components/Multitab/TabBody.tsx +13 -13
- package/src/components/Multitab/TabsContainer.tsx +97 -97
- package/src/components/NPCDialog/NPCDialog.tsx +121 -121
- package/src/components/NPCDialog/NPCDialogText.tsx +113 -113
- package/src/components/NPCDialog/NPCMultiDialog.tsx +159 -159
- package/src/components/NPCDialog/QuestionDialog/QuestionDialog.tsx +237 -237
- package/src/components/ProgressBar.tsx +92 -92
- package/src/components/PropertySelect/PropertySelect.tsx +106 -106
- package/src/components/QuestInfo/QuestInfo.tsx +230 -230
- package/src/components/QuestList.tsx +129 -129
- package/src/components/RPGUIContainer.tsx +47 -47
- package/src/components/RPGUIForceRenderStart.tsx +45 -45
- package/src/components/RPGUIRoot.tsx +14 -14
- package/src/components/RadioButton.tsx +53 -53
- package/src/components/RadioInput/RadioButton.tsx +96 -96
- package/src/components/RadioInput/RadioInput.tsx +102 -102
- package/src/components/RadioInput/instruments.ts +15 -15
- package/src/components/RangeSlider.tsx +78 -78
- package/src/components/RelativeListMenu.tsx +83 -83
- package/src/components/ScrollList.tsx +79 -79
- package/src/components/Shortcuts/Shortcuts.tsx +151 -151
- package/src/components/Shortcuts/ShortcutsSetter.tsx +132 -132
- package/src/components/Shortcuts/SingleShortcut.ts +62 -62
- package/src/components/SimpleProgressBar.tsx +62 -62
- package/src/components/SkillProgressBar.tsx +133 -133
- package/src/components/SkillsContainer.tsx +200 -198
- package/src/components/Spellbook/Spell.tsx +201 -201
- package/src/components/Spellbook/Spellbook.tsx +150 -150
- package/src/components/Spellbook/constants.ts +8 -8
- package/src/components/Spellbook/mockSpells.ts +60 -60
- package/src/components/StaticBook/StaticBook.tsx +103 -103
- package/src/components/TextArea.tsx +11 -11
- package/src/components/TimeWidget/DayNightPeriod/DayNightPeriod.tsx +35 -35
- package/src/components/TimeWidget/TimeWidget.tsx +63 -63
- package/src/components/TradingMenu/TradingItemRow.tsx +181 -195
- package/src/components/TradingMenu/TradingMenu.tsx +203 -211
- package/src/components/TradingMenu/items.mock.ts +96 -48
- package/src/components/Truncate.tsx +25 -25
- package/src/components/itemSelector/ItemSelector.tsx +136 -136
- package/src/components/shared/Column.tsx +16 -16
- package/src/components/shared/Ellipsis.tsx +65 -65
- package/src/components/shared/SpriteFromAtlas.tsx +102 -104
- package/src/components/typography/DynamicText.tsx +49 -49
- package/src/constants/uiColors.ts +20 -20
- package/src/constants/uiDevices.ts +3 -3
- package/src/constants/uiFonts.ts +12 -12
- package/src/hooks/useEventListener.ts +21 -21
- package/src/hooks/useOutsideAlerter.ts +25 -25
- package/src/index.tsx +40 -40
- package/src/libs/StringHelpers.ts +3 -3
- package/src/mocks/atlas/entities/entities.json +20215 -20215
- package/src/mocks/atlas/icons/icons.json +735 -735
- package/src/mocks/atlas/items/items.json +12086 -12086
- package/src/mocks/equipmentSet.mocks.ts +393 -391
- package/src/mocks/itemContainer.mocks.ts +562 -563
- package/src/mocks/skills.mocks.ts +128 -128
- package/src/stories/Arrow.stories.tsx +26 -26
- package/src/stories/Button.stories.tsx +36 -36
- package/src/stories/CharacterSelection.stories.tsx +45 -45
- package/src/stories/CharacterStatus.stories.tsx +29 -29
- package/src/stories/Chat.stories.tsx +187 -187
- package/src/stories/ChatDeprecated.stories.tsx +170 -170
- package/src/stories/CheckButton.stories.tsx +48 -48
- package/src/stories/CircullarController.stories.tsx +37 -37
- package/src/stories/CraftBook.stories.tsx +40 -42
- package/src/stories/DayNightPeriod.stories.tsx +27 -27
- package/src/stories/DraggableContainer.stories.tsx +28 -28
- package/src/stories/Dropdown.stories.tsx +46 -46
- package/src/stories/DropdownSelectorContainer.stories.tsx +41 -41
- package/src/stories/EquipmentSet.stories.tsx +65 -65
- package/src/stories/HistoryDialog.stories.tsx +61 -61
- package/src/stories/ItemContainer.stories.tsx +198 -200
- package/src/stories/ItemQuantitySelector.stories.tsx +26 -26
- package/src/stories/ItemSelector.stories.tsx +77 -77
- package/src/stories/ItemTradingComponent.stories.tsx +35 -35
- package/src/stories/ListMenu.stories.tsx +56 -56
- package/src/stories/Multitab.stories.tsx +51 -51
- package/src/stories/NPCDialog.stories.tsx +130 -130
- package/src/stories/NPCMultiDialog.stories.tsx +71 -71
- package/src/stories/ProgressBar.stories.tsx +23 -23
- package/src/stories/PropertySelect.stories.tsx +40 -40
- package/src/stories/QuestInfo.stories.tsx +107 -107
- package/src/stories/QuestList.stories.tsx +82 -82
- package/src/stories/RPGUIContainers.stories.tsx +42 -42
- package/src/stories/RadioButton.stories.tsx +49 -49
- package/src/stories/RadioInput.stories.tsx +34 -34
- package/src/stories/RangeSlider.stories.tsx +64 -64
- package/src/stories/ScrollList.stories.tsx +85 -85
- package/src/stories/Shortcuts.stories.tsx +39 -39
- package/src/stories/SimpleProgressBar.stories.tsx +22 -22
- package/src/stories/SkillProgressBar.stories.tsx +34 -34
- package/src/stories/SkillsContainer.stories.tsx +35 -35
- package/src/stories/Spellbook.stories.tsx +104 -104
- package/src/stories/StaticBook.stories.tsx +32 -32
- package/src/stories/Text.stories.tsx +42 -42
- package/src/stories/TimeWidget.stories.tsx +27 -27
- package/src/stories/TradingMenu.stories.tsx +45 -47
- package/src/types/eventTypes.ts +4 -4
- package/src/types/index.d.ts +2 -2
- package/dist/components/Item/Cards/ItemInfo.d.ts +0 -10
- package/dist/components/Item/Cards/ItemInfoDisplay.d.ts +0 -9
- package/dist/components/Item/Cards/ItemInfoWrapper.d.ts +0 -11
- package/dist/stories/ItemInfoDisplay.stories.d.ts +0 -8
- package/src/components/Item/Cards/ItemInfo.tsx +0 -248
- package/src/components/Item/Cards/ItemInfoDisplay.tsx +0 -120
- package/src/components/Item/Cards/ItemInfoWrapper.tsx +0 -39
- package/src/stories/ItemInfoDisplay.stories.tsx +0 -33
|
@@ -13,7 +13,6 @@ var reactErrorBoundary = require('react-error-boundary');
|
|
|
13
13
|
var rx = require('react-icons/rx');
|
|
14
14
|
var Draggable = _interopDefault(require('react-draggable'));
|
|
15
15
|
var uuid = require('uuid');
|
|
16
|
-
var lodash = require('lodash');
|
|
17
16
|
var mobxReactLite = require('mobx-react-lite');
|
|
18
17
|
require('rpgui/rpgui.min.css');
|
|
19
18
|
require('rpgui/rpgui.min.js');
|
|
@@ -114,8 +113,7 @@ var SpriteFromAtlas = function SpriteFromAtlas(_ref) {
|
|
|
114
113
|
_ref$grayScale = _ref.grayScale,
|
|
115
114
|
grayScale = _ref$grayScale === void 0 ? false : _ref$grayScale,
|
|
116
115
|
_ref$opacity = _ref.opacity,
|
|
117
|
-
opacity = _ref$opacity === void 0 ? 1 : _ref$opacity
|
|
118
|
-
imgClassname = _ref.imgClassname;
|
|
116
|
+
opacity = _ref$opacity === void 0 ? 1 : _ref$opacity;
|
|
119
117
|
//! 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).
|
|
120
118
|
//!Due to React's limitations, we cannot import it from the public folder directly!
|
|
121
119
|
var spriteData = atlasJSON.frames[spriteKey] || atlasJSON.frames['others/no-image.png'];
|
|
@@ -127,7 +125,7 @@ var SpriteFromAtlas = function SpriteFromAtlas(_ref) {
|
|
|
127
125
|
onPointerDown: onPointerDown,
|
|
128
126
|
style: containerStyle
|
|
129
127
|
}, React__default.createElement(ImgSprite, {
|
|
130
|
-
className: "sprite-from-atlas-img
|
|
128
|
+
className: "sprite-from-atlas-img",
|
|
131
129
|
atlasIMG: atlasIMG,
|
|
132
130
|
frame: spriteData.frame,
|
|
133
131
|
scale: imgScale,
|
|
@@ -33363,6 +33361,202 @@ var DropdownOptions = /*#__PURE__*/styled.ul.withConfig({
|
|
|
33363
33361
|
return props.opened ? 'block' : 'none';
|
|
33364
33362
|
});
|
|
33365
33363
|
|
|
33364
|
+
var CraftBook = function CraftBook(_ref) {
|
|
33365
|
+
var atlasIMG = _ref.atlasIMG,
|
|
33366
|
+
atlasJSON = _ref.atlasJSON,
|
|
33367
|
+
onClose = _ref.onClose,
|
|
33368
|
+
onSelect = _ref.onSelect,
|
|
33369
|
+
onCraftItem = _ref.onCraftItem,
|
|
33370
|
+
craftablesItems = _ref.craftablesItems;
|
|
33371
|
+
var optionsId = 0;
|
|
33372
|
+
var _useState = React.useState({
|
|
33373
|
+
show: false,
|
|
33374
|
+
index: 200
|
|
33375
|
+
}),
|
|
33376
|
+
isShown = _useState[0],
|
|
33377
|
+
setIsShown = _useState[1];
|
|
33378
|
+
var _useState2 = React.useState(),
|
|
33379
|
+
craftItem = _useState2[0],
|
|
33380
|
+
setCraftItem = _useState2[1];
|
|
33381
|
+
var getDropdownOptions = function getDropdownOptions() {
|
|
33382
|
+
var options = [];
|
|
33383
|
+
Object.keys(shared.ItemSubType).forEach(function (key) {
|
|
33384
|
+
if (key === 'DeadBody') {
|
|
33385
|
+
return; // we can't craft crafting resouces...
|
|
33386
|
+
}
|
|
33387
|
+
|
|
33388
|
+
options.push({
|
|
33389
|
+
id: optionsId,
|
|
33390
|
+
value: key,
|
|
33391
|
+
option: key
|
|
33392
|
+
});
|
|
33393
|
+
optionsId += 1;
|
|
33394
|
+
});
|
|
33395
|
+
return options;
|
|
33396
|
+
};
|
|
33397
|
+
var modifyString = function modifyString(str) {
|
|
33398
|
+
// Split the string by "/" and "."
|
|
33399
|
+
var parts = str.split('/');
|
|
33400
|
+
var fileName = parts[parts.length - 1];
|
|
33401
|
+
parts = fileName.split('.');
|
|
33402
|
+
var name = parts[0];
|
|
33403
|
+
// Replace all occurrences of "-" with " "
|
|
33404
|
+
name = name.replace(/-/g, ' ');
|
|
33405
|
+
// Uppercase the first word
|
|
33406
|
+
var words = name.split(' ');
|
|
33407
|
+
var firstWord = words[0].slice(0, 1).toUpperCase() + words[0].slice(1);
|
|
33408
|
+
var modifiedWords = [firstWord].concat(words.slice(1));
|
|
33409
|
+
name = modifiedWords.join(' ');
|
|
33410
|
+
return name;
|
|
33411
|
+
};
|
|
33412
|
+
var handleClick = function handleClick(value) {
|
|
33413
|
+
setCraftItem(value);
|
|
33414
|
+
};
|
|
33415
|
+
return React__default.createElement(DraggableContainer, {
|
|
33416
|
+
type: exports.RPGUIContainerTypes.Framed,
|
|
33417
|
+
width: "500px",
|
|
33418
|
+
cancelDrag: ".inputRadioCraftBook",
|
|
33419
|
+
onCloseButton: function onCloseButton() {
|
|
33420
|
+
if (onClose) {
|
|
33421
|
+
onClose();
|
|
33422
|
+
}
|
|
33423
|
+
}
|
|
33424
|
+
}, React__default.createElement("div", {
|
|
33425
|
+
style: {
|
|
33426
|
+
width: '100%'
|
|
33427
|
+
}
|
|
33428
|
+
}, React__default.createElement(Title$1, null, 'Craftbook'), React__default.createElement(Subtitle, null, 'Select an item to craft'), React__default.createElement("hr", {
|
|
33429
|
+
className: "golden"
|
|
33430
|
+
})), React__default.createElement(Dropdown, {
|
|
33431
|
+
options: getDropdownOptions(),
|
|
33432
|
+
onChange: function onChange(value) {
|
|
33433
|
+
return onSelect(value);
|
|
33434
|
+
}
|
|
33435
|
+
}), React__default.createElement(RadioInputScroller, {
|
|
33436
|
+
className: "inputRadioCraftBook"
|
|
33437
|
+
}, craftablesItems == null ? void 0 : craftablesItems.map(function (option, index) {
|
|
33438
|
+
return React__default.createElement(RadioOptionsWrapper, {
|
|
33439
|
+
key: index
|
|
33440
|
+
}, React__default.createElement(SpriteAtlasWrapper, null, React__default.createElement(SpriteFromAtlas, {
|
|
33441
|
+
atlasIMG: atlasIMG,
|
|
33442
|
+
atlasJSON: atlasJSON,
|
|
33443
|
+
spriteKey: option.texturePath,
|
|
33444
|
+
imgScale: 3,
|
|
33445
|
+
grayScale: !option.canCraft
|
|
33446
|
+
})), React__default.createElement("div", null, React__default.createElement("div", {
|
|
33447
|
+
onPointerDown: function onPointerDown() {
|
|
33448
|
+
return handleClick(option.key);
|
|
33449
|
+
}
|
|
33450
|
+
}, React__default.createElement("input", {
|
|
33451
|
+
className: "rpgui-radio",
|
|
33452
|
+
type: "radio",
|
|
33453
|
+
value: option.name,
|
|
33454
|
+
name: "test",
|
|
33455
|
+
disabled: !option.canCraft,
|
|
33456
|
+
checked: craftItem === option.key,
|
|
33457
|
+
onChange: function onChange() {
|
|
33458
|
+
return handleClick(option.key);
|
|
33459
|
+
}
|
|
33460
|
+
}), React__default.createElement("label", {
|
|
33461
|
+
onPointerDown: function onPointerDown() {
|
|
33462
|
+
handleClick(option.key);
|
|
33463
|
+
},
|
|
33464
|
+
onTouchEnd: function onTouchEnd() {
|
|
33465
|
+
setIsShown({
|
|
33466
|
+
show: true,
|
|
33467
|
+
index: index
|
|
33468
|
+
});
|
|
33469
|
+
},
|
|
33470
|
+
style: {
|
|
33471
|
+
display: 'flex',
|
|
33472
|
+
alignItems: 'center'
|
|
33473
|
+
},
|
|
33474
|
+
onMouseEnter: function onMouseEnter() {
|
|
33475
|
+
return setIsShown({
|
|
33476
|
+
show: true,
|
|
33477
|
+
index: index
|
|
33478
|
+
});
|
|
33479
|
+
},
|
|
33480
|
+
onMouseLeave: function onMouseLeave() {
|
|
33481
|
+
return setIsShown({
|
|
33482
|
+
show: false,
|
|
33483
|
+
index: index
|
|
33484
|
+
});
|
|
33485
|
+
}
|
|
33486
|
+
}, modifyString(option.name))), isShown && isShown.index === index && option.ingredients.map(function (option, index) {
|
|
33487
|
+
return React__default.createElement(Recipes, {
|
|
33488
|
+
key: index
|
|
33489
|
+
}, React__default.createElement(SpriteFromAtlas, {
|
|
33490
|
+
atlasIMG: atlasIMG,
|
|
33491
|
+
atlasJSON: atlasJSON,
|
|
33492
|
+
spriteKey: option.texturePath,
|
|
33493
|
+
imgScale: 1
|
|
33494
|
+
}), React__default.createElement(StyledItem, null, modifyString(option.key), " (", option.qty, "x)"));
|
|
33495
|
+
})));
|
|
33496
|
+
})), React__default.createElement(ButtonWrapper, null, React__default.createElement(Button, {
|
|
33497
|
+
buttonType: exports.ButtonTypes.RPGUIButton,
|
|
33498
|
+
onPointerDown: onClose
|
|
33499
|
+
}, "Cancel"), React__default.createElement(Button, {
|
|
33500
|
+
buttonType: exports.ButtonTypes.RPGUIButton,
|
|
33501
|
+
onPointerDown: function onPointerDown() {
|
|
33502
|
+
return onCraftItem(craftItem);
|
|
33503
|
+
}
|
|
33504
|
+
}, "Craft")));
|
|
33505
|
+
};
|
|
33506
|
+
var StyledItem = /*#__PURE__*/styled.div.withConfig({
|
|
33507
|
+
displayName: "CraftBook__StyledItem",
|
|
33508
|
+
componentId: "sc-19q95ue-0"
|
|
33509
|
+
})(["margin-left:10px;"]);
|
|
33510
|
+
var Recipes = /*#__PURE__*/styled.div.withConfig({
|
|
33511
|
+
displayName: "CraftBook__Recipes",
|
|
33512
|
+
componentId: "sc-19q95ue-1"
|
|
33513
|
+
})(["font-size:0.6rem;color:yellow !important;margin-bottom:3px;display:flex;align-items:center;.sprite-from-atlas-img{top:0px;left:0px;}"]);
|
|
33514
|
+
var Title$1 = /*#__PURE__*/styled.h1.withConfig({
|
|
33515
|
+
displayName: "CraftBook__Title",
|
|
33516
|
+
componentId: "sc-19q95ue-2"
|
|
33517
|
+
})(["font-size:0.6rem;color:yellow !important;"]);
|
|
33518
|
+
var Subtitle = /*#__PURE__*/styled.h1.withConfig({
|
|
33519
|
+
displayName: "CraftBook__Subtitle",
|
|
33520
|
+
componentId: "sc-19q95ue-3"
|
|
33521
|
+
})(["font-size:0.4rem;color:yellow !important;"]);
|
|
33522
|
+
var RadioInputScroller = /*#__PURE__*/styled.div.withConfig({
|
|
33523
|
+
displayName: "CraftBook__RadioInputScroller",
|
|
33524
|
+
componentId: "sc-19q95ue-4"
|
|
33525
|
+
})(["padding-left:15px;padding-top:10px;width:100%;margin-top:1rem;align-items:center;margin-left:20px;align-items:flex-start;overflow-y:scroll;height:360px;-webkit-overflow-scrolling:touch;"]);
|
|
33526
|
+
var SpriteAtlasWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
33527
|
+
displayName: "CraftBook__SpriteAtlasWrapper",
|
|
33528
|
+
componentId: "sc-19q95ue-5"
|
|
33529
|
+
})(["margin-right:40px;"]);
|
|
33530
|
+
var RadioOptionsWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
33531
|
+
displayName: "CraftBook__RadioOptionsWrapper",
|
|
33532
|
+
componentId: "sc-19q95ue-6"
|
|
33533
|
+
})(["display:flex;align-items:stretch;margin-bottom:40px;"]);
|
|
33534
|
+
var ButtonWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
33535
|
+
displayName: "CraftBook__ButtonWrapper",
|
|
33536
|
+
componentId: "sc-19q95ue-7"
|
|
33537
|
+
})(["display:flex;justify-content:space-around;padding-top:20px;width:100%;"]);
|
|
33538
|
+
|
|
33539
|
+
var DropdownSelectorContainer = function DropdownSelectorContainer(_ref) {
|
|
33540
|
+
var title = _ref.title,
|
|
33541
|
+
onChange = _ref.onChange,
|
|
33542
|
+
options = _ref.options,
|
|
33543
|
+
details = _ref.details;
|
|
33544
|
+
return React__default.createElement("div", null, React__default.createElement("p", null, title), React__default.createElement(Dropdown, {
|
|
33545
|
+
options: options.map(function (option, index) {
|
|
33546
|
+
return {
|
|
33547
|
+
option: option.name,
|
|
33548
|
+
value: option.id,
|
|
33549
|
+
id: index
|
|
33550
|
+
};
|
|
33551
|
+
}),
|
|
33552
|
+
onChange: onChange
|
|
33553
|
+
}), React__default.createElement(Details, null, details));
|
|
33554
|
+
};
|
|
33555
|
+
var Details = /*#__PURE__*/styled.p.withConfig({
|
|
33556
|
+
displayName: "DropdownSelectorContainer__Details",
|
|
33557
|
+
componentId: "sc-kaa0h9-0"
|
|
33558
|
+
})(["font-size:", " !important;"], uiFonts.size.xsmall);
|
|
33559
|
+
|
|
33366
33560
|
var RelativeListMenu = function RelativeListMenu(_ref) {
|
|
33367
33561
|
var options = _ref.options,
|
|
33368
33562
|
onSelected = _ref.onSelected,
|
|
@@ -33412,6 +33606,15 @@ var ListElement = /*#__PURE__*/styled.li.withConfig({
|
|
|
33412
33606
|
componentId: "sc-7hohf-1"
|
|
33413
33607
|
})(["margin-right:0.5rem;"]);
|
|
33414
33608
|
|
|
33609
|
+
var ItemTooltip = function ItemTooltip(_ref) {
|
|
33610
|
+
var label = _ref.label;
|
|
33611
|
+
return React__default.createElement(Container$9, null, React__default.createElement("div", null, label));
|
|
33612
|
+
};
|
|
33613
|
+
var Container$9 = /*#__PURE__*/styled.div.withConfig({
|
|
33614
|
+
displayName: "ItemTooltip__Container",
|
|
33615
|
+
componentId: "sc-11d9r7x-0"
|
|
33616
|
+
})(["z-index:2;position:absolute;top:1rem;left:4rem;font-size:", ";color:white;background-color:black;border-radius:5px;padding:0.5rem;min-width:20px;width:100%;text-align:center;opacity:0.75;"], uiFonts.size.xxsmall);
|
|
33617
|
+
|
|
33415
33618
|
var generateContextMenuListOptions = function generateContextMenuListOptions(actionsByTypeList) {
|
|
33416
33619
|
var contextMenu = actionsByTypeList.map(function (action) {
|
|
33417
33620
|
return {
|
|
@@ -33546,8 +33749,7 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
|
|
|
33546
33749
|
openQuantitySelector = _ref.openQuantitySelector,
|
|
33547
33750
|
checkIfItemShouldDragEnd = _ref.checkIfItemShouldDragEnd,
|
|
33548
33751
|
dragScale = _ref.dragScale,
|
|
33549
|
-
isSelectingShortcut = _ref.isSelectingShortcut
|
|
33550
|
-
equipmentSet = _ref.equipmentSet;
|
|
33752
|
+
isSelectingShortcut = _ref.isSelectingShortcut;
|
|
33551
33753
|
var _useState = React.useState(false),
|
|
33552
33754
|
isTooltipVisible = _useState[0],
|
|
33553
33755
|
setTooltipVisible = _useState[1];
|
|
@@ -33621,8 +33823,7 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
|
|
|
33621
33823
|
texturePath: itemToRender.texturePath,
|
|
33622
33824
|
stackQty: itemToRender.stackQty || 1
|
|
33623
33825
|
}, atlasJSON),
|
|
33624
|
-
imgScale: 3
|
|
33625
|
-
imgClassname: "sprite-from-atlas-img--item"
|
|
33826
|
+
imgScale: 3
|
|
33626
33827
|
})));
|
|
33627
33828
|
}
|
|
33628
33829
|
var stackInfo = getStackInfo((_itemToRender$_id = itemToRender == null ? void 0 : itemToRender._id) != null ? _itemToRender$_id : '', (_itemToRender$stackQt = itemToRender == null ? void 0 : itemToRender.stackQty) != null ? _itemToRender$stackQt : 0);
|
|
@@ -33647,8 +33848,7 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
|
|
|
33647
33848
|
texturePath: itemToRender.texturePath,
|
|
33648
33849
|
stackQty: itemToRender.stackQty || 1
|
|
33649
33850
|
}, atlasJSON),
|
|
33650
|
-
imgScale: 3
|
|
33651
|
-
imgClassname: "sprite-from-atlas-img--item"
|
|
33851
|
+
imgScale: 3
|
|
33652
33852
|
})));
|
|
33653
33853
|
var stackInfo = getStackInfo((_itemToRender$_id2 = itemToRender == null ? void 0 : itemToRender._id) != null ? _itemToRender$_id2 : '', (_itemToRender$stackQt2 = itemToRender == null ? void 0 : itemToRender.stackQty) != null ? _itemToRender$stackQt2 : 0);
|
|
33654
33854
|
if (stackInfo) {
|
|
@@ -33665,8 +33865,7 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
|
|
|
33665
33865
|
spriteKey: EquipmentSlotSpriteByType[slotSpriteMask],
|
|
33666
33866
|
imgScale: 3,
|
|
33667
33867
|
grayScale: true,
|
|
33668
|
-
opacity: 0.4
|
|
33669
|
-
imgClassname: "sprite-from-atlas-img--item"
|
|
33868
|
+
opacity: 0.4
|
|
33670
33869
|
}));
|
|
33671
33870
|
}
|
|
33672
33871
|
};
|
|
@@ -33696,7 +33895,7 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
|
|
|
33696
33895
|
onDragEnd(quantity);
|
|
33697
33896
|
}
|
|
33698
33897
|
};
|
|
33699
|
-
return React__default.createElement(Container$
|
|
33898
|
+
return React__default.createElement(Container$a, {
|
|
33700
33899
|
item: item,
|
|
33701
33900
|
className: "rpgui-icon empty-slot",
|
|
33702
33901
|
onMouseUp: function onMouseUp() {
|
|
@@ -33795,10 +33994,7 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
|
|
|
33795
33994
|
setTooltipVisible(false);
|
|
33796
33995
|
}
|
|
33797
33996
|
}, onRenderSlot(item))), isTooltipVisible && item && !isFocused && React__default.createElement(ItemTooltip, {
|
|
33798
|
-
|
|
33799
|
-
atlasIMG: atlasIMG,
|
|
33800
|
-
atlasJSON: atlasJSON,
|
|
33801
|
-
equipmentSet: equipmentSet
|
|
33997
|
+
label: item.name
|
|
33802
33998
|
}), !isContextMenuDisabled && isContextMenuVisible && contextActions && React__default.createElement(RelativeListMenu, {
|
|
33803
33999
|
options: contextActions,
|
|
33804
34000
|
onSelected: function onSelected(optionId) {
|
|
@@ -33823,13 +34019,13 @@ var rarityColor = function rarityColor(item) {
|
|
|
33823
34019
|
case shared.ItemRarities.Legendary:
|
|
33824
34020
|
return 'rgba(255, 191, 0,0.6)';
|
|
33825
34021
|
default:
|
|
33826
|
-
return
|
|
34022
|
+
return 'unset';
|
|
33827
34023
|
}
|
|
33828
34024
|
};
|
|
33829
|
-
var Container$
|
|
34025
|
+
var Container$a = /*#__PURE__*/styled.div.withConfig({
|
|
33830
34026
|
displayName: "ItemSlot__Container",
|
|
33831
34027
|
componentId: "sc-l2j5ef-0"
|
|
33832
|
-
})(["margin:0.1rem;.sprite-from-atlas-img
|
|
34028
|
+
})(["margin:0.1rem;.sprite-from-atlas-img{position:relative;top:1.5rem;left:1.5rem;border-color:", ";box-shadow:", " inset,", ";}position:relative;&::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-radius:12px;pointer-events:none;animation:", ";@keyframes bg-color-change{0%{background-color:rgba(255 255 255 / 0.5);}50%{background-color:transparent;}100%{background-color:rgba(255 255 255 / 0.5);}}}"], function (_ref2) {
|
|
33833
34029
|
var item = _ref2.item;
|
|
33834
34030
|
return rarityColor(item);
|
|
33835
34031
|
}, function (_ref3) {
|
|
@@ -33857,459 +34053,6 @@ var ItemQty = /*#__PURE__*/styled.span.withConfig({
|
|
|
33857
34053
|
componentId: "sc-l2j5ef-3"
|
|
33858
34054
|
})(["&.regular{font-size:", ";}&.small{font-size:", ";}&.xsmall{font-size:", ";}"], uiFonts.size.small, uiFonts.size.xsmall, uiFonts.size.xxsmall);
|
|
33859
34055
|
|
|
33860
|
-
var statisticsToDisplay = [{
|
|
33861
|
-
key: 'attack'
|
|
33862
|
-
}, {
|
|
33863
|
-
key: 'defense'
|
|
33864
|
-
}, {
|
|
33865
|
-
key: 'maxRange',
|
|
33866
|
-
label: 'Range'
|
|
33867
|
-
}, {
|
|
33868
|
-
key: 'weight',
|
|
33869
|
-
higherIsWorse: true
|
|
33870
|
-
}];
|
|
33871
|
-
var ItemInfo = function ItemInfo(_ref) {
|
|
33872
|
-
var _item$stackQty;
|
|
33873
|
-
var item = _ref.item,
|
|
33874
|
-
itemToCompare = _ref.itemToCompare,
|
|
33875
|
-
atlasIMG = _ref.atlasIMG,
|
|
33876
|
-
atlasJSON = _ref.atlasJSON;
|
|
33877
|
-
var renderStatistics = function renderStatistics() {
|
|
33878
|
-
var statistics = [];
|
|
33879
|
-
for (var _i = 0, _statisticsToDisplay = statisticsToDisplay; _i < _statisticsToDisplay.length; _i++) {
|
|
33880
|
-
var stat = _statisticsToDisplay[_i];
|
|
33881
|
-
var itemStatistic = item[stat.key];
|
|
33882
|
-
if (itemStatistic) {
|
|
33883
|
-
var _itemToCompare$stat$k, _itemToCompare$stat$k2;
|
|
33884
|
-
var label = stat.label || stat.key[0].toUpperCase() + stat.key.slice(1);
|
|
33885
|
-
var isItemToCompare = !!itemToCompare;
|
|
33886
|
-
var isOnlyInOneItem = isItemToCompare && !(itemToCompare != null && itemToCompare[stat.key]);
|
|
33887
|
-
var statDiff = parseInt(itemStatistic.toString()) - parseInt((_itemToCompare$stat$k = itemToCompare == null ? void 0 : (_itemToCompare$stat$k2 = itemToCompare[stat.key]) == null ? void 0 : _itemToCompare$stat$k2.toString()) != null ? _itemToCompare$stat$k : '0');
|
|
33888
|
-
var isDifference = isItemToCompare && statDiff !== 0;
|
|
33889
|
-
var isBetter = statDiff > 0 && !stat.higherIsWorse || statDiff < 0 && stat.higherIsWorse;
|
|
33890
|
-
statistics.push(React__default.createElement(Statistic, {
|
|
33891
|
-
key: stat.key,
|
|
33892
|
-
className: isOnlyInOneItem ? 'better' : ''
|
|
33893
|
-
}, React__default.createElement("div", {
|
|
33894
|
-
className: "label"
|
|
33895
|
-
}, label, ":"), React__default.createElement("div", {
|
|
33896
|
-
className: "value " + (isDifference ? isBetter ? 'better' : 'worse' : '')
|
|
33897
|
-
}, itemStatistic.toString() + " " + (isDifference ? "(" + (statDiff > 0 ? '+' : '') + statDiff + ")" : ''))));
|
|
33898
|
-
}
|
|
33899
|
-
}
|
|
33900
|
-
return statistics;
|
|
33901
|
-
};
|
|
33902
|
-
var renderMissingStatistic = function renderMissingStatistic() {
|
|
33903
|
-
var statistics = [];
|
|
33904
|
-
for (var _i2 = 0, _statisticsToDisplay2 = statisticsToDisplay; _i2 < _statisticsToDisplay2.length; _i2++) {
|
|
33905
|
-
var stat = _statisticsToDisplay2[_i2];
|
|
33906
|
-
var itemToCompareStatistic = itemToCompare == null ? void 0 : itemToCompare[stat.key];
|
|
33907
|
-
if (itemToCompareStatistic && !item[stat.key]) {
|
|
33908
|
-
var label = stat.label || stat.key[0].toUpperCase() + stat.key.slice(1);
|
|
33909
|
-
statistics.push(React__default.createElement(Statistic, {
|
|
33910
|
-
key: stat.key,
|
|
33911
|
-
className: "worse"
|
|
33912
|
-
}, React__default.createElement("div", {
|
|
33913
|
-
className: "label"
|
|
33914
|
-
}, label, ":"), React__default.createElement("div", {
|
|
33915
|
-
className: "value worse"
|
|
33916
|
-
}, itemToCompareStatistic.toString())));
|
|
33917
|
-
}
|
|
33918
|
-
}
|
|
33919
|
-
return statistics;
|
|
33920
|
-
};
|
|
33921
|
-
var renderAvaibleSlots = function renderAvaibleSlots() {
|
|
33922
|
-
if (!item.allowedEquipSlotType) return null;
|
|
33923
|
-
return item.allowedEquipSlotType.map(function (slotType, index) {
|
|
33924
|
-
return React__default.createElement(ErrorBoundary, {
|
|
33925
|
-
key: index
|
|
33926
|
-
}, React__default.createElement(SpriteFromAtlas, {
|
|
33927
|
-
atlasIMG: atlasIMG,
|
|
33928
|
-
atlasJSON: atlasJSON,
|
|
33929
|
-
spriteKey: EquipmentSlotSpriteByType[slotType],
|
|
33930
|
-
imgScale: 2,
|
|
33931
|
-
grayScale: true,
|
|
33932
|
-
opacity: 0.4,
|
|
33933
|
-
containerStyle: {
|
|
33934
|
-
width: '32px',
|
|
33935
|
-
height: '32px'
|
|
33936
|
-
}
|
|
33937
|
-
}));
|
|
33938
|
-
});
|
|
33939
|
-
};
|
|
33940
|
-
return React__default.createElement(Container$a, {
|
|
33941
|
-
item: item
|
|
33942
|
-
}, React__default.createElement(Header, null, React__default.createElement("div", null, React__default.createElement(Title$1, null, item.name), item.rarity !== 'Common' && React__default.createElement(Rarity, {
|
|
33943
|
-
item: item
|
|
33944
|
-
}, item.rarity), React__default.createElement(Type, null, item.subType)), React__default.createElement(AllowedSlots, null, renderAvaibleSlots())), renderStatistics(), item.isTwoHanded && React__default.createElement(Statistic, null, "Two handed"), React__default.createElement(Description, null, item.description), item.maxStackSize && item.maxStackSize !== 1 && React__default.createElement(StackInfo, null, "x", (_item$stackQty = item.stackQty) != null ? _item$stackQty : 1, "(", item.maxStackSize, ")"), renderMissingStatistic().length > 0 && React__default.createElement(MissingStatistics, null, React__default.createElement(Statistic, null, "Equipped Diff"), itemToCompare && renderMissingStatistic()));
|
|
33945
|
-
};
|
|
33946
|
-
var Container$a = /*#__PURE__*/styled.div.withConfig({
|
|
33947
|
-
displayName: "ItemInfo__Container",
|
|
33948
|
-
componentId: "sc-1xm4q8k-0"
|
|
33949
|
-
})(["color:white;background-color:#222;border-radius:5px;padding:0.5rem;width:max-content;font-size:", ";border:3px solid ", ";"], uiFonts.size.small, function (_ref2) {
|
|
33950
|
-
var _rarityColor;
|
|
33951
|
-
var item = _ref2.item;
|
|
33952
|
-
return (_rarityColor = rarityColor(item)) != null ? _rarityColor : uiColors.lightGray;
|
|
33953
|
-
});
|
|
33954
|
-
var Title$1 = /*#__PURE__*/styled.div.withConfig({
|
|
33955
|
-
displayName: "ItemInfo__Title",
|
|
33956
|
-
componentId: "sc-1xm4q8k-1"
|
|
33957
|
-
})(["font-size:", ";font-weight:bold;margin-bottom:0.5rem;display:flex;align-items:center;margin:0;"], uiFonts.size.medium);
|
|
33958
|
-
var Rarity = /*#__PURE__*/styled.div.withConfig({
|
|
33959
|
-
displayName: "ItemInfo__Rarity",
|
|
33960
|
-
componentId: "sc-1xm4q8k-2"
|
|
33961
|
-
})(["font-size:", ";font-weight:normal;margin-top:0.2rem;color:", ";filter:brightness(1.5);"], uiFonts.size.small, function (_ref3) {
|
|
33962
|
-
var item = _ref3.item;
|
|
33963
|
-
return rarityColor(item);
|
|
33964
|
-
});
|
|
33965
|
-
var Type = /*#__PURE__*/styled.div.withConfig({
|
|
33966
|
-
displayName: "ItemInfo__Type",
|
|
33967
|
-
componentId: "sc-1xm4q8k-3"
|
|
33968
|
-
})(["font-size:", ";margin-top:0.2rem;color:", ";"], uiFonts.size.small, uiColors.lightGray);
|
|
33969
|
-
var Statistic = /*#__PURE__*/styled.div.withConfig({
|
|
33970
|
-
displayName: "ItemInfo__Statistic",
|
|
33971
|
-
componentId: "sc-1xm4q8k-4"
|
|
33972
|
-
})(["margin-bottom:0.4rem;.label{display:inline-block;margin-right:0.5rem;color:inherit;}.value{display:inline-block;color:inherit;}&.better,.better{color:", ";}&.worse,.worse{color:", ";}"], uiColors.lightGreen, uiColors.cardinal);
|
|
33973
|
-
var Description = /*#__PURE__*/styled.div.withConfig({
|
|
33974
|
-
displayName: "ItemInfo__Description",
|
|
33975
|
-
componentId: "sc-1xm4q8k-5"
|
|
33976
|
-
})(["margin-top:1.5rem;font-size:", ";color:", ";font-style:italic;width:max-content;max-width:20rem;"], uiFonts.size.small, uiColors.lightGray);
|
|
33977
|
-
var Header = /*#__PURE__*/styled.div.withConfig({
|
|
33978
|
-
displayName: "ItemInfo__Header",
|
|
33979
|
-
componentId: "sc-1xm4q8k-6"
|
|
33980
|
-
})(["display:flex;align-items:center;justify-content:space-between;margin-bottom:0.5rem;"]);
|
|
33981
|
-
var AllowedSlots = /*#__PURE__*/styled.div.withConfig({
|
|
33982
|
-
displayName: "ItemInfo__AllowedSlots",
|
|
33983
|
-
componentId: "sc-1xm4q8k-7"
|
|
33984
|
-
})(["display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0.5rem;margin-left:2rem;"]);
|
|
33985
|
-
var StackInfo = /*#__PURE__*/styled.div.withConfig({
|
|
33986
|
-
displayName: "ItemInfo__StackInfo",
|
|
33987
|
-
componentId: "sc-1xm4q8k-8"
|
|
33988
|
-
})(["width:100%;text-align:right;font-size:", ";color:", ";margin-top:1rem;"], uiFonts.size.small, uiColors.orange);
|
|
33989
|
-
var MissingStatistics = /*#__PURE__*/styled.div.withConfig({
|
|
33990
|
-
displayName: "ItemInfo__MissingStatistics",
|
|
33991
|
-
componentId: "sc-1xm4q8k-9"
|
|
33992
|
-
})(["margin-top:1rem;color:", ";"], uiColors.cardinal);
|
|
33993
|
-
|
|
33994
|
-
var itemSlotTypes = ['head', 'neck', 'leftHand', 'rightHand', 'ring', 'legs', 'boot', 'accessory', 'armor', 'inventory'];
|
|
33995
|
-
var getSlotType = function getSlotType(itemSlotTypes, slotType, subType) {
|
|
33996
|
-
if (!itemSlotTypes.includes(slotType)) {
|
|
33997
|
-
return subType;
|
|
33998
|
-
}
|
|
33999
|
-
return slotType;
|
|
34000
|
-
};
|
|
34001
|
-
var ItemInfoDisplay = function ItemInfoDisplay(_ref) {
|
|
34002
|
-
var item = _ref.item,
|
|
34003
|
-
atlasIMG = _ref.atlasIMG,
|
|
34004
|
-
atlasJSON = _ref.atlasJSON,
|
|
34005
|
-
equipmentSet = _ref.equipmentSet;
|
|
34006
|
-
var itemToCompare = React.useMemo(function () {
|
|
34007
|
-
var _item$allowedEquipSlo;
|
|
34008
|
-
if (equipmentSet && (_item$allowedEquipSlo = item.allowedEquipSlotType) != null && _item$allowedEquipSlo.length) {
|
|
34009
|
-
var allowedSlotTypeCamelCase = lodash.camelCase(item.allowedEquipSlotType[0]);
|
|
34010
|
-
var itemSubTypeCamelCase = lodash.camelCase(item.subType);
|
|
34011
|
-
var slotType = getSlotType(itemSlotTypes, allowedSlotTypeCamelCase, itemSubTypeCamelCase);
|
|
34012
|
-
var itemFromEquipment = equipmentSet[slotType];
|
|
34013
|
-
if (itemFromEquipment && (!item._id || itemFromEquipment._id !== item._id)) {
|
|
34014
|
-
return itemFromEquipment;
|
|
34015
|
-
}
|
|
34016
|
-
}
|
|
34017
|
-
return undefined;
|
|
34018
|
-
}, [equipmentSet, item]);
|
|
34019
|
-
return React__default.createElement(Flex, null, React__default.createElement(ItemInfo, {
|
|
34020
|
-
item: item,
|
|
34021
|
-
itemToCompare: itemToCompare,
|
|
34022
|
-
atlasIMG: atlasIMG,
|
|
34023
|
-
atlasJSON: atlasJSON
|
|
34024
|
-
}), itemToCompare && React__default.createElement(CompareContainer, null, React__default.createElement(Equipped, null, React__default.createElement("span", null, "Equipped")), React__default.createElement(ItemInfo, {
|
|
34025
|
-
item: itemToCompare,
|
|
34026
|
-
itemToCompare: item,
|
|
34027
|
-
atlasIMG: atlasIMG,
|
|
34028
|
-
atlasJSON: atlasJSON
|
|
34029
|
-
})));
|
|
34030
|
-
};
|
|
34031
|
-
var Flex = /*#__PURE__*/styled.div.withConfig({
|
|
34032
|
-
displayName: "ItemInfoDisplay__Flex",
|
|
34033
|
-
componentId: "sc-1lftdo8-0"
|
|
34034
|
-
})(["display:flex;gap:0.5rem;"]);
|
|
34035
|
-
var Equipped = /*#__PURE__*/styled.div.withConfig({
|
|
34036
|
-
displayName: "ItemInfoDisplay__Equipped",
|
|
34037
|
-
componentId: "sc-1lftdo8-1"
|
|
34038
|
-
})(["position:absolute;bottom:100%;left:50%;transform:translateX(-50%);"]);
|
|
34039
|
-
var CompareContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34040
|
-
displayName: "ItemInfoDisplay__CompareContainer",
|
|
34041
|
-
componentId: "sc-1lftdo8-2"
|
|
34042
|
-
})(["position:relative;"]);
|
|
34043
|
-
|
|
34044
|
-
var offset = 20;
|
|
34045
|
-
var ItemTooltip = function ItemTooltip(_ref) {
|
|
34046
|
-
var item = _ref.item,
|
|
34047
|
-
atlasIMG = _ref.atlasIMG,
|
|
34048
|
-
atlasJSON = _ref.atlasJSON,
|
|
34049
|
-
equipmentSet = _ref.equipmentSet;
|
|
34050
|
-
var ref = React.useRef(null);
|
|
34051
|
-
React.useEffect(function () {
|
|
34052
|
-
var current = ref.current;
|
|
34053
|
-
var initialOffset;
|
|
34054
|
-
if (current) {
|
|
34055
|
-
var handleMouseMove = function handleMouseMove(event) {
|
|
34056
|
-
var clientX = event.clientX,
|
|
34057
|
-
clientY = event.clientY;
|
|
34058
|
-
// Adjust the position of the tooltip based on the mouse position
|
|
34059
|
-
var rect = current.getBoundingClientRect();
|
|
34060
|
-
if (!initialOffset) {
|
|
34061
|
-
initialOffset = rect;
|
|
34062
|
-
}
|
|
34063
|
-
var tooltipWidth = rect.width;
|
|
34064
|
-
var tooltipHeight = rect.height;
|
|
34065
|
-
var isOffScreenRight = clientX + tooltipWidth + offset > window.innerWidth;
|
|
34066
|
-
var isOffScreenBottom = clientY + tooltipHeight + offset > window.innerHeight;
|
|
34067
|
-
var x = (isOffScreenRight ? clientX - tooltipWidth - offset : clientX + offset) - initialOffset.x;
|
|
34068
|
-
var y = (isOffScreenBottom ? clientY - tooltipHeight - offset : clientY + offset) - initialOffset.y;
|
|
34069
|
-
current.style.transform = "translate(" + x + "px, " + y + "px)";
|
|
34070
|
-
current.style.opacity = '1';
|
|
34071
|
-
};
|
|
34072
|
-
window.addEventListener('mousemove', handleMouseMove);
|
|
34073
|
-
return function () {
|
|
34074
|
-
window.removeEventListener('mousemove', handleMouseMove);
|
|
34075
|
-
};
|
|
34076
|
-
}
|
|
34077
|
-
return;
|
|
34078
|
-
}, []);
|
|
34079
|
-
return React__default.createElement(Container$b, {
|
|
34080
|
-
ref: ref
|
|
34081
|
-
}, React__default.createElement(ItemInfoDisplay, {
|
|
34082
|
-
item: item,
|
|
34083
|
-
atlasIMG: atlasIMG,
|
|
34084
|
-
atlasJSON: atlasJSON,
|
|
34085
|
-
equipmentSet: equipmentSet
|
|
34086
|
-
}));
|
|
34087
|
-
};
|
|
34088
|
-
var Container$b = /*#__PURE__*/styled.div.withConfig({
|
|
34089
|
-
displayName: "ItemTooltip__Container",
|
|
34090
|
-
componentId: "sc-11d9r7x-0"
|
|
34091
|
-
})(["position:fixed;z-index:50;pointer-events:none;left:0;top:0;opacity:0;"]);
|
|
34092
|
-
|
|
34093
|
-
var ItemInfoWrapper = function ItemInfoWrapper(_ref) {
|
|
34094
|
-
var children = _ref.children,
|
|
34095
|
-
atlasIMG = _ref.atlasIMG,
|
|
34096
|
-
atlasJSON = _ref.atlasJSON,
|
|
34097
|
-
item = _ref.item,
|
|
34098
|
-
equipmentSet = _ref.equipmentSet;
|
|
34099
|
-
var _useState = React.useState(false),
|
|
34100
|
-
isItemInfoVisible = _useState[0],
|
|
34101
|
-
setIsItemInfoVisible = _useState[1];
|
|
34102
|
-
return React__default.createElement("div", {
|
|
34103
|
-
onMouseEnter: setIsItemInfoVisible.bind(null, true),
|
|
34104
|
-
onMouseLeave: setIsItemInfoVisible.bind(null, false)
|
|
34105
|
-
}, children, isItemInfoVisible && React__default.createElement(ItemTooltip, {
|
|
34106
|
-
atlasIMG: atlasIMG,
|
|
34107
|
-
atlasJSON: atlasJSON,
|
|
34108
|
-
equipmentSet: equipmentSet,
|
|
34109
|
-
item: item
|
|
34110
|
-
}));
|
|
34111
|
-
};
|
|
34112
|
-
|
|
34113
|
-
var CraftBook = function CraftBook(_ref) {
|
|
34114
|
-
var atlasIMG = _ref.atlasIMG,
|
|
34115
|
-
atlasJSON = _ref.atlasJSON,
|
|
34116
|
-
onClose = _ref.onClose,
|
|
34117
|
-
onSelect = _ref.onSelect,
|
|
34118
|
-
onCraftItem = _ref.onCraftItem,
|
|
34119
|
-
craftablesItems = _ref.craftablesItems,
|
|
34120
|
-
equipmentSet = _ref.equipmentSet;
|
|
34121
|
-
var optionsId = 0;
|
|
34122
|
-
var _useState = React.useState({
|
|
34123
|
-
show: false,
|
|
34124
|
-
index: 200
|
|
34125
|
-
}),
|
|
34126
|
-
isShown = _useState[0],
|
|
34127
|
-
setIsShown = _useState[1];
|
|
34128
|
-
var _useState2 = React.useState(),
|
|
34129
|
-
craftItem = _useState2[0],
|
|
34130
|
-
setCraftItem = _useState2[1];
|
|
34131
|
-
var getDropdownOptions = function getDropdownOptions() {
|
|
34132
|
-
var options = [];
|
|
34133
|
-
Object.keys(shared.ItemSubType).forEach(function (key) {
|
|
34134
|
-
if (key === 'DeadBody') {
|
|
34135
|
-
return; // we can't craft crafting resouces...
|
|
34136
|
-
}
|
|
34137
|
-
|
|
34138
|
-
options.push({
|
|
34139
|
-
id: optionsId,
|
|
34140
|
-
value: key,
|
|
34141
|
-
option: key
|
|
34142
|
-
});
|
|
34143
|
-
optionsId += 1;
|
|
34144
|
-
});
|
|
34145
|
-
return options;
|
|
34146
|
-
};
|
|
34147
|
-
var modifyString = function modifyString(str) {
|
|
34148
|
-
// Split the string by "/" and "."
|
|
34149
|
-
var parts = str.split('/');
|
|
34150
|
-
var fileName = parts[parts.length - 1];
|
|
34151
|
-
parts = fileName.split('.');
|
|
34152
|
-
var name = parts[0];
|
|
34153
|
-
// Replace all occurrences of "-" with " "
|
|
34154
|
-
name = name.replace(/-/g, ' ');
|
|
34155
|
-
// Uppercase the first word
|
|
34156
|
-
var words = name.split(' ');
|
|
34157
|
-
var firstWord = words[0].slice(0, 1).toUpperCase() + words[0].slice(1);
|
|
34158
|
-
var modifiedWords = [firstWord].concat(words.slice(1));
|
|
34159
|
-
name = modifiedWords.join(' ');
|
|
34160
|
-
return name;
|
|
34161
|
-
};
|
|
34162
|
-
var handleClick = function handleClick(value) {
|
|
34163
|
-
setCraftItem(value);
|
|
34164
|
-
};
|
|
34165
|
-
return React__default.createElement(DraggableContainer, {
|
|
34166
|
-
type: exports.RPGUIContainerTypes.Framed,
|
|
34167
|
-
width: "500px",
|
|
34168
|
-
cancelDrag: ".equipment-container-body .arrow-selector .rpgui-dropdown-imp",
|
|
34169
|
-
onCloseButton: function onCloseButton() {
|
|
34170
|
-
if (onClose) {
|
|
34171
|
-
onClose();
|
|
34172
|
-
}
|
|
34173
|
-
}
|
|
34174
|
-
}, React__default.createElement("div", {
|
|
34175
|
-
style: {
|
|
34176
|
-
width: '100%'
|
|
34177
|
-
}
|
|
34178
|
-
}, React__default.createElement(Title$2, null, "Craftbook"), React__default.createElement(Subtitle, null, "Select an item to craft"), React__default.createElement("hr", {
|
|
34179
|
-
className: "golden"
|
|
34180
|
-
})), React__default.createElement(Dropdown, {
|
|
34181
|
-
options: getDropdownOptions(),
|
|
34182
|
-
onChange: function onChange(value) {
|
|
34183
|
-
return onSelect(value);
|
|
34184
|
-
}
|
|
34185
|
-
}), React__default.createElement(RadioInputScroller, null, craftablesItems == null ? void 0 : craftablesItems.map(function (option, index) {
|
|
34186
|
-
return React__default.createElement(RadioOptionsWrapper, {
|
|
34187
|
-
key: index
|
|
34188
|
-
}, React__default.createElement(SpriteAtlasWrapper, null, React__default.createElement(ItemInfoWrapper, {
|
|
34189
|
-
item: option,
|
|
34190
|
-
atlasIMG: atlasIMG,
|
|
34191
|
-
atlasJSON: atlasJSON,
|
|
34192
|
-
equipmentSet: equipmentSet
|
|
34193
|
-
}, React__default.createElement(SpriteFromAtlas, {
|
|
34194
|
-
atlasIMG: atlasIMG,
|
|
34195
|
-
atlasJSON: atlasJSON,
|
|
34196
|
-
spriteKey: option.texturePath,
|
|
34197
|
-
imgScale: 3,
|
|
34198
|
-
grayScale: !option.canCraft
|
|
34199
|
-
}))), React__default.createElement("div", null, React__default.createElement("div", {
|
|
34200
|
-
onPointerDown: function onPointerDown() {
|
|
34201
|
-
return handleClick(option.key);
|
|
34202
|
-
}
|
|
34203
|
-
}, React__default.createElement("input", {
|
|
34204
|
-
className: "rpgui-radio",
|
|
34205
|
-
type: "radio",
|
|
34206
|
-
value: option.name,
|
|
34207
|
-
name: "test",
|
|
34208
|
-
disabled: !option.canCraft,
|
|
34209
|
-
checked: craftItem === option.key,
|
|
34210
|
-
onChange: function onChange() {
|
|
34211
|
-
return handleClick(option.key);
|
|
34212
|
-
}
|
|
34213
|
-
}), React__default.createElement("label", {
|
|
34214
|
-
onPointerDown: function onPointerDown() {
|
|
34215
|
-
handleClick(option.key);
|
|
34216
|
-
},
|
|
34217
|
-
onTouchEnd: function onTouchEnd() {
|
|
34218
|
-
setIsShown({
|
|
34219
|
-
show: true,
|
|
34220
|
-
index: index
|
|
34221
|
-
});
|
|
34222
|
-
},
|
|
34223
|
-
style: {
|
|
34224
|
-
display: 'flex',
|
|
34225
|
-
alignItems: 'center'
|
|
34226
|
-
},
|
|
34227
|
-
onMouseEnter: function onMouseEnter() {
|
|
34228
|
-
return setIsShown({
|
|
34229
|
-
show: true,
|
|
34230
|
-
index: index
|
|
34231
|
-
});
|
|
34232
|
-
},
|
|
34233
|
-
onMouseLeave: function onMouseLeave() {
|
|
34234
|
-
return setIsShown({
|
|
34235
|
-
show: false,
|
|
34236
|
-
index: index
|
|
34237
|
-
});
|
|
34238
|
-
}
|
|
34239
|
-
}, modifyString(option.name))), isShown && isShown.index === index && option.ingredients.map(function (option, index) {
|
|
34240
|
-
return React__default.createElement(Recipes, {
|
|
34241
|
-
key: index
|
|
34242
|
-
}, React__default.createElement(SpriteFromAtlas, {
|
|
34243
|
-
atlasIMG: atlasIMG,
|
|
34244
|
-
atlasJSON: atlasJSON,
|
|
34245
|
-
spriteKey: option.texturePath,
|
|
34246
|
-
imgScale: 1
|
|
34247
|
-
}), React__default.createElement(StyledItem, null, modifyString(option.key), " (", option.qty, "x)"));
|
|
34248
|
-
})));
|
|
34249
|
-
})), React__default.createElement(ButtonWrapper, null, React__default.createElement(Button, {
|
|
34250
|
-
buttonType: exports.ButtonTypes.RPGUIButton,
|
|
34251
|
-
onPointerDown: onClose
|
|
34252
|
-
}, "Cancel"), React__default.createElement(Button, {
|
|
34253
|
-
buttonType: exports.ButtonTypes.RPGUIButton,
|
|
34254
|
-
onPointerDown: function onPointerDown() {
|
|
34255
|
-
return onCraftItem(craftItem);
|
|
34256
|
-
}
|
|
34257
|
-
}, "Craft")));
|
|
34258
|
-
};
|
|
34259
|
-
var StyledItem = /*#__PURE__*/styled.div.withConfig({
|
|
34260
|
-
displayName: "CraftBook__StyledItem",
|
|
34261
|
-
componentId: "sc-19q95ue-0"
|
|
34262
|
-
})(["margin-left:10px;"]);
|
|
34263
|
-
var Recipes = /*#__PURE__*/styled.div.withConfig({
|
|
34264
|
-
displayName: "CraftBook__Recipes",
|
|
34265
|
-
componentId: "sc-19q95ue-1"
|
|
34266
|
-
})(["font-size:0.6rem;color:yellow !important;margin-bottom:3px;display:flex;align-items:center;.sprite-from-atlas-img{top:0px;left:0px;}"]);
|
|
34267
|
-
var Title$2 = /*#__PURE__*/styled.h1.withConfig({
|
|
34268
|
-
displayName: "CraftBook__Title",
|
|
34269
|
-
componentId: "sc-19q95ue-2"
|
|
34270
|
-
})(["font-size:0.6rem;color:yellow !important;"]);
|
|
34271
|
-
var Subtitle = /*#__PURE__*/styled.h1.withConfig({
|
|
34272
|
-
displayName: "CraftBook__Subtitle",
|
|
34273
|
-
componentId: "sc-19q95ue-3"
|
|
34274
|
-
})(["font-size:0.4rem;color:yellow !important;"]);
|
|
34275
|
-
var RadioInputScroller = /*#__PURE__*/styled.div.withConfig({
|
|
34276
|
-
displayName: "CraftBook__RadioInputScroller",
|
|
34277
|
-
componentId: "sc-19q95ue-4"
|
|
34278
|
-
})(["padding-left:15px;padding-top:10px;width:100%;margin-top:1rem;align-items:center;margin-left:20px;align-items:flex-start;overflow-y:scroll;height:360px;-webkit-overflow-scrolling:touch;"]);
|
|
34279
|
-
var SpriteAtlasWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
34280
|
-
displayName: "CraftBook__SpriteAtlasWrapper",
|
|
34281
|
-
componentId: "sc-19q95ue-5"
|
|
34282
|
-
})(["margin-right:40px;"]);
|
|
34283
|
-
var RadioOptionsWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
34284
|
-
displayName: "CraftBook__RadioOptionsWrapper",
|
|
34285
|
-
componentId: "sc-19q95ue-6"
|
|
34286
|
-
})(["display:flex;align-items:stretch;margin-bottom:40px;"]);
|
|
34287
|
-
var ButtonWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
34288
|
-
displayName: "CraftBook__ButtonWrapper",
|
|
34289
|
-
componentId: "sc-19q95ue-7"
|
|
34290
|
-
})(["display:flex;justify-content:space-around;padding-top:20px;width:100%;"]);
|
|
34291
|
-
|
|
34292
|
-
var DropdownSelectorContainer = function DropdownSelectorContainer(_ref) {
|
|
34293
|
-
var title = _ref.title,
|
|
34294
|
-
onChange = _ref.onChange,
|
|
34295
|
-
options = _ref.options,
|
|
34296
|
-
details = _ref.details;
|
|
34297
|
-
return React__default.createElement("div", null, React__default.createElement("p", null, title), React__default.createElement(Dropdown, {
|
|
34298
|
-
options: options.map(function (option, index) {
|
|
34299
|
-
return {
|
|
34300
|
-
option: option.name,
|
|
34301
|
-
value: option.id,
|
|
34302
|
-
id: index
|
|
34303
|
-
};
|
|
34304
|
-
}),
|
|
34305
|
-
onChange: onChange
|
|
34306
|
-
}), React__default.createElement(Details, null, details));
|
|
34307
|
-
};
|
|
34308
|
-
var Details = /*#__PURE__*/styled.p.withConfig({
|
|
34309
|
-
displayName: "DropdownSelectorContainer__Details",
|
|
34310
|
-
componentId: "sc-kaa0h9-0"
|
|
34311
|
-
})(["font-size:", " !important;"], uiFonts.size.xsmall);
|
|
34312
|
-
|
|
34313
34056
|
var EquipmentSet = function EquipmentSet(_ref) {
|
|
34314
34057
|
var equipmentSet = _ref.equipmentSet,
|
|
34315
34058
|
onClose = _ref.onClose,
|
|
@@ -34404,6 +34147,544 @@ var EquipmentColumn = /*#__PURE__*/styled.div.withConfig({
|
|
|
34404
34147
|
componentId: "sc-1wuddg2-1"
|
|
34405
34148
|
})(["display:flex;justify-content:center;flex-wrap:wrap;flex-direction:column;touch-action:none;"]);
|
|
34406
34149
|
|
|
34150
|
+
var IS_MOBILE_OR_TABLET = /*#__PURE__*/shared.isMobileOrTablet();
|
|
34151
|
+
|
|
34152
|
+
var chunkString = function chunkString(str, length) {
|
|
34153
|
+
return str.match(new RegExp('.{1,' + length + '}', 'g'));
|
|
34154
|
+
};
|
|
34155
|
+
|
|
34156
|
+
var DynamicText = function DynamicText(_ref) {
|
|
34157
|
+
var text = _ref.text,
|
|
34158
|
+
onFinish = _ref.onFinish,
|
|
34159
|
+
onStart = _ref.onStart;
|
|
34160
|
+
var _useState = React.useState(''),
|
|
34161
|
+
textState = _useState[0],
|
|
34162
|
+
setTextState = _useState[1];
|
|
34163
|
+
React.useEffect(function () {
|
|
34164
|
+
var i = 0;
|
|
34165
|
+
var interval = setInterval(function () {
|
|
34166
|
+
// on every interval, show one more character
|
|
34167
|
+
if (i === 0) {
|
|
34168
|
+
if (onStart) {
|
|
34169
|
+
onStart();
|
|
34170
|
+
}
|
|
34171
|
+
}
|
|
34172
|
+
if (i < text.length) {
|
|
34173
|
+
setTextState(text.substring(0, i + 1));
|
|
34174
|
+
i++;
|
|
34175
|
+
} else {
|
|
34176
|
+
clearInterval(interval);
|
|
34177
|
+
if (onFinish) {
|
|
34178
|
+
onFinish();
|
|
34179
|
+
}
|
|
34180
|
+
}
|
|
34181
|
+
}, 50);
|
|
34182
|
+
return function () {
|
|
34183
|
+
clearInterval(interval);
|
|
34184
|
+
};
|
|
34185
|
+
}, [text]);
|
|
34186
|
+
return React__default.createElement(TextContainer, null, textState);
|
|
34187
|
+
};
|
|
34188
|
+
var TextContainer = /*#__PURE__*/styled.p.withConfig({
|
|
34189
|
+
displayName: "DynamicText__TextContainer",
|
|
34190
|
+
componentId: "sc-1ggl9nd-0"
|
|
34191
|
+
})(["font-size:0.7rem !important;color:white;text-shadow:1px 1px 0px #000000;letter-spacing:1.2px;word-break:normal;"]);
|
|
34192
|
+
|
|
34193
|
+
var img$6 = 'data:image/gif;base64,R0lGODlhEAAQAPIAAAAAABQYLiw1TUBJc2hvmQAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAM9CLrc/lCFGSKYJJP5AhlguDnBMIVgxXgmJapSSp3mKs/pKrT0IMCXUk+2Cgh2oSOnaDz+lswZpSOFUq2KBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAIzhI+py90Bg4OjDrjCELxfFQhQx0mIJkaeaYRp5LJADMdnqXbyOJLYTdKBejjZoRaZJBMFACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAABAAEAAAAjKEj6nL7Y+CDE6OO+QKQ/ifKYEgfR4VddPohQe7lmR0xidNTib65uacYP2AQWGuMlEUAAA7';
|
|
34194
|
+
|
|
34195
|
+
var img$7 = 'data:image/gif;base64,R0lGODlhQAAgAPIAAAAAAA0NDRERESIiIigoKFlZWf///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw5nYW1tYT0wLjQ1NDU0NQAh+QQBFAAAACwAAAAAQAAgAAAD/wi63P4wykmrvTjrzbv/YAgIZGmeaKquakQWcCzPdG3fNukIeO//PQGDBywafcIF8chswpKKZcxApTqvNOiIZi0YsODncFaFlcNOrdTbJVff0/c3Lp/Xs2N37cy2ndt6ZnhKXHdsc4d7VnwyfIxqPWWOXXWLgHSGYoSNbZKVZp2WiJyjg1GFcaClqaqJhasyUAFrh3Cur3KqubWXBQIBAAEDtDeMaEEDAcLEx2gCycvN0jHPysPT09XR2M3a19zH3gTM4EYCBNDD4yzs7e4r48nB6gT19vf4+fr7/P3P8sKGvRtIkMUAeQoCHlzIsKHDhxAjSoTWQJnFixgzatzIsQWjRQYJAAAh/wtJbWFnZU1hZ2ljaw5nYW1tYT0wLjQ1NDU0NQAh+QQBFAAAACwAAAAAQAAgAAAD8Ai63P4wykmrvTjrzbv/YCiOlGCeaKqubMtGZiHPdG3feI6bjqD/wOBPwPAJj0ggcWFMOp+ypaI5M1it0KxNCqDKsAWDdhwt1q5fMPnJ9aJt17g4HafJ3/et+Tzn99V+aThqfTNtcHlhhIBVWG+BdDSHOmiPeHdij3aYhZONf46YkZGanzpSAV6KjaOIpqWtNwIBAAEDqqKKhZuJnHSwAgMBtqo5sGs5wcO3yM01ysTO0gXQzNPN1cXXUNnbyNna3kcmwrW3Lujp6ugD5bbn6/HyLe20Cu/t+fr7/P3+/wCF2VswrKDBgwgTKlzIsCCDBAA7';
|
|
34196
|
+
|
|
34197
|
+
var NPCDialogText = function NPCDialogText(_ref) {
|
|
34198
|
+
var text = _ref.text,
|
|
34199
|
+
onClose = _ref.onClose,
|
|
34200
|
+
onEndStep = _ref.onEndStep,
|
|
34201
|
+
onStartStep = _ref.onStartStep,
|
|
34202
|
+
type = _ref.type;
|
|
34203
|
+
var windowSize = React.useRef([window.innerWidth, window.innerHeight]);
|
|
34204
|
+
function maxCharacters(width) {
|
|
34205
|
+
// Set the font size to 16 pixels
|
|
34206
|
+
var fontSize = 11.2;
|
|
34207
|
+
// Calculate the number of characters that can fit in one line
|
|
34208
|
+
var charactersPerLine = Math.floor(width / 2 / fontSize);
|
|
34209
|
+
// Calculate the number of lines that can fit in the div
|
|
34210
|
+
var linesPerDiv = Math.floor(180 / fontSize);
|
|
34211
|
+
// Calculate the maximum number of characters that can fit in the div
|
|
34212
|
+
var maxCharacters = charactersPerLine * linesPerDiv;
|
|
34213
|
+
// Return the maximum number of characters
|
|
34214
|
+
return Math.round(maxCharacters / 5);
|
|
34215
|
+
}
|
|
34216
|
+
var textChunks = chunkString(text, maxCharacters(windowSize.current[0]));
|
|
34217
|
+
var _useState = React.useState(0),
|
|
34218
|
+
chunkIndex = _useState[0],
|
|
34219
|
+
setChunkIndex = _useState[1];
|
|
34220
|
+
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
34221
|
+
if (event.code === 'Space') {
|
|
34222
|
+
goToNextStep();
|
|
34223
|
+
}
|
|
34224
|
+
};
|
|
34225
|
+
var goToNextStep = function goToNextStep() {
|
|
34226
|
+
var hasNextChunk = (textChunks == null ? void 0 : textChunks[chunkIndex + 1]) || false;
|
|
34227
|
+
if (hasNextChunk) {
|
|
34228
|
+
setChunkIndex(function (prev) {
|
|
34229
|
+
return prev + 1;
|
|
34230
|
+
});
|
|
34231
|
+
} else {
|
|
34232
|
+
// if there's no more text chunks, close the dialog
|
|
34233
|
+
onClose();
|
|
34234
|
+
}
|
|
34235
|
+
};
|
|
34236
|
+
React.useEffect(function () {
|
|
34237
|
+
document.addEventListener('keydown', onHandleSpacePress);
|
|
34238
|
+
return function () {
|
|
34239
|
+
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
34240
|
+
};
|
|
34241
|
+
}, [chunkIndex]);
|
|
34242
|
+
var _useState2 = React.useState(false),
|
|
34243
|
+
showGoNextIndicator = _useState2[0],
|
|
34244
|
+
setShowGoNextIndicator = _useState2[1];
|
|
34245
|
+
return React__default.createElement(Container$b, null, React__default.createElement(DynamicText, {
|
|
34246
|
+
text: (textChunks == null ? void 0 : textChunks[chunkIndex]) || '',
|
|
34247
|
+
onFinish: function onFinish() {
|
|
34248
|
+
setShowGoNextIndicator(true);
|
|
34249
|
+
onEndStep && onEndStep();
|
|
34250
|
+
},
|
|
34251
|
+
onStart: function onStart() {
|
|
34252
|
+
setShowGoNextIndicator(false);
|
|
34253
|
+
onStartStep && onStartStep();
|
|
34254
|
+
}
|
|
34255
|
+
}), showGoNextIndicator && React__default.createElement(PressSpaceIndicator, {
|
|
34256
|
+
right: type === exports.NPCDialogType.TextOnly ? '1rem' : '10.5rem',
|
|
34257
|
+
src: IS_MOBILE_OR_TABLET ? img$6 : img$7,
|
|
34258
|
+
onPointerDown: function onPointerDown() {
|
|
34259
|
+
goToNextStep();
|
|
34260
|
+
}
|
|
34261
|
+
}));
|
|
34262
|
+
};
|
|
34263
|
+
var Container$b = /*#__PURE__*/styled.div.withConfig({
|
|
34264
|
+
displayName: "NPCDialogText__Container",
|
|
34265
|
+
componentId: "sc-1cxkdh9-0"
|
|
34266
|
+
})([""]);
|
|
34267
|
+
var PressSpaceIndicator = /*#__PURE__*/styled.img.withConfig({
|
|
34268
|
+
displayName: "NPCDialogText__PressSpaceIndicator",
|
|
34269
|
+
componentId: "sc-1cxkdh9-1"
|
|
34270
|
+
})(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref2) {
|
|
34271
|
+
var right = _ref2.right;
|
|
34272
|
+
return right;
|
|
34273
|
+
});
|
|
34274
|
+
|
|
34275
|
+
//@ts-ignore
|
|
34276
|
+
var useEventListener = function useEventListener(type, handler, el) {
|
|
34277
|
+
if (el === void 0) {
|
|
34278
|
+
el = window;
|
|
34279
|
+
}
|
|
34280
|
+
var savedHandler = React__default.useRef();
|
|
34281
|
+
React__default.useEffect(function () {
|
|
34282
|
+
savedHandler.current = handler;
|
|
34283
|
+
}, [handler]);
|
|
34284
|
+
React__default.useEffect(function () {
|
|
34285
|
+
//@ts-ignore
|
|
34286
|
+
var listener = function listener(e) {
|
|
34287
|
+
return savedHandler.current(e);
|
|
34288
|
+
};
|
|
34289
|
+
el.addEventListener(type, listener);
|
|
34290
|
+
return function () {
|
|
34291
|
+
el.removeEventListener(type, listener);
|
|
34292
|
+
};
|
|
34293
|
+
}, [type, el]);
|
|
34294
|
+
};
|
|
34295
|
+
|
|
34296
|
+
var QuestionDialog = function QuestionDialog(_ref) {
|
|
34297
|
+
var questions = _ref.questions,
|
|
34298
|
+
answers = _ref.answers,
|
|
34299
|
+
onClose = _ref.onClose;
|
|
34300
|
+
var _useState = React.useState(questions[0]),
|
|
34301
|
+
currentQuestion = _useState[0],
|
|
34302
|
+
setCurrentQuestion = _useState[1];
|
|
34303
|
+
var _useState2 = React.useState(false),
|
|
34304
|
+
canShowAnswers = _useState2[0],
|
|
34305
|
+
setCanShowAnswers = _useState2[1];
|
|
34306
|
+
var onGetFirstAnswer = function onGetFirstAnswer() {
|
|
34307
|
+
if (!currentQuestion.answerIds || currentQuestion.answerIds.length === 0) {
|
|
34308
|
+
return null;
|
|
34309
|
+
}
|
|
34310
|
+
var firstAnswerId = currentQuestion.answerIds[0];
|
|
34311
|
+
return answers.find(function (answer) {
|
|
34312
|
+
return answer.id === firstAnswerId;
|
|
34313
|
+
});
|
|
34314
|
+
};
|
|
34315
|
+
var _useState3 = React.useState(onGetFirstAnswer()),
|
|
34316
|
+
currentAnswer = _useState3[0],
|
|
34317
|
+
setCurrentAnswer = _useState3[1];
|
|
34318
|
+
React.useEffect(function () {
|
|
34319
|
+
setCurrentAnswer(onGetFirstAnswer());
|
|
34320
|
+
}, [currentQuestion]);
|
|
34321
|
+
var onGetAnswers = function onGetAnswers(answerIds) {
|
|
34322
|
+
return answerIds.map(function (answerId) {
|
|
34323
|
+
return answers.find(function (answer) {
|
|
34324
|
+
return answer.id === answerId;
|
|
34325
|
+
});
|
|
34326
|
+
});
|
|
34327
|
+
};
|
|
34328
|
+
var onKeyPress = function onKeyPress(e) {
|
|
34329
|
+
switch (e.key) {
|
|
34330
|
+
case 'ArrowDown':
|
|
34331
|
+
// select next answer, if any.
|
|
34332
|
+
// if no next answer, select first answer
|
|
34333
|
+
// const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(
|
|
34334
|
+
// (answer) => answer?.id === currentAnswer!.id + 1
|
|
34335
|
+
// );
|
|
34336
|
+
var nextAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
|
|
34337
|
+
return (answer == null ? void 0 : answer.id) === currentAnswer.id + 1;
|
|
34338
|
+
});
|
|
34339
|
+
var nextAnswerID = currentQuestion.answerIds[nextAnswerIndex];
|
|
34340
|
+
var nextAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
|
|
34341
|
+
return (answer == null ? void 0 : answer.id) === nextAnswerID;
|
|
34342
|
+
});
|
|
34343
|
+
setCurrentAnswer(nextAnswer || onGetFirstAnswer());
|
|
34344
|
+
break;
|
|
34345
|
+
case 'ArrowUp':
|
|
34346
|
+
// select previous answer, if any.
|
|
34347
|
+
// if no previous answer, select last answer
|
|
34348
|
+
var previousAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
|
|
34349
|
+
return (answer == null ? void 0 : answer.id) === currentAnswer.id - 1;
|
|
34350
|
+
});
|
|
34351
|
+
var previousAnswerID = currentQuestion.answerIds && currentQuestion.answerIds[previousAnswerIndex];
|
|
34352
|
+
var previousAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
|
|
34353
|
+
return (answer == null ? void 0 : answer.id) === previousAnswerID;
|
|
34354
|
+
});
|
|
34355
|
+
if (previousAnswer) {
|
|
34356
|
+
setCurrentAnswer(previousAnswer);
|
|
34357
|
+
} else {
|
|
34358
|
+
setCurrentAnswer(onGetAnswers(currentQuestion.answerIds).pop());
|
|
34359
|
+
}
|
|
34360
|
+
break;
|
|
34361
|
+
case 'Enter':
|
|
34362
|
+
setCanShowAnswers(false);
|
|
34363
|
+
if (!(currentAnswer != null && currentAnswer.nextQuestionId)) {
|
|
34364
|
+
onClose();
|
|
34365
|
+
return;
|
|
34366
|
+
} else {
|
|
34367
|
+
setCurrentQuestion(questions.find(function (question) {
|
|
34368
|
+
return question.id === currentAnswer.nextQuestionId;
|
|
34369
|
+
}));
|
|
34370
|
+
}
|
|
34371
|
+
break;
|
|
34372
|
+
}
|
|
34373
|
+
};
|
|
34374
|
+
useEventListener('keydown', onKeyPress);
|
|
34375
|
+
var onAnswerClick = function onAnswerClick(answer) {
|
|
34376
|
+
setCanShowAnswers(false);
|
|
34377
|
+
if (answer.nextQuestionId) {
|
|
34378
|
+
// if there is a next question, go to it
|
|
34379
|
+
setCurrentQuestion(questions.find(function (question) {
|
|
34380
|
+
return question.id === answer.nextQuestionId;
|
|
34381
|
+
}));
|
|
34382
|
+
} else {
|
|
34383
|
+
// else, finish dialog!
|
|
34384
|
+
onClose();
|
|
34385
|
+
}
|
|
34386
|
+
};
|
|
34387
|
+
var onRenderCurrentAnswers = function onRenderCurrentAnswers() {
|
|
34388
|
+
var answerIds = currentQuestion.answerIds;
|
|
34389
|
+
if (!answerIds) {
|
|
34390
|
+
return null;
|
|
34391
|
+
}
|
|
34392
|
+
var answers = onGetAnswers(answerIds);
|
|
34393
|
+
if (!answers) {
|
|
34394
|
+
return null;
|
|
34395
|
+
}
|
|
34396
|
+
return answers.map(function (answer) {
|
|
34397
|
+
var isSelected = (currentAnswer == null ? void 0 : currentAnswer.id) === (answer == null ? void 0 : answer.id);
|
|
34398
|
+
var selectedColor = isSelected ? 'yellow' : 'white';
|
|
34399
|
+
if (answer) {
|
|
34400
|
+
return React__default.createElement(AnswerRow, {
|
|
34401
|
+
key: "answer_" + answer.id
|
|
34402
|
+
}, React__default.createElement(AnswerSelectedIcon, {
|
|
34403
|
+
color: selectedColor
|
|
34404
|
+
}, isSelected ? 'X' : null), React__default.createElement(Answer, {
|
|
34405
|
+
key: answer.id,
|
|
34406
|
+
onPointerDown: function onPointerDown() {
|
|
34407
|
+
return onAnswerClick(answer);
|
|
34408
|
+
},
|
|
34409
|
+
color: selectedColor
|
|
34410
|
+
}, answer.text));
|
|
34411
|
+
}
|
|
34412
|
+
return null;
|
|
34413
|
+
});
|
|
34414
|
+
};
|
|
34415
|
+
return React__default.createElement(Container$c, null, React__default.createElement(QuestionContainer, null, React__default.createElement(DynamicText, {
|
|
34416
|
+
text: currentQuestion.text,
|
|
34417
|
+
onStart: function onStart() {
|
|
34418
|
+
return setCanShowAnswers(false);
|
|
34419
|
+
},
|
|
34420
|
+
onFinish: function onFinish() {
|
|
34421
|
+
return setCanShowAnswers(true);
|
|
34422
|
+
}
|
|
34423
|
+
})), canShowAnswers && React__default.createElement(AnswersContainer, null, onRenderCurrentAnswers()));
|
|
34424
|
+
};
|
|
34425
|
+
var Container$c = /*#__PURE__*/styled.div.withConfig({
|
|
34426
|
+
displayName: "QuestionDialog__Container",
|
|
34427
|
+
componentId: "sc-bxc5u0-0"
|
|
34428
|
+
})(["display:flex;word-break:break-all;box-sizing:border-box;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;"]);
|
|
34429
|
+
var QuestionContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34430
|
+
displayName: "QuestionDialog__QuestionContainer",
|
|
34431
|
+
componentId: "sc-bxc5u0-1"
|
|
34432
|
+
})(["flex:100%;width:100%;"]);
|
|
34433
|
+
var AnswersContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34434
|
+
displayName: "QuestionDialog__AnswersContainer",
|
|
34435
|
+
componentId: "sc-bxc5u0-2"
|
|
34436
|
+
})(["flex:100%;"]);
|
|
34437
|
+
var Answer = /*#__PURE__*/styled.p.withConfig({
|
|
34438
|
+
displayName: "QuestionDialog__Answer",
|
|
34439
|
+
componentId: "sc-bxc5u0-3"
|
|
34440
|
+
})(["flex:auto;color:", " !important;font-size:0.65rem !important;background:inherit;border:none;"], function (props) {
|
|
34441
|
+
return props.color;
|
|
34442
|
+
});
|
|
34443
|
+
var AnswerSelectedIcon = /*#__PURE__*/styled.span.withConfig({
|
|
34444
|
+
displayName: "QuestionDialog__AnswerSelectedIcon",
|
|
34445
|
+
componentId: "sc-bxc5u0-4"
|
|
34446
|
+
})(["flex:5% 0 0;color:", " !important;"], function (props) {
|
|
34447
|
+
return props.color;
|
|
34448
|
+
});
|
|
34449
|
+
var AnswerRow = /*#__PURE__*/styled.div.withConfig({
|
|
34450
|
+
displayName: "QuestionDialog__AnswerRow",
|
|
34451
|
+
componentId: "sc-bxc5u0-5"
|
|
34452
|
+
})(["display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:0.5rem;height:22px;p{line-height:unset;margin-top:0;margin-bottom:0rem;}"]);
|
|
34453
|
+
|
|
34454
|
+
var img$8 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAP1BMVEUAAAA7FyVxQTsUEBPj5v////+5v/tCJDOOUlIiHBr1oJfptaO6dWr61rhzFy1bMTjoanMUNGQoXMQkn97+88DQ3IhAAAAAAXRSTlMAQObYZgAAAAFiS0dEBfhv6ccAAAAHdElNRQfmAw4VOBC7c5LYAAABM0lEQVQ4y3XRi5KDIAwFUAUkbrBgpP//rZsHVHQ009qZ3tPboNN0zmwzvcw8O5sX4y0NOg/Et3jRCXF+ziULorjkOQ9gE24dvuUAzq08DiCO4pe3WN7zCP56vmpubBReQYC11YPS86ySxxCsAABTSgjb5m4g8nfbxvFHBkH2OEEvAItVuCuIsgGgl+Gcr7kDXxhEAx55A2SQEEeQeZwUaIP8Tbo05B0RFPhItAjgj1w6cDnhLluDj+Egkh3pCCP4pKQAw1IPO0W9Nti5gW9RP2dKA3BZd2Dw+baYX+Nt4GM00O4S3kEpF6Alb2Bv4LeC3kkGfAW0/p0RPoJVKr63ghHsKuRh5DIUKOAlGOwrtt9fQekAEfmhZslHUDoglB0zjfkJigN7UnTQQ4GBWomoVhEN/AOPSBh38gy+fwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wMy0xNFQyMTo1NTo1MSswMDowMJcc0eEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDMtMTRUMjE6NTU6NTErMDA6MDDmQWldAAAAAElFTkSuQmCC';
|
|
34455
|
+
|
|
34456
|
+
(function (NPCDialogType) {
|
|
34457
|
+
NPCDialogType["TextOnly"] = "TextOnly";
|
|
34458
|
+
NPCDialogType["TextAndThumbnail"] = "TextAndThumbnail";
|
|
34459
|
+
})(exports.NPCDialogType || (exports.NPCDialogType = {}));
|
|
34460
|
+
var NPCDialog = function NPCDialog(_ref) {
|
|
34461
|
+
var text = _ref.text,
|
|
34462
|
+
type = _ref.type,
|
|
34463
|
+
_onClose = _ref.onClose,
|
|
34464
|
+
imagePath = _ref.imagePath,
|
|
34465
|
+
_ref$isQuestionDialog = _ref.isQuestionDialog,
|
|
34466
|
+
isQuestionDialog = _ref$isQuestionDialog === void 0 ? false : _ref$isQuestionDialog,
|
|
34467
|
+
questions = _ref.questions,
|
|
34468
|
+
answers = _ref.answers;
|
|
34469
|
+
return React__default.createElement(RPGUIContainer, {
|
|
34470
|
+
type: exports.RPGUIContainerTypes.FramedGold,
|
|
34471
|
+
width: isQuestionDialog ? '600px' : '80%',
|
|
34472
|
+
height: '180px'
|
|
34473
|
+
}, isQuestionDialog && questions && answers ? React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer$1, {
|
|
34474
|
+
flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
|
|
34475
|
+
}, React__default.createElement(QuestionDialog, {
|
|
34476
|
+
questions: questions,
|
|
34477
|
+
answers: answers,
|
|
34478
|
+
onClose: function onClose() {
|
|
34479
|
+
if (_onClose) {
|
|
34480
|
+
_onClose();
|
|
34481
|
+
}
|
|
34482
|
+
}
|
|
34483
|
+
})), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
|
|
34484
|
+
src: imagePath || img$8
|
|
34485
|
+
}))) : React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$d, null, React__default.createElement(TextContainer$1, {
|
|
34486
|
+
flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
|
|
34487
|
+
}, React__default.createElement(NPCDialogText, {
|
|
34488
|
+
type: type,
|
|
34489
|
+
text: text || 'No text provided.',
|
|
34490
|
+
onClose: function onClose() {
|
|
34491
|
+
if (_onClose) {
|
|
34492
|
+
_onClose();
|
|
34493
|
+
}
|
|
34494
|
+
}
|
|
34495
|
+
})), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
|
|
34496
|
+
src: imagePath || img$8
|
|
34497
|
+
})))));
|
|
34498
|
+
};
|
|
34499
|
+
var Container$d = /*#__PURE__*/styled.div.withConfig({
|
|
34500
|
+
displayName: "NPCDialog__Container",
|
|
34501
|
+
componentId: "sc-1b4aw74-0"
|
|
34502
|
+
})(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
|
|
34503
|
+
var TextContainer$1 = /*#__PURE__*/styled.div.withConfig({
|
|
34504
|
+
displayName: "NPCDialog__TextContainer",
|
|
34505
|
+
componentId: "sc-1b4aw74-1"
|
|
34506
|
+
})(["flex:", " 0 0;width:355px;"], function (_ref2) {
|
|
34507
|
+
var flex = _ref2.flex;
|
|
34508
|
+
return flex;
|
|
34509
|
+
});
|
|
34510
|
+
var ThumbnailContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34511
|
+
displayName: "NPCDialog__ThumbnailContainer",
|
|
34512
|
+
componentId: "sc-1b4aw74-2"
|
|
34513
|
+
})(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
|
|
34514
|
+
var NPCThumbnail = /*#__PURE__*/styled.img.withConfig({
|
|
34515
|
+
displayName: "NPCDialog__NPCThumbnail",
|
|
34516
|
+
componentId: "sc-1b4aw74-3"
|
|
34517
|
+
})(["image-rendering:pixelated;height:128px;width:128px;"]);
|
|
34518
|
+
|
|
34519
|
+
(function (ImgSide) {
|
|
34520
|
+
ImgSide["right"] = "right";
|
|
34521
|
+
ImgSide["left"] = "left";
|
|
34522
|
+
})(exports.ImgSide || (exports.ImgSide = {}));
|
|
34523
|
+
var NPCMultiDialog = function NPCMultiDialog(_ref) {
|
|
34524
|
+
var _textAndTypeArray$sli;
|
|
34525
|
+
var _onClose = _ref.onClose,
|
|
34526
|
+
textAndTypeArray = _ref.textAndTypeArray;
|
|
34527
|
+
var _useState = React.useState(false),
|
|
34528
|
+
showGoNextIndicator = _useState[0],
|
|
34529
|
+
setShowGoNextIndicator = _useState[1];
|
|
34530
|
+
var _useState2 = React.useState(0),
|
|
34531
|
+
slide = _useState2[0],
|
|
34532
|
+
setSlide = _useState2[1];
|
|
34533
|
+
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
34534
|
+
if (event.code === 'Space') {
|
|
34535
|
+
if (slide < (textAndTypeArray == null ? void 0 : textAndTypeArray.length) - 1) {
|
|
34536
|
+
setSlide(function (prev) {
|
|
34537
|
+
return prev + 1;
|
|
34538
|
+
});
|
|
34539
|
+
} else {
|
|
34540
|
+
// if there's no more text chunks, close the dialog
|
|
34541
|
+
_onClose();
|
|
34542
|
+
}
|
|
34543
|
+
}
|
|
34544
|
+
};
|
|
34545
|
+
React.useEffect(function () {
|
|
34546
|
+
document.addEventListener('keydown', onHandleSpacePress);
|
|
34547
|
+
return function () {
|
|
34548
|
+
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
34549
|
+
};
|
|
34550
|
+
}, [slide]);
|
|
34551
|
+
return React__default.createElement(RPGUIContainer, {
|
|
34552
|
+
type: exports.RPGUIContainerTypes.FramedGold,
|
|
34553
|
+
width: '50%',
|
|
34554
|
+
height: '180px'
|
|
34555
|
+
}, React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$e, null, ((_textAndTypeArray$sli = textAndTypeArray[slide]) == null ? void 0 : _textAndTypeArray$sli.imageSide) === 'right' && React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer$2, {
|
|
34556
|
+
flex: '70%'
|
|
34557
|
+
}, React__default.createElement(NPCDialogText, {
|
|
34558
|
+
onStartStep: function onStartStep() {
|
|
34559
|
+
return setShowGoNextIndicator(false);
|
|
34560
|
+
},
|
|
34561
|
+
onEndStep: function onEndStep() {
|
|
34562
|
+
return setShowGoNextIndicator(true);
|
|
34563
|
+
},
|
|
34564
|
+
text: textAndTypeArray[slide].text || 'No text provided.',
|
|
34565
|
+
onClose: function onClose() {
|
|
34566
|
+
if (_onClose) {
|
|
34567
|
+
_onClose();
|
|
34568
|
+
}
|
|
34569
|
+
}
|
|
34570
|
+
})), React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
|
|
34571
|
+
src: textAndTypeArray[slide].imagePath || img$8
|
|
34572
|
+
})), showGoNextIndicator && React__default.createElement(PressSpaceIndicator$1, {
|
|
34573
|
+
right: '10.5rem',
|
|
34574
|
+
src: img$7
|
|
34575
|
+
})), textAndTypeArray[slide].imageSide === 'left' && React__default.createElement(React__default.Fragment, null, React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
|
|
34576
|
+
src: textAndTypeArray[slide].imagePath || img$8
|
|
34577
|
+
})), React__default.createElement(TextContainer$2, {
|
|
34578
|
+
flex: '70%'
|
|
34579
|
+
}, React__default.createElement(NPCDialogText, {
|
|
34580
|
+
onStartStep: function onStartStep() {
|
|
34581
|
+
return setShowGoNextIndicator(false);
|
|
34582
|
+
},
|
|
34583
|
+
onEndStep: function onEndStep() {
|
|
34584
|
+
return setShowGoNextIndicator(true);
|
|
34585
|
+
},
|
|
34586
|
+
text: textAndTypeArray[slide].text || 'No text provided.',
|
|
34587
|
+
onClose: function onClose() {
|
|
34588
|
+
if (_onClose) {
|
|
34589
|
+
_onClose();
|
|
34590
|
+
}
|
|
34591
|
+
}
|
|
34592
|
+
})), showGoNextIndicator && React__default.createElement(PressSpaceIndicator$1, {
|
|
34593
|
+
right: '1rem',
|
|
34594
|
+
src: img$7
|
|
34595
|
+
}))), ")"));
|
|
34596
|
+
};
|
|
34597
|
+
var Container$e = /*#__PURE__*/styled.div.withConfig({
|
|
34598
|
+
displayName: "NPCMultiDialog__Container",
|
|
34599
|
+
componentId: "sc-rvu5wg-0"
|
|
34600
|
+
})(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
|
|
34601
|
+
var TextContainer$2 = /*#__PURE__*/styled.div.withConfig({
|
|
34602
|
+
displayName: "NPCMultiDialog__TextContainer",
|
|
34603
|
+
componentId: "sc-rvu5wg-1"
|
|
34604
|
+
})(["flex:", " 0 0;width:355px;"], function (_ref2) {
|
|
34605
|
+
var flex = _ref2.flex;
|
|
34606
|
+
return flex;
|
|
34607
|
+
});
|
|
34608
|
+
var ThumbnailContainer$1 = /*#__PURE__*/styled.div.withConfig({
|
|
34609
|
+
displayName: "NPCMultiDialog__ThumbnailContainer",
|
|
34610
|
+
componentId: "sc-rvu5wg-2"
|
|
34611
|
+
})(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
|
|
34612
|
+
var NPCThumbnail$1 = /*#__PURE__*/styled.img.withConfig({
|
|
34613
|
+
displayName: "NPCMultiDialog__NPCThumbnail",
|
|
34614
|
+
componentId: "sc-rvu5wg-3"
|
|
34615
|
+
})(["image-rendering:pixelated;height:128px;width:128px;"]);
|
|
34616
|
+
var PressSpaceIndicator$1 = /*#__PURE__*/styled.img.withConfig({
|
|
34617
|
+
displayName: "NPCMultiDialog__PressSpaceIndicator",
|
|
34618
|
+
componentId: "sc-rvu5wg-4"
|
|
34619
|
+
})(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref3) {
|
|
34620
|
+
var right = _ref3.right;
|
|
34621
|
+
return right;
|
|
34622
|
+
});
|
|
34623
|
+
|
|
34624
|
+
var HistoryDialog = function HistoryDialog(_ref) {
|
|
34625
|
+
var backgroundImgPath = _ref.backgroundImgPath,
|
|
34626
|
+
fullCoverBackground = _ref.fullCoverBackground,
|
|
34627
|
+
questions = _ref.questions,
|
|
34628
|
+
answers = _ref.answers,
|
|
34629
|
+
text = _ref.text,
|
|
34630
|
+
imagePath = _ref.imagePath,
|
|
34631
|
+
textAndTypeArray = _ref.textAndTypeArray,
|
|
34632
|
+
onClose = _ref.onClose;
|
|
34633
|
+
var _useState = React.useState(0),
|
|
34634
|
+
img = _useState[0],
|
|
34635
|
+
setImage = _useState[1];
|
|
34636
|
+
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
34637
|
+
if (event.code === 'Space') {
|
|
34638
|
+
if (img < (backgroundImgPath == null ? void 0 : backgroundImgPath.length) - 1) {
|
|
34639
|
+
setImage(function (prev) {
|
|
34640
|
+
return prev + 1;
|
|
34641
|
+
});
|
|
34642
|
+
} else {
|
|
34643
|
+
// if there's no more text chunks, close the dialog
|
|
34644
|
+
onClose();
|
|
34645
|
+
}
|
|
34646
|
+
}
|
|
34647
|
+
};
|
|
34648
|
+
React.useEffect(function () {
|
|
34649
|
+
document.addEventListener('keydown', onHandleSpacePress);
|
|
34650
|
+
return function () {
|
|
34651
|
+
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
34652
|
+
};
|
|
34653
|
+
}, [backgroundImgPath]);
|
|
34654
|
+
return React__default.createElement(BackgroundContainer, {
|
|
34655
|
+
imgPath: backgroundImgPath[img],
|
|
34656
|
+
fullImg: fullCoverBackground
|
|
34657
|
+
}, React__default.createElement(DialogContainer, null, textAndTypeArray ? React__default.createElement(NPCMultiDialog, {
|
|
34658
|
+
textAndTypeArray: textAndTypeArray,
|
|
34659
|
+
onClose: onClose
|
|
34660
|
+
}) : questions && answers ? React__default.createElement(QuestionDialog, {
|
|
34661
|
+
questions: questions,
|
|
34662
|
+
answers: answers,
|
|
34663
|
+
onClose: onClose
|
|
34664
|
+
}) : text && imagePath ? React__default.createElement(NPCDialog, {
|
|
34665
|
+
text: text,
|
|
34666
|
+
imagePath: imagePath,
|
|
34667
|
+
onClose: onClose,
|
|
34668
|
+
type: exports.NPCDialogType.TextAndThumbnail
|
|
34669
|
+
}) : React__default.createElement(NPCDialog, {
|
|
34670
|
+
text: text,
|
|
34671
|
+
onClose: onClose,
|
|
34672
|
+
type: exports.NPCDialogType.TextOnly
|
|
34673
|
+
})));
|
|
34674
|
+
};
|
|
34675
|
+
var BackgroundContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34676
|
+
displayName: "HistoryDialog__BackgroundContainer",
|
|
34677
|
+
componentId: "sc-u6oe75-0"
|
|
34678
|
+
})(["width:100%;height:100%;background-image:url(", ");background-size:", ";display:flex;justify-content:space-evenly;align-items:center;"], function (props) {
|
|
34679
|
+
return props.imgPath;
|
|
34680
|
+
}, function (props) {
|
|
34681
|
+
return props.imgPath ? 'cover' : 'auto';
|
|
34682
|
+
});
|
|
34683
|
+
var DialogContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34684
|
+
displayName: "HistoryDialog__DialogContainer",
|
|
34685
|
+
componentId: "sc-u6oe75-1"
|
|
34686
|
+
})(["display:flex;justify-content:center;padding-top:200px;"]);
|
|
34687
|
+
|
|
34407
34688
|
var SlotsContainer = function SlotsContainer(_ref) {
|
|
34408
34689
|
var children = _ref.children,
|
|
34409
34690
|
title = _ref.title,
|
|
@@ -34624,7 +34905,7 @@ var ShortcutsSetter = function ShortcutsSetter(_ref) {
|
|
|
34624
34905
|
return word[0];
|
|
34625
34906
|
}));
|
|
34626
34907
|
};
|
|
34627
|
-
return React__default.createElement(Container$
|
|
34908
|
+
return React__default.createElement(Container$f, null, React__default.createElement("p", null, "Shortcuts:"), React__default.createElement(List, {
|
|
34628
34909
|
id: "shortcuts_list"
|
|
34629
34910
|
}, Array.from({
|
|
34630
34911
|
length: 6
|
|
@@ -34640,7 +34921,7 @@ var ShortcutsSetter = function ShortcutsSetter(_ref) {
|
|
|
34640
34921
|
}, getContent(i));
|
|
34641
34922
|
})));
|
|
34642
34923
|
};
|
|
34643
|
-
var Container$
|
|
34924
|
+
var Container$f = /*#__PURE__*/styled.div.withConfig({
|
|
34644
34925
|
displayName: "ShortcutsSetter__Container",
|
|
34645
34926
|
componentId: "sc-xuouuf-0"
|
|
34646
34927
|
})(["p{margin:0;margin-left:0.5rem;}"]);
|
|
@@ -34677,8 +34958,7 @@ var ItemContainer$1 = function ItemContainer(_ref) {
|
|
|
34677
34958
|
dragScale = _ref.dragScale,
|
|
34678
34959
|
shortcuts = _ref.shortcuts,
|
|
34679
34960
|
setItemShortcut = _ref.setItemShortcut,
|
|
34680
|
-
removeShortcut = _ref.removeShortcut
|
|
34681
|
-
equipmentSet = _ref.equipmentSet;
|
|
34961
|
+
removeShortcut = _ref.removeShortcut;
|
|
34682
34962
|
var _useState = React.useState({
|
|
34683
34963
|
isOpen: false,
|
|
34684
34964
|
maxQuantity: 1,
|
|
@@ -34733,503 +35013,177 @@ var ItemContainer$1 = function ItemContainer(_ref) {
|
|
|
34733
35013
|
if (onItemPlaceDrop) onItemPlaceDrop(item, slotIndex, itemContainerType);
|
|
34734
35014
|
},
|
|
34735
35015
|
onOutsideDrop: function onOutsideDrop(item, position) {
|
|
34736
|
-
if (_onOutsideDrop) _onOutsideDrop(item, position);
|
|
34737
|
-
},
|
|
34738
|
-
atlasIMG: atlasIMG,
|
|
34739
|
-
atlasJSON: atlasJSON,
|
|
34740
|
-
isSelectingShortcut: settingShortcutIndex !== -1
|
|
34741
|
-
|
|
34742
|
-
}));
|
|
34743
|
-
}
|
|
34744
|
-
return slots;
|
|
34745
|
-
};
|
|
34746
|
-
return React__default.createElement(React__default.Fragment, null, React__default.createElement(SlotsContainer, {
|
|
34747
|
-
title: itemContainer.name || 'Container',
|
|
34748
|
-
onClose: onClose,
|
|
34749
|
-
initialPosition: initialPosition
|
|
34750
|
-
}, type === shared.ItemContainerType.Inventory && shortcuts && removeShortcut && React__default.createElement(ShortcutsSetter, {
|
|
34751
|
-
setSettingShortcutIndex: setSettingShortcutIndex,
|
|
34752
|
-
settingShortcutIndex: settingShortcutIndex,
|
|
34753
|
-
shortcuts: shortcuts,
|
|
34754
|
-
removeShortcut: removeShortcut,
|
|
34755
|
-
atlasIMG: atlasIMG,
|
|
34756
|
-
atlasJSON: atlasJSON
|
|
34757
|
-
}), React__default.createElement(ItemsContainer, {
|
|
34758
|
-
className: "item-container-body"
|
|
34759
|
-
}, onRenderSlots())), quantitySelect.isOpen && React__default.createElement(QuantitySelectorContainer, null, React__default.createElement(ItemQuantitySelector, {
|
|
34760
|
-
quantity: quantitySelect.maxQuantity,
|
|
34761
|
-
onConfirm: function onConfirm(quantity) {
|
|
34762
|
-
quantitySelect.callback(quantity);
|
|
34763
|
-
setQuantitySelect({
|
|
34764
|
-
isOpen: false,
|
|
34765
|
-
maxQuantity: 1,
|
|
34766
|
-
callback: function callback() {}
|
|
34767
|
-
});
|
|
34768
|
-
},
|
|
34769
|
-
onClose: function onClose() {
|
|
34770
|
-
quantitySelect.callback(-1);
|
|
34771
|
-
setQuantitySelect({
|
|
34772
|
-
isOpen: false,
|
|
34773
|
-
maxQuantity: 1,
|
|
34774
|
-
callback: function callback() {}
|
|
34775
|
-
});
|
|
34776
|
-
}
|
|
34777
|
-
})));
|
|
34778
|
-
};
|
|
34779
|
-
var ItemsContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34780
|
-
displayName: "ItemContainer__ItemsContainer",
|
|
34781
|
-
componentId: "sc-15y5p9l-0"
|
|
34782
|
-
})(["display:flex;justify-content:center;flex-wrap:wrap;"]);
|
|
34783
|
-
var QuantitySelectorContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34784
|
-
displayName: "ItemContainer__QuantitySelectorContainer",
|
|
34785
|
-
componentId: "sc-15y5p9l-1"
|
|
34786
|
-
})(["position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:100;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.5);"]);
|
|
34787
|
-
|
|
34788
|
-
var ItemSelector = function ItemSelector(_ref) {
|
|
34789
|
-
var atlasIMG = _ref.atlasIMG,
|
|
34790
|
-
atlasJSON = _ref.atlasJSON,
|
|
34791
|
-
options = _ref.options,
|
|
34792
|
-
onClose = _ref.onClose,
|
|
34793
|
-
onSelect = _ref.onSelect;
|
|
34794
|
-
var _useState = React.useState(),
|
|
34795
|
-
selectedValue = _useState[0],
|
|
34796
|
-
setSelectedValue = _useState[1];
|
|
34797
|
-
var handleClick = function handleClick() {
|
|
34798
|
-
var element = document.querySelector("input[name='test']:checked");
|
|
34799
|
-
var elementValue = element.value;
|
|
34800
|
-
setSelectedValue(elementValue);
|
|
34801
|
-
};
|
|
34802
|
-
React.useEffect(function () {
|
|
34803
|
-
if (selectedValue) {
|
|
34804
|
-
onSelect(selectedValue);
|
|
34805
|
-
}
|
|
34806
|
-
}, [selectedValue]);
|
|
34807
|
-
return React__default.createElement(DraggableContainer, {
|
|
34808
|
-
type: exports.RPGUIContainerTypes.Framed,
|
|
34809
|
-
width: "500px",
|
|
34810
|
-
cancelDrag: ".equipment-container-body .arrow-selector",
|
|
34811
|
-
onCloseButton: function onCloseButton() {
|
|
34812
|
-
if (onClose) {
|
|
34813
|
-
onClose();
|
|
34814
|
-
}
|
|
34815
|
-
}
|
|
34816
|
-
}, React__default.createElement("div", {
|
|
34817
|
-
style: {
|
|
34818
|
-
width: '100%'
|
|
34819
|
-
}
|
|
34820
|
-
}, React__default.createElement(Title$3, null, 'Harvesting instruments'), React__default.createElement(Subtitle$1, null, 'Use the tool, you need it'), React__default.createElement("hr", {
|
|
34821
|
-
className: "golden"
|
|
34822
|
-
})), React__default.createElement(RadioInputScroller$1, null, options == null ? void 0 : options.map(function (option, index) {
|
|
34823
|
-
return React__default.createElement(RadioOptionsWrapper$1, {
|
|
34824
|
-
key: index
|
|
34825
|
-
}, React__default.createElement(SpriteAtlasWrapper$1, null, React__default.createElement(SpriteFromAtlas, {
|
|
34826
|
-
atlasIMG: atlasIMG,
|
|
34827
|
-
atlasJSON: atlasJSON,
|
|
34828
|
-
spriteKey: option.imageKey,
|
|
34829
|
-
imgScale: 3
|
|
34830
|
-
})), React__default.createElement("div", null, React__default.createElement("input", {
|
|
34831
|
-
className: "rpgui-radio",
|
|
34832
|
-
type: "radio",
|
|
34833
|
-
value: option.name,
|
|
34834
|
-
name: "test"
|
|
34835
|
-
}), React__default.createElement("label", {
|
|
34836
|
-
onPointerDown: handleClick,
|
|
34837
|
-
style: {
|
|
34838
|
-
display: 'flex',
|
|
34839
|
-
alignItems: 'center'
|
|
34840
|
-
}
|
|
34841
|
-
}, option.name, " ", React__default.createElement("br", null), option.description)));
|
|
34842
|
-
})), React__default.createElement(ButtonWrapper$1, null, React__default.createElement(Button, {
|
|
34843
|
-
buttonType: exports.ButtonTypes.RPGUIButton,
|
|
34844
|
-
onPointerDown: onClose
|
|
34845
|
-
}, "Cancel"), React__default.createElement(Button, {
|
|
34846
|
-
buttonType: exports.ButtonTypes.RPGUIButton
|
|
34847
|
-
}, "Select")));
|
|
34848
|
-
};
|
|
34849
|
-
var Title$3 = /*#__PURE__*/styled.h1.withConfig({
|
|
34850
|
-
displayName: "ItemSelector__Title",
|
|
34851
|
-
componentId: "sc-gptoxp-0"
|
|
34852
|
-
})(["font-size:0.6rem;color:yellow !important;"]);
|
|
34853
|
-
var Subtitle$1 = /*#__PURE__*/styled.h1.withConfig({
|
|
34854
|
-
displayName: "ItemSelector__Subtitle",
|
|
34855
|
-
componentId: "sc-gptoxp-1"
|
|
34856
|
-
})(["font-size:0.4rem;color:yellow !important;"]);
|
|
34857
|
-
var RadioInputScroller$1 = /*#__PURE__*/styled.div.withConfig({
|
|
34858
|
-
displayName: "ItemSelector__RadioInputScroller",
|
|
34859
|
-
componentId: "sc-gptoxp-2"
|
|
34860
|
-
})(["padding-left:15px;padding-top:10px;width:100%;margin-top:1rem;align-items:center;margin-left:20px;align-items:flex-start;overflow-y:scroll;height:360px;"]);
|
|
34861
|
-
var SpriteAtlasWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
34862
|
-
displayName: "ItemSelector__SpriteAtlasWrapper",
|
|
34863
|
-
componentId: "sc-gptoxp-3"
|
|
34864
|
-
})(["margin-right:40px;"]);
|
|
34865
|
-
var RadioOptionsWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
34866
|
-
displayName: "ItemSelector__RadioOptionsWrapper",
|
|
34867
|
-
componentId: "sc-gptoxp-4"
|
|
34868
|
-
})(["display:flex;align-items:stretch;margin-bottom:40px;"]);
|
|
34869
|
-
var ButtonWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
34870
|
-
displayName: "ItemSelector__ButtonWrapper",
|
|
34871
|
-
componentId: "sc-gptoxp-5"
|
|
34872
|
-
})(["display:flex;justify-content:space-around;padding-top:20px;width:100%;"]);
|
|
34873
|
-
|
|
34874
|
-
var ListMenu = function ListMenu(_ref) {
|
|
34875
|
-
var options = _ref.options,
|
|
34876
|
-
onSelected = _ref.onSelected,
|
|
34877
|
-
x = _ref.x,
|
|
34878
|
-
y = _ref.y;
|
|
34879
|
-
return React__default.createElement(Container$d, {
|
|
34880
|
-
x: x,
|
|
34881
|
-
y: y
|
|
34882
|
-
}, React__default.createElement("ul", {
|
|
34883
|
-
className: "rpgui-list-imp",
|
|
34884
|
-
style: {
|
|
34885
|
-
overflow: 'hidden'
|
|
34886
|
-
}
|
|
34887
|
-
}, options.map(function (params, index) {
|
|
34888
|
-
return React__default.createElement(ListElement$1, {
|
|
34889
|
-
key: (params == null ? void 0 : params.id) || index,
|
|
34890
|
-
onPointerDown: function onPointerDown() {
|
|
34891
|
-
onSelected(params == null ? void 0 : params.id);
|
|
34892
|
-
}
|
|
34893
|
-
}, (params == null ? void 0 : params.text) || 'No text');
|
|
34894
|
-
})));
|
|
34895
|
-
};
|
|
34896
|
-
var Container$d = /*#__PURE__*/styled.div.withConfig({
|
|
34897
|
-
displayName: "ListMenu__Container",
|
|
34898
|
-
componentId: "sc-i9097t-0"
|
|
34899
|
-
})(["display:flex;flex-direction:column;width:100%;justify-content:start;align-items:flex-start;position:absolute;top:", "px;left:", "px;li{font-size:", ";}"], function (props) {
|
|
34900
|
-
return props.y || 0;
|
|
34901
|
-
}, function (props) {
|
|
34902
|
-
return props.x || 0;
|
|
34903
|
-
}, uiFonts.size.xsmall);
|
|
34904
|
-
var ListElement$1 = /*#__PURE__*/styled.li.withConfig({
|
|
34905
|
-
displayName: "ListMenu__ListElement",
|
|
34906
|
-
componentId: "sc-i9097t-1"
|
|
34907
|
-
})(["margin-right:0.5rem;"]);
|
|
34908
|
-
|
|
34909
|
-
var img$6 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAP1BMVEUAAAA7FyVxQTsUEBPj5v////+5v/tCJDOOUlIiHBr1oJfptaO6dWr61rhzFy1bMTjoanMUNGQoXMQkn97+88DQ3IhAAAAAAXRSTlMAQObYZgAAAAFiS0dEBfhv6ccAAAAHdElNRQfmAw4VOBC7c5LYAAABM0lEQVQ4y3XRi5KDIAwFUAUkbrBgpP//rZsHVHQ009qZ3tPboNN0zmwzvcw8O5sX4y0NOg/Et3jRCXF+ziULorjkOQ9gE24dvuUAzq08DiCO4pe3WN7zCP56vmpubBReQYC11YPS86ySxxCsAABTSgjb5m4g8nfbxvFHBkH2OEEvAItVuCuIsgGgl+Gcr7kDXxhEAx55A2SQEEeQeZwUaIP8Tbo05B0RFPhItAjgj1w6cDnhLluDj+Egkh3pCCP4pKQAw1IPO0W9Nti5gW9RP2dKA3BZd2Dw+baYX+Nt4GM00O4S3kEpF6Alb2Bv4LeC3kkGfAW0/p0RPoJVKr63ghHsKuRh5DIUKOAlGOwrtt9fQekAEfmhZslHUDoglB0zjfkJigN7UnTQQ4GBWomoVhEN/AOPSBh38gy+fwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wMy0xNFQyMTo1NTo1MSswMDowMJcc0eEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDMtMTRUMjE6NTU6NTErMDA6MDDmQWldAAAAAElFTkSuQmCC';
|
|
34910
|
-
|
|
34911
|
-
var img$7 = 'data:image/gif;base64,R0lGODlhQAAgAPIAAAAAAA0NDRERESIiIigoKFlZWf///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw5nYW1tYT0wLjQ1NDU0NQAh+QQBFAAAACwAAAAAQAAgAAAD/wi63P4wykmrvTjrzbv/YAgIZGmeaKquakQWcCzPdG3fNukIeO//PQGDBywafcIF8chswpKKZcxApTqvNOiIZi0YsODncFaFlcNOrdTbJVff0/c3Lp/Xs2N37cy2ndt6ZnhKXHdsc4d7VnwyfIxqPWWOXXWLgHSGYoSNbZKVZp2WiJyjg1GFcaClqaqJhasyUAFrh3Cur3KqubWXBQIBAAEDtDeMaEEDAcLEx2gCycvN0jHPysPT09XR2M3a19zH3gTM4EYCBNDD4yzs7e4r48nB6gT19vf4+fr7/P3P8sKGvRtIkMUAeQoCHlzIsKHDhxAjSoTWQJnFixgzatzIsQWjRQYJAAAh/wtJbWFnZU1hZ2ljaw5nYW1tYT0wLjQ1NDU0NQAh+QQBFAAAACwAAAAAQAAgAAAD8Ai63P4wykmrvTjrzbv/YCiOlGCeaKqubMtGZiHPdG3feI6bjqD/wOBPwPAJj0ggcWFMOp+ypaI5M1it0KxNCqDKsAWDdhwt1q5fMPnJ9aJt17g4HafJ3/et+Tzn99V+aThqfTNtcHlhhIBVWG+BdDSHOmiPeHdij3aYhZONf46YkZGanzpSAV6KjaOIpqWtNwIBAAEDqqKKhZuJnHSwAgMBtqo5sGs5wcO3yM01ysTO0gXQzNPN1cXXUNnbyNna3kcmwrW3Lujp6ugD5bbn6/HyLe20Cu/t+fr7/P3+/wCF2VswrKDBgwgTKlzIsCCDBAA7';
|
|
34912
|
-
|
|
34913
|
-
(function (ImgSide) {
|
|
34914
|
-
ImgSide["right"] = "right";
|
|
34915
|
-
ImgSide["left"] = "left";
|
|
34916
|
-
})(exports.ImgSide || (exports.ImgSide = {}));
|
|
34917
|
-
var NPCMultiDialog = function NPCMultiDialog(_ref) {
|
|
34918
|
-
var _textAndTypeArray$sli;
|
|
34919
|
-
var _onClose = _ref.onClose,
|
|
34920
|
-
textAndTypeArray = _ref.textAndTypeArray;
|
|
34921
|
-
var _useState = React.useState(false),
|
|
34922
|
-
showGoNextIndicator = _useState[0],
|
|
34923
|
-
setShowGoNextIndicator = _useState[1];
|
|
34924
|
-
var _useState2 = React.useState(0),
|
|
34925
|
-
slide = _useState2[0],
|
|
34926
|
-
setSlide = _useState2[1];
|
|
34927
|
-
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
34928
|
-
if (event.code === 'Space') {
|
|
34929
|
-
if (slide < (textAndTypeArray == null ? void 0 : textAndTypeArray.length) - 1) {
|
|
34930
|
-
setSlide(function (prev) {
|
|
34931
|
-
return prev + 1;
|
|
34932
|
-
});
|
|
34933
|
-
} else {
|
|
34934
|
-
// if there's no more text chunks, close the dialog
|
|
34935
|
-
_onClose();
|
|
34936
|
-
}
|
|
34937
|
-
}
|
|
34938
|
-
};
|
|
34939
|
-
React.useEffect(function () {
|
|
34940
|
-
document.addEventListener('keydown', onHandleSpacePress);
|
|
34941
|
-
return function () {
|
|
34942
|
-
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
34943
|
-
};
|
|
34944
|
-
}, [slide]);
|
|
34945
|
-
return React__default.createElement(RPGUIContainer, {
|
|
34946
|
-
type: exports.RPGUIContainerTypes.FramedGold,
|
|
34947
|
-
width: '50%',
|
|
34948
|
-
height: '180px'
|
|
34949
|
-
}, React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$e, null, ((_textAndTypeArray$sli = textAndTypeArray[slide]) == null ? void 0 : _textAndTypeArray$sli.imageSide) === 'right' && React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer, {
|
|
34950
|
-
flex: '70%'
|
|
34951
|
-
}, React__default.createElement(NPCDialogText, {
|
|
34952
|
-
onStartStep: function onStartStep() {
|
|
34953
|
-
return setShowGoNextIndicator(false);
|
|
34954
|
-
},
|
|
34955
|
-
onEndStep: function onEndStep() {
|
|
34956
|
-
return setShowGoNextIndicator(true);
|
|
34957
|
-
},
|
|
34958
|
-
text: textAndTypeArray[slide].text || 'No text provided.',
|
|
34959
|
-
onClose: function onClose() {
|
|
34960
|
-
if (_onClose) {
|
|
34961
|
-
_onClose();
|
|
34962
|
-
}
|
|
34963
|
-
}
|
|
34964
|
-
})), React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
|
|
34965
|
-
src: textAndTypeArray[slide].imagePath || img$6
|
|
34966
|
-
})), showGoNextIndicator && React__default.createElement(PressSpaceIndicator, {
|
|
34967
|
-
right: '10.5rem',
|
|
34968
|
-
src: img$7
|
|
34969
|
-
})), textAndTypeArray[slide].imageSide === 'left' && React__default.createElement(React__default.Fragment, null, React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
|
|
34970
|
-
src: textAndTypeArray[slide].imagePath || img$6
|
|
34971
|
-
})), React__default.createElement(TextContainer, {
|
|
34972
|
-
flex: '70%'
|
|
34973
|
-
}, React__default.createElement(NPCDialogText, {
|
|
34974
|
-
onStartStep: function onStartStep() {
|
|
34975
|
-
return setShowGoNextIndicator(false);
|
|
34976
|
-
},
|
|
34977
|
-
onEndStep: function onEndStep() {
|
|
34978
|
-
return setShowGoNextIndicator(true);
|
|
34979
|
-
},
|
|
34980
|
-
text: textAndTypeArray[slide].text || 'No text provided.',
|
|
34981
|
-
onClose: function onClose() {
|
|
34982
|
-
if (_onClose) {
|
|
34983
|
-
_onClose();
|
|
34984
|
-
}
|
|
34985
|
-
}
|
|
34986
|
-
})), showGoNextIndicator && React__default.createElement(PressSpaceIndicator, {
|
|
34987
|
-
right: '1rem',
|
|
34988
|
-
src: img$7
|
|
34989
|
-
}))), ")"));
|
|
34990
|
-
};
|
|
34991
|
-
var Container$e = /*#__PURE__*/styled.div.withConfig({
|
|
34992
|
-
displayName: "NPCMultiDialog__Container",
|
|
34993
|
-
componentId: "sc-rvu5wg-0"
|
|
34994
|
-
})(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
|
|
34995
|
-
var TextContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34996
|
-
displayName: "NPCMultiDialog__TextContainer",
|
|
34997
|
-
componentId: "sc-rvu5wg-1"
|
|
34998
|
-
})(["flex:", " 0 0;width:355px;"], function (_ref2) {
|
|
34999
|
-
var flex = _ref2.flex;
|
|
35000
|
-
return flex;
|
|
35001
|
-
});
|
|
35002
|
-
var ThumbnailContainer = /*#__PURE__*/styled.div.withConfig({
|
|
35003
|
-
displayName: "NPCMultiDialog__ThumbnailContainer",
|
|
35004
|
-
componentId: "sc-rvu5wg-2"
|
|
35005
|
-
})(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
|
|
35006
|
-
var NPCThumbnail = /*#__PURE__*/styled.img.withConfig({
|
|
35007
|
-
displayName: "NPCMultiDialog__NPCThumbnail",
|
|
35008
|
-
componentId: "sc-rvu5wg-3"
|
|
35009
|
-
})(["image-rendering:pixelated;height:128px;width:128px;"]);
|
|
35010
|
-
var PressSpaceIndicator = /*#__PURE__*/styled.img.withConfig({
|
|
35011
|
-
displayName: "NPCMultiDialog__PressSpaceIndicator",
|
|
35012
|
-
componentId: "sc-rvu5wg-4"
|
|
35013
|
-
})(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref3) {
|
|
35014
|
-
var right = _ref3.right;
|
|
35015
|
-
return right;
|
|
35016
|
-
});
|
|
35017
|
-
|
|
35018
|
-
//@ts-ignore
|
|
35019
|
-
var useEventListener = function useEventListener(type, handler, el) {
|
|
35020
|
-
if (el === void 0) {
|
|
35021
|
-
el = window;
|
|
35022
|
-
}
|
|
35023
|
-
var savedHandler = React__default.useRef();
|
|
35024
|
-
React__default.useEffect(function () {
|
|
35025
|
-
savedHandler.current = handler;
|
|
35026
|
-
}, [handler]);
|
|
35027
|
-
React__default.useEffect(function () {
|
|
35028
|
-
//@ts-ignore
|
|
35029
|
-
var listener = function listener(e) {
|
|
35030
|
-
return savedHandler.current(e);
|
|
35031
|
-
};
|
|
35032
|
-
el.addEventListener(type, listener);
|
|
35033
|
-
return function () {
|
|
35034
|
-
el.removeEventListener(type, listener);
|
|
35035
|
-
};
|
|
35036
|
-
}, [type, el]);
|
|
35037
|
-
};
|
|
35038
|
-
|
|
35039
|
-
var DynamicText = function DynamicText(_ref) {
|
|
35040
|
-
var text = _ref.text,
|
|
35041
|
-
onFinish = _ref.onFinish,
|
|
35042
|
-
onStart = _ref.onStart;
|
|
35043
|
-
var _useState = React.useState(''),
|
|
35044
|
-
textState = _useState[0],
|
|
35045
|
-
setTextState = _useState[1];
|
|
35046
|
-
React.useEffect(function () {
|
|
35047
|
-
var i = 0;
|
|
35048
|
-
var interval = setInterval(function () {
|
|
35049
|
-
// on every interval, show one more character
|
|
35050
|
-
if (i === 0) {
|
|
35051
|
-
if (onStart) {
|
|
35052
|
-
onStart();
|
|
35053
|
-
}
|
|
35054
|
-
}
|
|
35055
|
-
if (i < text.length) {
|
|
35056
|
-
setTextState(text.substring(0, i + 1));
|
|
35057
|
-
i++;
|
|
35058
|
-
} else {
|
|
35059
|
-
clearInterval(interval);
|
|
35060
|
-
if (onFinish) {
|
|
35061
|
-
onFinish();
|
|
35062
|
-
}
|
|
35063
|
-
}
|
|
35064
|
-
}, 50);
|
|
35065
|
-
return function () {
|
|
35066
|
-
clearInterval(interval);
|
|
35067
|
-
};
|
|
35068
|
-
}, [text]);
|
|
35069
|
-
return React__default.createElement(TextContainer$1, null, textState);
|
|
35070
|
-
};
|
|
35071
|
-
var TextContainer$1 = /*#__PURE__*/styled.p.withConfig({
|
|
35072
|
-
displayName: "DynamicText__TextContainer",
|
|
35073
|
-
componentId: "sc-1ggl9nd-0"
|
|
35074
|
-
})(["font-size:0.7rem !important;color:white;text-shadow:1px 1px 0px #000000;letter-spacing:1.2px;word-break:normal;"]);
|
|
35075
|
-
|
|
35076
|
-
var QuestionDialog = function QuestionDialog(_ref) {
|
|
35077
|
-
var questions = _ref.questions,
|
|
35078
|
-
answers = _ref.answers,
|
|
35079
|
-
onClose = _ref.onClose;
|
|
35080
|
-
var _useState = React.useState(questions[0]),
|
|
35081
|
-
currentQuestion = _useState[0],
|
|
35082
|
-
setCurrentQuestion = _useState[1];
|
|
35083
|
-
var _useState2 = React.useState(false),
|
|
35084
|
-
canShowAnswers = _useState2[0],
|
|
35085
|
-
setCanShowAnswers = _useState2[1];
|
|
35086
|
-
var onGetFirstAnswer = function onGetFirstAnswer() {
|
|
35087
|
-
if (!currentQuestion.answerIds || currentQuestion.answerIds.length === 0) {
|
|
35088
|
-
return null;
|
|
35016
|
+
if (_onOutsideDrop) _onOutsideDrop(item, position);
|
|
35017
|
+
},
|
|
35018
|
+
atlasIMG: atlasIMG,
|
|
35019
|
+
atlasJSON: atlasJSON,
|
|
35020
|
+
isSelectingShortcut: settingShortcutIndex !== -1
|
|
35021
|
+
}));
|
|
35089
35022
|
}
|
|
35090
|
-
|
|
35091
|
-
return answers.find(function (answer) {
|
|
35092
|
-
return answer.id === firstAnswerId;
|
|
35093
|
-
});
|
|
35023
|
+
return slots;
|
|
35094
35024
|
};
|
|
35095
|
-
|
|
35096
|
-
|
|
35097
|
-
|
|
35098
|
-
|
|
35099
|
-
|
|
35100
|
-
|
|
35101
|
-
|
|
35102
|
-
|
|
35103
|
-
|
|
35104
|
-
|
|
35025
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(SlotsContainer, {
|
|
35026
|
+
title: itemContainer.name || 'Container',
|
|
35027
|
+
onClose: onClose,
|
|
35028
|
+
initialPosition: initialPosition
|
|
35029
|
+
}, type === shared.ItemContainerType.Inventory && shortcuts && removeShortcut && React__default.createElement(ShortcutsSetter, {
|
|
35030
|
+
setSettingShortcutIndex: setSettingShortcutIndex,
|
|
35031
|
+
settingShortcutIndex: settingShortcutIndex,
|
|
35032
|
+
shortcuts: shortcuts,
|
|
35033
|
+
removeShortcut: removeShortcut,
|
|
35034
|
+
atlasIMG: atlasIMG,
|
|
35035
|
+
atlasJSON: atlasJSON
|
|
35036
|
+
}), React__default.createElement(ItemsContainer, {
|
|
35037
|
+
className: "item-container-body"
|
|
35038
|
+
}, onRenderSlots())), quantitySelect.isOpen && React__default.createElement(QuantitySelectorContainer, null, React__default.createElement(ItemQuantitySelector, {
|
|
35039
|
+
quantity: quantitySelect.maxQuantity,
|
|
35040
|
+
onConfirm: function onConfirm(quantity) {
|
|
35041
|
+
quantitySelect.callback(quantity);
|
|
35042
|
+
setQuantitySelect({
|
|
35043
|
+
isOpen: false,
|
|
35044
|
+
maxQuantity: 1,
|
|
35045
|
+
callback: function callback() {}
|
|
35046
|
+
});
|
|
35047
|
+
},
|
|
35048
|
+
onClose: function onClose() {
|
|
35049
|
+
quantitySelect.callback(-1);
|
|
35050
|
+
setQuantitySelect({
|
|
35051
|
+
isOpen: false,
|
|
35052
|
+
maxQuantity: 1,
|
|
35053
|
+
callback: function callback() {}
|
|
35105
35054
|
});
|
|
35106
|
-
});
|
|
35107
|
-
};
|
|
35108
|
-
var onKeyPress = function onKeyPress(e) {
|
|
35109
|
-
switch (e.key) {
|
|
35110
|
-
case 'ArrowDown':
|
|
35111
|
-
// select next answer, if any.
|
|
35112
|
-
// if no next answer, select first answer
|
|
35113
|
-
// const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(
|
|
35114
|
-
// (answer) => answer?.id === currentAnswer!.id + 1
|
|
35115
|
-
// );
|
|
35116
|
-
var nextAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
|
|
35117
|
-
return (answer == null ? void 0 : answer.id) === currentAnswer.id + 1;
|
|
35118
|
-
});
|
|
35119
|
-
var nextAnswerID = currentQuestion.answerIds[nextAnswerIndex];
|
|
35120
|
-
var nextAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
|
|
35121
|
-
return (answer == null ? void 0 : answer.id) === nextAnswerID;
|
|
35122
|
-
});
|
|
35123
|
-
setCurrentAnswer(nextAnswer || onGetFirstAnswer());
|
|
35124
|
-
break;
|
|
35125
|
-
case 'ArrowUp':
|
|
35126
|
-
// select previous answer, if any.
|
|
35127
|
-
// if no previous answer, select last answer
|
|
35128
|
-
var previousAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
|
|
35129
|
-
return (answer == null ? void 0 : answer.id) === currentAnswer.id - 1;
|
|
35130
|
-
});
|
|
35131
|
-
var previousAnswerID = currentQuestion.answerIds && currentQuestion.answerIds[previousAnswerIndex];
|
|
35132
|
-
var previousAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
|
|
35133
|
-
return (answer == null ? void 0 : answer.id) === previousAnswerID;
|
|
35134
|
-
});
|
|
35135
|
-
if (previousAnswer) {
|
|
35136
|
-
setCurrentAnswer(previousAnswer);
|
|
35137
|
-
} else {
|
|
35138
|
-
setCurrentAnswer(onGetAnswers(currentQuestion.answerIds).pop());
|
|
35139
|
-
}
|
|
35140
|
-
break;
|
|
35141
|
-
case 'Enter':
|
|
35142
|
-
setCanShowAnswers(false);
|
|
35143
|
-
if (!(currentAnswer != null && currentAnswer.nextQuestionId)) {
|
|
35144
|
-
onClose();
|
|
35145
|
-
return;
|
|
35146
|
-
} else {
|
|
35147
|
-
setCurrentQuestion(questions.find(function (question) {
|
|
35148
|
-
return question.id === currentAnswer.nextQuestionId;
|
|
35149
|
-
}));
|
|
35150
|
-
}
|
|
35151
|
-
break;
|
|
35152
35055
|
}
|
|
35056
|
+
})));
|
|
35057
|
+
};
|
|
35058
|
+
var ItemsContainer = /*#__PURE__*/styled.div.withConfig({
|
|
35059
|
+
displayName: "ItemContainer__ItemsContainer",
|
|
35060
|
+
componentId: "sc-15y5p9l-0"
|
|
35061
|
+
})(["display:flex;justify-content:center;flex-wrap:wrap;"]);
|
|
35062
|
+
var QuantitySelectorContainer = /*#__PURE__*/styled.div.withConfig({
|
|
35063
|
+
displayName: "ItemContainer__QuantitySelectorContainer",
|
|
35064
|
+
componentId: "sc-15y5p9l-1"
|
|
35065
|
+
})(["position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:100;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.5);"]);
|
|
35066
|
+
|
|
35067
|
+
var ItemSelector = function ItemSelector(_ref) {
|
|
35068
|
+
var atlasIMG = _ref.atlasIMG,
|
|
35069
|
+
atlasJSON = _ref.atlasJSON,
|
|
35070
|
+
options = _ref.options,
|
|
35071
|
+
onClose = _ref.onClose,
|
|
35072
|
+
onSelect = _ref.onSelect;
|
|
35073
|
+
var _useState = React.useState(),
|
|
35074
|
+
selectedValue = _useState[0],
|
|
35075
|
+
setSelectedValue = _useState[1];
|
|
35076
|
+
var handleClick = function handleClick() {
|
|
35077
|
+
var element = document.querySelector("input[name='test']:checked");
|
|
35078
|
+
var elementValue = element.value;
|
|
35079
|
+
setSelectedValue(elementValue);
|
|
35153
35080
|
};
|
|
35154
|
-
|
|
35155
|
-
|
|
35156
|
-
|
|
35157
|
-
if (answer.nextQuestionId) {
|
|
35158
|
-
// if there is a next question, go to it
|
|
35159
|
-
setCurrentQuestion(questions.find(function (question) {
|
|
35160
|
-
return question.id === answer.nextQuestionId;
|
|
35161
|
-
}));
|
|
35162
|
-
} else {
|
|
35163
|
-
// else, finish dialog!
|
|
35164
|
-
onClose();
|
|
35081
|
+
React.useEffect(function () {
|
|
35082
|
+
if (selectedValue) {
|
|
35083
|
+
onSelect(selectedValue);
|
|
35165
35084
|
}
|
|
35166
|
-
};
|
|
35167
|
-
|
|
35168
|
-
|
|
35169
|
-
|
|
35170
|
-
|
|
35085
|
+
}, [selectedValue]);
|
|
35086
|
+
return React__default.createElement(DraggableContainer, {
|
|
35087
|
+
type: exports.RPGUIContainerTypes.Framed,
|
|
35088
|
+
width: "500px",
|
|
35089
|
+
cancelDrag: ".equipment-container-body .arrow-selector",
|
|
35090
|
+
onCloseButton: function onCloseButton() {
|
|
35091
|
+
if (onClose) {
|
|
35092
|
+
onClose();
|
|
35093
|
+
}
|
|
35171
35094
|
}
|
|
35172
|
-
|
|
35173
|
-
|
|
35174
|
-
|
|
35095
|
+
}, React__default.createElement("div", {
|
|
35096
|
+
style: {
|
|
35097
|
+
width: '100%'
|
|
35175
35098
|
}
|
|
35176
|
-
|
|
35177
|
-
|
|
35178
|
-
|
|
35179
|
-
|
|
35180
|
-
|
|
35181
|
-
|
|
35182
|
-
|
|
35183
|
-
|
|
35184
|
-
|
|
35185
|
-
|
|
35186
|
-
|
|
35187
|
-
|
|
35188
|
-
|
|
35189
|
-
|
|
35190
|
-
|
|
35099
|
+
}, React__default.createElement(Title$2, null, 'Harvesting instruments'), React__default.createElement(Subtitle$1, null, 'Use the tool, you need it'), React__default.createElement("hr", {
|
|
35100
|
+
className: "golden"
|
|
35101
|
+
})), React__default.createElement(RadioInputScroller$1, null, options == null ? void 0 : options.map(function (option, index) {
|
|
35102
|
+
return React__default.createElement(RadioOptionsWrapper$1, {
|
|
35103
|
+
key: index
|
|
35104
|
+
}, React__default.createElement(SpriteAtlasWrapper$1, null, React__default.createElement(SpriteFromAtlas, {
|
|
35105
|
+
atlasIMG: atlasIMG,
|
|
35106
|
+
atlasJSON: atlasJSON,
|
|
35107
|
+
spriteKey: option.imageKey,
|
|
35108
|
+
imgScale: 3
|
|
35109
|
+
})), React__default.createElement("div", null, React__default.createElement("input", {
|
|
35110
|
+
className: "rpgui-radio",
|
|
35111
|
+
type: "radio",
|
|
35112
|
+
value: option.name,
|
|
35113
|
+
name: "test"
|
|
35114
|
+
}), React__default.createElement("label", {
|
|
35115
|
+
onPointerDown: handleClick,
|
|
35116
|
+
style: {
|
|
35117
|
+
display: 'flex',
|
|
35118
|
+
alignItems: 'center'
|
|
35191
35119
|
}
|
|
35192
|
-
|
|
35193
|
-
|
|
35194
|
-
|
|
35195
|
-
|
|
35196
|
-
|
|
35197
|
-
|
|
35198
|
-
|
|
35199
|
-
|
|
35200
|
-
|
|
35201
|
-
|
|
35120
|
+
}, option.name, " ", React__default.createElement("br", null), option.description)));
|
|
35121
|
+
})), React__default.createElement(ButtonWrapper$1, null, React__default.createElement(Button, {
|
|
35122
|
+
buttonType: exports.ButtonTypes.RPGUIButton,
|
|
35123
|
+
onPointerDown: onClose
|
|
35124
|
+
}, "Cancel"), React__default.createElement(Button, {
|
|
35125
|
+
buttonType: exports.ButtonTypes.RPGUIButton
|
|
35126
|
+
}, "Select")));
|
|
35127
|
+
};
|
|
35128
|
+
var Title$2 = /*#__PURE__*/styled.h1.withConfig({
|
|
35129
|
+
displayName: "ItemSelector__Title",
|
|
35130
|
+
componentId: "sc-gptoxp-0"
|
|
35131
|
+
})(["font-size:0.6rem;color:yellow !important;"]);
|
|
35132
|
+
var Subtitle$1 = /*#__PURE__*/styled.h1.withConfig({
|
|
35133
|
+
displayName: "ItemSelector__Subtitle",
|
|
35134
|
+
componentId: "sc-gptoxp-1"
|
|
35135
|
+
})(["font-size:0.4rem;color:yellow !important;"]);
|
|
35136
|
+
var RadioInputScroller$1 = /*#__PURE__*/styled.div.withConfig({
|
|
35137
|
+
displayName: "ItemSelector__RadioInputScroller",
|
|
35138
|
+
componentId: "sc-gptoxp-2"
|
|
35139
|
+
})(["padding-left:15px;padding-top:10px;width:100%;margin-top:1rem;align-items:center;margin-left:20px;align-items:flex-start;overflow-y:scroll;height:360px;"]);
|
|
35140
|
+
var SpriteAtlasWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
35141
|
+
displayName: "ItemSelector__SpriteAtlasWrapper",
|
|
35142
|
+
componentId: "sc-gptoxp-3"
|
|
35143
|
+
})(["margin-right:40px;"]);
|
|
35144
|
+
var RadioOptionsWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
35145
|
+
displayName: "ItemSelector__RadioOptionsWrapper",
|
|
35146
|
+
componentId: "sc-gptoxp-4"
|
|
35147
|
+
})(["display:flex;align-items:stretch;margin-bottom:40px;"]);
|
|
35148
|
+
var ButtonWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
35149
|
+
displayName: "ItemSelector__ButtonWrapper",
|
|
35150
|
+
componentId: "sc-gptoxp-5"
|
|
35151
|
+
})(["display:flex;justify-content:space-around;padding-top:20px;width:100%;"]);
|
|
35152
|
+
|
|
35153
|
+
var ListMenu = function ListMenu(_ref) {
|
|
35154
|
+
var options = _ref.options,
|
|
35155
|
+
onSelected = _ref.onSelected,
|
|
35156
|
+
x = _ref.x,
|
|
35157
|
+
y = _ref.y;
|
|
35158
|
+
return React__default.createElement(Container$g, {
|
|
35159
|
+
x: x,
|
|
35160
|
+
y: y
|
|
35161
|
+
}, React__default.createElement("ul", {
|
|
35162
|
+
className: "rpgui-list-imp",
|
|
35163
|
+
style: {
|
|
35164
|
+
overflow: 'hidden'
|
|
35202
35165
|
}
|
|
35203
|
-
}
|
|
35166
|
+
}, options.map(function (params, index) {
|
|
35167
|
+
return React__default.createElement(ListElement$1, {
|
|
35168
|
+
key: (params == null ? void 0 : params.id) || index,
|
|
35169
|
+
onPointerDown: function onPointerDown() {
|
|
35170
|
+
onSelected(params == null ? void 0 : params.id);
|
|
35171
|
+
}
|
|
35172
|
+
}, (params == null ? void 0 : params.text) || 'No text');
|
|
35173
|
+
})));
|
|
35204
35174
|
};
|
|
35205
|
-
var Container$
|
|
35206
|
-
displayName: "
|
|
35207
|
-
componentId: "sc-
|
|
35208
|
-
})(["display:flex;
|
|
35209
|
-
|
|
35210
|
-
|
|
35211
|
-
|
|
35212
|
-
})
|
|
35213
|
-
var
|
|
35214
|
-
displayName: "
|
|
35215
|
-
componentId: "sc-
|
|
35216
|
-
})(["
|
|
35217
|
-
var Answer = /*#__PURE__*/styled.p.withConfig({
|
|
35218
|
-
displayName: "QuestionDialog__Answer",
|
|
35219
|
-
componentId: "sc-bxc5u0-3"
|
|
35220
|
-
})(["flex:auto;color:", " !important;font-size:0.65rem !important;background:inherit;border:none;"], function (props) {
|
|
35221
|
-
return props.color;
|
|
35222
|
-
});
|
|
35223
|
-
var AnswerSelectedIcon = /*#__PURE__*/styled.span.withConfig({
|
|
35224
|
-
displayName: "QuestionDialog__AnswerSelectedIcon",
|
|
35225
|
-
componentId: "sc-bxc5u0-4"
|
|
35226
|
-
})(["flex:5% 0 0;color:", " !important;"], function (props) {
|
|
35227
|
-
return props.color;
|
|
35228
|
-
});
|
|
35229
|
-
var AnswerRow = /*#__PURE__*/styled.div.withConfig({
|
|
35230
|
-
displayName: "QuestionDialog__AnswerRow",
|
|
35231
|
-
componentId: "sc-bxc5u0-5"
|
|
35232
|
-
})(["display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:0.5rem;height:22px;p{line-height:unset;margin-top:0;margin-bottom:0rem;}"]);
|
|
35175
|
+
var Container$g = /*#__PURE__*/styled.div.withConfig({
|
|
35176
|
+
displayName: "ListMenu__Container",
|
|
35177
|
+
componentId: "sc-i9097t-0"
|
|
35178
|
+
})(["display:flex;flex-direction:column;width:100%;justify-content:start;align-items:flex-start;position:absolute;top:", "px;left:", "px;li{font-size:", ";}"], function (props) {
|
|
35179
|
+
return props.y || 0;
|
|
35180
|
+
}, function (props) {
|
|
35181
|
+
return props.x || 0;
|
|
35182
|
+
}, uiFonts.size.xsmall);
|
|
35183
|
+
var ListElement$1 = /*#__PURE__*/styled.li.withConfig({
|
|
35184
|
+
displayName: "ListMenu__ListElement",
|
|
35185
|
+
componentId: "sc-i9097t-1"
|
|
35186
|
+
})(["margin-right:0.5rem;"]);
|
|
35233
35187
|
|
|
35234
35188
|
var ProgressBar = function ProgressBar(_ref) {
|
|
35235
35189
|
var max = _ref.max,
|
|
@@ -35248,7 +35202,7 @@ var ProgressBar = function ProgressBar(_ref) {
|
|
|
35248
35202
|
}
|
|
35249
35203
|
return value * 100 / max;
|
|
35250
35204
|
};
|
|
35251
|
-
return React__default.createElement(Container$
|
|
35205
|
+
return React__default.createElement(Container$h, {
|
|
35252
35206
|
className: "rpgui-progress",
|
|
35253
35207
|
"data-value": calculatePercentageValue(max, value) / 100,
|
|
35254
35208
|
"data-rpguitype": "progress",
|
|
@@ -35277,7 +35231,7 @@ var TextOverlay$1 = /*#__PURE__*/styled.div.withConfig({
|
|
|
35277
35231
|
displayName: "ProgressBar__TextOverlay",
|
|
35278
35232
|
componentId: "sc-qa6fzh-1"
|
|
35279
35233
|
})(["width:100%;position:relative;"]);
|
|
35280
|
-
var Container$
|
|
35234
|
+
var Container$h = /*#__PURE__*/styled.div.withConfig({
|
|
35281
35235
|
displayName: "ProgressBar__Container",
|
|
35282
35236
|
componentId: "sc-qa6fzh-2"
|
|
35283
35237
|
})(["display:flex;flex-direction:column;min-width:", "px;width:", "%;justify-content:start;align-items:flex-start;", ""], function (props) {
|
|
@@ -35288,7 +35242,7 @@ var Container$g = /*#__PURE__*/styled.div.withConfig({
|
|
|
35288
35242
|
return props.style;
|
|
35289
35243
|
});
|
|
35290
35244
|
|
|
35291
|
-
var img$
|
|
35245
|
+
var img$9 = 'data:image/png;base64,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';
|
|
35292
35246
|
|
|
35293
35247
|
var QuestInfo = function QuestInfo(_ref) {
|
|
35294
35248
|
var quests = _ref.quests,
|
|
@@ -35329,8 +35283,8 @@ var QuestInfo = function QuestInfo(_ref) {
|
|
|
35329
35283
|
onPointerDown: onRightClick
|
|
35330
35284
|
}), React__default.createElement(QuestContainer, null, React__default.createElement(TitleContainer$1, {
|
|
35331
35285
|
className: "drag-handler"
|
|
35332
|
-
}, React__default.createElement(Title$
|
|
35333
|
-
src: quests[currentIndex].thumbnail || img$
|
|
35286
|
+
}, React__default.createElement(Title$3, null, React__default.createElement(Thumbnail, {
|
|
35287
|
+
src: quests[currentIndex].thumbnail || img$9
|
|
35334
35288
|
}), quests[currentIndex].title), React__default.createElement(QuestSplitDiv, null, React__default.createElement("hr", {
|
|
35335
35289
|
className: "golden"
|
|
35336
35290
|
}))), React__default.createElement(Content, null, React__default.createElement("p", null, quests[currentIndex].description)), React__default.createElement(QuestColumn, {
|
|
@@ -35348,8 +35302,8 @@ var QuestInfo = function QuestInfo(_ref) {
|
|
|
35348
35302
|
}, button.title);
|
|
35349
35303
|
})))) : React__default.createElement(QuestsContainer, null, React__default.createElement(QuestContainer, null, React__default.createElement(TitleContainer$1, {
|
|
35350
35304
|
className: "drag-handler"
|
|
35351
|
-
}, React__default.createElement(Title$
|
|
35352
|
-
src: quests[0].thumbnail || img$
|
|
35305
|
+
}, React__default.createElement(Title$3, null, React__default.createElement(Thumbnail, {
|
|
35306
|
+
src: quests[0].thumbnail || img$9
|
|
35353
35307
|
}), quests[0].title), React__default.createElement(QuestSplitDiv, null, React__default.createElement("hr", {
|
|
35354
35308
|
className: "golden"
|
|
35355
35309
|
}))), React__default.createElement(Content, null, React__default.createElement("p", null, quests[0].description)), React__default.createElement(QuestColumn, {
|
|
@@ -35395,7 +35349,7 @@ var TitleContainer$1 = /*#__PURE__*/styled.div.withConfig({
|
|
|
35395
35349
|
displayName: "QuestInfo__TitleContainer",
|
|
35396
35350
|
componentId: "sc-15s2boc-6"
|
|
35397
35351
|
})(["width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin-top:1rem;"]);
|
|
35398
|
-
var Title$
|
|
35352
|
+
var Title$3 = /*#__PURE__*/styled.h1.withConfig({
|
|
35399
35353
|
displayName: "QuestInfo__Title",
|
|
35400
35354
|
componentId: "sc-15s2boc-7"
|
|
35401
35355
|
})(["color:white;z-index:22;font-size:", " !important;color:", " !important;"], uiFonts.size.medium, uiColors.yellow);
|
|
@@ -35417,7 +35371,7 @@ var QuestList = function QuestList(_ref) {
|
|
|
35417
35371
|
style: {
|
|
35418
35372
|
width: '100%'
|
|
35419
35373
|
}
|
|
35420
|
-
}, React__default.createElement(Title$
|
|
35374
|
+
}, React__default.createElement(Title$4, null, "Quests"), React__default.createElement("hr", {
|
|
35421
35375
|
className: "golden"
|
|
35422
35376
|
}), React__default.createElement(QuestListContainer, null, quests ? quests.map(function (quest, i) {
|
|
35423
35377
|
return React__default.createElement("div", {
|
|
@@ -35438,7 +35392,7 @@ var QuestDraggableContainer$1 = /*#__PURE__*/styled(DraggableContainer).withConf
|
|
|
35438
35392
|
displayName: "QuestList__QuestDraggableContainer",
|
|
35439
35393
|
componentId: "sc-1a2vx6q-0"
|
|
35440
35394
|
})([".container-close{top:10px;right:10px;}.quest-title{text-align:left;margin-left:44px;margin-top:20px;color:yellow;}.quest-desc{margin-top:12px;margin-left:44px;}.rpgui-progress{min-width:80%;margin:0 auto;}"]);
|
|
35441
|
-
var Title$
|
|
35395
|
+
var Title$4 = /*#__PURE__*/styled.h1.withConfig({
|
|
35442
35396
|
displayName: "QuestList__Title",
|
|
35443
35397
|
componentId: "sc-1a2vx6q-1"
|
|
35444
35398
|
})(["z-index:22;font-size:", " !important;color:yellow !important;"], uiFonts.size.medium);
|
|
@@ -35598,7 +35552,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
|
|
|
35598
35552
|
bgColor = _ref$bgColor === void 0 ? 'red' : _ref$bgColor,
|
|
35599
35553
|
_ref$margin = _ref.margin,
|
|
35600
35554
|
margin = _ref$margin === void 0 ? 20 : _ref$margin;
|
|
35601
|
-
return React__default.createElement(Container$
|
|
35555
|
+
return React__default.createElement(Container$i, {
|
|
35602
35556
|
className: "simple-progress-bar"
|
|
35603
35557
|
}, React__default.createElement(ProgressBarContainer, {
|
|
35604
35558
|
margin: margin
|
|
@@ -35607,7 +35561,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
|
|
|
35607
35561
|
bgColor: bgColor
|
|
35608
35562
|
}))));
|
|
35609
35563
|
};
|
|
35610
|
-
var Container$
|
|
35564
|
+
var Container$i = /*#__PURE__*/styled.div.withConfig({
|
|
35611
35565
|
displayName: "SimpleProgressBar__Container",
|
|
35612
35566
|
componentId: "sc-mbeil3-0"
|
|
35613
35567
|
})(["display:flex;justify-content:center;align-items:center;width:100%;"]);
|
|
@@ -35725,6 +35679,7 @@ var skillProps = {
|
|
|
35725
35679
|
fishing: 'foods/fish.png',
|
|
35726
35680
|
mining: 'crafting-resources/iron-ingot.png',
|
|
35727
35681
|
lumberjacking: 'crafting-resources/greater-wooden-log.png',
|
|
35682
|
+
blacksmithing: 'hammers/hammer.png',
|
|
35728
35683
|
cooking: 'foods/chickens-meat.png',
|
|
35729
35684
|
alchemy: 'potions/greater-mana-potion.png'
|
|
35730
35685
|
}
|
|
@@ -35747,6 +35702,7 @@ var skillNameMap = {
|
|
|
35747
35702
|
fishing: 'Fishing',
|
|
35748
35703
|
mining: 'Mining',
|
|
35749
35704
|
lumberjacking: 'Lumberjacking',
|
|
35705
|
+
blacksmithing: 'Blacksmithing',
|
|
35750
35706
|
cooking: 'Cooking',
|
|
35751
35707
|
alchemy: 'Alchemy'
|
|
35752
35708
|
};
|
|
@@ -35834,20 +35790,20 @@ var Spell = function Spell(_ref) {
|
|
|
35834
35790
|
isSettingShortcut = _ref.isSettingShortcut,
|
|
35835
35791
|
minMagicLevelRequired = _ref.minMagicLevelRequired;
|
|
35836
35792
|
var disabled = isSettingShortcut ? charMagicLevel < minMagicLevelRequired : manaCost > charMana || charMagicLevel < minMagicLevelRequired;
|
|
35837
|
-
return React__default.createElement(Container$
|
|
35793
|
+
return React__default.createElement(Container$j, {
|
|
35838
35794
|
disabled: disabled,
|
|
35839
35795
|
onPointerDown: onPointerDown == null ? void 0 : onPointerDown.bind(null, spellKey),
|
|
35840
35796
|
isSettingShortcut: isSettingShortcut && !disabled,
|
|
35841
35797
|
className: "spell"
|
|
35842
35798
|
}, disabled && React__default.createElement(Overlay, null, charMagicLevel < minMagicLevelRequired ? 'Low magic level' : manaCost > charMana && 'No mana'), React__default.createElement(SpellImage, null, magicWords.split(' ').map(function (word) {
|
|
35843
35799
|
return word[0];
|
|
35844
|
-
})), React__default.createElement(Info, null, React__default.createElement(Title$
|
|
35800
|
+
})), React__default.createElement(Info, null, React__default.createElement(Title$5, null, React__default.createElement("span", null, name), React__default.createElement("span", {
|
|
35845
35801
|
className: "spell"
|
|
35846
|
-
}, "(", magicWords, ")")), React__default.createElement(Description
|
|
35802
|
+
}, "(", magicWords, ")")), React__default.createElement(Description, null, description)), React__default.createElement(Divider, null), React__default.createElement(Cost, null, React__default.createElement("span", null, "Mana cost:"), React__default.createElement("span", {
|
|
35847
35803
|
className: "mana"
|
|
35848
35804
|
}, manaCost)));
|
|
35849
35805
|
};
|
|
35850
|
-
var Container$
|
|
35806
|
+
var Container$j = /*#__PURE__*/styled.button.withConfig({
|
|
35851
35807
|
displayName: "Spell__Container",
|
|
35852
35808
|
componentId: "sc-j96fa2-0"
|
|
35853
35809
|
})(["display:block;background:none;border:2px solid transparent;border-radius:1rem;width:100%;display:flex;height:5rem;gap:1rem;align-items:center;padding:0 1rem;text-align:left;position:relative;animation:", ";@keyframes border-color-change{0%{border-color:", ";}50%{border-color:transparent;}100%{border-color:", ";}}&:hover,&:focus{background-color:", ";}&:active{background:none;}"], function (_ref2) {
|
|
@@ -35862,11 +35818,11 @@ var Info = /*#__PURE__*/styled.span.withConfig({
|
|
|
35862
35818
|
displayName: "Spell__Info",
|
|
35863
35819
|
componentId: "sc-j96fa2-2"
|
|
35864
35820
|
})(["width:0;flex:1;"]);
|
|
35865
|
-
var Title$
|
|
35821
|
+
var Title$5 = /*#__PURE__*/styled.p.withConfig({
|
|
35866
35822
|
displayName: "Spell__Title",
|
|
35867
35823
|
componentId: "sc-j96fa2-3"
|
|
35868
35824
|
})(["display:flex;flex-wrap:wrap;align-items:center;margin-bottom:5px;margin:0;span{font-size:", " !important;font-weight:bold !important;color:", " !important;margin-right:0.5rem;}.spell{font-size:", " !important;font-weight:normal !important;color:", " !important;}"], uiFonts.size.medium, uiColors.yellow, uiFonts.size.small, uiColors.lightGray);
|
|
35869
|
-
var Description
|
|
35825
|
+
var Description = /*#__PURE__*/styled.div.withConfig({
|
|
35870
35826
|
displayName: "Spell__Description",
|
|
35871
35827
|
componentId: "sc-j96fa2-4"
|
|
35872
35828
|
})(["font-size:", " !important;line-height:1.1 !important;"], uiFonts.size.small);
|
|
@@ -35932,7 +35888,7 @@ var Spellbook = function Spellbook(_ref) {
|
|
|
35932
35888
|
width: "inherit",
|
|
35933
35889
|
height: "inherit",
|
|
35934
35890
|
cancelDrag: "#spellbook-search, #shortcuts_list, .spell"
|
|
35935
|
-
}, React__default.createElement(Container$
|
|
35891
|
+
}, React__default.createElement(Container$k, null, React__default.createElement(Title$6, null, "Learned Spells"), React__default.createElement(ShortcutsSetter, {
|
|
35936
35892
|
setSettingShortcutIndex: setSettingShortcutIndex,
|
|
35937
35893
|
settingShortcutIndex: settingShortcutIndex,
|
|
35938
35894
|
shortcuts: shortcuts,
|
|
@@ -35960,11 +35916,11 @@ var Spellbook = function Spellbook(_ref) {
|
|
|
35960
35916
|
}, spell)));
|
|
35961
35917
|
}))));
|
|
35962
35918
|
};
|
|
35963
|
-
var Title$
|
|
35919
|
+
var Title$6 = /*#__PURE__*/styled.h1.withConfig({
|
|
35964
35920
|
displayName: "Spellbook__Title",
|
|
35965
35921
|
componentId: "sc-r02nfq-0"
|
|
35966
35922
|
})(["font-size:", " !important;margin-bottom:0 !important;"], uiFonts.size.large);
|
|
35967
|
-
var Container$
|
|
35923
|
+
var Container$k = /*#__PURE__*/styled.div.withConfig({
|
|
35968
35924
|
displayName: "Spellbook__Container",
|
|
35969
35925
|
componentId: "sc-r02nfq-1"
|
|
35970
35926
|
})(["width:100%;height:100%;color:white;display:flex;flex-direction:column;"]);
|
|
@@ -35978,16 +35934,16 @@ var TextArea = function TextArea(_ref) {
|
|
|
35978
35934
|
return React__default.createElement("textarea", Object.assign({}, props));
|
|
35979
35935
|
};
|
|
35980
35936
|
|
|
35981
|
-
var img$
|
|
35937
|
+
var img$a = 'data:image/gif;base64,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';
|
|
35982
35938
|
|
|
35983
|
-
var img$
|
|
35939
|
+
var img$b = 'data:image/gif;base64,R0lGODlhTgBNAPMAAAAAALcILyZ31ESZ+lrC/1Ds//vvpv3wo4G8//////38+QAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAAIf4gQ3JlYXRlZCB3aXRoIGV6Z2lmLmNvbSBHSUYgbWFrZXIALAAAAABOAE0AAAT/EMhJq7046827/2AojmRpnmiqrmzrvnAsz2tg37hNq7jg/0AfbjeyAQfIpBIJ1BE5N99ySmUKbk9M4FftUn+BLMXoLXev4exWYG5/r8+te/5Nz+T0vBIu2yL+gIGCg4SFgXwvfoaLjIyILIqNkpOAjymRlAgHm5ybmZV2KHh0naWcepYlo22mradzqUUClK61nJSxIJiMrgm+v664oSKrXqa/yMmmbrkexVXHydK+y2bNULON0dPTppLXGs9UpdzlCaVt4FpsZuTm5ejWwx3iU53v753p89jtnPj49JVRZ2ELgYMFoP0DaE6gF4JjBBycSCChEncMucV7yC+DQYoI/y8uzAjvFUddEkGGRHKPZMlN8lCqXDmgpctuJs90XDdzpc2bynJWgSjh40yLP4ECE1pHZs8CB5MqPcd0ClEARlVCjTpy6kadTrWC7KpU4NaDVndeyNqT64GpSzedBblHbcGUbSmSddlprsokV7HizUtAKsO+hAkMCCw48UTD+RAnZsw2L0aApfy2pTw48eWGczX3ZNzYsdtNAf2KVkm6tOnC2+JqXg2ytWBStiSLzWv7dh5XBnS/Pti7nj9TW2kT7u1bT03dBZSPtuuMnfMkqqXXpl79uhLR2icyj+gdSfjN3FF6Pz89kXU3itnPHO/xfXlm6VXZv3+ShnH+gOUnikAUAFpFny7/XYeGGBOssR8qQjBYQRQPpoOGgHc4WOEeYGAYB4VBBDGEhMTkYCKJKKao4oostujiizDGKOOMF0QAACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAAE4ATQAABP8QyEmrvTjrzbv/YCiOZGmeaKqubOu+cCzPa2DfuE2ruOD/QB9uN7IBB8ikEgnUETk333JKZQpuT0zgV+1Sf4Esxegtd6/h7FZgbn+vz617/k3P5PS8Ei7bIv6AgYKDhIWBfC9+houMjIgsio2Sk4CPKZGUmY2WJnh6B6ChoHpMdieec6KqoXqcRQKaq7Khmq4gmI2zurSUth6oZbMJw8Szc74dwF2rxM3Oq27IG7iGzM7Xw6uT0hnKVNbY2NBm3Bfe36Lh6gmq0aa/bGaq6+vt5O/J8cGh9PSibeUqbCFAoMAyfv38sSoTcMJAggQNTkmXsN5Chvg0PIRYcMm8iur/7HlpCGAjR4lIKIIMefFMxm4COEJEOUDlSnEtq5A0eTKJzZvPcta5FVNmRJ8IgV77h5Go0YgEayZV2ozpyJdaihotAPEnVXZCp+zUepLjx69gF3KFuGTsU6Negf5bazSJ27dmp1IVRfdpqRA838YFyRcvRJISAj89e1NV37eIS5I1zLiiY8OHscLEnFevP7oHHkPWvJkzwcohH4s2GjnxZMyol4peLbO161SyloKiTZug7du4dRkobLo26Wn6gs9a29vwb+B5ls9s/vS5w+R0Lp+kztH6dVJTVnP3ffzDOTrjR7c43yZ99fIi2FchMMA9a/ivwIP3jlx/Hv5QYOefQUtxSDGgTgCaJx8paIhxnYH+geGgQEYIGA0a+NFQIYRngJGhGlEEIeIQE8aXw4klpqjiiiy26OKLMMYo44w0XhABACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAAE4ATQAABP8QyEmrvTjrzbv/YCiOZGmeaKqubOu+cCzPa2DfuE2ruOD/QB9uN7IBB8ikEgnUETk333JKZQpuT0zgV+1Sf4Esxegtd6/h7FZgbn+vz617/k3P5PS8Ei7bIv6AgYKDhIWBfC9+houMjIgsio2Sk4CPKZGUmY2WJnh6n2d2J555B6anpqCcRQKaf6iwp64IqyCYk7G5spq1HqRmusGndL0dv166CcrLunPFG7eLscvU1bGUzxnHVdPV3sqxbtkX21Td39/hbeMV5VOw6PEJsOKivmzAqPLy9GbsYwIIFCijbx+/Yf7sQQlIoOFAc6cMGkS1TqGGLQ0zPlxSUGI8ign/bTHMKJBjR4/pQHr5BwAjyZJKTqJMmaoMS5cvNw6QOdMawpUWtY0kqZNnT2Y/Q4l86bAhEqNH5yWtcnOoxow7I0b1plLpB5xXSUI9qrIAyT1BtVhlSgDeVqTDzLJlkpbcWrZjUVKUy5bAAJYt777M6xEV376AA/cdrHXr3sUNE4Nd7JasYciR66rFnLGyXr4DDiPWvJnzOYkHRItmmljCZMqe+a1e/bK1a3z5CM+jLXCx7dtzklFTcJlzbdIXcbcRVpw35N/A6TDnW8A5W+gT3HXRpdo6SezZlUuHRdt75hriQZkf3UJ7m/XXkYtwX8UvfNbyWYFSlZ8E/f1LgGdMRXoAUtXfKFIUSJWAtvyXBxpihJcggGBE2I4RBK6DxoF9rDHhGWBwSEQPQZQ4hIXz5aAiiiy26OKLMMYo44w01mjjjRdEAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAABOAE0AAAT/EMhJq7046827/2AojmRpnmiqrmzrvnAsz2tg37hNq7jg/0AfbjeyAQfIpBIJ1BE5N99ySmUKbk9M4FftUn+BLMXoLXev4exWYG5/r8+te/5Nz+T0vBIu2yL+gIGCg4SFgXwvfoaLjIyILIqNkpOAjymRlJmNliZ4ep9ndieeoKV7oiWYmgesrayah6giqpSutq2wf5wgpG63v616ux+9ZcDHwXPDHbSLwAnQ0cCZyxvFXbfR2tu3yrLMbL622+TStt6z4WbZ5e3dbdVa6sau7fYJ5/Df1gIF6/X37OUrE8/CFgII/WFrFTCgKzcFxwhAmLAKwIb3HpqJOOEgRQIK/5dcxOguGcF98j6CnDKOpECNXjhK8PgxJJKRLsvBDMVrokqbA3Dm5GaSJzGfNREmETrUHKuNKC/QpFiA4k2GTXUWrSITwFSQKoNizUr0aZKqVplENYhU5UemWTWidTug61e3BFqShXZuLt6uXtvizTt270O/bgEHHvy2MNnDjAkovosXLknIkScLHqx36IG5AxAnXpsyMsLOlxGL/qh45ubKqB2KXk2xtes27Bp+Hkzb9m3csaMp4LvbtErfgec8I4qWNmPkycUhYzW3gPPRl+b9O6b6em3SHq7R+7Xau2Tw4bVLd2X+L/qjppC0x+5CvBkCoY27j2E/Ptf3JPTn30cpOwg4IHQ9qTdgXQiGQMaCSaAhRkdcxAfGhBVEoSA8aAB4xxpSEASGh3FoGEQQQ2A4Sw4squjiizDGKOOMNNZo44045nhBBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAABOAE0AAAT/EMhJq7046827/2AojmRpnmiqrmzrvnAsz2tg37hNq7jg/0AfbjeyAQfIpBIJ1BE5N99ySmUKbk9M4FftUn+BLMXoLXev4exWYG5/r8+te/5Nz+T0vBIu2yL+gIGCg4SFgXwvfoaLjIyILIqNkpOAjymRlJmNliZ4ep9ndieeoKV7oiWYmgesrayah6giqpSutq2wf5wgpG63v616ux+9ZcDHwXPDHbSLwAnQ0cCZyxvFXbfR2tu3yrLMbL622+TStt6z4WbZ5e3dbdVa6sau7fYJ5/Df1gIF6/X37OUrE8/CFgII/WFrFTCgKzcFxwhAmLAKwIb3HpqJOOEgRQIK/5dcxOguGcF98j6CnDKOpECNXjhK8PgxJJKRLsvBDMVrokqbA3Dm5GaSJzGfNREmETrUHKuNKC/QpFiA4k2GTXUWrSITwFSQKoNizUr0aZKqVplENYhU5UemWTWidTug61e3BFqShXZuLt6uXtvizTt270O/bgEHHvy2MNnDjAkovosXLknIkScLHqx36IG5AxAnXpsyMsLOlxGL/qh45ubKqB2KXk2xtes27Bp+Hkzb9m3csaMp4LvbtErfgec8I4qWNmPkycUhYzW3gPPRl+b9O6b6em3SHq7R+7Xau2Tw4bVLd2X+L/qjppC0x+5CvBkCoY27j2E/Ptf3JPTn30cpOwg4IHQ9qTdgXQiGQMaCSaAhRkdcxAfGhBVEoSA8aAB4xxpSEASGh3FoGEQQQ2A4Sw4squjiizDGKOOMNNZo44045nhBBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAABOAE0AAAT/EMhJq7046827/2AojmRpnmiqrmzrvnAsz2tg37hNq7jg/0AfbjeyAQfIpBIJ1BE5N99ySmUKbk9M4FftUn+BLMXoLXev4exWYG5/r8+te/5Nz+T0vBIu2yL+gIGCg4SFgXwvfoaLjIyILIqNkpOAjymRlJmNliZ4ep9ndieeeQemp6agnEUCmn+osKeuCKsgmJOxubKatR6kZrrBp3S9Hb9eugnKy7pzxRu3i7HL1NWxlM8Zx1XT1d7KsW7ZF9tU3d/f4W3jFeVTsOjxCbDior5swKjy8vRm7GMCCBQoo28fv2H+7EEJSKDhQHOnDBpEtU6hhi0NMz5cUlBiPIoJ/20xzCiQY0eP6UB6+QcAI8mSSk6iTJmqDEuXLzcOkDnTGsKVFrWNJKmTZ09mP0OJfOmwIRKjR+clrXJzqMaMOyNG9aZS6QecV0lCPaqyAMk9QbVYZUoA3lakw8yyZZKW3Fq2Y1FSlMuWwACWLe++zOsRFd++gAP3Hax1697FDRODXeyWrGHIkeuqxZyxsl6+Aw4j1ryZ8zmJB0SLZppYwmTKnvmtXv2ytWt8+QjPoy1wse3bc5JRU3CZc23SF3G3EVacN+TfwOkw51vAOVvoE9x10aXaOkns2ZVLh0Xbe+Ya4kGZH91Ce5v115GLcF/FL3zW8lmBUpWfBP39S4BnTEV6AFLV3yhSFEiVgLb8lwcaYoSXIIBgRNiOEQSug8aBfawx4RlgcEhED0GUOISF8+WgIoostujiizDGKOOMNNZo440XRAAAIf8LSW1hZ2VNYWdpY2sNZ2FtbWE9MC40NTQ1NQAh+QQBFAAAACwAAAAATgBNAAAE/xDISau9OOvNu/9gKI5kaZ5oqq5s675wLM9rYN+4Tau44P9AH243sgEHyKQSCdQROTffckplCm5PTOBX7VJ/gSzF6C13r+HsVmBuf6/PrXv+Tc/k9LwSLtsi/oCBgoOEhYF8L36Gi4yMiCyKjZKTgI8pkZSZjZYmeHoHoKGgekx2J55zoqqhepxFApqrsqGariCYjbO6tJS2HqhlswnDxLNzvh3AXavEzc6rbsgbuIbMztfDq5PSGcpU1tjY0GbcF97fouHqCarRpr9sZqrr6+3k78nxwaH09KJt5SpsIUCgwDJ+/fyxKhNwwkCCBA1OSZew3kKG+DQ8hFhwybyK6v/seWkIYCNHiUgoggx58UzGbgI4QkQ5QOVKcS2rkDR5MonNm89y1rkVU2ZEnwiBXvuHkajRiARrJlXajOnIl1qKGi0A8SdVdkKn7NR6kuPHr2AXcoW4ZOxTo16B/ltrNInbt2anUhVF92mpEDzfxgXJFy9EkhICPz17U1Xft4hLkjXMuKJjw4exwsTctbI/ugceQ9a8mTMBcJ9lijYaOfFkyp6Xil4ts7XrVLKWgqJNm6Dt27h1GShsujbpafqCz1rb2/Bv4HmWz2z+9LnD5HQun6TO0fp1UlNWc/d9/MM5OuNHtzjfJn318iLYVyEwwD1r+K/Ag/eOXH8e/lBg559BS3FIMaBOAJonHyloiHGdgf6B4aBARggYDRr40VAhhGeAkaEaUQQh4hATxpfDiSWmqOKKLLbo4oswxijjjDReEAEAIf8LSW1hZ2VNYWdpY2sNZ2FtbWE9MC40NTQ1NQAh+QQBFAAAACwAAAAATgBNAAAE/xDISau9OOvNu/9gKI5kaZ5oqq5s675wLM9rYN+4Tau44P9AH243sgEHyKQSCdQROTffckplCm5PTOBX7VJ/gSzF6C13r+HsVmBuf6/PrXv+Tc/k9LwSLtsi/oCBgoOEhYF8L36Gi4yMiCyKjZKTgI8pkZQIB5ucm5mVdih4dJ2lnHqWJaNtpq2nc6lFApSutZyUsSCYjK4Jvr+uuKEiq16mv8jJpm65HsVVx8nSvstmzVCzjdHT06aS1xrPVKXc5QmlbeBabGbk5uXo1sMd4lOd7++d6fPY7Zz4+PSVUWdhC4GDBaD9A2hOoBeCYwQcnEggoRJ3DLnFe8gvg0GKCP8vLswI7xVHXRJBhkRyj2TJTfJQqlw5oKXLbibPdFw3c6XNm8pyVoEo4eNMiz+BAhNaR2bPAgeTKj3HdApRAEZVQo06cupGnU61guyqVODWg1Z3Xsjak+uBqUs3nQW5R23BlG0pknXZaa7KJFex4s1LQCrDvoQJDAgsOPFEw/kQJ2bMNi9GgKX8tqU8OPHlhnM192Tc2LHbTQH9ilZJurTpwtvial4NsrVgUrYki81r+3YeVwZ0vz7Yu54/U1tpE+7tW09N3QWUj7brjJ3zJKql16Ze/boS0donMo/oHUn4zdxRej8/PZF1N4rZzxzv8X15ZulV2b9/koZx/oDlJ4pAFABaRZ8u/12HhhgTrLEfKkIwWEEUD6aDhoB3OFjhHmBgGAeFQQQxhITE5GAiiSimqOKKLLbo4oswxijjjBdEAAA7';
|
|
35984
35940
|
|
|
35985
|
-
var img$
|
|
35941
|
+
var img$c = 'data:image/gif;base64,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';
|
|
35986
35942
|
|
|
35987
35943
|
var DayNightPeriod = function DayNightPeriod(_ref) {
|
|
35988
35944
|
var _periodOfDaySrcFiles;
|
|
35989
35945
|
var periodOfDay = _ref.periodOfDay;
|
|
35990
|
-
var periodOfDaySrcFiles = (_periodOfDaySrcFiles = {}, _periodOfDaySrcFiles[shared.PeriodOfDay.Morning] = img$
|
|
35946
|
+
var periodOfDaySrcFiles = (_periodOfDaySrcFiles = {}, _periodOfDaySrcFiles[shared.PeriodOfDay.Morning] = img$b, _periodOfDaySrcFiles[shared.PeriodOfDay.Afternoon] = img$a, _periodOfDaySrcFiles[shared.PeriodOfDay.Night] = img$c, _periodOfDaySrcFiles);
|
|
35991
35947
|
return React__default.createElement(GifContainer, null, React__default.createElement("img", {
|
|
35992
35948
|
src: periodOfDaySrcFiles[periodOfDay]
|
|
35993
35949
|
}));
|
|
@@ -35997,7 +35953,7 @@ var GifContainer = /*#__PURE__*/styled.div.withConfig({
|
|
|
35997
35953
|
componentId: "sc-10t97fw-0"
|
|
35998
35954
|
})(["width:100%;img{width:67%;}"]);
|
|
35999
35955
|
|
|
36000
|
-
var img$
|
|
35956
|
+
var img$d = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAABHCAYAAAA0qHhdAAAAAXNSR0IArs4c6QAABGRJREFUeJztnb9PGzEUx7+JMjC0Uge6tVsVdTghQP0D2qgjzGz8D8woE2LO/5CNOcwlU9WJRCgDYmWJRAYkFgak6wDv5HPsO9/P8J79WUhicr7nzz3bOV8uHbRPXOXN2x++1LUfYnh4uu8AQK+FulLy7hbHxn96vrh22tjW0b7xPVtH+87bkMbnj1/jh6f7TqfBOmKgurwy6MJ10VRuKqNylwMl7wBy3U5WuetBOhg9om6ZSRaqEtvImJ2zRfL4/GA3eXy494LJzNwBmcpc//9w7wUAMJn1ktdt5bbnaj228qw6VeqWGbctUEXNxn40Fj+2/jn5lHpel8xUd+oqcedsUajum2HkNHEiqf1oDAD4/e1HkWrYMF8uE6GTWQ+j6aryBCh2lVhUXt77bXJpP2i/+tE41e1y5uo2W1cVmfHd4rhxiXnbdZEqReiv76/jpE1q2YbOFNmUwDxsYreO9lkLvbrtJSLp+Xy5xN9/g8TBYPSIboltv0uRWXU/X1zjbnGM08t527tUC7aM1B0UbXiryE1KNGHKUu4ZqjKarpLMpAlQkcxkIxIw7xP3DLVBnzldZbISSUgXqvtwkclSJCFNqDpu0mdqOkOUJ5O1SEKSUHVWWyQzRYgkJAml7KTMzBszRYkkJAhVu1ny49rNpuAskuAaw9VtL/d0nikwY1ZybQQb+udQ+gzKZbXFtGqiq3Y63yoR6m770Rg3wyi1gK1iel1dQNbLqazsX9M2dKib1bPNi6wkbNl5M4w2tUulGIwe8fB031nrhH0RCbzGpgrVJxSEaYXfdoWCrdxE1lUNtnJ9+6PpKrmgSxUVm45IyTIB8zncnbPF2th58nMbo+kq9zUX8t5XpC4SCQSZVpkovzy4MWiHvRRJSBFaZj0z8E6xyvQlKwE5sYbMFEQXlvHSd97apNL3YtomZKYgjDKljCFFkBBzyExBBJmCCDIFEWQKIsgURJApiCBTEEGmILqA26q4b3Bsk5CZgjDKdL1/gCQkxJzI5NitNAXXtugC6HC5NL9N3tqE1cn3MGYKIiVT7V4kjCGuqLFy7WIBw61jOAdTFikxp66bPT/YXbsnm4RF2yz0Hmgy67EcLwHDmCnlKC0D99hVmcmslntQZaCYuWYlYPgWmOkeOaeXc5bB5XF+sLs2yeMs05iC+rh5uBfF0sbO17EyHSf3HkkfMzunl3P2QZWB88SHsO246JmtpBmsSuYZoMmsJ+5Egn6CQFIvlHUkrk2GKFO5ZiiJ1AVKyEogPwDj7BbgN8M1zVwBOSIBtyDYC/VBJOAeCFuhvogEigXDTqhPIoESd4LmItQ3kUC5oKxCgc1LtUkEZIsEKvx6wnsU6rNIoFpwmUKJpsVmCVT2ARAuEqgeoJNQoH6pLhLf6gU8EAnUE2QMoPDPSxSV6ypP2T499EIkUG+gzlnaND5lo0pjv5/Ztljt2l/vRALNBl2q+y2Kj92pjTYaIDXWVZVruPree4nEJhqi6ppokGfhP6xr60VVr5O+AAAAAElFTkSuQmCC';
|
|
36001
35957
|
|
|
36002
35958
|
var TimeWidget = function TimeWidget(_ref) {
|
|
36003
35959
|
var onClose = _ref.onClose,
|
|
@@ -36012,7 +35968,7 @@ var TimeWidget = function TimeWidget(_ref) {
|
|
|
36012
35968
|
var WidgetContainer = /*#__PURE__*/styled.div.withConfig({
|
|
36013
35969
|
displayName: "TimeWidget__WidgetContainer",
|
|
36014
35970
|
componentId: "sc-1ja236h-0"
|
|
36015
|
-
})(["background-image:url(", ");background-size:10rem;background-repeat:no-repeat;width:10rem;position:absolute;height:100px;"], img$
|
|
35971
|
+
})(["background-image:url(", ");background-size:10rem;background-repeat:no-repeat;width:10rem;position:absolute;height:100px;"], img$d);
|
|
36016
35972
|
var Time = /*#__PURE__*/styled.div.withConfig({
|
|
36017
35973
|
displayName: "TimeWidget__Time",
|
|
36018
35974
|
componentId: "sc-1ja236h-1"
|
|
@@ -36032,8 +35988,7 @@ var TradingItemRow = function TradingItemRow(_ref) {
|
|
|
36032
35988
|
atlasJSON = _ref.atlasJSON,
|
|
36033
35989
|
onQuantityChange = _ref.onQuantityChange,
|
|
36034
35990
|
traderItem = _ref.traderItem,
|
|
36035
|
-
selectedQty = _ref.selectedQty
|
|
36036
|
-
equipmentSet = _ref.equipmentSet;
|
|
35991
|
+
selectedQty = _ref.selectedQty;
|
|
36037
35992
|
var onLeftClick = function onLeftClick(qty) {
|
|
36038
35993
|
if (qty === void 0) {
|
|
36039
35994
|
qty = 1;
|
|
@@ -36041,27 +35996,22 @@ var TradingItemRow = function TradingItemRow(_ref) {
|
|
|
36041
35996
|
onQuantityChange(traderItem, Math.max(0, selectedQty - qty));
|
|
36042
35997
|
};
|
|
36043
35998
|
var onRightClick = function onRightClick(qty) {
|
|
36044
|
-
var _traderItem$
|
|
35999
|
+
var _traderItem$qty;
|
|
36045
36000
|
if (qty === void 0) {
|
|
36046
36001
|
qty = 1;
|
|
36047
36002
|
}
|
|
36048
|
-
onQuantityChange(traderItem, Math.min((_traderItem$
|
|
36003
|
+
onQuantityChange(traderItem, Math.min((_traderItem$qty = traderItem.qty) != null ? _traderItem$qty : 999, selectedQty + qty));
|
|
36049
36004
|
};
|
|
36050
|
-
return React__default.createElement(ItemWrapper, null, React__default.createElement(ItemIconContainer, null, React__default.createElement(SpriteContainer$1, null, React__default.createElement(
|
|
36051
|
-
atlasIMG: atlasIMG,
|
|
36052
|
-
atlasJSON: atlasJSON,
|
|
36053
|
-
equipmentSet: equipmentSet,
|
|
36054
|
-
item: traderItem
|
|
36055
|
-
}, React__default.createElement(SpriteFromAtlas, {
|
|
36005
|
+
return React__default.createElement(ItemWrapper, null, React__default.createElement(ItemIconContainer, null, React__default.createElement(SpriteContainer$1, null, React__default.createElement(SpriteFromAtlas, {
|
|
36056
36006
|
atlasIMG: atlasIMG,
|
|
36057
36007
|
atlasJSON: atlasJSON,
|
|
36058
36008
|
spriteKey: shared.getItemTextureKeyPath({
|
|
36059
36009
|
key: traderItem.key,
|
|
36060
|
-
stackQty: traderItem.
|
|
36010
|
+
stackQty: traderItem.qty || 1,
|
|
36061
36011
|
texturePath: traderItem.texturePath
|
|
36062
36012
|
}, atlasJSON),
|
|
36063
36013
|
imgScale: 2.5
|
|
36064
|
-
})))
|
|
36014
|
+
}))), React__default.createElement(ItemNameContainer, null, React__default.createElement(NameValue, null, React__default.createElement("p", null, React__default.createElement(Ellipsis, {
|
|
36065
36015
|
maxLines: 1,
|
|
36066
36016
|
maxWidth: "250px"
|
|
36067
36017
|
}, capitalize(traderItem.name))), React__default.createElement("p", null, "$", traderItem.price))), React__default.createElement(QuantityContainer, null, React__default.createElement(SelectArrow, {
|
|
@@ -36134,8 +36084,7 @@ var TradingMenu = function TradingMenu(_ref) {
|
|
|
36134
36084
|
atlasJSON = _ref.atlasJSON,
|
|
36135
36085
|
atlasIMG = _ref.atlasIMG,
|
|
36136
36086
|
characterAvailableGold = _ref.characterAvailableGold,
|
|
36137
|
-
onConfirm = _ref.onConfirm
|
|
36138
|
-
equipmentSet = _ref.equipmentSet;
|
|
36087
|
+
onConfirm = _ref.onConfirm;
|
|
36139
36088
|
var _useState = React.useState(0),
|
|
36140
36089
|
sum = _useState[0],
|
|
36141
36090
|
setSum = _useState[1];
|
|
@@ -36193,7 +36142,7 @@ var TradingMenu = function TradingMenu(_ref) {
|
|
|
36193
36142
|
style: {
|
|
36194
36143
|
width: '100%'
|
|
36195
36144
|
}
|
|
36196
|
-
}, React__default.createElement(Title$
|
|
36145
|
+
}, React__default.createElement(Title$7, null, Capitalize(type), " Menu"), React__default.createElement("hr", {
|
|
36197
36146
|
className: "golden"
|
|
36198
36147
|
})), React__default.createElement(TradingComponentScrollWrapper, {
|
|
36199
36148
|
id: "TraderContainer"
|
|
@@ -36206,8 +36155,7 @@ var TradingMenu = function TradingMenu(_ref) {
|
|
|
36206
36155
|
atlasJSON: atlasJSON,
|
|
36207
36156
|
onQuantityChange: onQuantityChange,
|
|
36208
36157
|
traderItem: tradeItem,
|
|
36209
|
-
selectedQty: (_qtyMap$get = qtyMap.get(tradeItem.key)) != null ? _qtyMap$get : 0
|
|
36210
|
-
equipmentSet: equipmentSet
|
|
36158
|
+
selectedQty: (_qtyMap$get = qtyMap.get(tradeItem.key)) != null ? _qtyMap$get : 0
|
|
36211
36159
|
}));
|
|
36212
36160
|
})), React__default.createElement(GoldWrapper, null, React__default.createElement("p", null, "Available Gold:"), React__default.createElement("p", null, "$", characterAvailableGold)), React__default.createElement(TotalWrapper, null, React__default.createElement("p", null, "Total:"), React__default.createElement("p", null, "$", sum)), !hasGoldForSale() ? React__default.createElement(AlertWrapper, null, React__default.createElement("p", null, " Sorry, not enough money.")) : React__default.createElement(GoldWrapper, null, React__default.createElement("p", null, "Final Gold:"), React__default.createElement("p", null, "$", getFinalGold())), React__default.createElement(ButtonWrapper$2, null, React__default.createElement(Button, {
|
|
36213
36161
|
buttonType: exports.ButtonTypes.RPGUIButton,
|
|
@@ -36222,7 +36170,7 @@ var TradingMenu = function TradingMenu(_ref) {
|
|
|
36222
36170
|
}
|
|
36223
36171
|
}, "Cancel"))));
|
|
36224
36172
|
};
|
|
36225
|
-
var Title$
|
|
36173
|
+
var Title$7 = /*#__PURE__*/styled.h1.withConfig({
|
|
36226
36174
|
displayName: "TradingMenu__Title",
|
|
36227
36175
|
componentId: "sc-1wjsz1l-0"
|
|
36228
36176
|
})(["z-index:22;font-size:0.6rem;color:yellow !important;"]);
|
|
@@ -36256,230 +36204,17 @@ var Truncate = function Truncate(_ref) {
|
|
|
36256
36204
|
var _ref$maxLines = _ref.maxLines,
|
|
36257
36205
|
maxLines = _ref$maxLines === void 0 ? 1 : _ref$maxLines,
|
|
36258
36206
|
children = _ref.children;
|
|
36259
|
-
return React__default.createElement(Container$
|
|
36207
|
+
return React__default.createElement(Container$l, {
|
|
36260
36208
|
maxLines: maxLines
|
|
36261
36209
|
}, children);
|
|
36262
36210
|
};
|
|
36263
|
-
var Container$
|
|
36211
|
+
var Container$l = /*#__PURE__*/styled.div.withConfig({
|
|
36264
36212
|
displayName: "Truncate__Container",
|
|
36265
36213
|
componentId: "sc-6x00qb-0"
|
|
36266
36214
|
})(["display:-webkit-box;max-width:100%;max-height:100%;-webkit-line-clamp:", ";-webkit-box-orient:vertical;overflow:hidden;"], function (props) {
|
|
36267
36215
|
return props.maxLines;
|
|
36268
36216
|
});
|
|
36269
36217
|
|
|
36270
|
-
var IS_MOBILE_OR_TABLET = /*#__PURE__*/shared.isMobileOrTablet();
|
|
36271
|
-
|
|
36272
|
-
var chunkString = function chunkString(str, length) {
|
|
36273
|
-
return str.match(new RegExp('.{1,' + length + '}', 'g'));
|
|
36274
|
-
};
|
|
36275
|
-
|
|
36276
|
-
var img$d = 'data:image/gif;base64,R0lGODlhEAAQAPIAAAAAABQYLiw1TUBJc2hvmQAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAM9CLrc/lCFGSKYJJP5AhlguDnBMIVgxXgmJapSSp3mKs/pKrT0IMCXUk+2Cgh2oSOnaDz+lswZpSOFUq2KBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAIzhI+py90Bg4OjDrjCELxfFQhQx0mIJkaeaYRp5LJADMdnqXbyOJLYTdKBejjZoRaZJBMFACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAABAAEAAAAjKEj6nL7Y+CDE6OO+QKQ/ifKYEgfR4VddPohQe7lmR0xidNTib65uacYP2AQWGuMlEUAAA7';
|
|
36277
|
-
|
|
36278
|
-
var NPCDialogText = function NPCDialogText(_ref) {
|
|
36279
|
-
var text = _ref.text,
|
|
36280
|
-
onClose = _ref.onClose,
|
|
36281
|
-
onEndStep = _ref.onEndStep,
|
|
36282
|
-
onStartStep = _ref.onStartStep,
|
|
36283
|
-
type = _ref.type;
|
|
36284
|
-
var windowSize = React.useRef([window.innerWidth, window.innerHeight]);
|
|
36285
|
-
function maxCharacters(width) {
|
|
36286
|
-
// Set the font size to 16 pixels
|
|
36287
|
-
var fontSize = 11.2;
|
|
36288
|
-
// Calculate the number of characters that can fit in one line
|
|
36289
|
-
var charactersPerLine = Math.floor(width / 2 / fontSize);
|
|
36290
|
-
// Calculate the number of lines that can fit in the div
|
|
36291
|
-
var linesPerDiv = Math.floor(180 / fontSize);
|
|
36292
|
-
// Calculate the maximum number of characters that can fit in the div
|
|
36293
|
-
var maxCharacters = charactersPerLine * linesPerDiv;
|
|
36294
|
-
// Return the maximum number of characters
|
|
36295
|
-
return Math.round(maxCharacters / 5);
|
|
36296
|
-
}
|
|
36297
|
-
var textChunks = chunkString(text, maxCharacters(windowSize.current[0]));
|
|
36298
|
-
var _useState = React.useState(0),
|
|
36299
|
-
chunkIndex = _useState[0],
|
|
36300
|
-
setChunkIndex = _useState[1];
|
|
36301
|
-
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
36302
|
-
if (event.code === 'Space') {
|
|
36303
|
-
goToNextStep();
|
|
36304
|
-
}
|
|
36305
|
-
};
|
|
36306
|
-
var goToNextStep = function goToNextStep() {
|
|
36307
|
-
var hasNextChunk = (textChunks == null ? void 0 : textChunks[chunkIndex + 1]) || false;
|
|
36308
|
-
if (hasNextChunk) {
|
|
36309
|
-
setChunkIndex(function (prev) {
|
|
36310
|
-
return prev + 1;
|
|
36311
|
-
});
|
|
36312
|
-
} else {
|
|
36313
|
-
// if there's no more text chunks, close the dialog
|
|
36314
|
-
onClose();
|
|
36315
|
-
}
|
|
36316
|
-
};
|
|
36317
|
-
React.useEffect(function () {
|
|
36318
|
-
document.addEventListener('keydown', onHandleSpacePress);
|
|
36319
|
-
return function () {
|
|
36320
|
-
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
36321
|
-
};
|
|
36322
|
-
}, [chunkIndex]);
|
|
36323
|
-
var _useState2 = React.useState(false),
|
|
36324
|
-
showGoNextIndicator = _useState2[0],
|
|
36325
|
-
setShowGoNextIndicator = _useState2[1];
|
|
36326
|
-
return React__default.createElement(Container$l, null, React__default.createElement(DynamicText, {
|
|
36327
|
-
text: (textChunks == null ? void 0 : textChunks[chunkIndex]) || '',
|
|
36328
|
-
onFinish: function onFinish() {
|
|
36329
|
-
setShowGoNextIndicator(true);
|
|
36330
|
-
onEndStep && onEndStep();
|
|
36331
|
-
},
|
|
36332
|
-
onStart: function onStart() {
|
|
36333
|
-
setShowGoNextIndicator(false);
|
|
36334
|
-
onStartStep && onStartStep();
|
|
36335
|
-
}
|
|
36336
|
-
}), showGoNextIndicator && React__default.createElement(PressSpaceIndicator$1, {
|
|
36337
|
-
right: type === exports.NPCDialogType.TextOnly ? '1rem' : '10.5rem',
|
|
36338
|
-
src: IS_MOBILE_OR_TABLET ? img$d : img$7,
|
|
36339
|
-
onPointerDown: function onPointerDown() {
|
|
36340
|
-
goToNextStep();
|
|
36341
|
-
}
|
|
36342
|
-
}));
|
|
36343
|
-
};
|
|
36344
|
-
var Container$l = /*#__PURE__*/styled.div.withConfig({
|
|
36345
|
-
displayName: "NPCDialogText__Container",
|
|
36346
|
-
componentId: "sc-1cxkdh9-0"
|
|
36347
|
-
})([""]);
|
|
36348
|
-
var PressSpaceIndicator$1 = /*#__PURE__*/styled.img.withConfig({
|
|
36349
|
-
displayName: "NPCDialogText__PressSpaceIndicator",
|
|
36350
|
-
componentId: "sc-1cxkdh9-1"
|
|
36351
|
-
})(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref2) {
|
|
36352
|
-
var right = _ref2.right;
|
|
36353
|
-
return right;
|
|
36354
|
-
});
|
|
36355
|
-
|
|
36356
|
-
(function (NPCDialogType) {
|
|
36357
|
-
NPCDialogType["TextOnly"] = "TextOnly";
|
|
36358
|
-
NPCDialogType["TextAndThumbnail"] = "TextAndThumbnail";
|
|
36359
|
-
})(exports.NPCDialogType || (exports.NPCDialogType = {}));
|
|
36360
|
-
var NPCDialog = function NPCDialog(_ref) {
|
|
36361
|
-
var text = _ref.text,
|
|
36362
|
-
type = _ref.type,
|
|
36363
|
-
_onClose = _ref.onClose,
|
|
36364
|
-
imagePath = _ref.imagePath,
|
|
36365
|
-
_ref$isQuestionDialog = _ref.isQuestionDialog,
|
|
36366
|
-
isQuestionDialog = _ref$isQuestionDialog === void 0 ? false : _ref$isQuestionDialog,
|
|
36367
|
-
questions = _ref.questions,
|
|
36368
|
-
answers = _ref.answers;
|
|
36369
|
-
return React__default.createElement(RPGUIContainer, {
|
|
36370
|
-
type: exports.RPGUIContainerTypes.FramedGold,
|
|
36371
|
-
width: isQuestionDialog ? '600px' : '80%',
|
|
36372
|
-
height: '180px'
|
|
36373
|
-
}, isQuestionDialog && questions && answers ? React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer$2, {
|
|
36374
|
-
flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
|
|
36375
|
-
}, React__default.createElement(QuestionDialog, {
|
|
36376
|
-
questions: questions,
|
|
36377
|
-
answers: answers,
|
|
36378
|
-
onClose: function onClose() {
|
|
36379
|
-
if (_onClose) {
|
|
36380
|
-
_onClose();
|
|
36381
|
-
}
|
|
36382
|
-
}
|
|
36383
|
-
})), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
|
|
36384
|
-
src: imagePath || img$6
|
|
36385
|
-
}))) : React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$m, null, React__default.createElement(TextContainer$2, {
|
|
36386
|
-
flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
|
|
36387
|
-
}, React__default.createElement(NPCDialogText, {
|
|
36388
|
-
type: type,
|
|
36389
|
-
text: text || 'No text provided.',
|
|
36390
|
-
onClose: function onClose() {
|
|
36391
|
-
if (_onClose) {
|
|
36392
|
-
_onClose();
|
|
36393
|
-
}
|
|
36394
|
-
}
|
|
36395
|
-
})), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
|
|
36396
|
-
src: imagePath || img$6
|
|
36397
|
-
})))));
|
|
36398
|
-
};
|
|
36399
|
-
var Container$m = /*#__PURE__*/styled.div.withConfig({
|
|
36400
|
-
displayName: "NPCDialog__Container",
|
|
36401
|
-
componentId: "sc-1b4aw74-0"
|
|
36402
|
-
})(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
|
|
36403
|
-
var TextContainer$2 = /*#__PURE__*/styled.div.withConfig({
|
|
36404
|
-
displayName: "NPCDialog__TextContainer",
|
|
36405
|
-
componentId: "sc-1b4aw74-1"
|
|
36406
|
-
})(["flex:", " 0 0;width:355px;"], function (_ref2) {
|
|
36407
|
-
var flex = _ref2.flex;
|
|
36408
|
-
return flex;
|
|
36409
|
-
});
|
|
36410
|
-
var ThumbnailContainer$1 = /*#__PURE__*/styled.div.withConfig({
|
|
36411
|
-
displayName: "NPCDialog__ThumbnailContainer",
|
|
36412
|
-
componentId: "sc-1b4aw74-2"
|
|
36413
|
-
})(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
|
|
36414
|
-
var NPCThumbnail$1 = /*#__PURE__*/styled.img.withConfig({
|
|
36415
|
-
displayName: "NPCDialog__NPCThumbnail",
|
|
36416
|
-
componentId: "sc-1b4aw74-3"
|
|
36417
|
-
})(["image-rendering:pixelated;height:128px;width:128px;"]);
|
|
36418
|
-
|
|
36419
|
-
var HistoryDialog = function HistoryDialog(_ref) {
|
|
36420
|
-
var backgroundImgPath = _ref.backgroundImgPath,
|
|
36421
|
-
fullCoverBackground = _ref.fullCoverBackground,
|
|
36422
|
-
questions = _ref.questions,
|
|
36423
|
-
answers = _ref.answers,
|
|
36424
|
-
text = _ref.text,
|
|
36425
|
-
imagePath = _ref.imagePath,
|
|
36426
|
-
textAndTypeArray = _ref.textAndTypeArray,
|
|
36427
|
-
onClose = _ref.onClose;
|
|
36428
|
-
var _useState = React.useState(0),
|
|
36429
|
-
img = _useState[0],
|
|
36430
|
-
setImage = _useState[1];
|
|
36431
|
-
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
36432
|
-
if (event.code === 'Space') {
|
|
36433
|
-
if (img < (backgroundImgPath == null ? void 0 : backgroundImgPath.length) - 1) {
|
|
36434
|
-
setImage(function (prev) {
|
|
36435
|
-
return prev + 1;
|
|
36436
|
-
});
|
|
36437
|
-
} else {
|
|
36438
|
-
// if there's no more text chunks, close the dialog
|
|
36439
|
-
onClose();
|
|
36440
|
-
}
|
|
36441
|
-
}
|
|
36442
|
-
};
|
|
36443
|
-
React.useEffect(function () {
|
|
36444
|
-
document.addEventListener('keydown', onHandleSpacePress);
|
|
36445
|
-
return function () {
|
|
36446
|
-
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
36447
|
-
};
|
|
36448
|
-
}, [backgroundImgPath]);
|
|
36449
|
-
return React__default.createElement(BackgroundContainer, {
|
|
36450
|
-
imgPath: backgroundImgPath[img],
|
|
36451
|
-
fullImg: fullCoverBackground
|
|
36452
|
-
}, React__default.createElement(DialogContainer, null, textAndTypeArray ? React__default.createElement(NPCMultiDialog, {
|
|
36453
|
-
textAndTypeArray: textAndTypeArray,
|
|
36454
|
-
onClose: onClose
|
|
36455
|
-
}) : questions && answers ? React__default.createElement(QuestionDialog, {
|
|
36456
|
-
questions: questions,
|
|
36457
|
-
answers: answers,
|
|
36458
|
-
onClose: onClose
|
|
36459
|
-
}) : text && imagePath ? React__default.createElement(NPCDialog, {
|
|
36460
|
-
text: text,
|
|
36461
|
-
imagePath: imagePath,
|
|
36462
|
-
onClose: onClose,
|
|
36463
|
-
type: exports.NPCDialogType.TextAndThumbnail
|
|
36464
|
-
}) : React__default.createElement(NPCDialog, {
|
|
36465
|
-
text: text,
|
|
36466
|
-
onClose: onClose,
|
|
36467
|
-
type: exports.NPCDialogType.TextOnly
|
|
36468
|
-
})));
|
|
36469
|
-
};
|
|
36470
|
-
var BackgroundContainer = /*#__PURE__*/styled.div.withConfig({
|
|
36471
|
-
displayName: "HistoryDialog__BackgroundContainer",
|
|
36472
|
-
componentId: "sc-u6oe75-0"
|
|
36473
|
-
})(["width:100%;height:100%;background-image:url(", ");background-size:", ";display:flex;justify-content:space-evenly;align-items:center;"], function (props) {
|
|
36474
|
-
return props.imgPath;
|
|
36475
|
-
}, function (props) {
|
|
36476
|
-
return props.imgPath ? 'cover' : 'auto';
|
|
36477
|
-
});
|
|
36478
|
-
var DialogContainer = /*#__PURE__*/styled.div.withConfig({
|
|
36479
|
-
displayName: "HistoryDialog__DialogContainer",
|
|
36480
|
-
componentId: "sc-u6oe75-1"
|
|
36481
|
-
})(["display:flex;justify-content:center;padding-top:200px;"]);
|
|
36482
|
-
|
|
36483
36218
|
exports.Button = Button;
|
|
36484
36219
|
exports.CharacterSelection = CharacterSelection;
|
|
36485
36220
|
exports.Chat = Chat;
|
|
@@ -36492,7 +36227,6 @@ exports.Dropdown = Dropdown;
|
|
|
36492
36227
|
exports.DropdownSelectorContainer = DropdownSelectorContainer;
|
|
36493
36228
|
exports.DynamicText = DynamicText;
|
|
36494
36229
|
exports.EquipmentSet = EquipmentSet;
|
|
36495
|
-
exports.EquipmentSlotSpriteByType = EquipmentSlotSpriteByType;
|
|
36496
36230
|
exports.ErrorBoundary = ErrorBoundary;
|
|
36497
36231
|
exports.HistoryDialog = HistoryDialog;
|
|
36498
36232
|
exports.Input = Input;
|
|
@@ -36521,6 +36255,5 @@ exports.TimeWidget = TimeWidget;
|
|
|
36521
36255
|
exports.TradingMenu = TradingMenu;
|
|
36522
36256
|
exports.Truncate = Truncate;
|
|
36523
36257
|
exports._RPGUI = _RPGUI;
|
|
36524
|
-
exports.rarityColor = rarityColor;
|
|
36525
36258
|
exports.useEventListener = useEventListener;
|
|
36526
36259
|
//# sourceMappingURL=long-bow.cjs.development.js.map
|