@rpg-engine/long-bow 0.3.62 → 0.3.63
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 +937 -925
- 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 +744 -732
- 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 -248
- package/src/components/CraftBook/CraftBook.tsx +227 -227
- 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 -151
- package/src/components/Shortcuts/ShortcutsSetter.tsx +132 -132
- package/src/components/Shortcuts/SingleShortcut.ts +62 -62
- package/src/components/SimpleProgressBar.tsx +62 -62
- package/src/components/SkillProgressBar.tsx +133 -133
- package/src/components/SkillsContainer.tsx +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 -181
- 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
package/dist/long-bow.esm.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { Component, useState, useEffect, useRef, useMemo, Fragment } from 'react';
|
|
2
2
|
import styled from 'styled-components';
|
|
3
|
-
import { GRID_WIDTH, GRID_HEIGHT, ShortcutType, getItemTextureKeyPath, ItemSubType, ItemContainerType, ItemType, ItemSocketEventsDisplayLabels, ActionsForInventory, ActionsForEquipmentSet, ActionsForLoot, ActionsForMapContainer, ItemRarities, ItemSlotType, getSPForLevel, PeriodOfDay
|
|
3
|
+
import { GRID_WIDTH, GRID_HEIGHT, ShortcutType, getItemTextureKeyPath, ItemSubType, ItemContainerType, ItemType, ItemSocketEventsDisplayLabels, ActionsForInventory, ActionsForEquipmentSet, ActionsForLoot, ActionsForMapContainer, ItemRarities, ItemSlotType, isMobileOrTablet, getSPForLevel, PeriodOfDay } from '@rpg-engine/shared';
|
|
4
4
|
import dayjs from 'dayjs';
|
|
5
5
|
import { ErrorBoundary as ErrorBoundary$1 } from 'react-error-boundary';
|
|
6
6
|
import { RxPaperPlane } from 'react-icons/rx';
|
|
@@ -34140,6 +34140,546 @@ var EquipmentColumn = /*#__PURE__*/styled.div.withConfig({
|
|
|
34140
34140
|
componentId: "sc-1wuddg2-1"
|
|
34141
34141
|
})(["display:flex;justify-content:center;flex-wrap:wrap;flex-direction:column;touch-action:none;"]);
|
|
34142
34142
|
|
|
34143
|
+
var IS_MOBILE_OR_TABLET = /*#__PURE__*/isMobileOrTablet();
|
|
34144
|
+
|
|
34145
|
+
var chunkString = function chunkString(str, length) {
|
|
34146
|
+
return str.match(new RegExp('.{1,' + length + '}', 'g'));
|
|
34147
|
+
};
|
|
34148
|
+
|
|
34149
|
+
var DynamicText = function DynamicText(_ref) {
|
|
34150
|
+
var text = _ref.text,
|
|
34151
|
+
onFinish = _ref.onFinish,
|
|
34152
|
+
onStart = _ref.onStart;
|
|
34153
|
+
var _useState = useState(''),
|
|
34154
|
+
textState = _useState[0],
|
|
34155
|
+
setTextState = _useState[1];
|
|
34156
|
+
useEffect(function () {
|
|
34157
|
+
var i = 0;
|
|
34158
|
+
var interval = setInterval(function () {
|
|
34159
|
+
// on every interval, show one more character
|
|
34160
|
+
if (i === 0) {
|
|
34161
|
+
if (onStart) {
|
|
34162
|
+
onStart();
|
|
34163
|
+
}
|
|
34164
|
+
}
|
|
34165
|
+
if (i < text.length) {
|
|
34166
|
+
setTextState(text.substring(0, i + 1));
|
|
34167
|
+
i++;
|
|
34168
|
+
} else {
|
|
34169
|
+
clearInterval(interval);
|
|
34170
|
+
if (onFinish) {
|
|
34171
|
+
onFinish();
|
|
34172
|
+
}
|
|
34173
|
+
}
|
|
34174
|
+
}, 50);
|
|
34175
|
+
return function () {
|
|
34176
|
+
clearInterval(interval);
|
|
34177
|
+
};
|
|
34178
|
+
}, [text]);
|
|
34179
|
+
return React.createElement(TextContainer, null, textState);
|
|
34180
|
+
};
|
|
34181
|
+
var TextContainer = /*#__PURE__*/styled.p.withConfig({
|
|
34182
|
+
displayName: "DynamicText__TextContainer",
|
|
34183
|
+
componentId: "sc-1ggl9nd-0"
|
|
34184
|
+
})(["font-size:0.7rem !important;color:white;text-shadow:1px 1px 0px #000000;letter-spacing:1.2px;word-break:normal;"]);
|
|
34185
|
+
|
|
34186
|
+
var img$6 = 'data:image/gif;base64,R0lGODlhEAAQAPIAAAAAABQYLiw1TUBJc2hvmQAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAM9CLrc/lCFGSKYJJP5AhlguDnBMIVgxXgmJapSSp3mKs/pKrT0IMCXUk+2Cgh2oSOnaDz+lswZpSOFUq2KBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAIzhI+py90Bg4OjDrjCELxfFQhQx0mIJkaeaYRp5LJADMdnqXbyOJLYTdKBejjZoRaZJBMFACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAABAAEAAAAjKEj6nL7Y+CDE6OO+QKQ/ifKYEgfR4VddPohQe7lmR0xidNTib65uacYP2AQWGuMlEUAAA7';
|
|
34187
|
+
|
|
34188
|
+
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';
|
|
34189
|
+
|
|
34190
|
+
var NPCDialogText = function NPCDialogText(_ref) {
|
|
34191
|
+
var text = _ref.text,
|
|
34192
|
+
onClose = _ref.onClose,
|
|
34193
|
+
onEndStep = _ref.onEndStep,
|
|
34194
|
+
onStartStep = _ref.onStartStep,
|
|
34195
|
+
type = _ref.type;
|
|
34196
|
+
var windowSize = useRef([window.innerWidth, window.innerHeight]);
|
|
34197
|
+
function maxCharacters(width) {
|
|
34198
|
+
// Set the font size to 16 pixels
|
|
34199
|
+
var fontSize = 11.2;
|
|
34200
|
+
// Calculate the number of characters that can fit in one line
|
|
34201
|
+
var charactersPerLine = Math.floor(width / 2 / fontSize);
|
|
34202
|
+
// Calculate the number of lines that can fit in the div
|
|
34203
|
+
var linesPerDiv = Math.floor(180 / fontSize);
|
|
34204
|
+
// Calculate the maximum number of characters that can fit in the div
|
|
34205
|
+
var maxCharacters = charactersPerLine * linesPerDiv;
|
|
34206
|
+
// Return the maximum number of characters
|
|
34207
|
+
return Math.round(maxCharacters / 5);
|
|
34208
|
+
}
|
|
34209
|
+
var textChunks = chunkString(text, maxCharacters(windowSize.current[0]));
|
|
34210
|
+
var _useState = useState(0),
|
|
34211
|
+
chunkIndex = _useState[0],
|
|
34212
|
+
setChunkIndex = _useState[1];
|
|
34213
|
+
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
34214
|
+
if (event.code === 'Space') {
|
|
34215
|
+
goToNextStep();
|
|
34216
|
+
}
|
|
34217
|
+
};
|
|
34218
|
+
var goToNextStep = function goToNextStep() {
|
|
34219
|
+
var hasNextChunk = (textChunks == null ? void 0 : textChunks[chunkIndex + 1]) || false;
|
|
34220
|
+
if (hasNextChunk) {
|
|
34221
|
+
setChunkIndex(function (prev) {
|
|
34222
|
+
return prev + 1;
|
|
34223
|
+
});
|
|
34224
|
+
} else {
|
|
34225
|
+
// if there's no more text chunks, close the dialog
|
|
34226
|
+
onClose();
|
|
34227
|
+
}
|
|
34228
|
+
};
|
|
34229
|
+
useEffect(function () {
|
|
34230
|
+
document.addEventListener('keydown', onHandleSpacePress);
|
|
34231
|
+
return function () {
|
|
34232
|
+
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
34233
|
+
};
|
|
34234
|
+
}, [chunkIndex]);
|
|
34235
|
+
var _useState2 = useState(false),
|
|
34236
|
+
showGoNextIndicator = _useState2[0],
|
|
34237
|
+
setShowGoNextIndicator = _useState2[1];
|
|
34238
|
+
return React.createElement(Container$b, null, React.createElement(DynamicText, {
|
|
34239
|
+
text: (textChunks == null ? void 0 : textChunks[chunkIndex]) || '',
|
|
34240
|
+
onFinish: function onFinish() {
|
|
34241
|
+
setShowGoNextIndicator(true);
|
|
34242
|
+
onEndStep && onEndStep();
|
|
34243
|
+
},
|
|
34244
|
+
onStart: function onStart() {
|
|
34245
|
+
setShowGoNextIndicator(false);
|
|
34246
|
+
onStartStep && onStartStep();
|
|
34247
|
+
}
|
|
34248
|
+
}), showGoNextIndicator && React.createElement(PressSpaceIndicator, {
|
|
34249
|
+
right: type === NPCDialogType.TextOnly ? '1rem' : '10.5rem',
|
|
34250
|
+
src: IS_MOBILE_OR_TABLET ? img$6 : img$7,
|
|
34251
|
+
onPointerDown: function onPointerDown() {
|
|
34252
|
+
goToNextStep();
|
|
34253
|
+
}
|
|
34254
|
+
}));
|
|
34255
|
+
};
|
|
34256
|
+
var Container$b = /*#__PURE__*/styled.div.withConfig({
|
|
34257
|
+
displayName: "NPCDialogText__Container",
|
|
34258
|
+
componentId: "sc-1cxkdh9-0"
|
|
34259
|
+
})([""]);
|
|
34260
|
+
var PressSpaceIndicator = /*#__PURE__*/styled.img.withConfig({
|
|
34261
|
+
displayName: "NPCDialogText__PressSpaceIndicator",
|
|
34262
|
+
componentId: "sc-1cxkdh9-1"
|
|
34263
|
+
})(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref2) {
|
|
34264
|
+
var right = _ref2.right;
|
|
34265
|
+
return right;
|
|
34266
|
+
});
|
|
34267
|
+
|
|
34268
|
+
//@ts-ignore
|
|
34269
|
+
var useEventListener = function useEventListener(type, handler, el) {
|
|
34270
|
+
if (el === void 0) {
|
|
34271
|
+
el = window;
|
|
34272
|
+
}
|
|
34273
|
+
var savedHandler = React.useRef();
|
|
34274
|
+
React.useEffect(function () {
|
|
34275
|
+
savedHandler.current = handler;
|
|
34276
|
+
}, [handler]);
|
|
34277
|
+
React.useEffect(function () {
|
|
34278
|
+
//@ts-ignore
|
|
34279
|
+
var listener = function listener(e) {
|
|
34280
|
+
return savedHandler.current(e);
|
|
34281
|
+
};
|
|
34282
|
+
el.addEventListener(type, listener);
|
|
34283
|
+
return function () {
|
|
34284
|
+
el.removeEventListener(type, listener);
|
|
34285
|
+
};
|
|
34286
|
+
}, [type, el]);
|
|
34287
|
+
};
|
|
34288
|
+
|
|
34289
|
+
var QuestionDialog = function QuestionDialog(_ref) {
|
|
34290
|
+
var questions = _ref.questions,
|
|
34291
|
+
answers = _ref.answers,
|
|
34292
|
+
onClose = _ref.onClose;
|
|
34293
|
+
var _useState = useState(questions[0]),
|
|
34294
|
+
currentQuestion = _useState[0],
|
|
34295
|
+
setCurrentQuestion = _useState[1];
|
|
34296
|
+
var _useState2 = useState(false),
|
|
34297
|
+
canShowAnswers = _useState2[0],
|
|
34298
|
+
setCanShowAnswers = _useState2[1];
|
|
34299
|
+
var onGetFirstAnswer = function onGetFirstAnswer() {
|
|
34300
|
+
if (!currentQuestion.answerIds || currentQuestion.answerIds.length === 0) {
|
|
34301
|
+
return null;
|
|
34302
|
+
}
|
|
34303
|
+
var firstAnswerId = currentQuestion.answerIds[0];
|
|
34304
|
+
return answers.find(function (answer) {
|
|
34305
|
+
return answer.id === firstAnswerId;
|
|
34306
|
+
});
|
|
34307
|
+
};
|
|
34308
|
+
var _useState3 = useState(onGetFirstAnswer()),
|
|
34309
|
+
currentAnswer = _useState3[0],
|
|
34310
|
+
setCurrentAnswer = _useState3[1];
|
|
34311
|
+
useEffect(function () {
|
|
34312
|
+
setCurrentAnswer(onGetFirstAnswer());
|
|
34313
|
+
}, [currentQuestion]);
|
|
34314
|
+
var onGetAnswers = function onGetAnswers(answerIds) {
|
|
34315
|
+
return answerIds.map(function (answerId) {
|
|
34316
|
+
return answers.find(function (answer) {
|
|
34317
|
+
return answer.id === answerId;
|
|
34318
|
+
});
|
|
34319
|
+
});
|
|
34320
|
+
};
|
|
34321
|
+
var onKeyPress = function onKeyPress(e) {
|
|
34322
|
+
switch (e.key) {
|
|
34323
|
+
case 'ArrowDown':
|
|
34324
|
+
// select next answer, if any.
|
|
34325
|
+
// if no next answer, select first answer
|
|
34326
|
+
// const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(
|
|
34327
|
+
// (answer) => answer?.id === currentAnswer!.id + 1
|
|
34328
|
+
// );
|
|
34329
|
+
var nextAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
|
|
34330
|
+
return (answer == null ? void 0 : answer.id) === currentAnswer.id + 1;
|
|
34331
|
+
});
|
|
34332
|
+
var nextAnswerID = currentQuestion.answerIds[nextAnswerIndex];
|
|
34333
|
+
var nextAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
|
|
34334
|
+
return (answer == null ? void 0 : answer.id) === nextAnswerID;
|
|
34335
|
+
});
|
|
34336
|
+
setCurrentAnswer(nextAnswer || onGetFirstAnswer());
|
|
34337
|
+
break;
|
|
34338
|
+
case 'ArrowUp':
|
|
34339
|
+
// select previous answer, if any.
|
|
34340
|
+
// if no previous answer, select last answer
|
|
34341
|
+
var previousAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
|
|
34342
|
+
return (answer == null ? void 0 : answer.id) === currentAnswer.id - 1;
|
|
34343
|
+
});
|
|
34344
|
+
var previousAnswerID = currentQuestion.answerIds && currentQuestion.answerIds[previousAnswerIndex];
|
|
34345
|
+
var previousAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
|
|
34346
|
+
return (answer == null ? void 0 : answer.id) === previousAnswerID;
|
|
34347
|
+
});
|
|
34348
|
+
if (previousAnswer) {
|
|
34349
|
+
setCurrentAnswer(previousAnswer);
|
|
34350
|
+
} else {
|
|
34351
|
+
setCurrentAnswer(onGetAnswers(currentQuestion.answerIds).pop());
|
|
34352
|
+
}
|
|
34353
|
+
break;
|
|
34354
|
+
case 'Enter':
|
|
34355
|
+
setCanShowAnswers(false);
|
|
34356
|
+
if (!(currentAnswer != null && currentAnswer.nextQuestionId)) {
|
|
34357
|
+
onClose();
|
|
34358
|
+
return;
|
|
34359
|
+
} else {
|
|
34360
|
+
setCurrentQuestion(questions.find(function (question) {
|
|
34361
|
+
return question.id === currentAnswer.nextQuestionId;
|
|
34362
|
+
}));
|
|
34363
|
+
}
|
|
34364
|
+
break;
|
|
34365
|
+
}
|
|
34366
|
+
};
|
|
34367
|
+
useEventListener('keydown', onKeyPress);
|
|
34368
|
+
var onAnswerClick = function onAnswerClick(answer) {
|
|
34369
|
+
setCanShowAnswers(false);
|
|
34370
|
+
if (answer.nextQuestionId) {
|
|
34371
|
+
// if there is a next question, go to it
|
|
34372
|
+
setCurrentQuestion(questions.find(function (question) {
|
|
34373
|
+
return question.id === answer.nextQuestionId;
|
|
34374
|
+
}));
|
|
34375
|
+
} else {
|
|
34376
|
+
// else, finish dialog!
|
|
34377
|
+
onClose();
|
|
34378
|
+
}
|
|
34379
|
+
};
|
|
34380
|
+
var onRenderCurrentAnswers = function onRenderCurrentAnswers() {
|
|
34381
|
+
var answerIds = currentQuestion.answerIds;
|
|
34382
|
+
if (!answerIds) {
|
|
34383
|
+
return null;
|
|
34384
|
+
}
|
|
34385
|
+
var answers = onGetAnswers(answerIds);
|
|
34386
|
+
if (!answers) {
|
|
34387
|
+
return null;
|
|
34388
|
+
}
|
|
34389
|
+
return answers.map(function (answer) {
|
|
34390
|
+
var isSelected = (currentAnswer == null ? void 0 : currentAnswer.id) === (answer == null ? void 0 : answer.id);
|
|
34391
|
+
var selectedColor = isSelected ? 'yellow' : 'white';
|
|
34392
|
+
if (answer) {
|
|
34393
|
+
return React.createElement(AnswerRow, {
|
|
34394
|
+
key: "answer_" + answer.id
|
|
34395
|
+
}, React.createElement(AnswerSelectedIcon, {
|
|
34396
|
+
color: selectedColor
|
|
34397
|
+
}, isSelected ? 'X' : null), React.createElement(Answer, {
|
|
34398
|
+
key: answer.id,
|
|
34399
|
+
onPointerDown: function onPointerDown() {
|
|
34400
|
+
return onAnswerClick(answer);
|
|
34401
|
+
},
|
|
34402
|
+
color: selectedColor
|
|
34403
|
+
}, answer.text));
|
|
34404
|
+
}
|
|
34405
|
+
return null;
|
|
34406
|
+
});
|
|
34407
|
+
};
|
|
34408
|
+
return React.createElement(Container$c, null, React.createElement(QuestionContainer, null, React.createElement(DynamicText, {
|
|
34409
|
+
text: currentQuestion.text,
|
|
34410
|
+
onStart: function onStart() {
|
|
34411
|
+
return setCanShowAnswers(false);
|
|
34412
|
+
},
|
|
34413
|
+
onFinish: function onFinish() {
|
|
34414
|
+
return setCanShowAnswers(true);
|
|
34415
|
+
}
|
|
34416
|
+
})), canShowAnswers && React.createElement(AnswersContainer, null, onRenderCurrentAnswers()));
|
|
34417
|
+
};
|
|
34418
|
+
var Container$c = /*#__PURE__*/styled.div.withConfig({
|
|
34419
|
+
displayName: "QuestionDialog__Container",
|
|
34420
|
+
componentId: "sc-bxc5u0-0"
|
|
34421
|
+
})(["display:flex;word-break:break-all;box-sizing:border-box;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;"]);
|
|
34422
|
+
var QuestionContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34423
|
+
displayName: "QuestionDialog__QuestionContainer",
|
|
34424
|
+
componentId: "sc-bxc5u0-1"
|
|
34425
|
+
})(["flex:100%;width:100%;"]);
|
|
34426
|
+
var AnswersContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34427
|
+
displayName: "QuestionDialog__AnswersContainer",
|
|
34428
|
+
componentId: "sc-bxc5u0-2"
|
|
34429
|
+
})(["flex:100%;"]);
|
|
34430
|
+
var Answer = /*#__PURE__*/styled.p.withConfig({
|
|
34431
|
+
displayName: "QuestionDialog__Answer",
|
|
34432
|
+
componentId: "sc-bxc5u0-3"
|
|
34433
|
+
})(["flex:auto;color:", " !important;font-size:0.65rem !important;background:inherit;border:none;"], function (props) {
|
|
34434
|
+
return props.color;
|
|
34435
|
+
});
|
|
34436
|
+
var AnswerSelectedIcon = /*#__PURE__*/styled.span.withConfig({
|
|
34437
|
+
displayName: "QuestionDialog__AnswerSelectedIcon",
|
|
34438
|
+
componentId: "sc-bxc5u0-4"
|
|
34439
|
+
})(["flex:5% 0 0;color:", " !important;"], function (props) {
|
|
34440
|
+
return props.color;
|
|
34441
|
+
});
|
|
34442
|
+
var AnswerRow = /*#__PURE__*/styled.div.withConfig({
|
|
34443
|
+
displayName: "QuestionDialog__AnswerRow",
|
|
34444
|
+
componentId: "sc-bxc5u0-5"
|
|
34445
|
+
})(["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;}"]);
|
|
34446
|
+
|
|
34447
|
+
var img$8 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAP1BMVEUAAAA7FyVxQTsUEBPj5v////+5v/tCJDOOUlIiHBr1oJfptaO6dWr61rhzFy1bMTjoanMUNGQoXMQkn97+88DQ3IhAAAAAAXRSTlMAQObYZgAAAAFiS0dEBfhv6ccAAAAHdElNRQfmAw4VOBC7c5LYAAABM0lEQVQ4y3XRi5KDIAwFUAUkbrBgpP//rZsHVHQ009qZ3tPboNN0zmwzvcw8O5sX4y0NOg/Et3jRCXF+ziULorjkOQ9gE24dvuUAzq08DiCO4pe3WN7zCP56vmpubBReQYC11YPS86ySxxCsAABTSgjb5m4g8nfbxvFHBkH2OEEvAItVuCuIsgGgl+Gcr7kDXxhEAx55A2SQEEeQeZwUaIP8Tbo05B0RFPhItAjgj1w6cDnhLluDj+Egkh3pCCP4pKQAw1IPO0W9Nti5gW9RP2dKA3BZd2Dw+baYX+Nt4GM00O4S3kEpF6Alb2Bv4LeC3kkGfAW0/p0RPoJVKr63ghHsKuRh5DIUKOAlGOwrtt9fQekAEfmhZslHUDoglB0zjfkJigN7UnTQQ4GBWomoVhEN/AOPSBh38gy+fwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wMy0xNFQyMTo1NTo1MSswMDowMJcc0eEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDMtMTRUMjE6NTU6NTErMDA6MDDmQWldAAAAAElFTkSuQmCC';
|
|
34448
|
+
|
|
34449
|
+
var NPCDialogType;
|
|
34450
|
+
(function (NPCDialogType) {
|
|
34451
|
+
NPCDialogType["TextOnly"] = "TextOnly";
|
|
34452
|
+
NPCDialogType["TextAndThumbnail"] = "TextAndThumbnail";
|
|
34453
|
+
})(NPCDialogType || (NPCDialogType = {}));
|
|
34454
|
+
var NPCDialog = function NPCDialog(_ref) {
|
|
34455
|
+
var text = _ref.text,
|
|
34456
|
+
type = _ref.type,
|
|
34457
|
+
_onClose = _ref.onClose,
|
|
34458
|
+
imagePath = _ref.imagePath,
|
|
34459
|
+
_ref$isQuestionDialog = _ref.isQuestionDialog,
|
|
34460
|
+
isQuestionDialog = _ref$isQuestionDialog === void 0 ? false : _ref$isQuestionDialog,
|
|
34461
|
+
questions = _ref.questions,
|
|
34462
|
+
answers = _ref.answers;
|
|
34463
|
+
return React.createElement(RPGUIContainer, {
|
|
34464
|
+
type: RPGUIContainerTypes.FramedGold,
|
|
34465
|
+
width: isQuestionDialog ? '600px' : '80%',
|
|
34466
|
+
height: '180px'
|
|
34467
|
+
}, isQuestionDialog && questions && answers ? React.createElement(React.Fragment, null, React.createElement(TextContainer$1, {
|
|
34468
|
+
flex: type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'
|
|
34469
|
+
}, React.createElement(QuestionDialog, {
|
|
34470
|
+
questions: questions,
|
|
34471
|
+
answers: answers,
|
|
34472
|
+
onClose: function onClose() {
|
|
34473
|
+
if (_onClose) {
|
|
34474
|
+
_onClose();
|
|
34475
|
+
}
|
|
34476
|
+
}
|
|
34477
|
+
})), type === NPCDialogType.TextAndThumbnail && React.createElement(ThumbnailContainer, null, React.createElement(NPCThumbnail, {
|
|
34478
|
+
src: imagePath || img$8
|
|
34479
|
+
}))) : React.createElement(React.Fragment, null, React.createElement(Container$d, null, React.createElement(TextContainer$1, {
|
|
34480
|
+
flex: type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'
|
|
34481
|
+
}, React.createElement(NPCDialogText, {
|
|
34482
|
+
type: type,
|
|
34483
|
+
text: text || 'No text provided.',
|
|
34484
|
+
onClose: function onClose() {
|
|
34485
|
+
if (_onClose) {
|
|
34486
|
+
_onClose();
|
|
34487
|
+
}
|
|
34488
|
+
}
|
|
34489
|
+
})), type === NPCDialogType.TextAndThumbnail && React.createElement(ThumbnailContainer, null, React.createElement(NPCThumbnail, {
|
|
34490
|
+
src: imagePath || img$8
|
|
34491
|
+
})))));
|
|
34492
|
+
};
|
|
34493
|
+
var Container$d = /*#__PURE__*/styled.div.withConfig({
|
|
34494
|
+
displayName: "NPCDialog__Container",
|
|
34495
|
+
componentId: "sc-1b4aw74-0"
|
|
34496
|
+
})(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
|
|
34497
|
+
var TextContainer$1 = /*#__PURE__*/styled.div.withConfig({
|
|
34498
|
+
displayName: "NPCDialog__TextContainer",
|
|
34499
|
+
componentId: "sc-1b4aw74-1"
|
|
34500
|
+
})(["flex:", " 0 0;width:355px;"], function (_ref2) {
|
|
34501
|
+
var flex = _ref2.flex;
|
|
34502
|
+
return flex;
|
|
34503
|
+
});
|
|
34504
|
+
var ThumbnailContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34505
|
+
displayName: "NPCDialog__ThumbnailContainer",
|
|
34506
|
+
componentId: "sc-1b4aw74-2"
|
|
34507
|
+
})(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
|
|
34508
|
+
var NPCThumbnail = /*#__PURE__*/styled.img.withConfig({
|
|
34509
|
+
displayName: "NPCDialog__NPCThumbnail",
|
|
34510
|
+
componentId: "sc-1b4aw74-3"
|
|
34511
|
+
})(["image-rendering:pixelated;height:128px;width:128px;"]);
|
|
34512
|
+
|
|
34513
|
+
var ImgSide;
|
|
34514
|
+
(function (ImgSide) {
|
|
34515
|
+
ImgSide["right"] = "right";
|
|
34516
|
+
ImgSide["left"] = "left";
|
|
34517
|
+
})(ImgSide || (ImgSide = {}));
|
|
34518
|
+
var NPCMultiDialog = function NPCMultiDialog(_ref) {
|
|
34519
|
+
var _textAndTypeArray$sli;
|
|
34520
|
+
var _onClose = _ref.onClose,
|
|
34521
|
+
textAndTypeArray = _ref.textAndTypeArray;
|
|
34522
|
+
var _useState = useState(false),
|
|
34523
|
+
showGoNextIndicator = _useState[0],
|
|
34524
|
+
setShowGoNextIndicator = _useState[1];
|
|
34525
|
+
var _useState2 = useState(0),
|
|
34526
|
+
slide = _useState2[0],
|
|
34527
|
+
setSlide = _useState2[1];
|
|
34528
|
+
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
34529
|
+
if (event.code === 'Space') {
|
|
34530
|
+
if (slide < (textAndTypeArray == null ? void 0 : textAndTypeArray.length) - 1) {
|
|
34531
|
+
setSlide(function (prev) {
|
|
34532
|
+
return prev + 1;
|
|
34533
|
+
});
|
|
34534
|
+
} else {
|
|
34535
|
+
// if there's no more text chunks, close the dialog
|
|
34536
|
+
_onClose();
|
|
34537
|
+
}
|
|
34538
|
+
}
|
|
34539
|
+
};
|
|
34540
|
+
useEffect(function () {
|
|
34541
|
+
document.addEventListener('keydown', onHandleSpacePress);
|
|
34542
|
+
return function () {
|
|
34543
|
+
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
34544
|
+
};
|
|
34545
|
+
}, [slide]);
|
|
34546
|
+
return React.createElement(RPGUIContainer, {
|
|
34547
|
+
type: RPGUIContainerTypes.FramedGold,
|
|
34548
|
+
width: '50%',
|
|
34549
|
+
height: '180px'
|
|
34550
|
+
}, React.createElement(React.Fragment, null, React.createElement(Container$e, null, ((_textAndTypeArray$sli = textAndTypeArray[slide]) == null ? void 0 : _textAndTypeArray$sli.imageSide) === 'right' && React.createElement(React.Fragment, null, React.createElement(TextContainer$2, {
|
|
34551
|
+
flex: '70%'
|
|
34552
|
+
}, React.createElement(NPCDialogText, {
|
|
34553
|
+
onStartStep: function onStartStep() {
|
|
34554
|
+
return setShowGoNextIndicator(false);
|
|
34555
|
+
},
|
|
34556
|
+
onEndStep: function onEndStep() {
|
|
34557
|
+
return setShowGoNextIndicator(true);
|
|
34558
|
+
},
|
|
34559
|
+
text: textAndTypeArray[slide].text || 'No text provided.',
|
|
34560
|
+
onClose: function onClose() {
|
|
34561
|
+
if (_onClose) {
|
|
34562
|
+
_onClose();
|
|
34563
|
+
}
|
|
34564
|
+
}
|
|
34565
|
+
})), React.createElement(ThumbnailContainer$1, null, React.createElement(NPCThumbnail$1, {
|
|
34566
|
+
src: textAndTypeArray[slide].imagePath || img$8
|
|
34567
|
+
})), showGoNextIndicator && React.createElement(PressSpaceIndicator$1, {
|
|
34568
|
+
right: '10.5rem',
|
|
34569
|
+
src: img$7
|
|
34570
|
+
})), textAndTypeArray[slide].imageSide === 'left' && React.createElement(React.Fragment, null, React.createElement(ThumbnailContainer$1, null, React.createElement(NPCThumbnail$1, {
|
|
34571
|
+
src: textAndTypeArray[slide].imagePath || img$8
|
|
34572
|
+
})), React.createElement(TextContainer$2, {
|
|
34573
|
+
flex: '70%'
|
|
34574
|
+
}, React.createElement(NPCDialogText, {
|
|
34575
|
+
onStartStep: function onStartStep() {
|
|
34576
|
+
return setShowGoNextIndicator(false);
|
|
34577
|
+
},
|
|
34578
|
+
onEndStep: function onEndStep() {
|
|
34579
|
+
return setShowGoNextIndicator(true);
|
|
34580
|
+
},
|
|
34581
|
+
text: textAndTypeArray[slide].text || 'No text provided.',
|
|
34582
|
+
onClose: function onClose() {
|
|
34583
|
+
if (_onClose) {
|
|
34584
|
+
_onClose();
|
|
34585
|
+
}
|
|
34586
|
+
}
|
|
34587
|
+
})), showGoNextIndicator && React.createElement(PressSpaceIndicator$1, {
|
|
34588
|
+
right: '1rem',
|
|
34589
|
+
src: img$7
|
|
34590
|
+
}))), ")"));
|
|
34591
|
+
};
|
|
34592
|
+
var Container$e = /*#__PURE__*/styled.div.withConfig({
|
|
34593
|
+
displayName: "NPCMultiDialog__Container",
|
|
34594
|
+
componentId: "sc-rvu5wg-0"
|
|
34595
|
+
})(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
|
|
34596
|
+
var TextContainer$2 = /*#__PURE__*/styled.div.withConfig({
|
|
34597
|
+
displayName: "NPCMultiDialog__TextContainer",
|
|
34598
|
+
componentId: "sc-rvu5wg-1"
|
|
34599
|
+
})(["flex:", " 0 0;width:355px;"], function (_ref2) {
|
|
34600
|
+
var flex = _ref2.flex;
|
|
34601
|
+
return flex;
|
|
34602
|
+
});
|
|
34603
|
+
var ThumbnailContainer$1 = /*#__PURE__*/styled.div.withConfig({
|
|
34604
|
+
displayName: "NPCMultiDialog__ThumbnailContainer",
|
|
34605
|
+
componentId: "sc-rvu5wg-2"
|
|
34606
|
+
})(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
|
|
34607
|
+
var NPCThumbnail$1 = /*#__PURE__*/styled.img.withConfig({
|
|
34608
|
+
displayName: "NPCMultiDialog__NPCThumbnail",
|
|
34609
|
+
componentId: "sc-rvu5wg-3"
|
|
34610
|
+
})(["image-rendering:pixelated;height:128px;width:128px;"]);
|
|
34611
|
+
var PressSpaceIndicator$1 = /*#__PURE__*/styled.img.withConfig({
|
|
34612
|
+
displayName: "NPCMultiDialog__PressSpaceIndicator",
|
|
34613
|
+
componentId: "sc-rvu5wg-4"
|
|
34614
|
+
})(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref3) {
|
|
34615
|
+
var right = _ref3.right;
|
|
34616
|
+
return right;
|
|
34617
|
+
});
|
|
34618
|
+
|
|
34619
|
+
var HistoryDialog = function HistoryDialog(_ref) {
|
|
34620
|
+
var backgroundImgPath = _ref.backgroundImgPath,
|
|
34621
|
+
fullCoverBackground = _ref.fullCoverBackground,
|
|
34622
|
+
questions = _ref.questions,
|
|
34623
|
+
answers = _ref.answers,
|
|
34624
|
+
text = _ref.text,
|
|
34625
|
+
imagePath = _ref.imagePath,
|
|
34626
|
+
textAndTypeArray = _ref.textAndTypeArray,
|
|
34627
|
+
onClose = _ref.onClose;
|
|
34628
|
+
var _useState = useState(0),
|
|
34629
|
+
img = _useState[0],
|
|
34630
|
+
setImage = _useState[1];
|
|
34631
|
+
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
34632
|
+
if (event.code === 'Space') {
|
|
34633
|
+
if (img < (backgroundImgPath == null ? void 0 : backgroundImgPath.length) - 1) {
|
|
34634
|
+
setImage(function (prev) {
|
|
34635
|
+
return prev + 1;
|
|
34636
|
+
});
|
|
34637
|
+
} else {
|
|
34638
|
+
// if there's no more text chunks, close the dialog
|
|
34639
|
+
onClose();
|
|
34640
|
+
}
|
|
34641
|
+
}
|
|
34642
|
+
};
|
|
34643
|
+
useEffect(function () {
|
|
34644
|
+
document.addEventListener('keydown', onHandleSpacePress);
|
|
34645
|
+
return function () {
|
|
34646
|
+
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
34647
|
+
};
|
|
34648
|
+
}, [backgroundImgPath]);
|
|
34649
|
+
return React.createElement(BackgroundContainer, {
|
|
34650
|
+
imgPath: backgroundImgPath[img],
|
|
34651
|
+
fullImg: fullCoverBackground
|
|
34652
|
+
}, React.createElement(DialogContainer, null, textAndTypeArray ? React.createElement(NPCMultiDialog, {
|
|
34653
|
+
textAndTypeArray: textAndTypeArray,
|
|
34654
|
+
onClose: onClose
|
|
34655
|
+
}) : questions && answers ? React.createElement(QuestionDialog, {
|
|
34656
|
+
questions: questions,
|
|
34657
|
+
answers: answers,
|
|
34658
|
+
onClose: onClose
|
|
34659
|
+
}) : text && imagePath ? React.createElement(NPCDialog, {
|
|
34660
|
+
text: text,
|
|
34661
|
+
imagePath: imagePath,
|
|
34662
|
+
onClose: onClose,
|
|
34663
|
+
type: NPCDialogType.TextAndThumbnail
|
|
34664
|
+
}) : React.createElement(NPCDialog, {
|
|
34665
|
+
text: text,
|
|
34666
|
+
onClose: onClose,
|
|
34667
|
+
type: NPCDialogType.TextOnly
|
|
34668
|
+
})));
|
|
34669
|
+
};
|
|
34670
|
+
var BackgroundContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34671
|
+
displayName: "HistoryDialog__BackgroundContainer",
|
|
34672
|
+
componentId: "sc-u6oe75-0"
|
|
34673
|
+
})(["width:100%;height:100%;background-image:url(", ");background-size:", ";display:flex;justify-content:space-evenly;align-items:center;"], function (props) {
|
|
34674
|
+
return props.imgPath;
|
|
34675
|
+
}, function (props) {
|
|
34676
|
+
return props.imgPath ? 'cover' : 'auto';
|
|
34677
|
+
});
|
|
34678
|
+
var DialogContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34679
|
+
displayName: "HistoryDialog__DialogContainer",
|
|
34680
|
+
componentId: "sc-u6oe75-1"
|
|
34681
|
+
})(["display:flex;justify-content:center;padding-top:200px;"]);
|
|
34682
|
+
|
|
34143
34683
|
var SlotsContainer = function SlotsContainer(_ref) {
|
|
34144
34684
|
var children = _ref.children,
|
|
34145
34685
|
title = _ref.title,
|
|
@@ -34361,7 +34901,7 @@ var ShortcutsSetter = function ShortcutsSetter(_ref) {
|
|
|
34361
34901
|
return word[0];
|
|
34362
34902
|
}));
|
|
34363
34903
|
};
|
|
34364
|
-
return React.createElement(Container$
|
|
34904
|
+
return React.createElement(Container$f, null, React.createElement("p", null, "Shortcuts:"), React.createElement(List, {
|
|
34365
34905
|
id: "shortcuts_list"
|
|
34366
34906
|
}, Array.from({
|
|
34367
34907
|
length: 6
|
|
@@ -34377,7 +34917,7 @@ var ShortcutsSetter = function ShortcutsSetter(_ref) {
|
|
|
34377
34917
|
}, getContent(i));
|
|
34378
34918
|
})));
|
|
34379
34919
|
};
|
|
34380
|
-
var Container$
|
|
34920
|
+
var Container$f = /*#__PURE__*/styled.div.withConfig({
|
|
34381
34921
|
displayName: "ShortcutsSetter__Container",
|
|
34382
34922
|
componentId: "sc-xuouuf-0"
|
|
34383
34923
|
})(["p{margin:0;margin-left:0.5rem;}"]);
|
|
@@ -34470,502 +35010,176 @@ var ItemContainer$1 = function ItemContainer(_ref) {
|
|
|
34470
35010
|
},
|
|
34471
35011
|
onOutsideDrop: function onOutsideDrop(item, position) {
|
|
34472
35012
|
if (_onOutsideDrop) _onOutsideDrop(item, position);
|
|
34473
|
-
},
|
|
34474
|
-
atlasIMG: atlasIMG,
|
|
34475
|
-
atlasJSON: atlasJSON,
|
|
34476
|
-
isSelectingShortcut: settingShortcutIndex !== -1
|
|
34477
|
-
}));
|
|
34478
|
-
}
|
|
34479
|
-
return slots;
|
|
34480
|
-
};
|
|
34481
|
-
return React.createElement(React.Fragment, null, React.createElement(SlotsContainer, {
|
|
34482
|
-
title: itemContainer.name || 'Container',
|
|
34483
|
-
onClose: onClose,
|
|
34484
|
-
initialPosition: initialPosition
|
|
34485
|
-
}, type === ItemContainerType.Inventory && shortcuts && removeShortcut && React.createElement(ShortcutsSetter, {
|
|
34486
|
-
setSettingShortcutIndex: setSettingShortcutIndex,
|
|
34487
|
-
settingShortcutIndex: settingShortcutIndex,
|
|
34488
|
-
shortcuts: shortcuts,
|
|
34489
|
-
removeShortcut: removeShortcut,
|
|
34490
|
-
atlasIMG: atlasIMG,
|
|
34491
|
-
atlasJSON: atlasJSON
|
|
34492
|
-
}), React.createElement(ItemsContainer, {
|
|
34493
|
-
className: "item-container-body"
|
|
34494
|
-
}, onRenderSlots())), quantitySelect.isOpen && React.createElement(QuantitySelectorContainer, null, React.createElement(ItemQuantitySelector, {
|
|
34495
|
-
quantity: quantitySelect.maxQuantity,
|
|
34496
|
-
onConfirm: function onConfirm(quantity) {
|
|
34497
|
-
quantitySelect.callback(quantity);
|
|
34498
|
-
setQuantitySelect({
|
|
34499
|
-
isOpen: false,
|
|
34500
|
-
maxQuantity: 1,
|
|
34501
|
-
callback: function callback() {}
|
|
34502
|
-
});
|
|
34503
|
-
},
|
|
34504
|
-
onClose: function onClose() {
|
|
34505
|
-
quantitySelect.callback(-1);
|
|
34506
|
-
setQuantitySelect({
|
|
34507
|
-
isOpen: false,
|
|
34508
|
-
maxQuantity: 1,
|
|
34509
|
-
callback: function callback() {}
|
|
34510
|
-
});
|
|
34511
|
-
}
|
|
34512
|
-
})));
|
|
34513
|
-
};
|
|
34514
|
-
var ItemsContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34515
|
-
displayName: "ItemContainer__ItemsContainer",
|
|
34516
|
-
componentId: "sc-15y5p9l-0"
|
|
34517
|
-
})(["display:flex;justify-content:center;flex-wrap:wrap;"]);
|
|
34518
|
-
var QuantitySelectorContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34519
|
-
displayName: "ItemContainer__QuantitySelectorContainer",
|
|
34520
|
-
componentId: "sc-15y5p9l-1"
|
|
34521
|
-
})(["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);"]);
|
|
34522
|
-
|
|
34523
|
-
var ItemSelector = function ItemSelector(_ref) {
|
|
34524
|
-
var atlasIMG = _ref.atlasIMG,
|
|
34525
|
-
atlasJSON = _ref.atlasJSON,
|
|
34526
|
-
options = _ref.options,
|
|
34527
|
-
onClose = _ref.onClose,
|
|
34528
|
-
onSelect = _ref.onSelect;
|
|
34529
|
-
var _useState = useState(),
|
|
34530
|
-
selectedValue = _useState[0],
|
|
34531
|
-
setSelectedValue = _useState[1];
|
|
34532
|
-
var handleClick = function handleClick() {
|
|
34533
|
-
var element = document.querySelector("input[name='test']:checked");
|
|
34534
|
-
var elementValue = element.value;
|
|
34535
|
-
setSelectedValue(elementValue);
|
|
34536
|
-
};
|
|
34537
|
-
useEffect(function () {
|
|
34538
|
-
if (selectedValue) {
|
|
34539
|
-
onSelect(selectedValue);
|
|
34540
|
-
}
|
|
34541
|
-
}, [selectedValue]);
|
|
34542
|
-
return React.createElement(DraggableContainer, {
|
|
34543
|
-
type: RPGUIContainerTypes.Framed,
|
|
34544
|
-
width: "500px",
|
|
34545
|
-
cancelDrag: ".equipment-container-body .arrow-selector",
|
|
34546
|
-
onCloseButton: function onCloseButton() {
|
|
34547
|
-
if (onClose) {
|
|
34548
|
-
onClose();
|
|
34549
|
-
}
|
|
34550
|
-
}
|
|
34551
|
-
}, React.createElement("div", {
|
|
34552
|
-
style: {
|
|
34553
|
-
width: '100%'
|
|
34554
|
-
}
|
|
34555
|
-
}, React.createElement(Title$2, null, 'Harvesting instruments'), React.createElement(Subtitle$1, null, 'Use the tool, you need it'), React.createElement("hr", {
|
|
34556
|
-
className: "golden"
|
|
34557
|
-
})), React.createElement(RadioInputScroller$1, null, options == null ? void 0 : options.map(function (option, index) {
|
|
34558
|
-
return React.createElement(RadioOptionsWrapper$1, {
|
|
34559
|
-
key: index
|
|
34560
|
-
}, React.createElement(SpriteAtlasWrapper$1, null, React.createElement(SpriteFromAtlas, {
|
|
34561
|
-
atlasIMG: atlasIMG,
|
|
34562
|
-
atlasJSON: atlasJSON,
|
|
34563
|
-
spriteKey: option.imageKey,
|
|
34564
|
-
imgScale: 3
|
|
34565
|
-
})), React.createElement("div", null, React.createElement("input", {
|
|
34566
|
-
className: "rpgui-radio",
|
|
34567
|
-
type: "radio",
|
|
34568
|
-
value: option.name,
|
|
34569
|
-
name: "test"
|
|
34570
|
-
}), React.createElement("label", {
|
|
34571
|
-
onPointerDown: handleClick,
|
|
34572
|
-
style: {
|
|
34573
|
-
display: 'flex',
|
|
34574
|
-
alignItems: 'center'
|
|
34575
|
-
}
|
|
34576
|
-
}, option.name, " ", React.createElement("br", null), option.description)));
|
|
34577
|
-
})), React.createElement(ButtonWrapper$1, null, React.createElement(Button, {
|
|
34578
|
-
buttonType: ButtonTypes.RPGUIButton,
|
|
34579
|
-
onPointerDown: onClose
|
|
34580
|
-
}, "Cancel"), React.createElement(Button, {
|
|
34581
|
-
buttonType: ButtonTypes.RPGUIButton
|
|
34582
|
-
}, "Select")));
|
|
34583
|
-
};
|
|
34584
|
-
var Title$2 = /*#__PURE__*/styled.h1.withConfig({
|
|
34585
|
-
displayName: "ItemSelector__Title",
|
|
34586
|
-
componentId: "sc-gptoxp-0"
|
|
34587
|
-
})(["font-size:0.6rem;color:yellow !important;"]);
|
|
34588
|
-
var Subtitle$1 = /*#__PURE__*/styled.h1.withConfig({
|
|
34589
|
-
displayName: "ItemSelector__Subtitle",
|
|
34590
|
-
componentId: "sc-gptoxp-1"
|
|
34591
|
-
})(["font-size:0.4rem;color:yellow !important;"]);
|
|
34592
|
-
var RadioInputScroller$1 = /*#__PURE__*/styled.div.withConfig({
|
|
34593
|
-
displayName: "ItemSelector__RadioInputScroller",
|
|
34594
|
-
componentId: "sc-gptoxp-2"
|
|
34595
|
-
})(["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;"]);
|
|
34596
|
-
var SpriteAtlasWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
34597
|
-
displayName: "ItemSelector__SpriteAtlasWrapper",
|
|
34598
|
-
componentId: "sc-gptoxp-3"
|
|
34599
|
-
})(["margin-right:40px;"]);
|
|
34600
|
-
var RadioOptionsWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
34601
|
-
displayName: "ItemSelector__RadioOptionsWrapper",
|
|
34602
|
-
componentId: "sc-gptoxp-4"
|
|
34603
|
-
})(["display:flex;align-items:stretch;margin-bottom:40px;"]);
|
|
34604
|
-
var ButtonWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
34605
|
-
displayName: "ItemSelector__ButtonWrapper",
|
|
34606
|
-
componentId: "sc-gptoxp-5"
|
|
34607
|
-
})(["display:flex;justify-content:space-around;padding-top:20px;width:100%;"]);
|
|
34608
|
-
|
|
34609
|
-
var ListMenu = function ListMenu(_ref) {
|
|
34610
|
-
var options = _ref.options,
|
|
34611
|
-
onSelected = _ref.onSelected,
|
|
34612
|
-
x = _ref.x,
|
|
34613
|
-
y = _ref.y;
|
|
34614
|
-
return React.createElement(Container$c, {
|
|
34615
|
-
x: x,
|
|
34616
|
-
y: y
|
|
34617
|
-
}, React.createElement("ul", {
|
|
34618
|
-
className: "rpgui-list-imp",
|
|
34619
|
-
style: {
|
|
34620
|
-
overflow: 'hidden'
|
|
34621
|
-
}
|
|
34622
|
-
}, options.map(function (params, index) {
|
|
34623
|
-
return React.createElement(ListElement$1, {
|
|
34624
|
-
key: (params == null ? void 0 : params.id) || index,
|
|
34625
|
-
onPointerDown: function onPointerDown() {
|
|
34626
|
-
onSelected(params == null ? void 0 : params.id);
|
|
34627
|
-
}
|
|
34628
|
-
}, (params == null ? void 0 : params.text) || 'No text');
|
|
34629
|
-
})));
|
|
34630
|
-
};
|
|
34631
|
-
var Container$c = /*#__PURE__*/styled.div.withConfig({
|
|
34632
|
-
displayName: "ListMenu__Container",
|
|
34633
|
-
componentId: "sc-i9097t-0"
|
|
34634
|
-
})(["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) {
|
|
34635
|
-
return props.y || 0;
|
|
34636
|
-
}, function (props) {
|
|
34637
|
-
return props.x || 0;
|
|
34638
|
-
}, uiFonts.size.xsmall);
|
|
34639
|
-
var ListElement$1 = /*#__PURE__*/styled.li.withConfig({
|
|
34640
|
-
displayName: "ListMenu__ListElement",
|
|
34641
|
-
componentId: "sc-i9097t-1"
|
|
34642
|
-
})(["margin-right:0.5rem;"]);
|
|
34643
|
-
|
|
34644
|
-
var img$6 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAP1BMVEUAAAA7FyVxQTsUEBPj5v////+5v/tCJDOOUlIiHBr1oJfptaO6dWr61rhzFy1bMTjoanMUNGQoXMQkn97+88DQ3IhAAAAAAXRSTlMAQObYZgAAAAFiS0dEBfhv6ccAAAAHdElNRQfmAw4VOBC7c5LYAAABM0lEQVQ4y3XRi5KDIAwFUAUkbrBgpP//rZsHVHQ009qZ3tPboNN0zmwzvcw8O5sX4y0NOg/Et3jRCXF+ziULorjkOQ9gE24dvuUAzq08DiCO4pe3WN7zCP56vmpubBReQYC11YPS86ySxxCsAABTSgjb5m4g8nfbxvFHBkH2OEEvAItVuCuIsgGgl+Gcr7kDXxhEAx55A2SQEEeQeZwUaIP8Tbo05B0RFPhItAjgj1w6cDnhLluDj+Egkh3pCCP4pKQAw1IPO0W9Nti5gW9RP2dKA3BZd2Dw+baYX+Nt4GM00O4S3kEpF6Alb2Bv4LeC3kkGfAW0/p0RPoJVKr63ghHsKuRh5DIUKOAlGOwrtt9fQekAEfmhZslHUDoglB0zjfkJigN7UnTQQ4GBWomoVhEN/AOPSBh38gy+fwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wMy0xNFQyMTo1NTo1MSswMDowMJcc0eEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDMtMTRUMjE6NTU6NTErMDA6MDDmQWldAAAAAElFTkSuQmCC';
|
|
34645
|
-
|
|
34646
|
-
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';
|
|
34647
|
-
|
|
34648
|
-
var ImgSide;
|
|
34649
|
-
(function (ImgSide) {
|
|
34650
|
-
ImgSide["right"] = "right";
|
|
34651
|
-
ImgSide["left"] = "left";
|
|
34652
|
-
})(ImgSide || (ImgSide = {}));
|
|
34653
|
-
var NPCMultiDialog = function NPCMultiDialog(_ref) {
|
|
34654
|
-
var _textAndTypeArray$sli;
|
|
34655
|
-
var _onClose = _ref.onClose,
|
|
34656
|
-
textAndTypeArray = _ref.textAndTypeArray;
|
|
34657
|
-
var _useState = useState(false),
|
|
34658
|
-
showGoNextIndicator = _useState[0],
|
|
34659
|
-
setShowGoNextIndicator = _useState[1];
|
|
34660
|
-
var _useState2 = useState(0),
|
|
34661
|
-
slide = _useState2[0],
|
|
34662
|
-
setSlide = _useState2[1];
|
|
34663
|
-
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
34664
|
-
if (event.code === 'Space') {
|
|
34665
|
-
if (slide < (textAndTypeArray == null ? void 0 : textAndTypeArray.length) - 1) {
|
|
34666
|
-
setSlide(function (prev) {
|
|
34667
|
-
return prev + 1;
|
|
34668
|
-
});
|
|
34669
|
-
} else {
|
|
34670
|
-
// if there's no more text chunks, close the dialog
|
|
34671
|
-
_onClose();
|
|
34672
|
-
}
|
|
34673
|
-
}
|
|
34674
|
-
};
|
|
34675
|
-
useEffect(function () {
|
|
34676
|
-
document.addEventListener('keydown', onHandleSpacePress);
|
|
34677
|
-
return function () {
|
|
34678
|
-
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
34679
|
-
};
|
|
34680
|
-
}, [slide]);
|
|
34681
|
-
return React.createElement(RPGUIContainer, {
|
|
34682
|
-
type: RPGUIContainerTypes.FramedGold,
|
|
34683
|
-
width: '50%',
|
|
34684
|
-
height: '180px'
|
|
34685
|
-
}, React.createElement(React.Fragment, null, React.createElement(Container$d, null, ((_textAndTypeArray$sli = textAndTypeArray[slide]) == null ? void 0 : _textAndTypeArray$sli.imageSide) === 'right' && React.createElement(React.Fragment, null, React.createElement(TextContainer, {
|
|
34686
|
-
flex: '70%'
|
|
34687
|
-
}, React.createElement(NPCDialogText, {
|
|
34688
|
-
onStartStep: function onStartStep() {
|
|
34689
|
-
return setShowGoNextIndicator(false);
|
|
34690
|
-
},
|
|
34691
|
-
onEndStep: function onEndStep() {
|
|
34692
|
-
return setShowGoNextIndicator(true);
|
|
34693
|
-
},
|
|
34694
|
-
text: textAndTypeArray[slide].text || 'No text provided.',
|
|
34695
|
-
onClose: function onClose() {
|
|
34696
|
-
if (_onClose) {
|
|
34697
|
-
_onClose();
|
|
34698
|
-
}
|
|
34699
|
-
}
|
|
34700
|
-
})), React.createElement(ThumbnailContainer, null, React.createElement(NPCThumbnail, {
|
|
34701
|
-
src: textAndTypeArray[slide].imagePath || img$6
|
|
34702
|
-
})), showGoNextIndicator && React.createElement(PressSpaceIndicator, {
|
|
34703
|
-
right: '10.5rem',
|
|
34704
|
-
src: img$7
|
|
34705
|
-
})), textAndTypeArray[slide].imageSide === 'left' && React.createElement(React.Fragment, null, React.createElement(ThumbnailContainer, null, React.createElement(NPCThumbnail, {
|
|
34706
|
-
src: textAndTypeArray[slide].imagePath || img$6
|
|
34707
|
-
})), React.createElement(TextContainer, {
|
|
34708
|
-
flex: '70%'
|
|
34709
|
-
}, React.createElement(NPCDialogText, {
|
|
34710
|
-
onStartStep: function onStartStep() {
|
|
34711
|
-
return setShowGoNextIndicator(false);
|
|
34712
|
-
},
|
|
34713
|
-
onEndStep: function onEndStep() {
|
|
34714
|
-
return setShowGoNextIndicator(true);
|
|
34715
|
-
},
|
|
34716
|
-
text: textAndTypeArray[slide].text || 'No text provided.',
|
|
34717
|
-
onClose: function onClose() {
|
|
34718
|
-
if (_onClose) {
|
|
34719
|
-
_onClose();
|
|
34720
|
-
}
|
|
34721
|
-
}
|
|
34722
|
-
})), showGoNextIndicator && React.createElement(PressSpaceIndicator, {
|
|
34723
|
-
right: '1rem',
|
|
34724
|
-
src: img$7
|
|
34725
|
-
}))), ")"));
|
|
34726
|
-
};
|
|
34727
|
-
var Container$d = /*#__PURE__*/styled.div.withConfig({
|
|
34728
|
-
displayName: "NPCMultiDialog__Container",
|
|
34729
|
-
componentId: "sc-rvu5wg-0"
|
|
34730
|
-
})(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
|
|
34731
|
-
var TextContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34732
|
-
displayName: "NPCMultiDialog__TextContainer",
|
|
34733
|
-
componentId: "sc-rvu5wg-1"
|
|
34734
|
-
})(["flex:", " 0 0;width:355px;"], function (_ref2) {
|
|
34735
|
-
var flex = _ref2.flex;
|
|
34736
|
-
return flex;
|
|
34737
|
-
});
|
|
34738
|
-
var ThumbnailContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34739
|
-
displayName: "NPCMultiDialog__ThumbnailContainer",
|
|
34740
|
-
componentId: "sc-rvu5wg-2"
|
|
34741
|
-
})(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
|
|
34742
|
-
var NPCThumbnail = /*#__PURE__*/styled.img.withConfig({
|
|
34743
|
-
displayName: "NPCMultiDialog__NPCThumbnail",
|
|
34744
|
-
componentId: "sc-rvu5wg-3"
|
|
34745
|
-
})(["image-rendering:pixelated;height:128px;width:128px;"]);
|
|
34746
|
-
var PressSpaceIndicator = /*#__PURE__*/styled.img.withConfig({
|
|
34747
|
-
displayName: "NPCMultiDialog__PressSpaceIndicator",
|
|
34748
|
-
componentId: "sc-rvu5wg-4"
|
|
34749
|
-
})(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref3) {
|
|
34750
|
-
var right = _ref3.right;
|
|
34751
|
-
return right;
|
|
34752
|
-
});
|
|
34753
|
-
|
|
34754
|
-
//@ts-ignore
|
|
34755
|
-
var useEventListener = function useEventListener(type, handler, el) {
|
|
34756
|
-
if (el === void 0) {
|
|
34757
|
-
el = window;
|
|
34758
|
-
}
|
|
34759
|
-
var savedHandler = React.useRef();
|
|
34760
|
-
React.useEffect(function () {
|
|
34761
|
-
savedHandler.current = handler;
|
|
34762
|
-
}, [handler]);
|
|
34763
|
-
React.useEffect(function () {
|
|
34764
|
-
//@ts-ignore
|
|
34765
|
-
var listener = function listener(e) {
|
|
34766
|
-
return savedHandler.current(e);
|
|
34767
|
-
};
|
|
34768
|
-
el.addEventListener(type, listener);
|
|
34769
|
-
return function () {
|
|
34770
|
-
el.removeEventListener(type, listener);
|
|
34771
|
-
};
|
|
34772
|
-
}, [type, el]);
|
|
34773
|
-
};
|
|
34774
|
-
|
|
34775
|
-
var DynamicText = function DynamicText(_ref) {
|
|
34776
|
-
var text = _ref.text,
|
|
34777
|
-
onFinish = _ref.onFinish,
|
|
34778
|
-
onStart = _ref.onStart;
|
|
34779
|
-
var _useState = useState(''),
|
|
34780
|
-
textState = _useState[0],
|
|
34781
|
-
setTextState = _useState[1];
|
|
34782
|
-
useEffect(function () {
|
|
34783
|
-
var i = 0;
|
|
34784
|
-
var interval = setInterval(function () {
|
|
34785
|
-
// on every interval, show one more character
|
|
34786
|
-
if (i === 0) {
|
|
34787
|
-
if (onStart) {
|
|
34788
|
-
onStart();
|
|
34789
|
-
}
|
|
34790
|
-
}
|
|
34791
|
-
if (i < text.length) {
|
|
34792
|
-
setTextState(text.substring(0, i + 1));
|
|
34793
|
-
i++;
|
|
34794
|
-
} else {
|
|
34795
|
-
clearInterval(interval);
|
|
34796
|
-
if (onFinish) {
|
|
34797
|
-
onFinish();
|
|
34798
|
-
}
|
|
34799
|
-
}
|
|
34800
|
-
}, 50);
|
|
34801
|
-
return function () {
|
|
34802
|
-
clearInterval(interval);
|
|
34803
|
-
};
|
|
34804
|
-
}, [text]);
|
|
34805
|
-
return React.createElement(TextContainer$1, null, textState);
|
|
34806
|
-
};
|
|
34807
|
-
var TextContainer$1 = /*#__PURE__*/styled.p.withConfig({
|
|
34808
|
-
displayName: "DynamicText__TextContainer",
|
|
34809
|
-
componentId: "sc-1ggl9nd-0"
|
|
34810
|
-
})(["font-size:0.7rem !important;color:white;text-shadow:1px 1px 0px #000000;letter-spacing:1.2px;word-break:normal;"]);
|
|
34811
|
-
|
|
34812
|
-
var QuestionDialog = function QuestionDialog(_ref) {
|
|
34813
|
-
var questions = _ref.questions,
|
|
34814
|
-
answers = _ref.answers,
|
|
34815
|
-
onClose = _ref.onClose;
|
|
34816
|
-
var _useState = useState(questions[0]),
|
|
34817
|
-
currentQuestion = _useState[0],
|
|
34818
|
-
setCurrentQuestion = _useState[1];
|
|
34819
|
-
var _useState2 = useState(false),
|
|
34820
|
-
canShowAnswers = _useState2[0],
|
|
34821
|
-
setCanShowAnswers = _useState2[1];
|
|
34822
|
-
var onGetFirstAnswer = function onGetFirstAnswer() {
|
|
34823
|
-
if (!currentQuestion.answerIds || currentQuestion.answerIds.length === 0) {
|
|
34824
|
-
return null;
|
|
35013
|
+
},
|
|
35014
|
+
atlasIMG: atlasIMG,
|
|
35015
|
+
atlasJSON: atlasJSON,
|
|
35016
|
+
isSelectingShortcut: settingShortcutIndex !== -1
|
|
35017
|
+
}));
|
|
34825
35018
|
}
|
|
34826
|
-
|
|
34827
|
-
return answers.find(function (answer) {
|
|
34828
|
-
return answer.id === firstAnswerId;
|
|
34829
|
-
});
|
|
35019
|
+
return slots;
|
|
34830
35020
|
};
|
|
34831
|
-
|
|
34832
|
-
|
|
34833
|
-
|
|
34834
|
-
|
|
34835
|
-
|
|
34836
|
-
|
|
34837
|
-
|
|
34838
|
-
|
|
34839
|
-
|
|
34840
|
-
|
|
35021
|
+
return React.createElement(React.Fragment, null, React.createElement(SlotsContainer, {
|
|
35022
|
+
title: itemContainer.name || 'Container',
|
|
35023
|
+
onClose: onClose,
|
|
35024
|
+
initialPosition: initialPosition
|
|
35025
|
+
}, type === ItemContainerType.Inventory && shortcuts && removeShortcut && React.createElement(ShortcutsSetter, {
|
|
35026
|
+
setSettingShortcutIndex: setSettingShortcutIndex,
|
|
35027
|
+
settingShortcutIndex: settingShortcutIndex,
|
|
35028
|
+
shortcuts: shortcuts,
|
|
35029
|
+
removeShortcut: removeShortcut,
|
|
35030
|
+
atlasIMG: atlasIMG,
|
|
35031
|
+
atlasJSON: atlasJSON
|
|
35032
|
+
}), React.createElement(ItemsContainer, {
|
|
35033
|
+
className: "item-container-body"
|
|
35034
|
+
}, onRenderSlots())), quantitySelect.isOpen && React.createElement(QuantitySelectorContainer, null, React.createElement(ItemQuantitySelector, {
|
|
35035
|
+
quantity: quantitySelect.maxQuantity,
|
|
35036
|
+
onConfirm: function onConfirm(quantity) {
|
|
35037
|
+
quantitySelect.callback(quantity);
|
|
35038
|
+
setQuantitySelect({
|
|
35039
|
+
isOpen: false,
|
|
35040
|
+
maxQuantity: 1,
|
|
35041
|
+
callback: function callback() {}
|
|
35042
|
+
});
|
|
35043
|
+
},
|
|
35044
|
+
onClose: function onClose() {
|
|
35045
|
+
quantitySelect.callback(-1);
|
|
35046
|
+
setQuantitySelect({
|
|
35047
|
+
isOpen: false,
|
|
35048
|
+
maxQuantity: 1,
|
|
35049
|
+
callback: function callback() {}
|
|
34841
35050
|
});
|
|
34842
|
-
});
|
|
34843
|
-
};
|
|
34844
|
-
var onKeyPress = function onKeyPress(e) {
|
|
34845
|
-
switch (e.key) {
|
|
34846
|
-
case 'ArrowDown':
|
|
34847
|
-
// select next answer, if any.
|
|
34848
|
-
// if no next answer, select first answer
|
|
34849
|
-
// const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(
|
|
34850
|
-
// (answer) => answer?.id === currentAnswer!.id + 1
|
|
34851
|
-
// );
|
|
34852
|
-
var nextAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
|
|
34853
|
-
return (answer == null ? void 0 : answer.id) === currentAnswer.id + 1;
|
|
34854
|
-
});
|
|
34855
|
-
var nextAnswerID = currentQuestion.answerIds[nextAnswerIndex];
|
|
34856
|
-
var nextAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
|
|
34857
|
-
return (answer == null ? void 0 : answer.id) === nextAnswerID;
|
|
34858
|
-
});
|
|
34859
|
-
setCurrentAnswer(nextAnswer || onGetFirstAnswer());
|
|
34860
|
-
break;
|
|
34861
|
-
case 'ArrowUp':
|
|
34862
|
-
// select previous answer, if any.
|
|
34863
|
-
// if no previous answer, select last answer
|
|
34864
|
-
var previousAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
|
|
34865
|
-
return (answer == null ? void 0 : answer.id) === currentAnswer.id - 1;
|
|
34866
|
-
});
|
|
34867
|
-
var previousAnswerID = currentQuestion.answerIds && currentQuestion.answerIds[previousAnswerIndex];
|
|
34868
|
-
var previousAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
|
|
34869
|
-
return (answer == null ? void 0 : answer.id) === previousAnswerID;
|
|
34870
|
-
});
|
|
34871
|
-
if (previousAnswer) {
|
|
34872
|
-
setCurrentAnswer(previousAnswer);
|
|
34873
|
-
} else {
|
|
34874
|
-
setCurrentAnswer(onGetAnswers(currentQuestion.answerIds).pop());
|
|
34875
|
-
}
|
|
34876
|
-
break;
|
|
34877
|
-
case 'Enter':
|
|
34878
|
-
setCanShowAnswers(false);
|
|
34879
|
-
if (!(currentAnswer != null && currentAnswer.nextQuestionId)) {
|
|
34880
|
-
onClose();
|
|
34881
|
-
return;
|
|
34882
|
-
} else {
|
|
34883
|
-
setCurrentQuestion(questions.find(function (question) {
|
|
34884
|
-
return question.id === currentAnswer.nextQuestionId;
|
|
34885
|
-
}));
|
|
34886
|
-
}
|
|
34887
|
-
break;
|
|
34888
35051
|
}
|
|
35052
|
+
})));
|
|
35053
|
+
};
|
|
35054
|
+
var ItemsContainer = /*#__PURE__*/styled.div.withConfig({
|
|
35055
|
+
displayName: "ItemContainer__ItemsContainer",
|
|
35056
|
+
componentId: "sc-15y5p9l-0"
|
|
35057
|
+
})(["display:flex;justify-content:center;flex-wrap:wrap;"]);
|
|
35058
|
+
var QuantitySelectorContainer = /*#__PURE__*/styled.div.withConfig({
|
|
35059
|
+
displayName: "ItemContainer__QuantitySelectorContainer",
|
|
35060
|
+
componentId: "sc-15y5p9l-1"
|
|
35061
|
+
})(["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);"]);
|
|
35062
|
+
|
|
35063
|
+
var ItemSelector = function ItemSelector(_ref) {
|
|
35064
|
+
var atlasIMG = _ref.atlasIMG,
|
|
35065
|
+
atlasJSON = _ref.atlasJSON,
|
|
35066
|
+
options = _ref.options,
|
|
35067
|
+
onClose = _ref.onClose,
|
|
35068
|
+
onSelect = _ref.onSelect;
|
|
35069
|
+
var _useState = useState(),
|
|
35070
|
+
selectedValue = _useState[0],
|
|
35071
|
+
setSelectedValue = _useState[1];
|
|
35072
|
+
var handleClick = function handleClick() {
|
|
35073
|
+
var element = document.querySelector("input[name='test']:checked");
|
|
35074
|
+
var elementValue = element.value;
|
|
35075
|
+
setSelectedValue(elementValue);
|
|
34889
35076
|
};
|
|
34890
|
-
|
|
34891
|
-
|
|
34892
|
-
|
|
34893
|
-
if (answer.nextQuestionId) {
|
|
34894
|
-
// if there is a next question, go to it
|
|
34895
|
-
setCurrentQuestion(questions.find(function (question) {
|
|
34896
|
-
return question.id === answer.nextQuestionId;
|
|
34897
|
-
}));
|
|
34898
|
-
} else {
|
|
34899
|
-
// else, finish dialog!
|
|
34900
|
-
onClose();
|
|
35077
|
+
useEffect(function () {
|
|
35078
|
+
if (selectedValue) {
|
|
35079
|
+
onSelect(selectedValue);
|
|
34901
35080
|
}
|
|
34902
|
-
};
|
|
34903
|
-
|
|
34904
|
-
|
|
34905
|
-
|
|
34906
|
-
|
|
35081
|
+
}, [selectedValue]);
|
|
35082
|
+
return React.createElement(DraggableContainer, {
|
|
35083
|
+
type: RPGUIContainerTypes.Framed,
|
|
35084
|
+
width: "500px",
|
|
35085
|
+
cancelDrag: ".equipment-container-body .arrow-selector",
|
|
35086
|
+
onCloseButton: function onCloseButton() {
|
|
35087
|
+
if (onClose) {
|
|
35088
|
+
onClose();
|
|
35089
|
+
}
|
|
34907
35090
|
}
|
|
34908
|
-
|
|
34909
|
-
|
|
34910
|
-
|
|
35091
|
+
}, React.createElement("div", {
|
|
35092
|
+
style: {
|
|
35093
|
+
width: '100%'
|
|
34911
35094
|
}
|
|
34912
|
-
|
|
34913
|
-
|
|
34914
|
-
|
|
34915
|
-
|
|
34916
|
-
|
|
34917
|
-
|
|
34918
|
-
|
|
34919
|
-
|
|
34920
|
-
|
|
34921
|
-
|
|
34922
|
-
|
|
34923
|
-
|
|
34924
|
-
|
|
34925
|
-
|
|
34926
|
-
|
|
35095
|
+
}, React.createElement(Title$2, null, 'Harvesting instruments'), React.createElement(Subtitle$1, null, 'Use the tool, you need it'), React.createElement("hr", {
|
|
35096
|
+
className: "golden"
|
|
35097
|
+
})), React.createElement(RadioInputScroller$1, null, options == null ? void 0 : options.map(function (option, index) {
|
|
35098
|
+
return React.createElement(RadioOptionsWrapper$1, {
|
|
35099
|
+
key: index
|
|
35100
|
+
}, React.createElement(SpriteAtlasWrapper$1, null, React.createElement(SpriteFromAtlas, {
|
|
35101
|
+
atlasIMG: atlasIMG,
|
|
35102
|
+
atlasJSON: atlasJSON,
|
|
35103
|
+
spriteKey: option.imageKey,
|
|
35104
|
+
imgScale: 3
|
|
35105
|
+
})), React.createElement("div", null, React.createElement("input", {
|
|
35106
|
+
className: "rpgui-radio",
|
|
35107
|
+
type: "radio",
|
|
35108
|
+
value: option.name,
|
|
35109
|
+
name: "test"
|
|
35110
|
+
}), React.createElement("label", {
|
|
35111
|
+
onPointerDown: handleClick,
|
|
35112
|
+
style: {
|
|
35113
|
+
display: 'flex',
|
|
35114
|
+
alignItems: 'center'
|
|
34927
35115
|
}
|
|
34928
|
-
|
|
34929
|
-
|
|
34930
|
-
|
|
34931
|
-
|
|
34932
|
-
|
|
34933
|
-
|
|
34934
|
-
|
|
34935
|
-
|
|
34936
|
-
|
|
34937
|
-
|
|
35116
|
+
}, option.name, " ", React.createElement("br", null), option.description)));
|
|
35117
|
+
})), React.createElement(ButtonWrapper$1, null, React.createElement(Button, {
|
|
35118
|
+
buttonType: ButtonTypes.RPGUIButton,
|
|
35119
|
+
onPointerDown: onClose
|
|
35120
|
+
}, "Cancel"), React.createElement(Button, {
|
|
35121
|
+
buttonType: ButtonTypes.RPGUIButton
|
|
35122
|
+
}, "Select")));
|
|
35123
|
+
};
|
|
35124
|
+
var Title$2 = /*#__PURE__*/styled.h1.withConfig({
|
|
35125
|
+
displayName: "ItemSelector__Title",
|
|
35126
|
+
componentId: "sc-gptoxp-0"
|
|
35127
|
+
})(["font-size:0.6rem;color:yellow !important;"]);
|
|
35128
|
+
var Subtitle$1 = /*#__PURE__*/styled.h1.withConfig({
|
|
35129
|
+
displayName: "ItemSelector__Subtitle",
|
|
35130
|
+
componentId: "sc-gptoxp-1"
|
|
35131
|
+
})(["font-size:0.4rem;color:yellow !important;"]);
|
|
35132
|
+
var RadioInputScroller$1 = /*#__PURE__*/styled.div.withConfig({
|
|
35133
|
+
displayName: "ItemSelector__RadioInputScroller",
|
|
35134
|
+
componentId: "sc-gptoxp-2"
|
|
35135
|
+
})(["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;"]);
|
|
35136
|
+
var SpriteAtlasWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
35137
|
+
displayName: "ItemSelector__SpriteAtlasWrapper",
|
|
35138
|
+
componentId: "sc-gptoxp-3"
|
|
35139
|
+
})(["margin-right:40px;"]);
|
|
35140
|
+
var RadioOptionsWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
35141
|
+
displayName: "ItemSelector__RadioOptionsWrapper",
|
|
35142
|
+
componentId: "sc-gptoxp-4"
|
|
35143
|
+
})(["display:flex;align-items:stretch;margin-bottom:40px;"]);
|
|
35144
|
+
var ButtonWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
35145
|
+
displayName: "ItemSelector__ButtonWrapper",
|
|
35146
|
+
componentId: "sc-gptoxp-5"
|
|
35147
|
+
})(["display:flex;justify-content:space-around;padding-top:20px;width:100%;"]);
|
|
35148
|
+
|
|
35149
|
+
var ListMenu = function ListMenu(_ref) {
|
|
35150
|
+
var options = _ref.options,
|
|
35151
|
+
onSelected = _ref.onSelected,
|
|
35152
|
+
x = _ref.x,
|
|
35153
|
+
y = _ref.y;
|
|
35154
|
+
return React.createElement(Container$g, {
|
|
35155
|
+
x: x,
|
|
35156
|
+
y: y
|
|
35157
|
+
}, React.createElement("ul", {
|
|
35158
|
+
className: "rpgui-list-imp",
|
|
35159
|
+
style: {
|
|
35160
|
+
overflow: 'hidden'
|
|
34938
35161
|
}
|
|
34939
|
-
}
|
|
35162
|
+
}, options.map(function (params, index) {
|
|
35163
|
+
return React.createElement(ListElement$1, {
|
|
35164
|
+
key: (params == null ? void 0 : params.id) || index,
|
|
35165
|
+
onPointerDown: function onPointerDown() {
|
|
35166
|
+
onSelected(params == null ? void 0 : params.id);
|
|
35167
|
+
}
|
|
35168
|
+
}, (params == null ? void 0 : params.text) || 'No text');
|
|
35169
|
+
})));
|
|
34940
35170
|
};
|
|
34941
|
-
var Container$
|
|
34942
|
-
displayName: "
|
|
34943
|
-
componentId: "sc-
|
|
34944
|
-
})(["display:flex;
|
|
34945
|
-
|
|
34946
|
-
|
|
34947
|
-
|
|
34948
|
-
})
|
|
34949
|
-
var
|
|
34950
|
-
displayName: "
|
|
34951
|
-
componentId: "sc-
|
|
34952
|
-
})(["
|
|
34953
|
-
var Answer = /*#__PURE__*/styled.p.withConfig({
|
|
34954
|
-
displayName: "QuestionDialog__Answer",
|
|
34955
|
-
componentId: "sc-bxc5u0-3"
|
|
34956
|
-
})(["flex:auto;color:", " !important;font-size:0.65rem !important;background:inherit;border:none;"], function (props) {
|
|
34957
|
-
return props.color;
|
|
34958
|
-
});
|
|
34959
|
-
var AnswerSelectedIcon = /*#__PURE__*/styled.span.withConfig({
|
|
34960
|
-
displayName: "QuestionDialog__AnswerSelectedIcon",
|
|
34961
|
-
componentId: "sc-bxc5u0-4"
|
|
34962
|
-
})(["flex:5% 0 0;color:", " !important;"], function (props) {
|
|
34963
|
-
return props.color;
|
|
34964
|
-
});
|
|
34965
|
-
var AnswerRow = /*#__PURE__*/styled.div.withConfig({
|
|
34966
|
-
displayName: "QuestionDialog__AnswerRow",
|
|
34967
|
-
componentId: "sc-bxc5u0-5"
|
|
34968
|
-
})(["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;}"]);
|
|
35171
|
+
var Container$g = /*#__PURE__*/styled.div.withConfig({
|
|
35172
|
+
displayName: "ListMenu__Container",
|
|
35173
|
+
componentId: "sc-i9097t-0"
|
|
35174
|
+
})(["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) {
|
|
35175
|
+
return props.y || 0;
|
|
35176
|
+
}, function (props) {
|
|
35177
|
+
return props.x || 0;
|
|
35178
|
+
}, uiFonts.size.xsmall);
|
|
35179
|
+
var ListElement$1 = /*#__PURE__*/styled.li.withConfig({
|
|
35180
|
+
displayName: "ListMenu__ListElement",
|
|
35181
|
+
componentId: "sc-i9097t-1"
|
|
35182
|
+
})(["margin-right:0.5rem;"]);
|
|
34969
35183
|
|
|
34970
35184
|
var ProgressBar = function ProgressBar(_ref) {
|
|
34971
35185
|
var max = _ref.max,
|
|
@@ -34984,7 +35198,7 @@ var ProgressBar = function ProgressBar(_ref) {
|
|
|
34984
35198
|
}
|
|
34985
35199
|
return value * 100 / max;
|
|
34986
35200
|
};
|
|
34987
|
-
return React.createElement(Container$
|
|
35201
|
+
return React.createElement(Container$h, {
|
|
34988
35202
|
className: "rpgui-progress",
|
|
34989
35203
|
"data-value": calculatePercentageValue(max, value) / 100,
|
|
34990
35204
|
"data-rpguitype": "progress",
|
|
@@ -35013,7 +35227,7 @@ var TextOverlay$1 = /*#__PURE__*/styled.div.withConfig({
|
|
|
35013
35227
|
displayName: "ProgressBar__TextOverlay",
|
|
35014
35228
|
componentId: "sc-qa6fzh-1"
|
|
35015
35229
|
})(["width:100%;position:relative;"]);
|
|
35016
|
-
var Container$
|
|
35230
|
+
var Container$h = /*#__PURE__*/styled.div.withConfig({
|
|
35017
35231
|
displayName: "ProgressBar__Container",
|
|
35018
35232
|
componentId: "sc-qa6fzh-2"
|
|
35019
35233
|
})(["display:flex;flex-direction:column;min-width:", "px;width:", "%;justify-content:start;align-items:flex-start;", ""], function (props) {
|
|
@@ -35024,7 +35238,7 @@ var Container$f = /*#__PURE__*/styled.div.withConfig({
|
|
|
35024
35238
|
return props.style;
|
|
35025
35239
|
});
|
|
35026
35240
|
|
|
35027
|
-
var img$
|
|
35241
|
+
var img$9 = 'data:image/png;base64,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';
|
|
35028
35242
|
|
|
35029
35243
|
var QuestInfo = function QuestInfo(_ref) {
|
|
35030
35244
|
var quests = _ref.quests,
|
|
@@ -35066,7 +35280,7 @@ var QuestInfo = function QuestInfo(_ref) {
|
|
|
35066
35280
|
}), React.createElement(QuestContainer, null, React.createElement(TitleContainer$1, {
|
|
35067
35281
|
className: "drag-handler"
|
|
35068
35282
|
}, React.createElement(Title$3, null, React.createElement(Thumbnail, {
|
|
35069
|
-
src: quests[currentIndex].thumbnail || img$
|
|
35283
|
+
src: quests[currentIndex].thumbnail || img$9
|
|
35070
35284
|
}), quests[currentIndex].title), React.createElement(QuestSplitDiv, null, React.createElement("hr", {
|
|
35071
35285
|
className: "golden"
|
|
35072
35286
|
}))), React.createElement(Content, null, React.createElement("p", null, quests[currentIndex].description)), React.createElement(QuestColumn, {
|
|
@@ -35085,7 +35299,7 @@ var QuestInfo = function QuestInfo(_ref) {
|
|
|
35085
35299
|
})))) : React.createElement(QuestsContainer, null, React.createElement(QuestContainer, null, React.createElement(TitleContainer$1, {
|
|
35086
35300
|
className: "drag-handler"
|
|
35087
35301
|
}, React.createElement(Title$3, null, React.createElement(Thumbnail, {
|
|
35088
|
-
src: quests[0].thumbnail || img$
|
|
35302
|
+
src: quests[0].thumbnail || img$9
|
|
35089
35303
|
}), quests[0].title), React.createElement(QuestSplitDiv, null, React.createElement("hr", {
|
|
35090
35304
|
className: "golden"
|
|
35091
35305
|
}))), React.createElement(Content, null, React.createElement("p", null, quests[0].description)), React.createElement(QuestColumn, {
|
|
@@ -35334,7 +35548,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
|
|
|
35334
35548
|
bgColor = _ref$bgColor === void 0 ? 'red' : _ref$bgColor,
|
|
35335
35549
|
_ref$margin = _ref.margin,
|
|
35336
35550
|
margin = _ref$margin === void 0 ? 20 : _ref$margin;
|
|
35337
|
-
return React.createElement(Container$
|
|
35551
|
+
return React.createElement(Container$i, {
|
|
35338
35552
|
className: "simple-progress-bar"
|
|
35339
35553
|
}, React.createElement(ProgressBarContainer, {
|
|
35340
35554
|
margin: margin
|
|
@@ -35343,7 +35557,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
|
|
|
35343
35557
|
bgColor: bgColor
|
|
35344
35558
|
}))));
|
|
35345
35559
|
};
|
|
35346
|
-
var Container$
|
|
35560
|
+
var Container$i = /*#__PURE__*/styled.div.withConfig({
|
|
35347
35561
|
displayName: "SimpleProgressBar__Container",
|
|
35348
35562
|
componentId: "sc-mbeil3-0"
|
|
35349
35563
|
})(["display:flex;justify-content:center;align-items:center;width:100%;"]);
|
|
@@ -35570,7 +35784,7 @@ var Spell = function Spell(_ref) {
|
|
|
35570
35784
|
isSettingShortcut = _ref.isSettingShortcut,
|
|
35571
35785
|
minMagicLevelRequired = _ref.minMagicLevelRequired;
|
|
35572
35786
|
var disabled = isSettingShortcut ? charMagicLevel < minMagicLevelRequired : manaCost > charMana || charMagicLevel < minMagicLevelRequired;
|
|
35573
|
-
return React.createElement(Container$
|
|
35787
|
+
return React.createElement(Container$j, {
|
|
35574
35788
|
disabled: disabled,
|
|
35575
35789
|
onPointerDown: onPointerDown == null ? void 0 : onPointerDown.bind(null, spellKey),
|
|
35576
35790
|
isSettingShortcut: isSettingShortcut && !disabled,
|
|
@@ -35583,7 +35797,7 @@ var Spell = function Spell(_ref) {
|
|
|
35583
35797
|
className: "mana"
|
|
35584
35798
|
}, manaCost)));
|
|
35585
35799
|
};
|
|
35586
|
-
var Container$
|
|
35800
|
+
var Container$j = /*#__PURE__*/styled.button.withConfig({
|
|
35587
35801
|
displayName: "Spell__Container",
|
|
35588
35802
|
componentId: "sc-j96fa2-0"
|
|
35589
35803
|
})(["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) {
|
|
@@ -35668,7 +35882,7 @@ var Spellbook = function Spellbook(_ref) {
|
|
|
35668
35882
|
width: "inherit",
|
|
35669
35883
|
height: "inherit",
|
|
35670
35884
|
cancelDrag: "#spellbook-search, #shortcuts_list, .spell"
|
|
35671
|
-
}, React.createElement(Container$
|
|
35885
|
+
}, React.createElement(Container$k, null, React.createElement(Title$6, null, "Learned Spells"), React.createElement(ShortcutsSetter, {
|
|
35672
35886
|
setSettingShortcutIndex: setSettingShortcutIndex,
|
|
35673
35887
|
settingShortcutIndex: settingShortcutIndex,
|
|
35674
35888
|
shortcuts: shortcuts,
|
|
@@ -35700,7 +35914,7 @@ var Title$6 = /*#__PURE__*/styled.h1.withConfig({
|
|
|
35700
35914
|
displayName: "Spellbook__Title",
|
|
35701
35915
|
componentId: "sc-r02nfq-0"
|
|
35702
35916
|
})(["font-size:", " !important;margin-bottom:0 !important;"], uiFonts.size.large);
|
|
35703
|
-
var Container$
|
|
35917
|
+
var Container$k = /*#__PURE__*/styled.div.withConfig({
|
|
35704
35918
|
displayName: "Spellbook__Container",
|
|
35705
35919
|
componentId: "sc-r02nfq-1"
|
|
35706
35920
|
})(["width:100%;height:100%;color:white;display:flex;flex-direction:column;"]);
|
|
@@ -35714,16 +35928,16 @@ var TextArea = function TextArea(_ref) {
|
|
|
35714
35928
|
return React.createElement("textarea", Object.assign({}, props));
|
|
35715
35929
|
};
|
|
35716
35930
|
|
|
35717
|
-
var img$
|
|
35931
|
+
var img$a = 'data:image/gif;base64,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';
|
|
35718
35932
|
|
|
35719
|
-
var img$
|
|
35933
|
+
var img$b = 'data:image/gif;base64,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';
|
|
35720
35934
|
|
|
35721
|
-
var img$
|
|
35935
|
+
var img$c = 'data:image/gif;base64,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';
|
|
35722
35936
|
|
|
35723
35937
|
var DayNightPeriod = function DayNightPeriod(_ref) {
|
|
35724
35938
|
var _periodOfDaySrcFiles;
|
|
35725
35939
|
var periodOfDay = _ref.periodOfDay;
|
|
35726
|
-
var periodOfDaySrcFiles = (_periodOfDaySrcFiles = {}, _periodOfDaySrcFiles[PeriodOfDay.Morning] = img$
|
|
35940
|
+
var periodOfDaySrcFiles = (_periodOfDaySrcFiles = {}, _periodOfDaySrcFiles[PeriodOfDay.Morning] = img$b, _periodOfDaySrcFiles[PeriodOfDay.Afternoon] = img$a, _periodOfDaySrcFiles[PeriodOfDay.Night] = img$c, _periodOfDaySrcFiles);
|
|
35727
35941
|
return React.createElement(GifContainer, null, React.createElement("img", {
|
|
35728
35942
|
src: periodOfDaySrcFiles[periodOfDay]
|
|
35729
35943
|
}));
|
|
@@ -35733,7 +35947,7 @@ var GifContainer = /*#__PURE__*/styled.div.withConfig({
|
|
|
35733
35947
|
componentId: "sc-10t97fw-0"
|
|
35734
35948
|
})(["width:100%;img{width:67%;}"]);
|
|
35735
35949
|
|
|
35736
|
-
var img$
|
|
35950
|
+
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';
|
|
35737
35951
|
|
|
35738
35952
|
var TimeWidget = function TimeWidget(_ref) {
|
|
35739
35953
|
var onClose = _ref.onClose,
|
|
@@ -35748,7 +35962,7 @@ var TimeWidget = function TimeWidget(_ref) {
|
|
|
35748
35962
|
var WidgetContainer = /*#__PURE__*/styled.div.withConfig({
|
|
35749
35963
|
displayName: "TimeWidget__WidgetContainer",
|
|
35750
35964
|
componentId: "sc-1ja236h-0"
|
|
35751
|
-
})(["background-image:url(", ");background-size:10rem;background-repeat:no-repeat;width:10rem;position:absolute;height:100px;"], img$
|
|
35965
|
+
})(["background-image:url(", ");background-size:10rem;background-repeat:no-repeat;width:10rem;position:absolute;height:100px;"], img$d);
|
|
35752
35966
|
var Time = /*#__PURE__*/styled.div.withConfig({
|
|
35753
35967
|
displayName: "TimeWidget__Time",
|
|
35754
35968
|
componentId: "sc-1ja236h-1"
|
|
@@ -35762,25 +35976,37 @@ var DayNightContainer = /*#__PURE__*/styled.div.withConfig({
|
|
|
35762
35976
|
componentId: "sc-1ja236h-3"
|
|
35763
35977
|
})(["margin-top:-0.3rem;margin-left:-0.3rem;"]);
|
|
35764
35978
|
|
|
35765
|
-
var outerQty = 10;
|
|
35766
35979
|
var TradingItemRow = function TradingItemRow(_ref) {
|
|
35767
35980
|
var atlasIMG = _ref.atlasIMG,
|
|
35768
35981
|
atlasJSON = _ref.atlasJSON,
|
|
35769
35982
|
onQuantityChange = _ref.onQuantityChange,
|
|
35770
35983
|
traderItem = _ref.traderItem,
|
|
35771
35984
|
selectedQty = _ref.selectedQty;
|
|
35772
|
-
var onLeftClick = function onLeftClick(
|
|
35773
|
-
if (
|
|
35774
|
-
|
|
35985
|
+
var onLeftClick = function onLeftClick() {
|
|
35986
|
+
if (selectedQty > 0) {
|
|
35987
|
+
var newQuantity = selectedQty - 1;
|
|
35988
|
+
onQuantityChange(traderItem, newQuantity);
|
|
35775
35989
|
}
|
|
35776
|
-
onQuantityChange(traderItem, Math.max(0, selectedQty - qty));
|
|
35777
35990
|
};
|
|
35778
|
-
var onRightClick = function onRightClick(
|
|
35991
|
+
var onRightClick = function onRightClick() {
|
|
35779
35992
|
var _traderItem$qty;
|
|
35780
|
-
if (qty
|
|
35781
|
-
|
|
35993
|
+
if (selectedQty < ((_traderItem$qty = traderItem.qty) != null ? _traderItem$qty : 999)) {
|
|
35994
|
+
var newQuantity = selectedQty + 1;
|
|
35995
|
+
onQuantityChange(traderItem, newQuantity);
|
|
35996
|
+
}
|
|
35997
|
+
};
|
|
35998
|
+
var onLeftOutClick = function onLeftOutClick() {
|
|
35999
|
+
if (selectedQty >= 10) {
|
|
36000
|
+
var newQuantity = selectedQty - 10;
|
|
36001
|
+
onQuantityChange(traderItem, newQuantity);
|
|
36002
|
+
}
|
|
36003
|
+
};
|
|
36004
|
+
var onRightOutClick = function onRightOutClick() {
|
|
36005
|
+
var _traderItem$qty2;
|
|
36006
|
+
if (selectedQty + 10 <= ((_traderItem$qty2 = traderItem.qty) != null ? _traderItem$qty2 : 999)) {
|
|
36007
|
+
var newQuantity = selectedQty + 10;
|
|
36008
|
+
onQuantityChange(traderItem, newQuantity);
|
|
35782
36009
|
}
|
|
35783
|
-
onQuantityChange(traderItem, Math.min((_traderItem$qty = traderItem.qty) != null ? _traderItem$qty : 999, selectedQty + qty));
|
|
35784
36010
|
};
|
|
35785
36011
|
return React.createElement(ItemWrapper, null, React.createElement(ItemIconContainer, null, React.createElement(SpriteContainer$1, null, React.createElement(SpriteFromAtlas, {
|
|
35786
36012
|
atlasIMG: atlasIMG,
|
|
@@ -35798,7 +36024,7 @@ var TradingItemRow = function TradingItemRow(_ref) {
|
|
|
35798
36024
|
size: 32,
|
|
35799
36025
|
className: "arrow-selector",
|
|
35800
36026
|
direction: "left",
|
|
35801
|
-
onPointerDown:
|
|
36027
|
+
onPointerDown: onLeftOutClick
|
|
35802
36028
|
}), React.createElement(StyledArrow, {
|
|
35803
36029
|
size: 32,
|
|
35804
36030
|
className: "arrow-selector",
|
|
@@ -35813,7 +36039,7 @@ var TradingItemRow = function TradingItemRow(_ref) {
|
|
|
35813
36039
|
size: 32,
|
|
35814
36040
|
className: "arrow-selector",
|
|
35815
36041
|
direction: "right",
|
|
35816
|
-
onPointerDown:
|
|
36042
|
+
onPointerDown: onRightOutClick
|
|
35817
36043
|
})));
|
|
35818
36044
|
};
|
|
35819
36045
|
var StyledArrow = /*#__PURE__*/styled(SelectArrow).withConfig({
|
|
@@ -35984,230 +36210,16 @@ var Truncate = function Truncate(_ref) {
|
|
|
35984
36210
|
var _ref$maxLines = _ref.maxLines,
|
|
35985
36211
|
maxLines = _ref$maxLines === void 0 ? 1 : _ref$maxLines,
|
|
35986
36212
|
children = _ref.children;
|
|
35987
|
-
return React.createElement(Container$
|
|
36213
|
+
return React.createElement(Container$l, {
|
|
35988
36214
|
maxLines: maxLines
|
|
35989
36215
|
}, children);
|
|
35990
36216
|
};
|
|
35991
|
-
var Container$
|
|
36217
|
+
var Container$l = /*#__PURE__*/styled.div.withConfig({
|
|
35992
36218
|
displayName: "Truncate__Container",
|
|
35993
36219
|
componentId: "sc-6x00qb-0"
|
|
35994
36220
|
})(["display:-webkit-box;max-width:100%;max-height:100%;-webkit-line-clamp:", ";-webkit-box-orient:vertical;overflow:hidden;"], function (props) {
|
|
35995
36221
|
return props.maxLines;
|
|
35996
36222
|
});
|
|
35997
36223
|
|
|
35998
|
-
var IS_MOBILE_OR_TABLET = /*#__PURE__*/isMobileOrTablet();
|
|
35999
|
-
|
|
36000
|
-
var chunkString = function chunkString(str, length) {
|
|
36001
|
-
return str.match(new RegExp('.{1,' + length + '}', 'g'));
|
|
36002
|
-
};
|
|
36003
|
-
|
|
36004
|
-
var img$d = 'data:image/gif;base64,R0lGODlhEAAQAPIAAAAAABQYLiw1TUBJc2hvmQAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAM9CLrc/lCFGSKYJJP5AhlguDnBMIVgxXgmJapSSp3mKs/pKrT0IMCXUk+2Cgh2oSOnaDz+lswZpSOFUq2KBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAIzhI+py90Bg4OjDrjCELxfFQhQx0mIJkaeaYRp5LJADMdnqXbyOJLYTdKBejjZoRaZJBMFACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAABAAEAAAAjKEj6nL7Y+CDE6OO+QKQ/ifKYEgfR4VddPohQe7lmR0xidNTib65uacYP2AQWGuMlEUAAA7';
|
|
36005
|
-
|
|
36006
|
-
var NPCDialogText = function NPCDialogText(_ref) {
|
|
36007
|
-
var text = _ref.text,
|
|
36008
|
-
onClose = _ref.onClose,
|
|
36009
|
-
onEndStep = _ref.onEndStep,
|
|
36010
|
-
onStartStep = _ref.onStartStep,
|
|
36011
|
-
type = _ref.type;
|
|
36012
|
-
var windowSize = useRef([window.innerWidth, window.innerHeight]);
|
|
36013
|
-
function maxCharacters(width) {
|
|
36014
|
-
// Set the font size to 16 pixels
|
|
36015
|
-
var fontSize = 11.2;
|
|
36016
|
-
// Calculate the number of characters that can fit in one line
|
|
36017
|
-
var charactersPerLine = Math.floor(width / 2 / fontSize);
|
|
36018
|
-
// Calculate the number of lines that can fit in the div
|
|
36019
|
-
var linesPerDiv = Math.floor(180 / fontSize);
|
|
36020
|
-
// Calculate the maximum number of characters that can fit in the div
|
|
36021
|
-
var maxCharacters = charactersPerLine * linesPerDiv;
|
|
36022
|
-
// Return the maximum number of characters
|
|
36023
|
-
return Math.round(maxCharacters / 5);
|
|
36024
|
-
}
|
|
36025
|
-
var textChunks = chunkString(text, maxCharacters(windowSize.current[0]));
|
|
36026
|
-
var _useState = useState(0),
|
|
36027
|
-
chunkIndex = _useState[0],
|
|
36028
|
-
setChunkIndex = _useState[1];
|
|
36029
|
-
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
36030
|
-
if (event.code === 'Space') {
|
|
36031
|
-
goToNextStep();
|
|
36032
|
-
}
|
|
36033
|
-
};
|
|
36034
|
-
var goToNextStep = function goToNextStep() {
|
|
36035
|
-
var hasNextChunk = (textChunks == null ? void 0 : textChunks[chunkIndex + 1]) || false;
|
|
36036
|
-
if (hasNextChunk) {
|
|
36037
|
-
setChunkIndex(function (prev) {
|
|
36038
|
-
return prev + 1;
|
|
36039
|
-
});
|
|
36040
|
-
} else {
|
|
36041
|
-
// if there's no more text chunks, close the dialog
|
|
36042
|
-
onClose();
|
|
36043
|
-
}
|
|
36044
|
-
};
|
|
36045
|
-
useEffect(function () {
|
|
36046
|
-
document.addEventListener('keydown', onHandleSpacePress);
|
|
36047
|
-
return function () {
|
|
36048
|
-
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
36049
|
-
};
|
|
36050
|
-
}, [chunkIndex]);
|
|
36051
|
-
var _useState2 = useState(false),
|
|
36052
|
-
showGoNextIndicator = _useState2[0],
|
|
36053
|
-
setShowGoNextIndicator = _useState2[1];
|
|
36054
|
-
return React.createElement(Container$k, null, React.createElement(DynamicText, {
|
|
36055
|
-
text: (textChunks == null ? void 0 : textChunks[chunkIndex]) || '',
|
|
36056
|
-
onFinish: function onFinish() {
|
|
36057
|
-
setShowGoNextIndicator(true);
|
|
36058
|
-
onEndStep && onEndStep();
|
|
36059
|
-
},
|
|
36060
|
-
onStart: function onStart() {
|
|
36061
|
-
setShowGoNextIndicator(false);
|
|
36062
|
-
onStartStep && onStartStep();
|
|
36063
|
-
}
|
|
36064
|
-
}), showGoNextIndicator && React.createElement(PressSpaceIndicator$1, {
|
|
36065
|
-
right: type === NPCDialogType.TextOnly ? '1rem' : '10.5rem',
|
|
36066
|
-
src: IS_MOBILE_OR_TABLET ? img$d : img$7,
|
|
36067
|
-
onPointerDown: function onPointerDown() {
|
|
36068
|
-
goToNextStep();
|
|
36069
|
-
}
|
|
36070
|
-
}));
|
|
36071
|
-
};
|
|
36072
|
-
var Container$k = /*#__PURE__*/styled.div.withConfig({
|
|
36073
|
-
displayName: "NPCDialogText__Container",
|
|
36074
|
-
componentId: "sc-1cxkdh9-0"
|
|
36075
|
-
})([""]);
|
|
36076
|
-
var PressSpaceIndicator$1 = /*#__PURE__*/styled.img.withConfig({
|
|
36077
|
-
displayName: "NPCDialogText__PressSpaceIndicator",
|
|
36078
|
-
componentId: "sc-1cxkdh9-1"
|
|
36079
|
-
})(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref2) {
|
|
36080
|
-
var right = _ref2.right;
|
|
36081
|
-
return right;
|
|
36082
|
-
});
|
|
36083
|
-
|
|
36084
|
-
var NPCDialogType;
|
|
36085
|
-
(function (NPCDialogType) {
|
|
36086
|
-
NPCDialogType["TextOnly"] = "TextOnly";
|
|
36087
|
-
NPCDialogType["TextAndThumbnail"] = "TextAndThumbnail";
|
|
36088
|
-
})(NPCDialogType || (NPCDialogType = {}));
|
|
36089
|
-
var NPCDialog = function NPCDialog(_ref) {
|
|
36090
|
-
var text = _ref.text,
|
|
36091
|
-
type = _ref.type,
|
|
36092
|
-
_onClose = _ref.onClose,
|
|
36093
|
-
imagePath = _ref.imagePath,
|
|
36094
|
-
_ref$isQuestionDialog = _ref.isQuestionDialog,
|
|
36095
|
-
isQuestionDialog = _ref$isQuestionDialog === void 0 ? false : _ref$isQuestionDialog,
|
|
36096
|
-
questions = _ref.questions,
|
|
36097
|
-
answers = _ref.answers;
|
|
36098
|
-
return React.createElement(RPGUIContainer, {
|
|
36099
|
-
type: RPGUIContainerTypes.FramedGold,
|
|
36100
|
-
width: isQuestionDialog ? '600px' : '80%',
|
|
36101
|
-
height: '180px'
|
|
36102
|
-
}, isQuestionDialog && questions && answers ? React.createElement(React.Fragment, null, React.createElement(TextContainer$2, {
|
|
36103
|
-
flex: type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'
|
|
36104
|
-
}, React.createElement(QuestionDialog, {
|
|
36105
|
-
questions: questions,
|
|
36106
|
-
answers: answers,
|
|
36107
|
-
onClose: function onClose() {
|
|
36108
|
-
if (_onClose) {
|
|
36109
|
-
_onClose();
|
|
36110
|
-
}
|
|
36111
|
-
}
|
|
36112
|
-
})), type === NPCDialogType.TextAndThumbnail && React.createElement(ThumbnailContainer$1, null, React.createElement(NPCThumbnail$1, {
|
|
36113
|
-
src: imagePath || img$6
|
|
36114
|
-
}))) : React.createElement(React.Fragment, null, React.createElement(Container$l, null, React.createElement(TextContainer$2, {
|
|
36115
|
-
flex: type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'
|
|
36116
|
-
}, React.createElement(NPCDialogText, {
|
|
36117
|
-
type: type,
|
|
36118
|
-
text: text || 'No text provided.',
|
|
36119
|
-
onClose: function onClose() {
|
|
36120
|
-
if (_onClose) {
|
|
36121
|
-
_onClose();
|
|
36122
|
-
}
|
|
36123
|
-
}
|
|
36124
|
-
})), type === NPCDialogType.TextAndThumbnail && React.createElement(ThumbnailContainer$1, null, React.createElement(NPCThumbnail$1, {
|
|
36125
|
-
src: imagePath || img$6
|
|
36126
|
-
})))));
|
|
36127
|
-
};
|
|
36128
|
-
var Container$l = /*#__PURE__*/styled.div.withConfig({
|
|
36129
|
-
displayName: "NPCDialog__Container",
|
|
36130
|
-
componentId: "sc-1b4aw74-0"
|
|
36131
|
-
})(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
|
|
36132
|
-
var TextContainer$2 = /*#__PURE__*/styled.div.withConfig({
|
|
36133
|
-
displayName: "NPCDialog__TextContainer",
|
|
36134
|
-
componentId: "sc-1b4aw74-1"
|
|
36135
|
-
})(["flex:", " 0 0;width:355px;"], function (_ref2) {
|
|
36136
|
-
var flex = _ref2.flex;
|
|
36137
|
-
return flex;
|
|
36138
|
-
});
|
|
36139
|
-
var ThumbnailContainer$1 = /*#__PURE__*/styled.div.withConfig({
|
|
36140
|
-
displayName: "NPCDialog__ThumbnailContainer",
|
|
36141
|
-
componentId: "sc-1b4aw74-2"
|
|
36142
|
-
})(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
|
|
36143
|
-
var NPCThumbnail$1 = /*#__PURE__*/styled.img.withConfig({
|
|
36144
|
-
displayName: "NPCDialog__NPCThumbnail",
|
|
36145
|
-
componentId: "sc-1b4aw74-3"
|
|
36146
|
-
})(["image-rendering:pixelated;height:128px;width:128px;"]);
|
|
36147
|
-
|
|
36148
|
-
var HistoryDialog = function HistoryDialog(_ref) {
|
|
36149
|
-
var backgroundImgPath = _ref.backgroundImgPath,
|
|
36150
|
-
fullCoverBackground = _ref.fullCoverBackground,
|
|
36151
|
-
questions = _ref.questions,
|
|
36152
|
-
answers = _ref.answers,
|
|
36153
|
-
text = _ref.text,
|
|
36154
|
-
imagePath = _ref.imagePath,
|
|
36155
|
-
textAndTypeArray = _ref.textAndTypeArray,
|
|
36156
|
-
onClose = _ref.onClose;
|
|
36157
|
-
var _useState = useState(0),
|
|
36158
|
-
img = _useState[0],
|
|
36159
|
-
setImage = _useState[1];
|
|
36160
|
-
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
36161
|
-
if (event.code === 'Space') {
|
|
36162
|
-
if (img < (backgroundImgPath == null ? void 0 : backgroundImgPath.length) - 1) {
|
|
36163
|
-
setImage(function (prev) {
|
|
36164
|
-
return prev + 1;
|
|
36165
|
-
});
|
|
36166
|
-
} else {
|
|
36167
|
-
// if there's no more text chunks, close the dialog
|
|
36168
|
-
onClose();
|
|
36169
|
-
}
|
|
36170
|
-
}
|
|
36171
|
-
};
|
|
36172
|
-
useEffect(function () {
|
|
36173
|
-
document.addEventListener('keydown', onHandleSpacePress);
|
|
36174
|
-
return function () {
|
|
36175
|
-
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
36176
|
-
};
|
|
36177
|
-
}, [backgroundImgPath]);
|
|
36178
|
-
return React.createElement(BackgroundContainer, {
|
|
36179
|
-
imgPath: backgroundImgPath[img],
|
|
36180
|
-
fullImg: fullCoverBackground
|
|
36181
|
-
}, React.createElement(DialogContainer, null, textAndTypeArray ? React.createElement(NPCMultiDialog, {
|
|
36182
|
-
textAndTypeArray: textAndTypeArray,
|
|
36183
|
-
onClose: onClose
|
|
36184
|
-
}) : questions && answers ? React.createElement(QuestionDialog, {
|
|
36185
|
-
questions: questions,
|
|
36186
|
-
answers: answers,
|
|
36187
|
-
onClose: onClose
|
|
36188
|
-
}) : text && imagePath ? React.createElement(NPCDialog, {
|
|
36189
|
-
text: text,
|
|
36190
|
-
imagePath: imagePath,
|
|
36191
|
-
onClose: onClose,
|
|
36192
|
-
type: NPCDialogType.TextAndThumbnail
|
|
36193
|
-
}) : React.createElement(NPCDialog, {
|
|
36194
|
-
text: text,
|
|
36195
|
-
onClose: onClose,
|
|
36196
|
-
type: NPCDialogType.TextOnly
|
|
36197
|
-
})));
|
|
36198
|
-
};
|
|
36199
|
-
var BackgroundContainer = /*#__PURE__*/styled.div.withConfig({
|
|
36200
|
-
displayName: "HistoryDialog__BackgroundContainer",
|
|
36201
|
-
componentId: "sc-u6oe75-0"
|
|
36202
|
-
})(["width:100%;height:100%;background-image:url(", ");background-size:", ";display:flex;justify-content:space-evenly;align-items:center;"], function (props) {
|
|
36203
|
-
return props.imgPath;
|
|
36204
|
-
}, function (props) {
|
|
36205
|
-
return props.imgPath ? 'cover' : 'auto';
|
|
36206
|
-
});
|
|
36207
|
-
var DialogContainer = /*#__PURE__*/styled.div.withConfig({
|
|
36208
|
-
displayName: "HistoryDialog__DialogContainer",
|
|
36209
|
-
componentId: "sc-u6oe75-1"
|
|
36210
|
-
})(["display:flex;justify-content:center;padding-top:200px;"]);
|
|
36211
|
-
|
|
36212
36224
|
export { Button, ButtonTypes, CharacterSelection, Chat, ChatDeprecated, CheckButton, CircularController, CraftBook, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, ErrorBoundary, HistoryDialog, ImgSide, Input, InputRadio, ItemContainer$1 as ItemContainer, ItemSelector, ItemSlot, ListMenu, NPCDialog, NPCDialogType, NPCMultiDialog, ProgressBar, PropertySelect, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, Shortcuts, SkillProgressBar, SkillsContainer, Spellbook, SpriteFromAtlas, TextArea, TimeWidget, TradingMenu, Truncate, _RPGUI, useEventListener };
|
|
36213
36225
|
//# sourceMappingURL=long-bow.esm.js.map
|