@rpg-engine/long-bow 0.3.59 → 0.3.61
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/long-bow.cjs.development.js +948 -922
- 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 +829 -803
- package/dist/long-bow.esm.js.map +1 -1
- 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 -245
- package/src/components/CraftBook/CraftBook.tsx +227 -224
- package/src/components/CraftBook/MockItems.ts +46 -46
- 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 -33
- package/src/components/Item/Inventory/ErrorBoundary.tsx +42 -42
- package/src/components/Item/Inventory/ItemContainer.tsx +210 -210
- 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 -501
- 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 -129
- package/src/components/Shortcuts/ShortcutsSetter.tsx +132 -132
- package/src/components/Shortcuts/SingleShortcut.ts +62 -61
- package/src/components/SimpleProgressBar.tsx +62 -62
- package/src/components/SkillProgressBar.tsx +133 -133
- package/src/components/SkillsContainer.tsx +198 -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 +193 -193
- package/src/components/TradingMenu/TradingMenu.tsx +203 -203
- package/src/components/TradingMenu/items.mock.ts +96 -96
- 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 -102
- 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 -393
- package/src/mocks/itemContainer.mocks.ts +562 -562
- 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 -40
- 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 -198
- 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 -45
- package/src/types/eventTypes.ts +4 -4
- package/src/types/index.d.ts +2 -2
|
@@ -33057,7 +33057,7 @@ var CheckButton = function CheckButton(_ref) {
|
|
|
33057
33057
|
var SingleShortcut = /*#__PURE__*/styled.button.withConfig({
|
|
33058
33058
|
displayName: "SingleShortcut",
|
|
33059
33059
|
componentId: "sc-vz5ev8-0"
|
|
33060
|
-
})(["width:3rem;height:3rem;background-color:", ";border:2px solid ", ";border-radius:50%;text-transform:uppercase;font-size:0.7rem;font-weight:bold;display:flex;align-items:center;justify-content:center;position:relative;span{pointer-events:none;}.mana{position:absolute;top:-5px;right:0;font-size:0.65rem;color:", ";}.qty{position:absolute;top:-5px;right:0;font-size:0.65rem;}.magicWords{margin-top:4px;}.keyboard{position:absolute;bottom:-5px;left:0;font-size:0.65rem;color:", ";}&:hover,&:focus{background-color:", ";}&:active{background-color:", ";}&:disabled{opacity:0.5;}"], uiColors.lightGray, uiColors.darkGray, uiColors.blue, uiColors.yellow, uiColors.darkGray, uiColors.gray);
|
|
33060
|
+
})(["width:3rem;height:3rem;background-color:", ";border:2px solid ", ";border-radius:50%;text-transform:uppercase;font-size:0.7rem;font-weight:bold;display:flex;align-items:center;justify-content:center;position:relative;span{pointer-events:none;}.mana{position:absolute;top:-5px;right:0;font-size:0.65rem;color:", ";}.qty{position:absolute;top:-5px;right:0;font-size:0.65rem;}.magicWords{margin-top:4px;}.keyboard{position:absolute;bottom:-5px;left:0;font-size:0.65rem;color:", ";}&:hover,&:focus{background-color:", ";}&:active{background-color:", ";border-color:", ";}&:disabled{opacity:0.5;}"], uiColors.lightGray, uiColors.darkGray, uiColors.blue, uiColors.yellow, uiColors.darkGray, uiColors.gray, uiColors.yellow);
|
|
33061
33061
|
|
|
33062
33062
|
var CircularController = function CircularController(_ref) {
|
|
33063
33063
|
var onActionClick = _ref.onActionClick,
|
|
@@ -33119,6 +33119,9 @@ var CircularController = function CircularController(_ref) {
|
|
|
33119
33119
|
imgScale: 1.4,
|
|
33120
33120
|
imgStyle: {
|
|
33121
33121
|
left: '4px'
|
|
33122
|
+
},
|
|
33123
|
+
containerStyle: {
|
|
33124
|
+
pointerEvents: 'none'
|
|
33122
33125
|
}
|
|
33123
33126
|
}), React__default.createElement("span", {
|
|
33124
33127
|
className: "qty"
|
|
@@ -33156,7 +33159,7 @@ var CircularController = function CircularController(_ref) {
|
|
|
33156
33159
|
var Button$2 = /*#__PURE__*/styled.button.withConfig({
|
|
33157
33160
|
displayName: "CircularController__Button",
|
|
33158
33161
|
componentId: "sc-1fewf3h-0"
|
|
33159
|
-
})(["width:4.3rem;height:4.3rem;background-color:", ";border:2px solid ", ";border-radius:50%;text-transform:uppercase;font-size:0.7rem;font-weight:bold;display:flex;align-items:center;justify-content:center;position:relative;transition:
|
|
33162
|
+
})(["width:4.3rem;height:4.3rem;background-color:", ";border:2px solid ", ";border-radius:50%;text-transform:uppercase;font-size:0.7rem;font-weight:bold;display:flex;align-items:center;justify-content:center;position:relative;transition:all 0.1s;margin-top:-3rem;&.active{background-color:", ";border-color:", ";}.sword{transform:rotate(-45deg);height:2.5rem;width:1.9rem;pointer-events:none;}"], uiColors.lightGray, uiColors.darkGray, uiColors.gray, uiColors.yellow);
|
|
33160
33163
|
var CancelButton = /*#__PURE__*/styled(Button$2).withConfig({
|
|
33161
33164
|
displayName: "CircularController__CancelButton",
|
|
33162
33165
|
componentId: "sc-1fewf3h-1"
|
|
@@ -33172,7 +33175,7 @@ var ShortcutsContainer = /*#__PURE__*/styled.div.withConfig({
|
|
|
33172
33175
|
var StyledShortcut = /*#__PURE__*/styled(SingleShortcut).withConfig({
|
|
33173
33176
|
displayName: "CircularController__StyledShortcut",
|
|
33174
33177
|
componentId: "sc-1fewf3h-4"
|
|
33175
|
-
})(["width:2.5rem;height:2.5rem;transition:
|
|
33178
|
+
})(["width:2.5rem;height:2.5rem;transition:all 0.1s;.mana,.qty{font-size:0.5rem;}&:hover,&:focus,&:active{background-color:", ";}&.active{background-color:", ";border-color:", ";}"], uiColors.lightGray, uiColors.gray, uiColors.yellow);
|
|
33176
33179
|
|
|
33177
33180
|
function useOutsideClick(ref, id) {
|
|
33178
33181
|
React.useEffect(function () {
|
|
@@ -33456,6 +33459,12 @@ var CraftBook = function CraftBook(_ref) {
|
|
|
33456
33459
|
onPointerDown: function onPointerDown() {
|
|
33457
33460
|
handleClick(option.key);
|
|
33458
33461
|
},
|
|
33462
|
+
onTouchEnd: function onTouchEnd() {
|
|
33463
|
+
setIsShown({
|
|
33464
|
+
show: true,
|
|
33465
|
+
index: index
|
|
33466
|
+
});
|
|
33467
|
+
},
|
|
33459
33468
|
style: {
|
|
33460
33469
|
display: 'flex',
|
|
33461
33470
|
alignItems: 'center'
|
|
@@ -34136,509 +34145,374 @@ var EquipmentColumn = /*#__PURE__*/styled.div.withConfig({
|
|
|
34136
34145
|
componentId: "sc-1wuddg2-1"
|
|
34137
34146
|
})(["display:flex;justify-content:center;flex-wrap:wrap;flex-direction:column;touch-action:none;"]);
|
|
34138
34147
|
|
|
34139
|
-
var
|
|
34140
|
-
|
|
34141
|
-
|
|
34142
|
-
|
|
34143
|
-
|
|
34144
|
-
|
|
34145
|
-
|
|
34146
|
-
|
|
34147
|
-
|
|
34148
|
-
|
|
34149
|
-
|
|
34150
|
-
|
|
34151
|
-
|
|
34148
|
+
var IS_MOBILE_OR_TABLET = /*#__PURE__*/shared.isMobileOrTablet();
|
|
34149
|
+
|
|
34150
|
+
var chunkString = function chunkString(str, length) {
|
|
34151
|
+
return str.match(new RegExp('.{1,' + length + '}', 'g'));
|
|
34152
|
+
};
|
|
34153
|
+
|
|
34154
|
+
var DynamicText = function DynamicText(_ref) {
|
|
34155
|
+
var text = _ref.text,
|
|
34156
|
+
onFinish = _ref.onFinish,
|
|
34157
|
+
onStart = _ref.onStart;
|
|
34158
|
+
var _useState = React.useState(''),
|
|
34159
|
+
textState = _useState[0],
|
|
34160
|
+
setTextState = _useState[1];
|
|
34161
|
+
React.useEffect(function () {
|
|
34162
|
+
var i = 0;
|
|
34163
|
+
var interval = setInterval(function () {
|
|
34164
|
+
// on every interval, show one more character
|
|
34165
|
+
if (i === 0) {
|
|
34166
|
+
if (onStart) {
|
|
34167
|
+
onStart();
|
|
34168
|
+
}
|
|
34152
34169
|
}
|
|
34153
|
-
|
|
34154
|
-
|
|
34155
|
-
|
|
34156
|
-
|
|
34157
|
-
|
|
34158
|
-
|
|
34159
|
-
|
|
34160
|
-
|
|
34161
|
-
x: x,
|
|
34162
|
-
y: y
|
|
34163
|
-
});
|
|
34170
|
+
if (i < text.length) {
|
|
34171
|
+
setTextState(text.substring(0, i + 1));
|
|
34172
|
+
i++;
|
|
34173
|
+
} else {
|
|
34174
|
+
clearInterval(interval);
|
|
34175
|
+
if (onFinish) {
|
|
34176
|
+
onFinish();
|
|
34177
|
+
}
|
|
34164
34178
|
}
|
|
34165
|
-
},
|
|
34166
|
-
|
|
34167
|
-
|
|
34168
|
-
|
|
34179
|
+
}, 50);
|
|
34180
|
+
return function () {
|
|
34181
|
+
clearInterval(interval);
|
|
34182
|
+
};
|
|
34183
|
+
}, [text]);
|
|
34184
|
+
return React__default.createElement(TextContainer, null, textState);
|
|
34169
34185
|
};
|
|
34186
|
+
var TextContainer = /*#__PURE__*/styled.p.withConfig({
|
|
34187
|
+
displayName: "DynamicText__TextContainer",
|
|
34188
|
+
componentId: "sc-1ggl9nd-0"
|
|
34189
|
+
})(["font-size:0.7rem !important;color:white;text-shadow:1px 1px 0px #000000;letter-spacing:1.2px;word-break:normal;"]);
|
|
34170
34190
|
|
|
34171
|
-
|
|
34172
|
-
|
|
34173
|
-
|
|
34174
|
-
|
|
34175
|
-
var
|
|
34176
|
-
var
|
|
34177
|
-
|
|
34178
|
-
|
|
34179
|
-
|
|
34180
|
-
|
|
34181
|
-
|
|
34182
|
-
|
|
34183
|
-
|
|
34191
|
+
var img$6 = 'data:image/gif;base64,R0lGODlhEAAQAPIAAAAAABQYLiw1TUBJc2hvmQAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAM9CLrc/lCFGSKYJJP5AhlguDnBMIVgxXgmJapSSp3mKs/pKrT0IMCXUk+2Cgh2oSOnaDz+lswZpSOFUq2KBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAIzhI+py90Bg4OjDrjCELxfFQhQx0mIJkaeaYRp5LJADMdnqXbyOJLYTdKBejjZoRaZJBMFACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAABAAEAAAAjKEj6nL7Y+CDE6OO+QKQ/ifKYEgfR4VddPohQe7lmR0xidNTib65uacYP2AQWGuMlEUAAA7';
|
|
34192
|
+
|
|
34193
|
+
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';
|
|
34194
|
+
|
|
34195
|
+
var NPCDialogText = function NPCDialogText(_ref) {
|
|
34196
|
+
var text = _ref.text,
|
|
34197
|
+
onClose = _ref.onClose,
|
|
34198
|
+
onEndStep = _ref.onEndStep,
|
|
34199
|
+
onStartStep = _ref.onStartStep,
|
|
34200
|
+
type = _ref.type;
|
|
34201
|
+
var windowSize = React.useRef([window.innerWidth, window.innerHeight]);
|
|
34202
|
+
function maxCharacters(width) {
|
|
34203
|
+
// Set the font size to 16 pixels
|
|
34204
|
+
var fontSize = 11.2;
|
|
34205
|
+
// Calculate the number of characters that can fit in one line
|
|
34206
|
+
var charactersPerLine = Math.floor(width / 2 / fontSize);
|
|
34207
|
+
// Calculate the number of lines that can fit in the div
|
|
34208
|
+
var linesPerDiv = Math.floor(180 / fontSize);
|
|
34209
|
+
// Calculate the maximum number of characters that can fit in the div
|
|
34210
|
+
var maxCharacters = charactersPerLine * linesPerDiv;
|
|
34211
|
+
// Return the maximum number of characters
|
|
34212
|
+
return Math.round(maxCharacters / 5);
|
|
34213
|
+
}
|
|
34214
|
+
var textChunks = chunkString(text, maxCharacters(windowSize.current[0]));
|
|
34184
34215
|
var _useState = React.useState(0),
|
|
34185
|
-
|
|
34186
|
-
|
|
34216
|
+
chunkIndex = _useState[0],
|
|
34217
|
+
setChunkIndex = _useState[1];
|
|
34218
|
+
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
34219
|
+
if (event.code === 'Space') {
|
|
34220
|
+
goToNextStep();
|
|
34221
|
+
}
|
|
34222
|
+
};
|
|
34223
|
+
var goToNextStep = function goToNextStep() {
|
|
34224
|
+
var hasNextChunk = (textChunks == null ? void 0 : textChunks[chunkIndex + 1]) || false;
|
|
34225
|
+
if (hasNextChunk) {
|
|
34226
|
+
setChunkIndex(function (prev) {
|
|
34227
|
+
return prev + 1;
|
|
34228
|
+
});
|
|
34229
|
+
} else {
|
|
34230
|
+
// if there's no more text chunks, close the dialog
|
|
34231
|
+
onClose();
|
|
34232
|
+
}
|
|
34233
|
+
};
|
|
34187
34234
|
React.useEffect(function () {
|
|
34188
|
-
|
|
34189
|
-
|
|
34190
|
-
|
|
34191
|
-
|
|
34192
|
-
|
|
34193
|
-
|
|
34194
|
-
|
|
34195
|
-
|
|
34196
|
-
|
|
34235
|
+
document.addEventListener('keydown', onHandleSpacePress);
|
|
34236
|
+
return function () {
|
|
34237
|
+
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
34238
|
+
};
|
|
34239
|
+
}, [chunkIndex]);
|
|
34240
|
+
var _useState2 = React.useState(false),
|
|
34241
|
+
showGoNextIndicator = _useState2[0],
|
|
34242
|
+
setShowGoNextIndicator = _useState2[1];
|
|
34243
|
+
return React__default.createElement(Container$b, null, React__default.createElement(DynamicText, {
|
|
34244
|
+
text: (textChunks == null ? void 0 : textChunks[chunkIndex]) || '',
|
|
34245
|
+
onFinish: function onFinish() {
|
|
34246
|
+
setShowGoNextIndicator(true);
|
|
34247
|
+
onEndStep && onEndStep();
|
|
34197
34248
|
},
|
|
34198
|
-
|
|
34199
|
-
|
|
34200
|
-
|
|
34201
|
-
}, React__default.createElement("div", {
|
|
34202
|
-
style: {
|
|
34203
|
-
pointerEvents: 'none'
|
|
34249
|
+
onStart: function onStart() {
|
|
34250
|
+
setShowGoNextIndicator(false);
|
|
34251
|
+
onStartStep && onStartStep();
|
|
34204
34252
|
}
|
|
34205
|
-
}, React__default.createElement(
|
|
34206
|
-
|
|
34207
|
-
|
|
34208
|
-
|
|
34209
|
-
|
|
34210
|
-
className: "rpgui-slider-right-edge " + typeClass
|
|
34211
|
-
}), React__default.createElement("div", {
|
|
34212
|
-
className: "rpgui-slider-thumb " + typeClass,
|
|
34213
|
-
style: {
|
|
34214
|
-
left: left
|
|
34253
|
+
}), showGoNextIndicator && React__default.createElement(PressSpaceIndicator, {
|
|
34254
|
+
right: type === exports.NPCDialogType.TextOnly ? '1rem' : '10.5rem',
|
|
34255
|
+
src: IS_MOBILE_OR_TABLET ? img$6 : img$7,
|
|
34256
|
+
onPointerDown: function onPointerDown() {
|
|
34257
|
+
goToNextStep();
|
|
34215
34258
|
}
|
|
34216
|
-
})), React__default.createElement(Input$1, {
|
|
34217
|
-
type: "range",
|
|
34218
|
-
style: {
|
|
34219
|
-
width: width
|
|
34220
|
-
},
|
|
34221
|
-
min: valueMin,
|
|
34222
|
-
max: valueMax,
|
|
34223
|
-
onChange: function onChange(e) {
|
|
34224
|
-
return _onChange(Number(e.target.value));
|
|
34225
|
-
},
|
|
34226
|
-
value: value,
|
|
34227
|
-
className: "rpgui-cursor-point"
|
|
34228
34259
|
}));
|
|
34229
34260
|
};
|
|
34230
|
-
var
|
|
34231
|
-
displayName: "
|
|
34232
|
-
componentId: "sc-
|
|
34233
|
-
})(["
|
|
34261
|
+
var Container$b = /*#__PURE__*/styled.div.withConfig({
|
|
34262
|
+
displayName: "NPCDialogText__Container",
|
|
34263
|
+
componentId: "sc-1cxkdh9-0"
|
|
34264
|
+
})([""]);
|
|
34265
|
+
var PressSpaceIndicator = /*#__PURE__*/styled.img.withConfig({
|
|
34266
|
+
displayName: "NPCDialogText__PressSpaceIndicator",
|
|
34267
|
+
componentId: "sc-1cxkdh9-1"
|
|
34268
|
+
})(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref2) {
|
|
34269
|
+
var right = _ref2.right;
|
|
34270
|
+
return right;
|
|
34271
|
+
});
|
|
34234
34272
|
|
|
34235
|
-
|
|
34236
|
-
|
|
34237
|
-
|
|
34273
|
+
//@ts-ignore
|
|
34274
|
+
var useEventListener = function useEventListener(type, handler, el) {
|
|
34275
|
+
if (el === void 0) {
|
|
34276
|
+
el = window;
|
|
34277
|
+
}
|
|
34278
|
+
var savedHandler = React__default.useRef();
|
|
34279
|
+
React__default.useEffect(function () {
|
|
34280
|
+
savedHandler.current = handler;
|
|
34281
|
+
}, [handler]);
|
|
34282
|
+
React__default.useEffect(function () {
|
|
34283
|
+
//@ts-ignore
|
|
34284
|
+
var listener = function listener(e) {
|
|
34285
|
+
return savedHandler.current(e);
|
|
34286
|
+
};
|
|
34287
|
+
el.addEventListener(type, listener);
|
|
34288
|
+
return function () {
|
|
34289
|
+
el.removeEventListener(type, listener);
|
|
34290
|
+
};
|
|
34291
|
+
}, [type, el]);
|
|
34292
|
+
};
|
|
34293
|
+
|
|
34294
|
+
var QuestionDialog = function QuestionDialog(_ref) {
|
|
34295
|
+
var questions = _ref.questions,
|
|
34296
|
+
answers = _ref.answers,
|
|
34238
34297
|
onClose = _ref.onClose;
|
|
34239
|
-
var _useState = React.useState(
|
|
34240
|
-
|
|
34241
|
-
|
|
34242
|
-
var
|
|
34243
|
-
|
|
34244
|
-
|
|
34245
|
-
|
|
34246
|
-
|
|
34247
|
-
|
|
34248
|
-
if (e.key === 'Escape') {
|
|
34249
|
-
onClose();
|
|
34250
|
-
}
|
|
34251
|
-
};
|
|
34252
|
-
document.addEventListener('keydown', closeSelector);
|
|
34253
|
-
return function () {
|
|
34254
|
-
document.removeEventListener('keydown', closeSelector);
|
|
34255
|
-
};
|
|
34298
|
+
var _useState = React.useState(questions[0]),
|
|
34299
|
+
currentQuestion = _useState[0],
|
|
34300
|
+
setCurrentQuestion = _useState[1];
|
|
34301
|
+
var _useState2 = React.useState(false),
|
|
34302
|
+
canShowAnswers = _useState2[0],
|
|
34303
|
+
setCanShowAnswers = _useState2[1];
|
|
34304
|
+
var onGetFirstAnswer = function onGetFirstAnswer() {
|
|
34305
|
+
if (!currentQuestion.answerIds || currentQuestion.answerIds.length === 0) {
|
|
34306
|
+
return null;
|
|
34256
34307
|
}
|
|
34257
|
-
|
|
34258
|
-
|
|
34259
|
-
|
|
34260
|
-
|
|
34261
|
-
|
|
34262
|
-
|
|
34263
|
-
|
|
34264
|
-
|
|
34265
|
-
|
|
34266
|
-
|
|
34267
|
-
|
|
34268
|
-
|
|
34269
|
-
|
|
34270
|
-
|
|
34271
|
-
|
|
34272
|
-
if (Number.isNaN(numberValue)) {
|
|
34273
|
-
return;
|
|
34274
|
-
}
|
|
34275
|
-
onConfirm(Math.max(1, Math.min(quantity, numberValue)));
|
|
34276
|
-
},
|
|
34277
|
-
noValidate: true
|
|
34278
|
-
}, React__default.createElement(StyledInput, {
|
|
34279
|
-
innerRef: inputRef,
|
|
34280
|
-
placeholder: "Enter quantity",
|
|
34281
|
-
type: "number",
|
|
34282
|
-
min: 1,
|
|
34283
|
-
max: quantity,
|
|
34284
|
-
value: value,
|
|
34285
|
-
onChange: function onChange(e) {
|
|
34286
|
-
if (Number(e.target.value) >= quantity) {
|
|
34287
|
-
setValue(quantity);
|
|
34288
|
-
return;
|
|
34289
|
-
}
|
|
34290
|
-
setValue(e.target.value);
|
|
34291
|
-
},
|
|
34292
|
-
onBlur: function onBlur(e) {
|
|
34293
|
-
var newValue = Math.max(1, Math.min(quantity, Number(e.target.value)));
|
|
34294
|
-
setValue(newValue);
|
|
34295
|
-
}
|
|
34296
|
-
}), React__default.createElement(RangeSlider, {
|
|
34297
|
-
type: exports.RangeSliderType.Slider,
|
|
34298
|
-
valueMin: 1,
|
|
34299
|
-
valueMax: quantity,
|
|
34300
|
-
width: "100%",
|
|
34301
|
-
onChange: setValue,
|
|
34302
|
-
value: value
|
|
34303
|
-
}), React__default.createElement(Button, {
|
|
34304
|
-
buttonType: exports.ButtonTypes.RPGUIButton,
|
|
34305
|
-
type: "submit"
|
|
34306
|
-
}, "Confirm")));
|
|
34307
|
-
};
|
|
34308
|
-
var StyledContainer = /*#__PURE__*/styled(RPGUIContainer).withConfig({
|
|
34309
|
-
displayName: "ItemQuantitySelector__StyledContainer",
|
|
34310
|
-
componentId: "sc-yfdtpn-0"
|
|
34311
|
-
})(["display:flex;flex-direction:column;align-items:center;"]);
|
|
34312
|
-
var StyledForm = /*#__PURE__*/styled.form.withConfig({
|
|
34313
|
-
displayName: "ItemQuantitySelector__StyledForm",
|
|
34314
|
-
componentId: "sc-yfdtpn-1"
|
|
34315
|
-
})(["display:flex;flex-direction:column;align-items:center;width:100%;"]);
|
|
34316
|
-
var StyledInput = /*#__PURE__*/styled(Input).withConfig({
|
|
34317
|
-
displayName: "ItemQuantitySelector__StyledInput",
|
|
34318
|
-
componentId: "sc-yfdtpn-2"
|
|
34319
|
-
})(["text-align:center;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;}"]);
|
|
34320
|
-
var CloseButton$2 = /*#__PURE__*/styled.div.withConfig({
|
|
34321
|
-
displayName: "ItemQuantitySelector__CloseButton",
|
|
34322
|
-
componentId: "sc-yfdtpn-3"
|
|
34323
|
-
})(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:0.8rem;"]);
|
|
34324
|
-
|
|
34325
|
-
var ShortcutsSetter = function ShortcutsSetter(_ref) {
|
|
34326
|
-
var setSettingShortcutIndex = _ref.setSettingShortcutIndex,
|
|
34327
|
-
settingShortcutIndex = _ref.settingShortcutIndex,
|
|
34328
|
-
shortcuts = _ref.shortcuts,
|
|
34329
|
-
removeShortcut = _ref.removeShortcut,
|
|
34330
|
-
atlasJSON = _ref.atlasJSON,
|
|
34331
|
-
atlasIMG = _ref.atlasIMG;
|
|
34332
|
-
var getContent = function getContent(index) {
|
|
34333
|
-
var _shortcuts$index, _shortcuts$index3;
|
|
34334
|
-
if (((_shortcuts$index = shortcuts[index]) == null ? void 0 : _shortcuts$index.type) === shared.ShortcutType.Item) {
|
|
34335
|
-
var _shortcuts$index2;
|
|
34336
|
-
var _payload = (_shortcuts$index2 = shortcuts[index]) == null ? void 0 : _shortcuts$index2.payload;
|
|
34337
|
-
if (!_payload) return null;
|
|
34338
|
-
return React__default.createElement(SpriteFromAtlas, {
|
|
34339
|
-
atlasIMG: atlasIMG,
|
|
34340
|
-
atlasJSON: atlasJSON,
|
|
34341
|
-
spriteKey: shared.getItemTextureKeyPath({
|
|
34342
|
-
key: _payload.texturePath,
|
|
34343
|
-
texturePath: _payload.texturePath,
|
|
34344
|
-
stackQty: _payload.stackQty || 1
|
|
34345
|
-
}, atlasJSON),
|
|
34346
|
-
width: 32,
|
|
34347
|
-
height: 32,
|
|
34348
|
-
imgScale: 1.6,
|
|
34349
|
-
imgStyle: {
|
|
34350
|
-
left: '5px'
|
|
34351
|
-
}
|
|
34308
|
+
var firstAnswerId = currentQuestion.answerIds[0];
|
|
34309
|
+
return answers.find(function (answer) {
|
|
34310
|
+
return answer.id === firstAnswerId;
|
|
34311
|
+
});
|
|
34312
|
+
};
|
|
34313
|
+
var _useState3 = React.useState(onGetFirstAnswer()),
|
|
34314
|
+
currentAnswer = _useState3[0],
|
|
34315
|
+
setCurrentAnswer = _useState3[1];
|
|
34316
|
+
React.useEffect(function () {
|
|
34317
|
+
setCurrentAnswer(onGetFirstAnswer());
|
|
34318
|
+
}, [currentQuestion]);
|
|
34319
|
+
var onGetAnswers = function onGetAnswers(answerIds) {
|
|
34320
|
+
return answerIds.map(function (answerId) {
|
|
34321
|
+
return answers.find(function (answer) {
|
|
34322
|
+
return answer.id === answerId;
|
|
34352
34323
|
});
|
|
34324
|
+
});
|
|
34325
|
+
};
|
|
34326
|
+
var onKeyPress = function onKeyPress(e) {
|
|
34327
|
+
switch (e.key) {
|
|
34328
|
+
case 'ArrowDown':
|
|
34329
|
+
// select next answer, if any.
|
|
34330
|
+
// if no next answer, select first answer
|
|
34331
|
+
// const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(
|
|
34332
|
+
// (answer) => answer?.id === currentAnswer!.id + 1
|
|
34333
|
+
// );
|
|
34334
|
+
var nextAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
|
|
34335
|
+
return (answer == null ? void 0 : answer.id) === currentAnswer.id + 1;
|
|
34336
|
+
});
|
|
34337
|
+
var nextAnswerID = currentQuestion.answerIds[nextAnswerIndex];
|
|
34338
|
+
var nextAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
|
|
34339
|
+
return (answer == null ? void 0 : answer.id) === nextAnswerID;
|
|
34340
|
+
});
|
|
34341
|
+
setCurrentAnswer(nextAnswer || onGetFirstAnswer());
|
|
34342
|
+
break;
|
|
34343
|
+
case 'ArrowUp':
|
|
34344
|
+
// select previous answer, if any.
|
|
34345
|
+
// if no previous answer, select last answer
|
|
34346
|
+
var previousAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
|
|
34347
|
+
return (answer == null ? void 0 : answer.id) === currentAnswer.id - 1;
|
|
34348
|
+
});
|
|
34349
|
+
var previousAnswerID = currentQuestion.answerIds && currentQuestion.answerIds[previousAnswerIndex];
|
|
34350
|
+
var previousAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
|
|
34351
|
+
return (answer == null ? void 0 : answer.id) === previousAnswerID;
|
|
34352
|
+
});
|
|
34353
|
+
if (previousAnswer) {
|
|
34354
|
+
setCurrentAnswer(previousAnswer);
|
|
34355
|
+
} else {
|
|
34356
|
+
setCurrentAnswer(onGetAnswers(currentQuestion.answerIds).pop());
|
|
34357
|
+
}
|
|
34358
|
+
break;
|
|
34359
|
+
case 'Enter':
|
|
34360
|
+
setCanShowAnswers(false);
|
|
34361
|
+
if (!(currentAnswer != null && currentAnswer.nextQuestionId)) {
|
|
34362
|
+
onClose();
|
|
34363
|
+
return;
|
|
34364
|
+
} else {
|
|
34365
|
+
setCurrentQuestion(questions.find(function (question) {
|
|
34366
|
+
return question.id === currentAnswer.nextQuestionId;
|
|
34367
|
+
}));
|
|
34368
|
+
}
|
|
34369
|
+
break;
|
|
34353
34370
|
}
|
|
34354
|
-
var payload = (_shortcuts$index3 = shortcuts[index]) == null ? void 0 : _shortcuts$index3.payload;
|
|
34355
|
-
return React__default.createElement("span", null, payload == null ? void 0 : payload.magicWords.split(' ').map(function (word) {
|
|
34356
|
-
return word[0];
|
|
34357
|
-
}));
|
|
34358
34371
|
};
|
|
34359
|
-
|
|
34360
|
-
|
|
34361
|
-
|
|
34362
|
-
|
|
34363
|
-
|
|
34364
|
-
|
|
34365
|
-
|
|
34366
|
-
onPointerDown: function onPointerDown() {
|
|
34367
|
-
removeShortcut(i);
|
|
34368
|
-
if (!shortcuts[i] || shortcuts[i].type === shared.ShortcutType.None) setSettingShortcutIndex(i);
|
|
34369
|
-
},
|
|
34370
|
-
disabled: settingShortcutIndex !== -1 && settingShortcutIndex !== i,
|
|
34371
|
-
isBeingSet: settingShortcutIndex === i
|
|
34372
|
-
}, getContent(i));
|
|
34373
|
-
})));
|
|
34374
|
-
};
|
|
34375
|
-
var Container$b = /*#__PURE__*/styled.div.withConfig({
|
|
34376
|
-
displayName: "ShortcutsSetter__Container",
|
|
34377
|
-
componentId: "sc-xuouuf-0"
|
|
34378
|
-
})(["p{margin:0;margin-left:0.5rem;}"]);
|
|
34379
|
-
var Shortcut = /*#__PURE__*/styled.button.withConfig({
|
|
34380
|
-
displayName: "ShortcutsSetter__Shortcut",
|
|
34381
|
-
componentId: "sc-xuouuf-1"
|
|
34382
|
-
})(["width:2.6rem;height:2.6rem;background-color:", ";border:2px solid ", ";border-radius:50%;text-transform:uppercase;font-size:0.7rem;font-weight:bold;display:flex;align-items:center;justify-content:center;span{margin-top:4px;}&:hover,&:focus{background-color:", ";}&:active{background-color:", ";}&:disabled{opacity:0.5;}"], uiColors.lightGray, function (_ref2) {
|
|
34383
|
-
var isBeingSet = _ref2.isBeingSet;
|
|
34384
|
-
return isBeingSet ? uiColors.yellow : uiColors.darkGray;
|
|
34385
|
-
}, uiColors.darkGray, uiColors.gray);
|
|
34386
|
-
var List = /*#__PURE__*/styled.div.withConfig({
|
|
34387
|
-
displayName: "ShortcutsSetter__List",
|
|
34388
|
-
componentId: "sc-xuouuf-2"
|
|
34389
|
-
})(["width:100%;display:flex;align-items:center;gap:0.5rem;padding-bottom:0.5rem;padding-left:0.5rem;box-sizing:border-box;margin:0 !important;"]);
|
|
34390
|
-
|
|
34391
|
-
var ItemContainer$1 = function ItemContainer(_ref) {
|
|
34392
|
-
var itemContainer = _ref.itemContainer,
|
|
34393
|
-
onClose = _ref.onClose,
|
|
34394
|
-
_onMouseOver = _ref.onMouseOver,
|
|
34395
|
-
_onSelected = _ref.onSelected,
|
|
34396
|
-
onItemClick = _ref.onItemClick,
|
|
34397
|
-
type = _ref.type,
|
|
34398
|
-
atlasJSON = _ref.atlasJSON,
|
|
34399
|
-
atlasIMG = _ref.atlasIMG,
|
|
34400
|
-
_ref$disableContextMe = _ref.disableContextMenu,
|
|
34401
|
-
disableContextMenu = _ref$disableContextMe === void 0 ? false : _ref$disableContextMe,
|
|
34402
|
-
onItemDragEnd = _ref.onItemDragEnd,
|
|
34403
|
-
onItemDragStart = _ref.onItemDragStart,
|
|
34404
|
-
onItemPlaceDrop = _ref.onItemPlaceDrop,
|
|
34405
|
-
_onOutsideDrop = _ref.onOutsideDrop,
|
|
34406
|
-
checkIfItemCanBeMoved = _ref.checkIfItemCanBeMoved,
|
|
34407
|
-
initialPosition = _ref.initialPosition,
|
|
34408
|
-
checkIfItemShouldDragEnd = _ref.checkIfItemShouldDragEnd,
|
|
34409
|
-
dragScale = _ref.dragScale,
|
|
34410
|
-
shortcuts = _ref.shortcuts,
|
|
34411
|
-
setItemShortcut = _ref.setItemShortcut,
|
|
34412
|
-
removeShortcut = _ref.removeShortcut;
|
|
34413
|
-
var _useState = React.useState({
|
|
34414
|
-
isOpen: false,
|
|
34415
|
-
maxQuantity: 1,
|
|
34416
|
-
callback: function callback(_quantity) {}
|
|
34417
|
-
}),
|
|
34418
|
-
quantitySelect = _useState[0],
|
|
34419
|
-
setQuantitySelect = _useState[1];
|
|
34420
|
-
var _useState2 = React.useState(-1),
|
|
34421
|
-
settingShortcutIndex = _useState2[0],
|
|
34422
|
-
setSettingShortcutIndex = _useState2[1];
|
|
34423
|
-
var onRenderSlots = function onRenderSlots() {
|
|
34424
|
-
var slots = [];
|
|
34425
|
-
for (var i = 0; i < itemContainer.slotQty; i++) {
|
|
34426
|
-
var _itemContainer$slots;
|
|
34427
|
-
slots.push(React__default.createElement(ItemSlot, {
|
|
34428
|
-
isContextMenuDisabled: disableContextMenu,
|
|
34429
|
-
key: i,
|
|
34430
|
-
slotIndex: i,
|
|
34431
|
-
item: ((_itemContainer$slots = itemContainer.slots) == null ? void 0 : _itemContainer$slots[i]) || null,
|
|
34432
|
-
itemContainerType: type,
|
|
34433
|
-
onMouseOver: function onMouseOver(event, slotIndex, item) {
|
|
34434
|
-
if (_onMouseOver) _onMouseOver(event, slotIndex, item);
|
|
34435
|
-
},
|
|
34436
|
-
onPointerDown: function onPointerDown(itemType, containerType, item) {
|
|
34437
|
-
if (settingShortcutIndex !== -1) {
|
|
34438
|
-
setSettingShortcutIndex(-1);
|
|
34439
|
-
if (itemType === shared.ItemType.Consumable || itemType === shared.ItemType.Tool) {
|
|
34440
|
-
setItemShortcut == null ? void 0 : setItemShortcut(item.key, settingShortcutIndex);
|
|
34441
|
-
}
|
|
34442
|
-
} else if (onItemClick) onItemClick(item, itemType, containerType);
|
|
34443
|
-
},
|
|
34444
|
-
onSelected: function onSelected(optionId, item) {
|
|
34445
|
-
if (_onSelected) _onSelected(optionId, item);
|
|
34446
|
-
},
|
|
34447
|
-
onDragStart: function onDragStart(item, slotIndex, itemContainerType) {
|
|
34448
|
-
if (onItemDragStart) onItemDragStart(item, slotIndex, itemContainerType);
|
|
34449
|
-
},
|
|
34450
|
-
onDragEnd: function onDragEnd(quantity) {
|
|
34451
|
-
if (onItemDragEnd) onItemDragEnd(quantity);
|
|
34452
|
-
},
|
|
34453
|
-
dragScale: dragScale,
|
|
34454
|
-
checkIfItemCanBeMoved: checkIfItemCanBeMoved,
|
|
34455
|
-
checkIfItemShouldDragEnd: checkIfItemShouldDragEnd,
|
|
34456
|
-
openQuantitySelector: function openQuantitySelector(maxQuantity, callback) {
|
|
34457
|
-
setQuantitySelect({
|
|
34458
|
-
isOpen: true,
|
|
34459
|
-
maxQuantity: maxQuantity,
|
|
34460
|
-
callback: callback
|
|
34461
|
-
});
|
|
34462
|
-
},
|
|
34463
|
-
onPlaceDrop: function onPlaceDrop(item, slotIndex, itemContainerType) {
|
|
34464
|
-
if (onItemPlaceDrop) onItemPlaceDrop(item, slotIndex, itemContainerType);
|
|
34465
|
-
},
|
|
34466
|
-
onOutsideDrop: function onOutsideDrop(item, position) {
|
|
34467
|
-
if (_onOutsideDrop) _onOutsideDrop(item, position);
|
|
34468
|
-
},
|
|
34469
|
-
atlasIMG: atlasIMG,
|
|
34470
|
-
atlasJSON: atlasJSON,
|
|
34471
|
-
isSelectingShortcut: settingShortcutIndex !== -1
|
|
34372
|
+
useEventListener('keydown', onKeyPress);
|
|
34373
|
+
var onAnswerClick = function onAnswerClick(answer) {
|
|
34374
|
+
setCanShowAnswers(false);
|
|
34375
|
+
if (answer.nextQuestionId) {
|
|
34376
|
+
// if there is a next question, go to it
|
|
34377
|
+
setCurrentQuestion(questions.find(function (question) {
|
|
34378
|
+
return question.id === answer.nextQuestionId;
|
|
34472
34379
|
}));
|
|
34380
|
+
} else {
|
|
34381
|
+
// else, finish dialog!
|
|
34382
|
+
onClose();
|
|
34473
34383
|
}
|
|
34474
|
-
return slots;
|
|
34475
34384
|
};
|
|
34476
|
-
|
|
34477
|
-
|
|
34478
|
-
|
|
34479
|
-
|
|
34480
|
-
}, type === shared.ItemContainerType.Inventory && shortcuts && removeShortcut && React__default.createElement(ShortcutsSetter, {
|
|
34481
|
-
setSettingShortcutIndex: setSettingShortcutIndex,
|
|
34482
|
-
settingShortcutIndex: settingShortcutIndex,
|
|
34483
|
-
shortcuts: shortcuts,
|
|
34484
|
-
removeShortcut: removeShortcut,
|
|
34485
|
-
atlasIMG: atlasIMG,
|
|
34486
|
-
atlasJSON: atlasJSON
|
|
34487
|
-
}), React__default.createElement(ItemsContainer, {
|
|
34488
|
-
className: "item-container-body"
|
|
34489
|
-
}, onRenderSlots())), quantitySelect.isOpen && React__default.createElement(QuantitySelectorContainer, null, React__default.createElement(ItemQuantitySelector, {
|
|
34490
|
-
quantity: quantitySelect.maxQuantity,
|
|
34491
|
-
onConfirm: function onConfirm(quantity) {
|
|
34492
|
-
quantitySelect.callback(quantity);
|
|
34493
|
-
setQuantitySelect({
|
|
34494
|
-
isOpen: false,
|
|
34495
|
-
maxQuantity: 1,
|
|
34496
|
-
callback: function callback() {}
|
|
34497
|
-
});
|
|
34498
|
-
},
|
|
34499
|
-
onClose: function onClose() {
|
|
34500
|
-
quantitySelect.callback(-1);
|
|
34501
|
-
setQuantitySelect({
|
|
34502
|
-
isOpen: false,
|
|
34503
|
-
maxQuantity: 1,
|
|
34504
|
-
callback: function callback() {}
|
|
34505
|
-
});
|
|
34385
|
+
var onRenderCurrentAnswers = function onRenderCurrentAnswers() {
|
|
34386
|
+
var answerIds = currentQuestion.answerIds;
|
|
34387
|
+
if (!answerIds) {
|
|
34388
|
+
return null;
|
|
34506
34389
|
}
|
|
34507
|
-
|
|
34508
|
-
|
|
34509
|
-
|
|
34510
|
-
displayName: "ItemContainer__ItemsContainer",
|
|
34511
|
-
componentId: "sc-15y5p9l-0"
|
|
34512
|
-
})(["display:flex;justify-content:center;flex-wrap:wrap;"]);
|
|
34513
|
-
var QuantitySelectorContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34514
|
-
displayName: "ItemContainer__QuantitySelectorContainer",
|
|
34515
|
-
componentId: "sc-15y5p9l-1"
|
|
34516
|
-
})(["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);"]);
|
|
34517
|
-
|
|
34518
|
-
var ItemSelector = function ItemSelector(_ref) {
|
|
34519
|
-
var atlasIMG = _ref.atlasIMG,
|
|
34520
|
-
atlasJSON = _ref.atlasJSON,
|
|
34521
|
-
options = _ref.options,
|
|
34522
|
-
onClose = _ref.onClose,
|
|
34523
|
-
onSelect = _ref.onSelect;
|
|
34524
|
-
var _useState = React.useState(),
|
|
34525
|
-
selectedValue = _useState[0],
|
|
34526
|
-
setSelectedValue = _useState[1];
|
|
34527
|
-
var handleClick = function handleClick() {
|
|
34528
|
-
var element = document.querySelector("input[name='test']:checked");
|
|
34529
|
-
var elementValue = element.value;
|
|
34530
|
-
setSelectedValue(elementValue);
|
|
34531
|
-
};
|
|
34532
|
-
React.useEffect(function () {
|
|
34533
|
-
if (selectedValue) {
|
|
34534
|
-
onSelect(selectedValue);
|
|
34390
|
+
var answers = onGetAnswers(answerIds);
|
|
34391
|
+
if (!answers) {
|
|
34392
|
+
return null;
|
|
34535
34393
|
}
|
|
34536
|
-
|
|
34537
|
-
|
|
34538
|
-
|
|
34539
|
-
|
|
34540
|
-
|
|
34541
|
-
|
|
34542
|
-
|
|
34543
|
-
|
|
34394
|
+
return answers.map(function (answer) {
|
|
34395
|
+
var isSelected = (currentAnswer == null ? void 0 : currentAnswer.id) === (answer == null ? void 0 : answer.id);
|
|
34396
|
+
var selectedColor = isSelected ? 'yellow' : 'white';
|
|
34397
|
+
if (answer) {
|
|
34398
|
+
return React__default.createElement(AnswerRow, {
|
|
34399
|
+
key: "answer_" + answer.id
|
|
34400
|
+
}, React__default.createElement(AnswerSelectedIcon, {
|
|
34401
|
+
color: selectedColor
|
|
34402
|
+
}, isSelected ? 'X' : null), React__default.createElement(Answer, {
|
|
34403
|
+
key: answer.id,
|
|
34404
|
+
onPointerDown: function onPointerDown() {
|
|
34405
|
+
return onAnswerClick(answer);
|
|
34406
|
+
},
|
|
34407
|
+
color: selectedColor
|
|
34408
|
+
}, answer.text));
|
|
34544
34409
|
}
|
|
34410
|
+
return null;
|
|
34411
|
+
});
|
|
34412
|
+
};
|
|
34413
|
+
return React__default.createElement(Container$c, null, React__default.createElement(QuestionContainer, null, React__default.createElement(DynamicText, {
|
|
34414
|
+
text: currentQuestion.text,
|
|
34415
|
+
onStart: function onStart() {
|
|
34416
|
+
return setCanShowAnswers(false);
|
|
34417
|
+
},
|
|
34418
|
+
onFinish: function onFinish() {
|
|
34419
|
+
return setCanShowAnswers(true);
|
|
34545
34420
|
}
|
|
34546
|
-
}, React__default.createElement(
|
|
34547
|
-
style: {
|
|
34548
|
-
width: '100%'
|
|
34549
|
-
}
|
|
34550
|
-
}, React__default.createElement(Title$2, null, 'Harvesting instruments'), React__default.createElement(Subtitle$1, null, 'Use the tool, you need it'), React__default.createElement("hr", {
|
|
34551
|
-
className: "golden"
|
|
34552
|
-
})), React__default.createElement(RadioInputScroller$1, null, options == null ? void 0 : options.map(function (option, index) {
|
|
34553
|
-
return React__default.createElement(RadioOptionsWrapper$1, {
|
|
34554
|
-
key: index
|
|
34555
|
-
}, React__default.createElement(SpriteAtlasWrapper$1, null, React__default.createElement(SpriteFromAtlas, {
|
|
34556
|
-
atlasIMG: atlasIMG,
|
|
34557
|
-
atlasJSON: atlasJSON,
|
|
34558
|
-
spriteKey: option.imageKey,
|
|
34559
|
-
imgScale: 3
|
|
34560
|
-
})), React__default.createElement("div", null, React__default.createElement("input", {
|
|
34561
|
-
className: "rpgui-radio",
|
|
34562
|
-
type: "radio",
|
|
34563
|
-
value: option.name,
|
|
34564
|
-
name: "test"
|
|
34565
|
-
}), React__default.createElement("label", {
|
|
34566
|
-
onPointerDown: handleClick,
|
|
34567
|
-
style: {
|
|
34568
|
-
display: 'flex',
|
|
34569
|
-
alignItems: 'center'
|
|
34570
|
-
}
|
|
34571
|
-
}, option.name, " ", React__default.createElement("br", null), option.description)));
|
|
34572
|
-
})), React__default.createElement(ButtonWrapper$1, null, React__default.createElement(Button, {
|
|
34573
|
-
buttonType: exports.ButtonTypes.RPGUIButton,
|
|
34574
|
-
onPointerDown: onClose
|
|
34575
|
-
}, "Cancel"), React__default.createElement(Button, {
|
|
34576
|
-
buttonType: exports.ButtonTypes.RPGUIButton
|
|
34577
|
-
}, "Select")));
|
|
34421
|
+
})), canShowAnswers && React__default.createElement(AnswersContainer, null, onRenderCurrentAnswers()));
|
|
34578
34422
|
};
|
|
34579
|
-
var
|
|
34580
|
-
displayName: "
|
|
34581
|
-
componentId: "sc-
|
|
34582
|
-
})(["
|
|
34583
|
-
var
|
|
34584
|
-
displayName: "
|
|
34585
|
-
componentId: "sc-
|
|
34586
|
-
})(["
|
|
34587
|
-
var
|
|
34588
|
-
displayName: "
|
|
34589
|
-
componentId: "sc-
|
|
34590
|
-
})(["
|
|
34591
|
-
var
|
|
34592
|
-
displayName: "
|
|
34593
|
-
componentId: "sc-
|
|
34594
|
-
})(["
|
|
34595
|
-
|
|
34596
|
-
|
|
34597
|
-
|
|
34598
|
-
|
|
34599
|
-
|
|
34600
|
-
|
|
34601
|
-
|
|
34602
|
-
})
|
|
34423
|
+
var Container$c = /*#__PURE__*/styled.div.withConfig({
|
|
34424
|
+
displayName: "QuestionDialog__Container",
|
|
34425
|
+
componentId: "sc-bxc5u0-0"
|
|
34426
|
+
})(["display:flex;word-break:break-all;box-sizing:border-box;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;"]);
|
|
34427
|
+
var QuestionContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34428
|
+
displayName: "QuestionDialog__QuestionContainer",
|
|
34429
|
+
componentId: "sc-bxc5u0-1"
|
|
34430
|
+
})(["flex:100%;width:100%;"]);
|
|
34431
|
+
var AnswersContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34432
|
+
displayName: "QuestionDialog__AnswersContainer",
|
|
34433
|
+
componentId: "sc-bxc5u0-2"
|
|
34434
|
+
})(["flex:100%;"]);
|
|
34435
|
+
var Answer = /*#__PURE__*/styled.p.withConfig({
|
|
34436
|
+
displayName: "QuestionDialog__Answer",
|
|
34437
|
+
componentId: "sc-bxc5u0-3"
|
|
34438
|
+
})(["flex:auto;color:", " !important;font-size:0.65rem !important;background:inherit;border:none;"], function (props) {
|
|
34439
|
+
return props.color;
|
|
34440
|
+
});
|
|
34441
|
+
var AnswerSelectedIcon = /*#__PURE__*/styled.span.withConfig({
|
|
34442
|
+
displayName: "QuestionDialog__AnswerSelectedIcon",
|
|
34443
|
+
componentId: "sc-bxc5u0-4"
|
|
34444
|
+
})(["flex:5% 0 0;color:", " !important;"], function (props) {
|
|
34445
|
+
return props.color;
|
|
34446
|
+
});
|
|
34447
|
+
var AnswerRow = /*#__PURE__*/styled.div.withConfig({
|
|
34448
|
+
displayName: "QuestionDialog__AnswerRow",
|
|
34449
|
+
componentId: "sc-bxc5u0-5"
|
|
34450
|
+
})(["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;}"]);
|
|
34603
34451
|
|
|
34604
|
-
var
|
|
34605
|
-
|
|
34606
|
-
|
|
34607
|
-
|
|
34608
|
-
|
|
34609
|
-
|
|
34610
|
-
|
|
34611
|
-
|
|
34612
|
-
|
|
34613
|
-
|
|
34614
|
-
|
|
34615
|
-
|
|
34452
|
+
var img$8 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAP1BMVEUAAAA7FyVxQTsUEBPj5v////+5v/tCJDOOUlIiHBr1oJfptaO6dWr61rhzFy1bMTjoanMUNGQoXMQkn97+88DQ3IhAAAAAAXRSTlMAQObYZgAAAAFiS0dEBfhv6ccAAAAHdElNRQfmAw4VOBC7c5LYAAABM0lEQVQ4y3XRi5KDIAwFUAUkbrBgpP//rZsHVHQ009qZ3tPboNN0zmwzvcw8O5sX4y0NOg/Et3jRCXF+ziULorjkOQ9gE24dvuUAzq08DiCO4pe3WN7zCP56vmpubBReQYC11YPS86ySxxCsAABTSgjb5m4g8nfbxvFHBkH2OEEvAItVuCuIsgGgl+Gcr7kDXxhEAx55A2SQEEeQeZwUaIP8Tbo05B0RFPhItAjgj1w6cDnhLluDj+Egkh3pCCP4pKQAw1IPO0W9Nti5gW9RP2dKA3BZd2Dw+baYX+Nt4GM00O4S3kEpF6Alb2Bv4LeC3kkGfAW0/p0RPoJVKr63ghHsKuRh5DIUKOAlGOwrtt9fQekAEfmhZslHUDoglB0zjfkJigN7UnTQQ4GBWomoVhEN/AOPSBh38gy+fwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wMy0xNFQyMTo1NTo1MSswMDowMJcc0eEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDMtMTRUMjE6NTU6NTErMDA6MDDmQWldAAAAAElFTkSuQmCC';
|
|
34453
|
+
|
|
34454
|
+
(function (NPCDialogType) {
|
|
34455
|
+
NPCDialogType["TextOnly"] = "TextOnly";
|
|
34456
|
+
NPCDialogType["TextAndThumbnail"] = "TextAndThumbnail";
|
|
34457
|
+
})(exports.NPCDialogType || (exports.NPCDialogType = {}));
|
|
34458
|
+
var NPCDialog = function NPCDialog(_ref) {
|
|
34459
|
+
var text = _ref.text,
|
|
34460
|
+
type = _ref.type,
|
|
34461
|
+
_onClose = _ref.onClose,
|
|
34462
|
+
imagePath = _ref.imagePath,
|
|
34463
|
+
_ref$isQuestionDialog = _ref.isQuestionDialog,
|
|
34464
|
+
isQuestionDialog = _ref$isQuestionDialog === void 0 ? false : _ref$isQuestionDialog,
|
|
34465
|
+
questions = _ref.questions,
|
|
34466
|
+
answers = _ref.answers;
|
|
34467
|
+
return React__default.createElement(RPGUIContainer, {
|
|
34468
|
+
type: exports.RPGUIContainerTypes.FramedGold,
|
|
34469
|
+
width: isQuestionDialog ? '600px' : '80%',
|
|
34470
|
+
height: '180px'
|
|
34471
|
+
}, isQuestionDialog && questions && answers ? React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer$1, {
|
|
34472
|
+
flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
|
|
34473
|
+
}, React__default.createElement(QuestionDialog, {
|
|
34474
|
+
questions: questions,
|
|
34475
|
+
answers: answers,
|
|
34476
|
+
onClose: function onClose() {
|
|
34477
|
+
if (_onClose) {
|
|
34478
|
+
_onClose();
|
|
34479
|
+
}
|
|
34616
34480
|
}
|
|
34617
|
-
},
|
|
34618
|
-
|
|
34619
|
-
|
|
34620
|
-
|
|
34621
|
-
|
|
34481
|
+
})), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
|
|
34482
|
+
src: imagePath || img$8
|
|
34483
|
+
}))) : React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$d, null, React__default.createElement(TextContainer$1, {
|
|
34484
|
+
flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
|
|
34485
|
+
}, React__default.createElement(NPCDialogText, {
|
|
34486
|
+
type: type,
|
|
34487
|
+
text: text || 'No text provided.',
|
|
34488
|
+
onClose: function onClose() {
|
|
34489
|
+
if (_onClose) {
|
|
34490
|
+
_onClose();
|
|
34622
34491
|
}
|
|
34623
|
-
}
|
|
34624
|
-
}))
|
|
34492
|
+
}
|
|
34493
|
+
})), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
|
|
34494
|
+
src: imagePath || img$8
|
|
34495
|
+
})))));
|
|
34625
34496
|
};
|
|
34626
|
-
var Container$
|
|
34627
|
-
displayName: "
|
|
34628
|
-
componentId: "sc-
|
|
34629
|
-
})(["display:flex;
|
|
34630
|
-
|
|
34631
|
-
|
|
34632
|
-
|
|
34633
|
-
},
|
|
34634
|
-
var
|
|
34635
|
-
|
|
34636
|
-
|
|
34637
|
-
|
|
34638
|
-
|
|
34639
|
-
|
|
34640
|
-
|
|
34641
|
-
var
|
|
34497
|
+
var Container$d = /*#__PURE__*/styled.div.withConfig({
|
|
34498
|
+
displayName: "NPCDialog__Container",
|
|
34499
|
+
componentId: "sc-1b4aw74-0"
|
|
34500
|
+
})(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
|
|
34501
|
+
var TextContainer$1 = /*#__PURE__*/styled.div.withConfig({
|
|
34502
|
+
displayName: "NPCDialog__TextContainer",
|
|
34503
|
+
componentId: "sc-1b4aw74-1"
|
|
34504
|
+
})(["flex:", " 0 0;width:355px;"], function (_ref2) {
|
|
34505
|
+
var flex = _ref2.flex;
|
|
34506
|
+
return flex;
|
|
34507
|
+
});
|
|
34508
|
+
var ThumbnailContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34509
|
+
displayName: "NPCDialog__ThumbnailContainer",
|
|
34510
|
+
componentId: "sc-1b4aw74-2"
|
|
34511
|
+
})(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
|
|
34512
|
+
var NPCThumbnail = /*#__PURE__*/styled.img.withConfig({
|
|
34513
|
+
displayName: "NPCDialog__NPCThumbnail",
|
|
34514
|
+
componentId: "sc-1b4aw74-3"
|
|
34515
|
+
})(["image-rendering:pixelated;height:128px;width:128px;"]);
|
|
34642
34516
|
|
|
34643
34517
|
(function (ImgSide) {
|
|
34644
34518
|
ImgSide["right"] = "right";
|
|
@@ -34676,7 +34550,7 @@ var NPCMultiDialog = function NPCMultiDialog(_ref) {
|
|
|
34676
34550
|
type: exports.RPGUIContainerTypes.FramedGold,
|
|
34677
34551
|
width: '50%',
|
|
34678
34552
|
height: '180px'
|
|
34679
|
-
}, React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$
|
|
34553
|
+
}, 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, {
|
|
34680
34554
|
flex: '70%'
|
|
34681
34555
|
}, React__default.createElement(NPCDialogText, {
|
|
34682
34556
|
onStartStep: function onStartStep() {
|
|
@@ -34691,14 +34565,14 @@ var NPCMultiDialog = function NPCMultiDialog(_ref) {
|
|
|
34691
34565
|
_onClose();
|
|
34692
34566
|
}
|
|
34693
34567
|
}
|
|
34694
|
-
})), React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
|
|
34695
|
-
src: textAndTypeArray[slide].imagePath || img$
|
|
34696
|
-
})), showGoNextIndicator && React__default.createElement(PressSpaceIndicator, {
|
|
34568
|
+
})), React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
|
|
34569
|
+
src: textAndTypeArray[slide].imagePath || img$8
|
|
34570
|
+
})), showGoNextIndicator && React__default.createElement(PressSpaceIndicator$1, {
|
|
34697
34571
|
right: '10.5rem',
|
|
34698
34572
|
src: img$7
|
|
34699
|
-
})), textAndTypeArray[slide].imageSide === 'left' && React__default.createElement(React__default.Fragment, null, React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
|
|
34700
|
-
src: textAndTypeArray[slide].imagePath || img$
|
|
34701
|
-
})), React__default.createElement(TextContainer, {
|
|
34573
|
+
})), textAndTypeArray[slide].imageSide === 'left' && React__default.createElement(React__default.Fragment, null, React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
|
|
34574
|
+
src: textAndTypeArray[slide].imagePath || img$8
|
|
34575
|
+
})), React__default.createElement(TextContainer$2, {
|
|
34702
34576
|
flex: '70%'
|
|
34703
34577
|
}, React__default.createElement(NPCDialogText, {
|
|
34704
34578
|
onStartStep: function onStartStep() {
|
|
@@ -34713,31 +34587,31 @@ var NPCMultiDialog = function NPCMultiDialog(_ref) {
|
|
|
34713
34587
|
_onClose();
|
|
34714
34588
|
}
|
|
34715
34589
|
}
|
|
34716
|
-
})), showGoNextIndicator && React__default.createElement(PressSpaceIndicator, {
|
|
34590
|
+
})), showGoNextIndicator && React__default.createElement(PressSpaceIndicator$1, {
|
|
34717
34591
|
right: '1rem',
|
|
34718
34592
|
src: img$7
|
|
34719
34593
|
}))), ")"));
|
|
34720
34594
|
};
|
|
34721
|
-
var Container$
|
|
34595
|
+
var Container$e = /*#__PURE__*/styled.div.withConfig({
|
|
34722
34596
|
displayName: "NPCMultiDialog__Container",
|
|
34723
34597
|
componentId: "sc-rvu5wg-0"
|
|
34724
34598
|
})(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
|
|
34725
|
-
var TextContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34599
|
+
var TextContainer$2 = /*#__PURE__*/styled.div.withConfig({
|
|
34726
34600
|
displayName: "NPCMultiDialog__TextContainer",
|
|
34727
34601
|
componentId: "sc-rvu5wg-1"
|
|
34728
34602
|
})(["flex:", " 0 0;width:355px;"], function (_ref2) {
|
|
34729
34603
|
var flex = _ref2.flex;
|
|
34730
34604
|
return flex;
|
|
34731
34605
|
});
|
|
34732
|
-
var ThumbnailContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34606
|
+
var ThumbnailContainer$1 = /*#__PURE__*/styled.div.withConfig({
|
|
34733
34607
|
displayName: "NPCMultiDialog__ThumbnailContainer",
|
|
34734
34608
|
componentId: "sc-rvu5wg-2"
|
|
34735
34609
|
})(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
|
|
34736
|
-
var NPCThumbnail = /*#__PURE__*/styled.img.withConfig({
|
|
34610
|
+
var NPCThumbnail$1 = /*#__PURE__*/styled.img.withConfig({
|
|
34737
34611
|
displayName: "NPCMultiDialog__NPCThumbnail",
|
|
34738
34612
|
componentId: "sc-rvu5wg-3"
|
|
34739
34613
|
})(["image-rendering:pixelated;height:128px;width:128px;"]);
|
|
34740
|
-
var PressSpaceIndicator = /*#__PURE__*/styled.img.withConfig({
|
|
34614
|
+
var PressSpaceIndicator$1 = /*#__PURE__*/styled.img.withConfig({
|
|
34741
34615
|
displayName: "NPCMultiDialog__PressSpaceIndicator",
|
|
34742
34616
|
componentId: "sc-rvu5wg-4"
|
|
34743
34617
|
})(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref3) {
|
|
@@ -34745,221 +34619,569 @@ var PressSpaceIndicator = /*#__PURE__*/styled.img.withConfig({
|
|
|
34745
34619
|
return right;
|
|
34746
34620
|
});
|
|
34747
34621
|
|
|
34748
|
-
|
|
34749
|
-
var
|
|
34750
|
-
|
|
34751
|
-
|
|
34752
|
-
|
|
34753
|
-
|
|
34754
|
-
|
|
34755
|
-
|
|
34756
|
-
|
|
34757
|
-
|
|
34758
|
-
|
|
34759
|
-
|
|
34760
|
-
|
|
34761
|
-
|
|
34762
|
-
|
|
34622
|
+
var HistoryDialog = function HistoryDialog(_ref) {
|
|
34623
|
+
var backgroundImgPath = _ref.backgroundImgPath,
|
|
34624
|
+
fullCoverBackground = _ref.fullCoverBackground,
|
|
34625
|
+
questions = _ref.questions,
|
|
34626
|
+
answers = _ref.answers,
|
|
34627
|
+
text = _ref.text,
|
|
34628
|
+
imagePath = _ref.imagePath,
|
|
34629
|
+
textAndTypeArray = _ref.textAndTypeArray,
|
|
34630
|
+
onClose = _ref.onClose;
|
|
34631
|
+
var _useState = React.useState(0),
|
|
34632
|
+
img = _useState[0],
|
|
34633
|
+
setImage = _useState[1];
|
|
34634
|
+
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
34635
|
+
if (event.code === 'Space') {
|
|
34636
|
+
if (img < (backgroundImgPath == null ? void 0 : backgroundImgPath.length) - 1) {
|
|
34637
|
+
setImage(function (prev) {
|
|
34638
|
+
return prev + 1;
|
|
34639
|
+
});
|
|
34640
|
+
} else {
|
|
34641
|
+
// if there's no more text chunks, close the dialog
|
|
34642
|
+
onClose();
|
|
34643
|
+
}
|
|
34644
|
+
}
|
|
34645
|
+
};
|
|
34646
|
+
React.useEffect(function () {
|
|
34647
|
+
document.addEventListener('keydown', onHandleSpacePress);
|
|
34763
34648
|
return function () {
|
|
34764
|
-
|
|
34649
|
+
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
34765
34650
|
};
|
|
34766
|
-
}, [
|
|
34651
|
+
}, [backgroundImgPath]);
|
|
34652
|
+
return React__default.createElement(BackgroundContainer, {
|
|
34653
|
+
imgPath: backgroundImgPath[img],
|
|
34654
|
+
fullImg: fullCoverBackground
|
|
34655
|
+
}, React__default.createElement(DialogContainer, null, textAndTypeArray ? React__default.createElement(NPCMultiDialog, {
|
|
34656
|
+
textAndTypeArray: textAndTypeArray,
|
|
34657
|
+
onClose: onClose
|
|
34658
|
+
}) : questions && answers ? React__default.createElement(QuestionDialog, {
|
|
34659
|
+
questions: questions,
|
|
34660
|
+
answers: answers,
|
|
34661
|
+
onClose: onClose
|
|
34662
|
+
}) : text && imagePath ? React__default.createElement(NPCDialog, {
|
|
34663
|
+
text: text,
|
|
34664
|
+
imagePath: imagePath,
|
|
34665
|
+
onClose: onClose,
|
|
34666
|
+
type: exports.NPCDialogType.TextAndThumbnail
|
|
34667
|
+
}) : React__default.createElement(NPCDialog, {
|
|
34668
|
+
text: text,
|
|
34669
|
+
onClose: onClose,
|
|
34670
|
+
type: exports.NPCDialogType.TextOnly
|
|
34671
|
+
})));
|
|
34767
34672
|
};
|
|
34673
|
+
var BackgroundContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34674
|
+
displayName: "HistoryDialog__BackgroundContainer",
|
|
34675
|
+
componentId: "sc-u6oe75-0"
|
|
34676
|
+
})(["width:100%;height:100%;background-image:url(", ");background-size:", ";display:flex;justify-content:space-evenly;align-items:center;"], function (props) {
|
|
34677
|
+
return props.imgPath;
|
|
34678
|
+
}, function (props) {
|
|
34679
|
+
return props.imgPath ? 'cover' : 'auto';
|
|
34680
|
+
});
|
|
34681
|
+
var DialogContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34682
|
+
displayName: "HistoryDialog__DialogContainer",
|
|
34683
|
+
componentId: "sc-u6oe75-1"
|
|
34684
|
+
})(["display:flex;justify-content:center;padding-top:200px;"]);
|
|
34768
34685
|
|
|
34769
|
-
var
|
|
34770
|
-
var
|
|
34771
|
-
|
|
34772
|
-
|
|
34773
|
-
|
|
34774
|
-
|
|
34775
|
-
|
|
34686
|
+
var SlotsContainer = function SlotsContainer(_ref) {
|
|
34687
|
+
var children = _ref.children,
|
|
34688
|
+
title = _ref.title,
|
|
34689
|
+
onClose = _ref.onClose,
|
|
34690
|
+
_onPositionChange = _ref.onPositionChange,
|
|
34691
|
+
onOutsideClick = _ref.onOutsideClick,
|
|
34692
|
+
initialPosition = _ref.initialPosition;
|
|
34693
|
+
return React__default.createElement(DraggableContainer, {
|
|
34694
|
+
title: title,
|
|
34695
|
+
type: exports.RPGUIContainerTypes.Framed,
|
|
34696
|
+
onCloseButton: function onCloseButton() {
|
|
34697
|
+
if (onClose) {
|
|
34698
|
+
onClose();
|
|
34699
|
+
}
|
|
34700
|
+
},
|
|
34701
|
+
width: "400px",
|
|
34702
|
+
cancelDrag: ".item-container-body, #shortcuts_list",
|
|
34703
|
+
onPositionChange: function onPositionChange(_ref2) {
|
|
34704
|
+
var x = _ref2.x,
|
|
34705
|
+
y = _ref2.y;
|
|
34706
|
+
if (_onPositionChange) {
|
|
34707
|
+
_onPositionChange({
|
|
34708
|
+
x: x,
|
|
34709
|
+
y: y
|
|
34710
|
+
});
|
|
34711
|
+
}
|
|
34712
|
+
},
|
|
34713
|
+
onOutsideClick: onOutsideClick,
|
|
34714
|
+
initialPosition: initialPosition
|
|
34715
|
+
}, children);
|
|
34716
|
+
};
|
|
34717
|
+
|
|
34718
|
+
(function (RangeSliderType) {
|
|
34719
|
+
RangeSliderType["Slider"] = "rpgui-slider";
|
|
34720
|
+
RangeSliderType["GoldSlider"] = "rpgui-slider golden";
|
|
34721
|
+
})(exports.RangeSliderType || (exports.RangeSliderType = {}));
|
|
34722
|
+
var RangeSlider = function RangeSlider(_ref) {
|
|
34723
|
+
var type = _ref.type,
|
|
34724
|
+
valueMin = _ref.valueMin,
|
|
34725
|
+
valueMax = _ref.valueMax,
|
|
34726
|
+
width = _ref.width,
|
|
34727
|
+
_onChange = _ref.onChange,
|
|
34728
|
+
value = _ref.value;
|
|
34729
|
+
var sliderId = uuid.v4();
|
|
34730
|
+
var containerRef = React.useRef(null);
|
|
34731
|
+
var _useState = React.useState(0),
|
|
34732
|
+
left = _useState[0],
|
|
34733
|
+
setLeft = _useState[1];
|
|
34734
|
+
React.useEffect(function () {
|
|
34735
|
+
var _containerRef$current;
|
|
34736
|
+
var calculatedWidth = ((_containerRef$current = containerRef.current) == null ? void 0 : _containerRef$current.clientWidth) || 0;
|
|
34737
|
+
setLeft(Math.max((value - valueMin) / (valueMax - valueMin) * (calculatedWidth - 35) + 10));
|
|
34738
|
+
}, [value, valueMin, valueMax]);
|
|
34739
|
+
var typeClass = type === exports.RangeSliderType.GoldSlider ? 'golden' : '';
|
|
34740
|
+
return React__default.createElement("div", {
|
|
34741
|
+
style: {
|
|
34742
|
+
width: width,
|
|
34743
|
+
position: 'relative'
|
|
34744
|
+
},
|
|
34745
|
+
className: "rpgui-slider-container " + typeClass,
|
|
34746
|
+
id: "rpgui-slider-" + sliderId,
|
|
34747
|
+
ref: containerRef
|
|
34748
|
+
}, React__default.createElement("div", {
|
|
34749
|
+
style: {
|
|
34750
|
+
pointerEvents: 'none'
|
|
34751
|
+
}
|
|
34752
|
+
}, React__default.createElement("div", {
|
|
34753
|
+
className: "rpgui-slider-track " + typeClass
|
|
34754
|
+
}), React__default.createElement("div", {
|
|
34755
|
+
className: "rpgui-slider-left-edge " + typeClass
|
|
34756
|
+
}), React__default.createElement("div", {
|
|
34757
|
+
className: "rpgui-slider-right-edge " + typeClass
|
|
34758
|
+
}), React__default.createElement("div", {
|
|
34759
|
+
className: "rpgui-slider-thumb " + typeClass,
|
|
34760
|
+
style: {
|
|
34761
|
+
left: left
|
|
34762
|
+
}
|
|
34763
|
+
})), React__default.createElement(Input$1, {
|
|
34764
|
+
type: "range",
|
|
34765
|
+
style: {
|
|
34766
|
+
width: width
|
|
34767
|
+
},
|
|
34768
|
+
min: valueMin,
|
|
34769
|
+
max: valueMax,
|
|
34770
|
+
onChange: function onChange(e) {
|
|
34771
|
+
return _onChange(Number(e.target.value));
|
|
34772
|
+
},
|
|
34773
|
+
value: value,
|
|
34774
|
+
className: "rpgui-cursor-point"
|
|
34775
|
+
}));
|
|
34776
|
+
};
|
|
34777
|
+
var Input$1 = /*#__PURE__*/styled.input.withConfig({
|
|
34778
|
+
displayName: "RangeSlider__Input",
|
|
34779
|
+
componentId: "sc-v8mte9-0"
|
|
34780
|
+
})(["opacity:0;position:absolute;width:100%;height:100%;top:0;left:0;margin-top:-5px;"]);
|
|
34781
|
+
|
|
34782
|
+
var ItemQuantitySelector = function ItemQuantitySelector(_ref) {
|
|
34783
|
+
var quantity = _ref.quantity,
|
|
34784
|
+
onConfirm = _ref.onConfirm,
|
|
34785
|
+
onClose = _ref.onClose;
|
|
34786
|
+
var _useState = React.useState(quantity),
|
|
34787
|
+
value = _useState[0],
|
|
34788
|
+
setValue = _useState[1];
|
|
34789
|
+
var inputRef = React.useRef(null);
|
|
34776
34790
|
React.useEffect(function () {
|
|
34777
|
-
|
|
34778
|
-
|
|
34779
|
-
|
|
34780
|
-
|
|
34781
|
-
if (
|
|
34782
|
-
|
|
34791
|
+
if (inputRef.current) {
|
|
34792
|
+
inputRef.current.focus();
|
|
34793
|
+
inputRef.current.select();
|
|
34794
|
+
var closeSelector = function closeSelector(e) {
|
|
34795
|
+
if (e.key === 'Escape') {
|
|
34796
|
+
onClose();
|
|
34783
34797
|
}
|
|
34798
|
+
};
|
|
34799
|
+
document.addEventListener('keydown', closeSelector);
|
|
34800
|
+
return function () {
|
|
34801
|
+
document.removeEventListener('keydown', closeSelector);
|
|
34802
|
+
};
|
|
34803
|
+
}
|
|
34804
|
+
return function () {};
|
|
34805
|
+
}, []);
|
|
34806
|
+
return React__default.createElement(StyledContainer, {
|
|
34807
|
+
type: exports.RPGUIContainerTypes.Framed,
|
|
34808
|
+
width: "25rem"
|
|
34809
|
+
}, React__default.createElement(CloseButton$2, {
|
|
34810
|
+
className: "container-close",
|
|
34811
|
+
onPointerDown: onClose
|
|
34812
|
+
}, "X"), React__default.createElement("h2", null, "Select quantity to move"), React__default.createElement(StyledForm, {
|
|
34813
|
+
style: {
|
|
34814
|
+
width: '100%'
|
|
34815
|
+
},
|
|
34816
|
+
onSubmit: function onSubmit(e) {
|
|
34817
|
+
e.preventDefault();
|
|
34818
|
+
var numberValue = Number(value);
|
|
34819
|
+
if (Number.isNaN(numberValue)) {
|
|
34820
|
+
return;
|
|
34784
34821
|
}
|
|
34785
|
-
|
|
34786
|
-
|
|
34787
|
-
|
|
34788
|
-
|
|
34789
|
-
|
|
34790
|
-
|
|
34791
|
-
|
|
34792
|
-
|
|
34822
|
+
onConfirm(Math.max(1, Math.min(quantity, numberValue)));
|
|
34823
|
+
},
|
|
34824
|
+
noValidate: true
|
|
34825
|
+
}, React__default.createElement(StyledInput, {
|
|
34826
|
+
innerRef: inputRef,
|
|
34827
|
+
placeholder: "Enter quantity",
|
|
34828
|
+
type: "number",
|
|
34829
|
+
min: 1,
|
|
34830
|
+
max: quantity,
|
|
34831
|
+
value: value,
|
|
34832
|
+
onChange: function onChange(e) {
|
|
34833
|
+
if (Number(e.target.value) >= quantity) {
|
|
34834
|
+
setValue(quantity);
|
|
34835
|
+
return;
|
|
34793
34836
|
}
|
|
34794
|
-
|
|
34795
|
-
|
|
34796
|
-
|
|
34797
|
-
|
|
34798
|
-
|
|
34799
|
-
|
|
34837
|
+
setValue(e.target.value);
|
|
34838
|
+
},
|
|
34839
|
+
onBlur: function onBlur(e) {
|
|
34840
|
+
var newValue = Math.max(1, Math.min(quantity, Number(e.target.value)));
|
|
34841
|
+
setValue(newValue);
|
|
34842
|
+
}
|
|
34843
|
+
}), React__default.createElement(RangeSlider, {
|
|
34844
|
+
type: exports.RangeSliderType.Slider,
|
|
34845
|
+
valueMin: 1,
|
|
34846
|
+
valueMax: quantity,
|
|
34847
|
+
width: "100%",
|
|
34848
|
+
onChange: setValue,
|
|
34849
|
+
value: value
|
|
34850
|
+
}), React__default.createElement(Button, {
|
|
34851
|
+
buttonType: exports.ButtonTypes.RPGUIButton,
|
|
34852
|
+
type: "submit"
|
|
34853
|
+
}, "Confirm")));
|
|
34800
34854
|
};
|
|
34801
|
-
var
|
|
34802
|
-
displayName: "
|
|
34803
|
-
componentId: "sc-
|
|
34804
|
-
})(["
|
|
34855
|
+
var StyledContainer = /*#__PURE__*/styled(RPGUIContainer).withConfig({
|
|
34856
|
+
displayName: "ItemQuantitySelector__StyledContainer",
|
|
34857
|
+
componentId: "sc-yfdtpn-0"
|
|
34858
|
+
})(["display:flex;flex-direction:column;align-items:center;"]);
|
|
34859
|
+
var StyledForm = /*#__PURE__*/styled.form.withConfig({
|
|
34860
|
+
displayName: "ItemQuantitySelector__StyledForm",
|
|
34861
|
+
componentId: "sc-yfdtpn-1"
|
|
34862
|
+
})(["display:flex;flex-direction:column;align-items:center;width:100%;"]);
|
|
34863
|
+
var StyledInput = /*#__PURE__*/styled(Input).withConfig({
|
|
34864
|
+
displayName: "ItemQuantitySelector__StyledInput",
|
|
34865
|
+
componentId: "sc-yfdtpn-2"
|
|
34866
|
+
})(["text-align:center;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;}"]);
|
|
34867
|
+
var CloseButton$2 = /*#__PURE__*/styled.div.withConfig({
|
|
34868
|
+
displayName: "ItemQuantitySelector__CloseButton",
|
|
34869
|
+
componentId: "sc-yfdtpn-3"
|
|
34870
|
+
})(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:0.8rem;"]);
|
|
34805
34871
|
|
|
34806
|
-
var
|
|
34807
|
-
var
|
|
34808
|
-
|
|
34809
|
-
|
|
34810
|
-
|
|
34811
|
-
|
|
34812
|
-
|
|
34813
|
-
var
|
|
34814
|
-
|
|
34815
|
-
|
|
34816
|
-
|
|
34817
|
-
|
|
34818
|
-
return null;
|
|
34872
|
+
var ShortcutsSetter = function ShortcutsSetter(_ref) {
|
|
34873
|
+
var setSettingShortcutIndex = _ref.setSettingShortcutIndex,
|
|
34874
|
+
settingShortcutIndex = _ref.settingShortcutIndex,
|
|
34875
|
+
shortcuts = _ref.shortcuts,
|
|
34876
|
+
removeShortcut = _ref.removeShortcut,
|
|
34877
|
+
atlasJSON = _ref.atlasJSON,
|
|
34878
|
+
atlasIMG = _ref.atlasIMG;
|
|
34879
|
+
var getContent = function getContent(index) {
|
|
34880
|
+
var _shortcuts$index, _shortcuts$index3;
|
|
34881
|
+
if (((_shortcuts$index = shortcuts[index]) == null ? void 0 : _shortcuts$index.type) === shared.ShortcutType.Item) {
|
|
34882
|
+
var _shortcuts$index2;
|
|
34883
|
+
var _payload = (_shortcuts$index2 = shortcuts[index]) == null ? void 0 : _shortcuts$index2.payload;
|
|
34884
|
+
if (!_payload) return null;
|
|
34885
|
+
return React__default.createElement(SpriteFromAtlas, {
|
|
34886
|
+
atlasIMG: atlasIMG,
|
|
34887
|
+
atlasJSON: atlasJSON,
|
|
34888
|
+
spriteKey: shared.getItemTextureKeyPath({
|
|
34889
|
+
key: _payload.texturePath,
|
|
34890
|
+
texturePath: _payload.texturePath,
|
|
34891
|
+
stackQty: _payload.stackQty || 1
|
|
34892
|
+
}, atlasJSON),
|
|
34893
|
+
width: 32,
|
|
34894
|
+
height: 32,
|
|
34895
|
+
imgScale: 1.6,
|
|
34896
|
+
imgStyle: {
|
|
34897
|
+
left: '5px'
|
|
34898
|
+
}
|
|
34899
|
+
});
|
|
34900
|
+
}
|
|
34901
|
+
var payload = (_shortcuts$index3 = shortcuts[index]) == null ? void 0 : _shortcuts$index3.payload;
|
|
34902
|
+
return React__default.createElement("span", null, payload == null ? void 0 : payload.magicWords.split(' ').map(function (word) {
|
|
34903
|
+
return word[0];
|
|
34904
|
+
}));
|
|
34905
|
+
};
|
|
34906
|
+
return React__default.createElement(Container$f, null, React__default.createElement("p", null, "Shortcuts:"), React__default.createElement(List, {
|
|
34907
|
+
id: "shortcuts_list"
|
|
34908
|
+
}, Array.from({
|
|
34909
|
+
length: 6
|
|
34910
|
+
}).map(function (_, i) {
|
|
34911
|
+
return React__default.createElement(Shortcut, {
|
|
34912
|
+
key: i,
|
|
34913
|
+
onPointerDown: function onPointerDown() {
|
|
34914
|
+
removeShortcut(i);
|
|
34915
|
+
if (!shortcuts[i] || shortcuts[i].type === shared.ShortcutType.None) setSettingShortcutIndex(i);
|
|
34916
|
+
},
|
|
34917
|
+
disabled: settingShortcutIndex !== -1 && settingShortcutIndex !== i,
|
|
34918
|
+
isBeingSet: settingShortcutIndex === i
|
|
34919
|
+
}, getContent(i));
|
|
34920
|
+
})));
|
|
34921
|
+
};
|
|
34922
|
+
var Container$f = /*#__PURE__*/styled.div.withConfig({
|
|
34923
|
+
displayName: "ShortcutsSetter__Container",
|
|
34924
|
+
componentId: "sc-xuouuf-0"
|
|
34925
|
+
})(["p{margin:0;margin-left:0.5rem;}"]);
|
|
34926
|
+
var Shortcut = /*#__PURE__*/styled.button.withConfig({
|
|
34927
|
+
displayName: "ShortcutsSetter__Shortcut",
|
|
34928
|
+
componentId: "sc-xuouuf-1"
|
|
34929
|
+
})(["width:2.6rem;height:2.6rem;background-color:", ";border:2px solid ", ";border-radius:50%;text-transform:uppercase;font-size:0.7rem;font-weight:bold;display:flex;align-items:center;justify-content:center;span{margin-top:4px;}&:hover,&:focus{background-color:", ";}&:active{background-color:", ";}&:disabled{opacity:0.5;}"], uiColors.lightGray, function (_ref2) {
|
|
34930
|
+
var isBeingSet = _ref2.isBeingSet;
|
|
34931
|
+
return isBeingSet ? uiColors.yellow : uiColors.darkGray;
|
|
34932
|
+
}, uiColors.darkGray, uiColors.gray);
|
|
34933
|
+
var List = /*#__PURE__*/styled.div.withConfig({
|
|
34934
|
+
displayName: "ShortcutsSetter__List",
|
|
34935
|
+
componentId: "sc-xuouuf-2"
|
|
34936
|
+
})(["width:100%;display:flex;align-items:center;gap:0.5rem;padding-bottom:0.5rem;padding-left:0.5rem;box-sizing:border-box;margin:0 !important;"]);
|
|
34937
|
+
|
|
34938
|
+
var ItemContainer$1 = function ItemContainer(_ref) {
|
|
34939
|
+
var itemContainer = _ref.itemContainer,
|
|
34940
|
+
onClose = _ref.onClose,
|
|
34941
|
+
_onMouseOver = _ref.onMouseOver,
|
|
34942
|
+
_onSelected = _ref.onSelected,
|
|
34943
|
+
onItemClick = _ref.onItemClick,
|
|
34944
|
+
type = _ref.type,
|
|
34945
|
+
atlasJSON = _ref.atlasJSON,
|
|
34946
|
+
atlasIMG = _ref.atlasIMG,
|
|
34947
|
+
_ref$disableContextMe = _ref.disableContextMenu,
|
|
34948
|
+
disableContextMenu = _ref$disableContextMe === void 0 ? false : _ref$disableContextMe,
|
|
34949
|
+
onItemDragEnd = _ref.onItemDragEnd,
|
|
34950
|
+
onItemDragStart = _ref.onItemDragStart,
|
|
34951
|
+
onItemPlaceDrop = _ref.onItemPlaceDrop,
|
|
34952
|
+
_onOutsideDrop = _ref.onOutsideDrop,
|
|
34953
|
+
checkIfItemCanBeMoved = _ref.checkIfItemCanBeMoved,
|
|
34954
|
+
initialPosition = _ref.initialPosition,
|
|
34955
|
+
checkIfItemShouldDragEnd = _ref.checkIfItemShouldDragEnd,
|
|
34956
|
+
dragScale = _ref.dragScale,
|
|
34957
|
+
shortcuts = _ref.shortcuts,
|
|
34958
|
+
setItemShortcut = _ref.setItemShortcut,
|
|
34959
|
+
removeShortcut = _ref.removeShortcut;
|
|
34960
|
+
var _useState = React.useState({
|
|
34961
|
+
isOpen: false,
|
|
34962
|
+
maxQuantity: 1,
|
|
34963
|
+
callback: function callback(_quantity) {}
|
|
34964
|
+
}),
|
|
34965
|
+
quantitySelect = _useState[0],
|
|
34966
|
+
setQuantitySelect = _useState[1];
|
|
34967
|
+
var _useState2 = React.useState(-1),
|
|
34968
|
+
settingShortcutIndex = _useState2[0],
|
|
34969
|
+
setSettingShortcutIndex = _useState2[1];
|
|
34970
|
+
var onRenderSlots = function onRenderSlots() {
|
|
34971
|
+
var slots = [];
|
|
34972
|
+
for (var i = 0; i < itemContainer.slotQty; i++) {
|
|
34973
|
+
var _itemContainer$slots;
|
|
34974
|
+
slots.push(React__default.createElement(ItemSlot, {
|
|
34975
|
+
isContextMenuDisabled: disableContextMenu,
|
|
34976
|
+
key: i,
|
|
34977
|
+
slotIndex: i,
|
|
34978
|
+
item: ((_itemContainer$slots = itemContainer.slots) == null ? void 0 : _itemContainer$slots[i]) || null,
|
|
34979
|
+
itemContainerType: type,
|
|
34980
|
+
onMouseOver: function onMouseOver(event, slotIndex, item) {
|
|
34981
|
+
if (_onMouseOver) _onMouseOver(event, slotIndex, item);
|
|
34982
|
+
},
|
|
34983
|
+
onPointerDown: function onPointerDown(itemType, containerType, item) {
|
|
34984
|
+
if (settingShortcutIndex !== -1) {
|
|
34985
|
+
setSettingShortcutIndex(-1);
|
|
34986
|
+
if (itemType === shared.ItemType.Consumable || itemType === shared.ItemType.Tool) {
|
|
34987
|
+
setItemShortcut == null ? void 0 : setItemShortcut(item.key, settingShortcutIndex);
|
|
34988
|
+
}
|
|
34989
|
+
} else if (onItemClick) onItemClick(item, itemType, containerType);
|
|
34990
|
+
},
|
|
34991
|
+
onSelected: function onSelected(optionId, item) {
|
|
34992
|
+
if (_onSelected) _onSelected(optionId, item);
|
|
34993
|
+
},
|
|
34994
|
+
onDragStart: function onDragStart(item, slotIndex, itemContainerType) {
|
|
34995
|
+
if (onItemDragStart) onItemDragStart(item, slotIndex, itemContainerType);
|
|
34996
|
+
},
|
|
34997
|
+
onDragEnd: function onDragEnd(quantity) {
|
|
34998
|
+
if (onItemDragEnd) onItemDragEnd(quantity);
|
|
34999
|
+
},
|
|
35000
|
+
dragScale: dragScale,
|
|
35001
|
+
checkIfItemCanBeMoved: checkIfItemCanBeMoved,
|
|
35002
|
+
checkIfItemShouldDragEnd: checkIfItemShouldDragEnd,
|
|
35003
|
+
openQuantitySelector: function openQuantitySelector(maxQuantity, callback) {
|
|
35004
|
+
setQuantitySelect({
|
|
35005
|
+
isOpen: true,
|
|
35006
|
+
maxQuantity: maxQuantity,
|
|
35007
|
+
callback: callback
|
|
35008
|
+
});
|
|
35009
|
+
},
|
|
35010
|
+
onPlaceDrop: function onPlaceDrop(item, slotIndex, itemContainerType) {
|
|
35011
|
+
if (onItemPlaceDrop) onItemPlaceDrop(item, slotIndex, itemContainerType);
|
|
35012
|
+
},
|
|
35013
|
+
onOutsideDrop: function onOutsideDrop(item, position) {
|
|
35014
|
+
if (_onOutsideDrop) _onOutsideDrop(item, position);
|
|
35015
|
+
},
|
|
35016
|
+
atlasIMG: atlasIMG,
|
|
35017
|
+
atlasJSON: atlasJSON,
|
|
35018
|
+
isSelectingShortcut: settingShortcutIndex !== -1
|
|
35019
|
+
}));
|
|
34819
35020
|
}
|
|
34820
|
-
|
|
34821
|
-
return answers.find(function (answer) {
|
|
34822
|
-
return answer.id === firstAnswerId;
|
|
34823
|
-
});
|
|
35021
|
+
return slots;
|
|
34824
35022
|
};
|
|
34825
|
-
|
|
34826
|
-
|
|
34827
|
-
|
|
34828
|
-
|
|
34829
|
-
|
|
34830
|
-
|
|
34831
|
-
|
|
34832
|
-
|
|
34833
|
-
|
|
34834
|
-
|
|
35023
|
+
return React__default.createElement(React__default.Fragment, null, React__default.createElement(SlotsContainer, {
|
|
35024
|
+
title: itemContainer.name || 'Container',
|
|
35025
|
+
onClose: onClose,
|
|
35026
|
+
initialPosition: initialPosition
|
|
35027
|
+
}, type === shared.ItemContainerType.Inventory && shortcuts && removeShortcut && React__default.createElement(ShortcutsSetter, {
|
|
35028
|
+
setSettingShortcutIndex: setSettingShortcutIndex,
|
|
35029
|
+
settingShortcutIndex: settingShortcutIndex,
|
|
35030
|
+
shortcuts: shortcuts,
|
|
35031
|
+
removeShortcut: removeShortcut,
|
|
35032
|
+
atlasIMG: atlasIMG,
|
|
35033
|
+
atlasJSON: atlasJSON
|
|
35034
|
+
}), React__default.createElement(ItemsContainer, {
|
|
35035
|
+
className: "item-container-body"
|
|
35036
|
+
}, onRenderSlots())), quantitySelect.isOpen && React__default.createElement(QuantitySelectorContainer, null, React__default.createElement(ItemQuantitySelector, {
|
|
35037
|
+
quantity: quantitySelect.maxQuantity,
|
|
35038
|
+
onConfirm: function onConfirm(quantity) {
|
|
35039
|
+
quantitySelect.callback(quantity);
|
|
35040
|
+
setQuantitySelect({
|
|
35041
|
+
isOpen: false,
|
|
35042
|
+
maxQuantity: 1,
|
|
35043
|
+
callback: function callback() {}
|
|
35044
|
+
});
|
|
35045
|
+
},
|
|
35046
|
+
onClose: function onClose() {
|
|
35047
|
+
quantitySelect.callback(-1);
|
|
35048
|
+
setQuantitySelect({
|
|
35049
|
+
isOpen: false,
|
|
35050
|
+
maxQuantity: 1,
|
|
35051
|
+
callback: function callback() {}
|
|
34835
35052
|
});
|
|
34836
|
-
});
|
|
34837
|
-
};
|
|
34838
|
-
var onKeyPress = function onKeyPress(e) {
|
|
34839
|
-
switch (e.key) {
|
|
34840
|
-
case 'ArrowDown':
|
|
34841
|
-
// select next answer, if any.
|
|
34842
|
-
// if no next answer, select first answer
|
|
34843
|
-
// const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(
|
|
34844
|
-
// (answer) => answer?.id === currentAnswer!.id + 1
|
|
34845
|
-
// );
|
|
34846
|
-
var nextAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
|
|
34847
|
-
return (answer == null ? void 0 : answer.id) === currentAnswer.id + 1;
|
|
34848
|
-
});
|
|
34849
|
-
var nextAnswerID = currentQuestion.answerIds[nextAnswerIndex];
|
|
34850
|
-
var nextAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
|
|
34851
|
-
return (answer == null ? void 0 : answer.id) === nextAnswerID;
|
|
34852
|
-
});
|
|
34853
|
-
setCurrentAnswer(nextAnswer || onGetFirstAnswer());
|
|
34854
|
-
break;
|
|
34855
|
-
case 'ArrowUp':
|
|
34856
|
-
// select previous answer, if any.
|
|
34857
|
-
// if no previous answer, select last answer
|
|
34858
|
-
var previousAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
|
|
34859
|
-
return (answer == null ? void 0 : answer.id) === currentAnswer.id - 1;
|
|
34860
|
-
});
|
|
34861
|
-
var previousAnswerID = currentQuestion.answerIds && currentQuestion.answerIds[previousAnswerIndex];
|
|
34862
|
-
var previousAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
|
|
34863
|
-
return (answer == null ? void 0 : answer.id) === previousAnswerID;
|
|
34864
|
-
});
|
|
34865
|
-
if (previousAnswer) {
|
|
34866
|
-
setCurrentAnswer(previousAnswer);
|
|
34867
|
-
} else {
|
|
34868
|
-
setCurrentAnswer(onGetAnswers(currentQuestion.answerIds).pop());
|
|
34869
|
-
}
|
|
34870
|
-
break;
|
|
34871
|
-
case 'Enter':
|
|
34872
|
-
setCanShowAnswers(false);
|
|
34873
|
-
if (!(currentAnswer != null && currentAnswer.nextQuestionId)) {
|
|
34874
|
-
onClose();
|
|
34875
|
-
return;
|
|
34876
|
-
} else {
|
|
34877
|
-
setCurrentQuestion(questions.find(function (question) {
|
|
34878
|
-
return question.id === currentAnswer.nextQuestionId;
|
|
34879
|
-
}));
|
|
34880
|
-
}
|
|
34881
|
-
break;
|
|
34882
35053
|
}
|
|
35054
|
+
})));
|
|
35055
|
+
};
|
|
35056
|
+
var ItemsContainer = /*#__PURE__*/styled.div.withConfig({
|
|
35057
|
+
displayName: "ItemContainer__ItemsContainer",
|
|
35058
|
+
componentId: "sc-15y5p9l-0"
|
|
35059
|
+
})(["display:flex;justify-content:center;flex-wrap:wrap;"]);
|
|
35060
|
+
var QuantitySelectorContainer = /*#__PURE__*/styled.div.withConfig({
|
|
35061
|
+
displayName: "ItemContainer__QuantitySelectorContainer",
|
|
35062
|
+
componentId: "sc-15y5p9l-1"
|
|
35063
|
+
})(["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);"]);
|
|
35064
|
+
|
|
35065
|
+
var ItemSelector = function ItemSelector(_ref) {
|
|
35066
|
+
var atlasIMG = _ref.atlasIMG,
|
|
35067
|
+
atlasJSON = _ref.atlasJSON,
|
|
35068
|
+
options = _ref.options,
|
|
35069
|
+
onClose = _ref.onClose,
|
|
35070
|
+
onSelect = _ref.onSelect;
|
|
35071
|
+
var _useState = React.useState(),
|
|
35072
|
+
selectedValue = _useState[0],
|
|
35073
|
+
setSelectedValue = _useState[1];
|
|
35074
|
+
var handleClick = function handleClick() {
|
|
35075
|
+
var element = document.querySelector("input[name='test']:checked");
|
|
35076
|
+
var elementValue = element.value;
|
|
35077
|
+
setSelectedValue(elementValue);
|
|
34883
35078
|
};
|
|
34884
|
-
|
|
34885
|
-
|
|
34886
|
-
|
|
34887
|
-
if (answer.nextQuestionId) {
|
|
34888
|
-
// if there is a next question, go to it
|
|
34889
|
-
setCurrentQuestion(questions.find(function (question) {
|
|
34890
|
-
return question.id === answer.nextQuestionId;
|
|
34891
|
-
}));
|
|
34892
|
-
} else {
|
|
34893
|
-
// else, finish dialog!
|
|
34894
|
-
onClose();
|
|
35079
|
+
React.useEffect(function () {
|
|
35080
|
+
if (selectedValue) {
|
|
35081
|
+
onSelect(selectedValue);
|
|
34895
35082
|
}
|
|
34896
|
-
};
|
|
34897
|
-
|
|
34898
|
-
|
|
34899
|
-
|
|
34900
|
-
|
|
35083
|
+
}, [selectedValue]);
|
|
35084
|
+
return React__default.createElement(DraggableContainer, {
|
|
35085
|
+
type: exports.RPGUIContainerTypes.Framed,
|
|
35086
|
+
width: "500px",
|
|
35087
|
+
cancelDrag: ".equipment-container-body .arrow-selector",
|
|
35088
|
+
onCloseButton: function onCloseButton() {
|
|
35089
|
+
if (onClose) {
|
|
35090
|
+
onClose();
|
|
35091
|
+
}
|
|
34901
35092
|
}
|
|
34902
|
-
|
|
34903
|
-
|
|
34904
|
-
|
|
35093
|
+
}, React__default.createElement("div", {
|
|
35094
|
+
style: {
|
|
35095
|
+
width: '100%'
|
|
34905
35096
|
}
|
|
34906
|
-
|
|
34907
|
-
|
|
34908
|
-
|
|
34909
|
-
|
|
34910
|
-
|
|
34911
|
-
|
|
34912
|
-
|
|
34913
|
-
|
|
34914
|
-
|
|
34915
|
-
|
|
34916
|
-
|
|
34917
|
-
|
|
34918
|
-
|
|
34919
|
-
|
|
34920
|
-
|
|
35097
|
+
}, React__default.createElement(Title$2, null, 'Harvesting instruments'), React__default.createElement(Subtitle$1, null, 'Use the tool, you need it'), React__default.createElement("hr", {
|
|
35098
|
+
className: "golden"
|
|
35099
|
+
})), React__default.createElement(RadioInputScroller$1, null, options == null ? void 0 : options.map(function (option, index) {
|
|
35100
|
+
return React__default.createElement(RadioOptionsWrapper$1, {
|
|
35101
|
+
key: index
|
|
35102
|
+
}, React__default.createElement(SpriteAtlasWrapper$1, null, React__default.createElement(SpriteFromAtlas, {
|
|
35103
|
+
atlasIMG: atlasIMG,
|
|
35104
|
+
atlasJSON: atlasJSON,
|
|
35105
|
+
spriteKey: option.imageKey,
|
|
35106
|
+
imgScale: 3
|
|
35107
|
+
})), React__default.createElement("div", null, React__default.createElement("input", {
|
|
35108
|
+
className: "rpgui-radio",
|
|
35109
|
+
type: "radio",
|
|
35110
|
+
value: option.name,
|
|
35111
|
+
name: "test"
|
|
35112
|
+
}), React__default.createElement("label", {
|
|
35113
|
+
onPointerDown: handleClick,
|
|
35114
|
+
style: {
|
|
35115
|
+
display: 'flex',
|
|
35116
|
+
alignItems: 'center'
|
|
34921
35117
|
}
|
|
34922
|
-
|
|
34923
|
-
|
|
34924
|
-
|
|
34925
|
-
|
|
34926
|
-
|
|
34927
|
-
|
|
34928
|
-
|
|
34929
|
-
},
|
|
34930
|
-
onFinish: function onFinish() {
|
|
34931
|
-
return setCanShowAnswers(true);
|
|
34932
|
-
}
|
|
34933
|
-
})), canShowAnswers && React__default.createElement(AnswersContainer, null, onRenderCurrentAnswers()));
|
|
35118
|
+
}, option.name, " ", React__default.createElement("br", null), option.description)));
|
|
35119
|
+
})), React__default.createElement(ButtonWrapper$1, null, React__default.createElement(Button, {
|
|
35120
|
+
buttonType: exports.ButtonTypes.RPGUIButton,
|
|
35121
|
+
onPointerDown: onClose
|
|
35122
|
+
}, "Cancel"), React__default.createElement(Button, {
|
|
35123
|
+
buttonType: exports.ButtonTypes.RPGUIButton
|
|
35124
|
+
}, "Select")));
|
|
34934
35125
|
};
|
|
34935
|
-
var
|
|
34936
|
-
displayName: "
|
|
34937
|
-
componentId: "sc-
|
|
34938
|
-
})(["
|
|
34939
|
-
var
|
|
34940
|
-
displayName: "
|
|
34941
|
-
componentId: "sc-
|
|
34942
|
-
})(["
|
|
34943
|
-
var
|
|
34944
|
-
displayName: "
|
|
34945
|
-
componentId: "sc-
|
|
34946
|
-
})(["
|
|
34947
|
-
var
|
|
34948
|
-
displayName: "
|
|
34949
|
-
componentId: "sc-
|
|
34950
|
-
})(["
|
|
34951
|
-
|
|
34952
|
-
|
|
34953
|
-
|
|
34954
|
-
|
|
34955
|
-
|
|
34956
|
-
|
|
34957
|
-
|
|
34958
|
-
});
|
|
34959
|
-
|
|
34960
|
-
|
|
34961
|
-
|
|
34962
|
-
|
|
35126
|
+
var Title$2 = /*#__PURE__*/styled.h1.withConfig({
|
|
35127
|
+
displayName: "ItemSelector__Title",
|
|
35128
|
+
componentId: "sc-gptoxp-0"
|
|
35129
|
+
})(["font-size:0.6rem;color:yellow !important;"]);
|
|
35130
|
+
var Subtitle$1 = /*#__PURE__*/styled.h1.withConfig({
|
|
35131
|
+
displayName: "ItemSelector__Subtitle",
|
|
35132
|
+
componentId: "sc-gptoxp-1"
|
|
35133
|
+
})(["font-size:0.4rem;color:yellow !important;"]);
|
|
35134
|
+
var RadioInputScroller$1 = /*#__PURE__*/styled.div.withConfig({
|
|
35135
|
+
displayName: "ItemSelector__RadioInputScroller",
|
|
35136
|
+
componentId: "sc-gptoxp-2"
|
|
35137
|
+
})(["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;"]);
|
|
35138
|
+
var SpriteAtlasWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
35139
|
+
displayName: "ItemSelector__SpriteAtlasWrapper",
|
|
35140
|
+
componentId: "sc-gptoxp-3"
|
|
35141
|
+
})(["margin-right:40px;"]);
|
|
35142
|
+
var RadioOptionsWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
35143
|
+
displayName: "ItemSelector__RadioOptionsWrapper",
|
|
35144
|
+
componentId: "sc-gptoxp-4"
|
|
35145
|
+
})(["display:flex;align-items:stretch;margin-bottom:40px;"]);
|
|
35146
|
+
var ButtonWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
35147
|
+
displayName: "ItemSelector__ButtonWrapper",
|
|
35148
|
+
componentId: "sc-gptoxp-5"
|
|
35149
|
+
})(["display:flex;justify-content:space-around;padding-top:20px;width:100%;"]);
|
|
35150
|
+
|
|
35151
|
+
var ListMenu = function ListMenu(_ref) {
|
|
35152
|
+
var options = _ref.options,
|
|
35153
|
+
onSelected = _ref.onSelected,
|
|
35154
|
+
x = _ref.x,
|
|
35155
|
+
y = _ref.y;
|
|
35156
|
+
return React__default.createElement(Container$g, {
|
|
35157
|
+
x: x,
|
|
35158
|
+
y: y
|
|
35159
|
+
}, React__default.createElement("ul", {
|
|
35160
|
+
className: "rpgui-list-imp",
|
|
35161
|
+
style: {
|
|
35162
|
+
overflow: 'hidden'
|
|
35163
|
+
}
|
|
35164
|
+
}, options.map(function (params, index) {
|
|
35165
|
+
return React__default.createElement(ListElement$1, {
|
|
35166
|
+
key: (params == null ? void 0 : params.id) || index,
|
|
35167
|
+
onPointerDown: function onPointerDown() {
|
|
35168
|
+
onSelected(params == null ? void 0 : params.id);
|
|
35169
|
+
}
|
|
35170
|
+
}, (params == null ? void 0 : params.text) || 'No text');
|
|
35171
|
+
})));
|
|
35172
|
+
};
|
|
35173
|
+
var Container$g = /*#__PURE__*/styled.div.withConfig({
|
|
35174
|
+
displayName: "ListMenu__Container",
|
|
35175
|
+
componentId: "sc-i9097t-0"
|
|
35176
|
+
})(["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) {
|
|
35177
|
+
return props.y || 0;
|
|
35178
|
+
}, function (props) {
|
|
35179
|
+
return props.x || 0;
|
|
35180
|
+
}, uiFonts.size.xsmall);
|
|
35181
|
+
var ListElement$1 = /*#__PURE__*/styled.li.withConfig({
|
|
35182
|
+
displayName: "ListMenu__ListElement",
|
|
35183
|
+
componentId: "sc-i9097t-1"
|
|
35184
|
+
})(["margin-right:0.5rem;"]);
|
|
34963
35185
|
|
|
34964
35186
|
var ProgressBar = function ProgressBar(_ref) {
|
|
34965
35187
|
var max = _ref.max,
|
|
@@ -34978,7 +35200,7 @@ var ProgressBar = function ProgressBar(_ref) {
|
|
|
34978
35200
|
}
|
|
34979
35201
|
return value * 100 / max;
|
|
34980
35202
|
};
|
|
34981
|
-
return React__default.createElement(Container$
|
|
35203
|
+
return React__default.createElement(Container$h, {
|
|
34982
35204
|
className: "rpgui-progress",
|
|
34983
35205
|
"data-value": calculatePercentageValue(max, value) / 100,
|
|
34984
35206
|
"data-rpguitype": "progress",
|
|
@@ -35007,7 +35229,7 @@ var TextOverlay$1 = /*#__PURE__*/styled.div.withConfig({
|
|
|
35007
35229
|
displayName: "ProgressBar__TextOverlay",
|
|
35008
35230
|
componentId: "sc-qa6fzh-1"
|
|
35009
35231
|
})(["width:100%;position:relative;"]);
|
|
35010
|
-
var Container$
|
|
35232
|
+
var Container$h = /*#__PURE__*/styled.div.withConfig({
|
|
35011
35233
|
displayName: "ProgressBar__Container",
|
|
35012
35234
|
componentId: "sc-qa6fzh-2"
|
|
35013
35235
|
})(["display:flex;flex-direction:column;min-width:", "px;width:", "%;justify-content:start;align-items:flex-start;", ""], function (props) {
|
|
@@ -35018,7 +35240,7 @@ var Container$f = /*#__PURE__*/styled.div.withConfig({
|
|
|
35018
35240
|
return props.style;
|
|
35019
35241
|
});
|
|
35020
35242
|
|
|
35021
|
-
var img$
|
|
35243
|
+
var img$9 = 'data:image/png;base64,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';
|
|
35022
35244
|
|
|
35023
35245
|
var QuestInfo = function QuestInfo(_ref) {
|
|
35024
35246
|
var quests = _ref.quests,
|
|
@@ -35060,7 +35282,7 @@ var QuestInfo = function QuestInfo(_ref) {
|
|
|
35060
35282
|
}), React__default.createElement(QuestContainer, null, React__default.createElement(TitleContainer$1, {
|
|
35061
35283
|
className: "drag-handler"
|
|
35062
35284
|
}, React__default.createElement(Title$3, null, React__default.createElement(Thumbnail, {
|
|
35063
|
-
src: quests[currentIndex].thumbnail || img$
|
|
35285
|
+
src: quests[currentIndex].thumbnail || img$9
|
|
35064
35286
|
}), quests[currentIndex].title), React__default.createElement(QuestSplitDiv, null, React__default.createElement("hr", {
|
|
35065
35287
|
className: "golden"
|
|
35066
35288
|
}))), React__default.createElement(Content, null, React__default.createElement("p", null, quests[currentIndex].description)), React__default.createElement(QuestColumn, {
|
|
@@ -35079,7 +35301,7 @@ var QuestInfo = function QuestInfo(_ref) {
|
|
|
35079
35301
|
})))) : React__default.createElement(QuestsContainer, null, React__default.createElement(QuestContainer, null, React__default.createElement(TitleContainer$1, {
|
|
35080
35302
|
className: "drag-handler"
|
|
35081
35303
|
}, React__default.createElement(Title$3, null, React__default.createElement(Thumbnail, {
|
|
35082
|
-
src: quests[0].thumbnail || img$
|
|
35304
|
+
src: quests[0].thumbnail || img$9
|
|
35083
35305
|
}), quests[0].title), React__default.createElement(QuestSplitDiv, null, React__default.createElement("hr", {
|
|
35084
35306
|
className: "golden"
|
|
35085
35307
|
}))), React__default.createElement(Content, null, React__default.createElement("p", null, quests[0].description)), React__default.createElement(QuestColumn, {
|
|
@@ -35231,12 +35453,19 @@ var Shortcuts = function Shortcuts(_ref) {
|
|
|
35231
35453
|
atlasJSON = _ref.atlasJSON,
|
|
35232
35454
|
atlasIMG = _ref.atlasIMG,
|
|
35233
35455
|
inventory = _ref.inventory;
|
|
35456
|
+
var shortcutsRefs = React.useRef([]);
|
|
35234
35457
|
React.useEffect(function () {
|
|
35235
35458
|
var handleKeyDown = function handleKeyDown(e) {
|
|
35236
35459
|
if (isBlockedCastingByKeyboard) return;
|
|
35237
35460
|
var shortcutIndex = Number(e.key) - 1;
|
|
35238
35461
|
if (shortcutIndex >= 0 && shortcutIndex <= 5) {
|
|
35462
|
+
var _shortcutsRefs$curren;
|
|
35239
35463
|
onShortcutCast(shortcutIndex);
|
|
35464
|
+
(_shortcutsRefs$curren = shortcutsRefs.current[shortcutIndex]) == null ? void 0 : _shortcutsRefs$curren.classList.add('active');
|
|
35465
|
+
setTimeout(function () {
|
|
35466
|
+
var _shortcutsRefs$curren2;
|
|
35467
|
+
(_shortcutsRefs$curren2 = shortcutsRefs.current[shortcutIndex]) == null ? void 0 : _shortcutsRefs$curren2.classList.remove('active');
|
|
35468
|
+
}, 150);
|
|
35240
35469
|
}
|
|
35241
35470
|
};
|
|
35242
35471
|
window.addEventListener('keydown', handleKeyDown);
|
|
@@ -35264,10 +35493,13 @@ var Shortcuts = function Shortcuts(_ref) {
|
|
|
35264
35493
|
var totalQty = itemsFromEquipment.reduce(function (acc, item) {
|
|
35265
35494
|
return acc + ((item == null ? void 0 : item.stackQty) || 1);
|
|
35266
35495
|
}, 0);
|
|
35267
|
-
return React__default.createElement(
|
|
35496
|
+
return React__default.createElement(StyledShortcut$1, {
|
|
35268
35497
|
key: i,
|
|
35269
35498
|
onPointerDown: onShortcutCast.bind(null, i),
|
|
35270
|
-
disabled: false
|
|
35499
|
+
disabled: false,
|
|
35500
|
+
ref: function ref(el) {
|
|
35501
|
+
if (el) shortcutsRefs.current[i] = el;
|
|
35502
|
+
}
|
|
35271
35503
|
}, _payload && React__default.createElement(SpriteFromAtlas, {
|
|
35272
35504
|
atlasIMG: atlasIMG,
|
|
35273
35505
|
atlasJSON: atlasJSON,
|
|
@@ -35285,10 +35517,13 @@ var Shortcuts = function Shortcuts(_ref) {
|
|
|
35285
35517
|
}, i + 1));
|
|
35286
35518
|
}
|
|
35287
35519
|
var payload = (_shortcuts$i3 = shortcuts[i]) == null ? void 0 : _shortcuts$i3.payload;
|
|
35288
|
-
return React__default.createElement(
|
|
35520
|
+
return React__default.createElement(StyledShortcut$1, {
|
|
35289
35521
|
key: i,
|
|
35290
35522
|
onPointerDown: onShortcutCast.bind(null, i),
|
|
35291
|
-
disabled: mana < ((_payload$manaCost = payload == null ? void 0 : payload.manaCost) != null ? _payload$manaCost : 0)
|
|
35523
|
+
disabled: mana < ((_payload$manaCost = payload == null ? void 0 : payload.manaCost) != null ? _payload$manaCost : 0),
|
|
35524
|
+
ref: function ref(el) {
|
|
35525
|
+
if (el) shortcutsRefs.current[i] = el;
|
|
35526
|
+
}
|
|
35292
35527
|
}, React__default.createElement("span", {
|
|
35293
35528
|
className: "mana"
|
|
35294
35529
|
}, payload && payload.manaCost), React__default.createElement("span", {
|
|
@@ -35300,9 +35535,13 @@ var Shortcuts = function Shortcuts(_ref) {
|
|
|
35300
35535
|
}, i + 1));
|
|
35301
35536
|
}));
|
|
35302
35537
|
};
|
|
35538
|
+
var StyledShortcut$1 = /*#__PURE__*/styled(SingleShortcut).withConfig({
|
|
35539
|
+
displayName: "Shortcuts__StyledShortcut",
|
|
35540
|
+
componentId: "sc-kgtsi7-0"
|
|
35541
|
+
})(["transition:all 0.15s;&.active{background-color:", ";border-color:", ";}"], uiColors.gray, uiColors.yellow);
|
|
35303
35542
|
var List$1 = /*#__PURE__*/styled.p.withConfig({
|
|
35304
35543
|
displayName: "Shortcuts__List",
|
|
35305
|
-
componentId: "sc-kgtsi7-
|
|
35544
|
+
componentId: "sc-kgtsi7-1"
|
|
35306
35545
|
})(["width:100%;display:flex;align-items:center;justify-content:center;gap:0.5rem;box-sizing:border-box;margin:0 !important;"]);
|
|
35307
35546
|
|
|
35308
35547
|
var SimpleProgressBar = function SimpleProgressBar(_ref) {
|
|
@@ -35311,7 +35550,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
|
|
|
35311
35550
|
bgColor = _ref$bgColor === void 0 ? 'red' : _ref$bgColor,
|
|
35312
35551
|
_ref$margin = _ref.margin,
|
|
35313
35552
|
margin = _ref$margin === void 0 ? 20 : _ref$margin;
|
|
35314
|
-
return React__default.createElement(Container$
|
|
35553
|
+
return React__default.createElement(Container$i, {
|
|
35315
35554
|
className: "simple-progress-bar"
|
|
35316
35555
|
}, React__default.createElement(ProgressBarContainer, {
|
|
35317
35556
|
margin: margin
|
|
@@ -35320,7 +35559,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
|
|
|
35320
35559
|
bgColor: bgColor
|
|
35321
35560
|
}))));
|
|
35322
35561
|
};
|
|
35323
|
-
var Container$
|
|
35562
|
+
var Container$i = /*#__PURE__*/styled.div.withConfig({
|
|
35324
35563
|
displayName: "SimpleProgressBar__Container",
|
|
35325
35564
|
componentId: "sc-mbeil3-0"
|
|
35326
35565
|
})(["display:flex;justify-content:center;align-items:center;width:100%;"]);
|
|
@@ -35547,7 +35786,7 @@ var Spell = function Spell(_ref) {
|
|
|
35547
35786
|
isSettingShortcut = _ref.isSettingShortcut,
|
|
35548
35787
|
minMagicLevelRequired = _ref.minMagicLevelRequired;
|
|
35549
35788
|
var disabled = isSettingShortcut ? charMagicLevel < minMagicLevelRequired : manaCost > charMana || charMagicLevel < minMagicLevelRequired;
|
|
35550
|
-
return React__default.createElement(Container$
|
|
35789
|
+
return React__default.createElement(Container$j, {
|
|
35551
35790
|
disabled: disabled,
|
|
35552
35791
|
onPointerDown: onPointerDown == null ? void 0 : onPointerDown.bind(null, spellKey),
|
|
35553
35792
|
isSettingShortcut: isSettingShortcut && !disabled,
|
|
@@ -35560,7 +35799,7 @@ var Spell = function Spell(_ref) {
|
|
|
35560
35799
|
className: "mana"
|
|
35561
35800
|
}, manaCost)));
|
|
35562
35801
|
};
|
|
35563
|
-
var Container$
|
|
35802
|
+
var Container$j = /*#__PURE__*/styled.button.withConfig({
|
|
35564
35803
|
displayName: "Spell__Container",
|
|
35565
35804
|
componentId: "sc-j96fa2-0"
|
|
35566
35805
|
})(["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) {
|
|
@@ -35645,7 +35884,7 @@ var Spellbook = function Spellbook(_ref) {
|
|
|
35645
35884
|
width: "inherit",
|
|
35646
35885
|
height: "inherit",
|
|
35647
35886
|
cancelDrag: "#spellbook-search, #shortcuts_list, .spell"
|
|
35648
|
-
}, React__default.createElement(Container$
|
|
35887
|
+
}, React__default.createElement(Container$k, null, React__default.createElement(Title$6, null, "Learned Spells"), React__default.createElement(ShortcutsSetter, {
|
|
35649
35888
|
setSettingShortcutIndex: setSettingShortcutIndex,
|
|
35650
35889
|
settingShortcutIndex: settingShortcutIndex,
|
|
35651
35890
|
shortcuts: shortcuts,
|
|
@@ -35677,7 +35916,7 @@ var Title$6 = /*#__PURE__*/styled.h1.withConfig({
|
|
|
35677
35916
|
displayName: "Spellbook__Title",
|
|
35678
35917
|
componentId: "sc-r02nfq-0"
|
|
35679
35918
|
})(["font-size:", " !important;margin-bottom:0 !important;"], uiFonts.size.large);
|
|
35680
|
-
var Container$
|
|
35919
|
+
var Container$k = /*#__PURE__*/styled.div.withConfig({
|
|
35681
35920
|
displayName: "Spellbook__Container",
|
|
35682
35921
|
componentId: "sc-r02nfq-1"
|
|
35683
35922
|
})(["width:100%;height:100%;color:white;display:flex;flex-direction:column;"]);
|
|
@@ -35691,16 +35930,16 @@ var TextArea = function TextArea(_ref) {
|
|
|
35691
35930
|
return React__default.createElement("textarea", Object.assign({}, props));
|
|
35692
35931
|
};
|
|
35693
35932
|
|
|
35694
|
-
var img$
|
|
35933
|
+
var img$a = 'data:image/gif;base64,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';
|
|
35695
35934
|
|
|
35696
|
-
var img$
|
|
35935
|
+
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';
|
|
35697
35936
|
|
|
35698
|
-
var img$
|
|
35937
|
+
var img$c = 'data:image/gif;base64,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';
|
|
35699
35938
|
|
|
35700
35939
|
var DayNightPeriod = function DayNightPeriod(_ref) {
|
|
35701
35940
|
var _periodOfDaySrcFiles;
|
|
35702
35941
|
var periodOfDay = _ref.periodOfDay;
|
|
35703
|
-
var periodOfDaySrcFiles = (_periodOfDaySrcFiles = {}, _periodOfDaySrcFiles[shared.PeriodOfDay.Morning] = img$
|
|
35942
|
+
var periodOfDaySrcFiles = (_periodOfDaySrcFiles = {}, _periodOfDaySrcFiles[shared.PeriodOfDay.Morning] = img$b, _periodOfDaySrcFiles[shared.PeriodOfDay.Afternoon] = img$a, _periodOfDaySrcFiles[shared.PeriodOfDay.Night] = img$c, _periodOfDaySrcFiles);
|
|
35704
35943
|
return React__default.createElement(GifContainer, null, React__default.createElement("img", {
|
|
35705
35944
|
src: periodOfDaySrcFiles[periodOfDay]
|
|
35706
35945
|
}));
|
|
@@ -35710,7 +35949,7 @@ var GifContainer = /*#__PURE__*/styled.div.withConfig({
|
|
|
35710
35949
|
componentId: "sc-10t97fw-0"
|
|
35711
35950
|
})(["width:100%;img{width:67%;}"]);
|
|
35712
35951
|
|
|
35713
|
-
var img$
|
|
35952
|
+
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';
|
|
35714
35953
|
|
|
35715
35954
|
var TimeWidget = function TimeWidget(_ref) {
|
|
35716
35955
|
var onClose = _ref.onClose,
|
|
@@ -35725,7 +35964,7 @@ var TimeWidget = function TimeWidget(_ref) {
|
|
|
35725
35964
|
var WidgetContainer = /*#__PURE__*/styled.div.withConfig({
|
|
35726
35965
|
displayName: "TimeWidget__WidgetContainer",
|
|
35727
35966
|
componentId: "sc-1ja236h-0"
|
|
35728
|
-
})(["background-image:url(", ");background-size:10rem;background-repeat:no-repeat;width:10rem;position:absolute;height:100px;"], img$
|
|
35967
|
+
})(["background-image:url(", ");background-size:10rem;background-repeat:no-repeat;width:10rem;position:absolute;height:100px;"], img$d);
|
|
35729
35968
|
var Time = /*#__PURE__*/styled.div.withConfig({
|
|
35730
35969
|
displayName: "TimeWidget__Time",
|
|
35731
35970
|
componentId: "sc-1ja236h-1"
|
|
@@ -35973,230 +36212,17 @@ var Truncate = function Truncate(_ref) {
|
|
|
35973
36212
|
var _ref$maxLines = _ref.maxLines,
|
|
35974
36213
|
maxLines = _ref$maxLines === void 0 ? 1 : _ref$maxLines,
|
|
35975
36214
|
children = _ref.children;
|
|
35976
|
-
return React__default.createElement(Container$
|
|
36215
|
+
return React__default.createElement(Container$l, {
|
|
35977
36216
|
maxLines: maxLines
|
|
35978
36217
|
}, children);
|
|
35979
36218
|
};
|
|
35980
|
-
var Container$
|
|
36219
|
+
var Container$l = /*#__PURE__*/styled.div.withConfig({
|
|
35981
36220
|
displayName: "Truncate__Container",
|
|
35982
36221
|
componentId: "sc-6x00qb-0"
|
|
35983
36222
|
})(["display:-webkit-box;max-width:100%;max-height:100%;-webkit-line-clamp:", ";-webkit-box-orient:vertical;overflow:hidden;"], function (props) {
|
|
35984
36223
|
return props.maxLines;
|
|
35985
36224
|
});
|
|
35986
36225
|
|
|
35987
|
-
var IS_MOBILE_OR_TABLET = /*#__PURE__*/shared.isMobileOrTablet();
|
|
35988
|
-
|
|
35989
|
-
var chunkString = function chunkString(str, length) {
|
|
35990
|
-
return str.match(new RegExp('.{1,' + length + '}', 'g'));
|
|
35991
|
-
};
|
|
35992
|
-
|
|
35993
|
-
var img$d = 'data:image/gif;base64,R0lGODlhEAAQAPIAAAAAABQYLiw1TUBJc2hvmQAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAM9CLrc/lCFGSKYJJP5AhlguDnBMIVgxXgmJapSSp3mKs/pKrT0IMCXUk+2Cgh2oSOnaDz+lswZpSOFUq2KBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAIzhI+py90Bg4OjDrjCELxfFQhQx0mIJkaeaYRp5LJADMdnqXbyOJLYTdKBejjZoRaZJBMFACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAABAAEAAAAjKEj6nL7Y+CDE6OO+QKQ/ifKYEgfR4VddPohQe7lmR0xidNTib65uacYP2AQWGuMlEUAAA7';
|
|
35994
|
-
|
|
35995
|
-
var NPCDialogText = function NPCDialogText(_ref) {
|
|
35996
|
-
var text = _ref.text,
|
|
35997
|
-
onClose = _ref.onClose,
|
|
35998
|
-
onEndStep = _ref.onEndStep,
|
|
35999
|
-
onStartStep = _ref.onStartStep,
|
|
36000
|
-
type = _ref.type;
|
|
36001
|
-
var windowSize = React.useRef([window.innerWidth, window.innerHeight]);
|
|
36002
|
-
function maxCharacters(width) {
|
|
36003
|
-
// Set the font size to 16 pixels
|
|
36004
|
-
var fontSize = 11.2;
|
|
36005
|
-
// Calculate the number of characters that can fit in one line
|
|
36006
|
-
var charactersPerLine = Math.floor(width / 2 / fontSize);
|
|
36007
|
-
// Calculate the number of lines that can fit in the div
|
|
36008
|
-
var linesPerDiv = Math.floor(180 / fontSize);
|
|
36009
|
-
// Calculate the maximum number of characters that can fit in the div
|
|
36010
|
-
var maxCharacters = charactersPerLine * linesPerDiv;
|
|
36011
|
-
// Return the maximum number of characters
|
|
36012
|
-
return Math.round(maxCharacters / 5);
|
|
36013
|
-
}
|
|
36014
|
-
var textChunks = chunkString(text, maxCharacters(windowSize.current[0]));
|
|
36015
|
-
var _useState = React.useState(0),
|
|
36016
|
-
chunkIndex = _useState[0],
|
|
36017
|
-
setChunkIndex = _useState[1];
|
|
36018
|
-
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
36019
|
-
if (event.code === 'Space') {
|
|
36020
|
-
goToNextStep();
|
|
36021
|
-
}
|
|
36022
|
-
};
|
|
36023
|
-
var goToNextStep = function goToNextStep() {
|
|
36024
|
-
var hasNextChunk = (textChunks == null ? void 0 : textChunks[chunkIndex + 1]) || false;
|
|
36025
|
-
if (hasNextChunk) {
|
|
36026
|
-
setChunkIndex(function (prev) {
|
|
36027
|
-
return prev + 1;
|
|
36028
|
-
});
|
|
36029
|
-
} else {
|
|
36030
|
-
// if there's no more text chunks, close the dialog
|
|
36031
|
-
onClose();
|
|
36032
|
-
}
|
|
36033
|
-
};
|
|
36034
|
-
React.useEffect(function () {
|
|
36035
|
-
document.addEventListener('keydown', onHandleSpacePress);
|
|
36036
|
-
return function () {
|
|
36037
|
-
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
36038
|
-
};
|
|
36039
|
-
}, [chunkIndex]);
|
|
36040
|
-
var _useState2 = React.useState(false),
|
|
36041
|
-
showGoNextIndicator = _useState2[0],
|
|
36042
|
-
setShowGoNextIndicator = _useState2[1];
|
|
36043
|
-
return React__default.createElement(Container$k, null, React__default.createElement(DynamicText, {
|
|
36044
|
-
text: (textChunks == null ? void 0 : textChunks[chunkIndex]) || '',
|
|
36045
|
-
onFinish: function onFinish() {
|
|
36046
|
-
setShowGoNextIndicator(true);
|
|
36047
|
-
onEndStep && onEndStep();
|
|
36048
|
-
},
|
|
36049
|
-
onStart: function onStart() {
|
|
36050
|
-
setShowGoNextIndicator(false);
|
|
36051
|
-
onStartStep && onStartStep();
|
|
36052
|
-
}
|
|
36053
|
-
}), showGoNextIndicator && React__default.createElement(PressSpaceIndicator$1, {
|
|
36054
|
-
right: type === exports.NPCDialogType.TextOnly ? '1rem' : '10.5rem',
|
|
36055
|
-
src: IS_MOBILE_OR_TABLET ? img$d : img$7,
|
|
36056
|
-
onPointerDown: function onPointerDown() {
|
|
36057
|
-
goToNextStep();
|
|
36058
|
-
}
|
|
36059
|
-
}));
|
|
36060
|
-
};
|
|
36061
|
-
var Container$k = /*#__PURE__*/styled.div.withConfig({
|
|
36062
|
-
displayName: "NPCDialogText__Container",
|
|
36063
|
-
componentId: "sc-1cxkdh9-0"
|
|
36064
|
-
})([""]);
|
|
36065
|
-
var PressSpaceIndicator$1 = /*#__PURE__*/styled.img.withConfig({
|
|
36066
|
-
displayName: "NPCDialogText__PressSpaceIndicator",
|
|
36067
|
-
componentId: "sc-1cxkdh9-1"
|
|
36068
|
-
})(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref2) {
|
|
36069
|
-
var right = _ref2.right;
|
|
36070
|
-
return right;
|
|
36071
|
-
});
|
|
36072
|
-
|
|
36073
|
-
(function (NPCDialogType) {
|
|
36074
|
-
NPCDialogType["TextOnly"] = "TextOnly";
|
|
36075
|
-
NPCDialogType["TextAndThumbnail"] = "TextAndThumbnail";
|
|
36076
|
-
})(exports.NPCDialogType || (exports.NPCDialogType = {}));
|
|
36077
|
-
var NPCDialog = function NPCDialog(_ref) {
|
|
36078
|
-
var text = _ref.text,
|
|
36079
|
-
type = _ref.type,
|
|
36080
|
-
_onClose = _ref.onClose,
|
|
36081
|
-
imagePath = _ref.imagePath,
|
|
36082
|
-
_ref$isQuestionDialog = _ref.isQuestionDialog,
|
|
36083
|
-
isQuestionDialog = _ref$isQuestionDialog === void 0 ? false : _ref$isQuestionDialog,
|
|
36084
|
-
questions = _ref.questions,
|
|
36085
|
-
answers = _ref.answers;
|
|
36086
|
-
return React__default.createElement(RPGUIContainer, {
|
|
36087
|
-
type: exports.RPGUIContainerTypes.FramedGold,
|
|
36088
|
-
width: isQuestionDialog ? '600px' : '80%',
|
|
36089
|
-
height: '180px'
|
|
36090
|
-
}, isQuestionDialog && questions && answers ? React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer$2, {
|
|
36091
|
-
flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
|
|
36092
|
-
}, React__default.createElement(QuestionDialog, {
|
|
36093
|
-
questions: questions,
|
|
36094
|
-
answers: answers,
|
|
36095
|
-
onClose: function onClose() {
|
|
36096
|
-
if (_onClose) {
|
|
36097
|
-
_onClose();
|
|
36098
|
-
}
|
|
36099
|
-
}
|
|
36100
|
-
})), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
|
|
36101
|
-
src: imagePath || img$6
|
|
36102
|
-
}))) : React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$l, null, React__default.createElement(TextContainer$2, {
|
|
36103
|
-
flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
|
|
36104
|
-
}, React__default.createElement(NPCDialogText, {
|
|
36105
|
-
type: type,
|
|
36106
|
-
text: text || 'No text provided.',
|
|
36107
|
-
onClose: function onClose() {
|
|
36108
|
-
if (_onClose) {
|
|
36109
|
-
_onClose();
|
|
36110
|
-
}
|
|
36111
|
-
}
|
|
36112
|
-
})), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
|
|
36113
|
-
src: imagePath || img$6
|
|
36114
|
-
})))));
|
|
36115
|
-
};
|
|
36116
|
-
var Container$l = /*#__PURE__*/styled.div.withConfig({
|
|
36117
|
-
displayName: "NPCDialog__Container",
|
|
36118
|
-
componentId: "sc-1b4aw74-0"
|
|
36119
|
-
})(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
|
|
36120
|
-
var TextContainer$2 = /*#__PURE__*/styled.div.withConfig({
|
|
36121
|
-
displayName: "NPCDialog__TextContainer",
|
|
36122
|
-
componentId: "sc-1b4aw74-1"
|
|
36123
|
-
})(["flex:", " 0 0;width:355px;"], function (_ref2) {
|
|
36124
|
-
var flex = _ref2.flex;
|
|
36125
|
-
return flex;
|
|
36126
|
-
});
|
|
36127
|
-
var ThumbnailContainer$1 = /*#__PURE__*/styled.div.withConfig({
|
|
36128
|
-
displayName: "NPCDialog__ThumbnailContainer",
|
|
36129
|
-
componentId: "sc-1b4aw74-2"
|
|
36130
|
-
})(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
|
|
36131
|
-
var NPCThumbnail$1 = /*#__PURE__*/styled.img.withConfig({
|
|
36132
|
-
displayName: "NPCDialog__NPCThumbnail",
|
|
36133
|
-
componentId: "sc-1b4aw74-3"
|
|
36134
|
-
})(["image-rendering:pixelated;height:128px;width:128px;"]);
|
|
36135
|
-
|
|
36136
|
-
var HistoryDialog = function HistoryDialog(_ref) {
|
|
36137
|
-
var backgroundImgPath = _ref.backgroundImgPath,
|
|
36138
|
-
fullCoverBackground = _ref.fullCoverBackground,
|
|
36139
|
-
questions = _ref.questions,
|
|
36140
|
-
answers = _ref.answers,
|
|
36141
|
-
text = _ref.text,
|
|
36142
|
-
imagePath = _ref.imagePath,
|
|
36143
|
-
textAndTypeArray = _ref.textAndTypeArray,
|
|
36144
|
-
onClose = _ref.onClose;
|
|
36145
|
-
var _useState = React.useState(0),
|
|
36146
|
-
img = _useState[0],
|
|
36147
|
-
setImage = _useState[1];
|
|
36148
|
-
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
36149
|
-
if (event.code === 'Space') {
|
|
36150
|
-
if (img < (backgroundImgPath == null ? void 0 : backgroundImgPath.length) - 1) {
|
|
36151
|
-
setImage(function (prev) {
|
|
36152
|
-
return prev + 1;
|
|
36153
|
-
});
|
|
36154
|
-
} else {
|
|
36155
|
-
// if there's no more text chunks, close the dialog
|
|
36156
|
-
onClose();
|
|
36157
|
-
}
|
|
36158
|
-
}
|
|
36159
|
-
};
|
|
36160
|
-
React.useEffect(function () {
|
|
36161
|
-
document.addEventListener('keydown', onHandleSpacePress);
|
|
36162
|
-
return function () {
|
|
36163
|
-
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
36164
|
-
};
|
|
36165
|
-
}, [backgroundImgPath]);
|
|
36166
|
-
return React__default.createElement(BackgroundContainer, {
|
|
36167
|
-
imgPath: backgroundImgPath[img],
|
|
36168
|
-
fullImg: fullCoverBackground
|
|
36169
|
-
}, React__default.createElement(DialogContainer, null, textAndTypeArray ? React__default.createElement(NPCMultiDialog, {
|
|
36170
|
-
textAndTypeArray: textAndTypeArray,
|
|
36171
|
-
onClose: onClose
|
|
36172
|
-
}) : questions && answers ? React__default.createElement(QuestionDialog, {
|
|
36173
|
-
questions: questions,
|
|
36174
|
-
answers: answers,
|
|
36175
|
-
onClose: onClose
|
|
36176
|
-
}) : text && imagePath ? React__default.createElement(NPCDialog, {
|
|
36177
|
-
text: text,
|
|
36178
|
-
imagePath: imagePath,
|
|
36179
|
-
onClose: onClose,
|
|
36180
|
-
type: exports.NPCDialogType.TextAndThumbnail
|
|
36181
|
-
}) : React__default.createElement(NPCDialog, {
|
|
36182
|
-
text: text,
|
|
36183
|
-
onClose: onClose,
|
|
36184
|
-
type: exports.NPCDialogType.TextOnly
|
|
36185
|
-
})));
|
|
36186
|
-
};
|
|
36187
|
-
var BackgroundContainer = /*#__PURE__*/styled.div.withConfig({
|
|
36188
|
-
displayName: "HistoryDialog__BackgroundContainer",
|
|
36189
|
-
componentId: "sc-u6oe75-0"
|
|
36190
|
-
})(["width:100%;height:100%;background-image:url(", ");background-size:", ";display:flex;justify-content:space-evenly;align-items:center;"], function (props) {
|
|
36191
|
-
return props.imgPath;
|
|
36192
|
-
}, function (props) {
|
|
36193
|
-
return props.imgPath ? 'cover' : 'auto';
|
|
36194
|
-
});
|
|
36195
|
-
var DialogContainer = /*#__PURE__*/styled.div.withConfig({
|
|
36196
|
-
displayName: "HistoryDialog__DialogContainer",
|
|
36197
|
-
componentId: "sc-u6oe75-1"
|
|
36198
|
-
})(["display:flex;justify-content:center;padding-top:200px;"]);
|
|
36199
|
-
|
|
36200
36226
|
exports.Button = Button;
|
|
36201
36227
|
exports.CharacterSelection = CharacterSelection;
|
|
36202
36228
|
exports.Chat = Chat;
|