@rpg-engine/long-bow 0.3.61 → 0.3.62
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 +1006 -1018
- 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 +727 -739
- 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 +181 -193
- package/src/components/TradingMenu/TradingMenu.tsx +203 -203
- package/src/components/TradingMenu/items.mock.ts +96 -96
- package/src/components/Truncate.tsx +25 -25
- package/src/components/itemSelector/ItemSelector.tsx +136 -136
- package/src/components/shared/Column.tsx +16 -16
- package/src/components/shared/Ellipsis.tsx +65 -65
- package/src/components/shared/SpriteFromAtlas.tsx +102 -102
- package/src/components/typography/DynamicText.tsx +49 -49
- package/src/constants/uiColors.ts +20 -20
- package/src/constants/uiDevices.ts +3 -3
- package/src/constants/uiFonts.ts +12 -12
- package/src/hooks/useEventListener.ts +21 -21
- package/src/hooks/useOutsideAlerter.ts +25 -25
- package/src/index.tsx +40 -40
- package/src/libs/StringHelpers.ts +3 -3
- package/src/mocks/atlas/entities/entities.json +20215 -20215
- package/src/mocks/atlas/icons/icons.json +735 -735
- package/src/mocks/atlas/items/items.json +12086 -12086
- package/src/mocks/equipmentSet.mocks.ts +393 -393
- package/src/mocks/itemContainer.mocks.ts +562 -562
- package/src/mocks/skills.mocks.ts +128 -128
- package/src/stories/Arrow.stories.tsx +26 -26
- package/src/stories/Button.stories.tsx +36 -36
- package/src/stories/CharacterSelection.stories.tsx +45 -45
- package/src/stories/CharacterStatus.stories.tsx +29 -29
- package/src/stories/Chat.stories.tsx +187 -187
- package/src/stories/ChatDeprecated.stories.tsx +170 -170
- package/src/stories/CheckButton.stories.tsx +48 -48
- package/src/stories/CircullarController.stories.tsx +37 -37
- package/src/stories/CraftBook.stories.tsx +40 -40
- package/src/stories/DayNightPeriod.stories.tsx +27 -27
- package/src/stories/DraggableContainer.stories.tsx +28 -28
- package/src/stories/Dropdown.stories.tsx +46 -46
- package/src/stories/DropdownSelectorContainer.stories.tsx +41 -41
- package/src/stories/EquipmentSet.stories.tsx +65 -65
- package/src/stories/HistoryDialog.stories.tsx +61 -61
- package/src/stories/ItemContainer.stories.tsx +198 -198
- package/src/stories/ItemQuantitySelector.stories.tsx +26 -26
- package/src/stories/ItemSelector.stories.tsx +77 -77
- package/src/stories/ItemTradingComponent.stories.tsx +35 -35
- package/src/stories/ListMenu.stories.tsx +56 -56
- package/src/stories/Multitab.stories.tsx +51 -51
- package/src/stories/NPCDialog.stories.tsx +130 -130
- package/src/stories/NPCMultiDialog.stories.tsx +71 -71
- package/src/stories/ProgressBar.stories.tsx +23 -23
- package/src/stories/PropertySelect.stories.tsx +40 -40
- package/src/stories/QuestInfo.stories.tsx +107 -107
- package/src/stories/QuestList.stories.tsx +82 -82
- package/src/stories/RPGUIContainers.stories.tsx +42 -42
- package/src/stories/RadioButton.stories.tsx +49 -49
- package/src/stories/RadioInput.stories.tsx +34 -34
- package/src/stories/RangeSlider.stories.tsx +64 -64
- package/src/stories/ScrollList.stories.tsx +85 -85
- package/src/stories/Shortcuts.stories.tsx +39 -39
- package/src/stories/SimpleProgressBar.stories.tsx +22 -22
- package/src/stories/SkillProgressBar.stories.tsx +34 -34
- package/src/stories/SkillsContainer.stories.tsx +35 -35
- package/src/stories/Spellbook.stories.tsx +104 -104
- package/src/stories/StaticBook.stories.tsx +32 -32
- package/src/stories/Text.stories.tsx +42 -42
- package/src/stories/TimeWidget.stories.tsx +27 -27
- package/src/stories/TradingMenu.stories.tsx +45 -45
- package/src/types/eventTypes.ts +4 -4
- package/src/types/index.d.ts +2 -2
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,
|
|
3
|
+
import { GRID_WIDTH, GRID_HEIGHT, ShortcutType, getItemTextureKeyPath, ItemSubType, ItemContainerType, ItemType, ItemSocketEventsDisplayLabels, ActionsForInventory, ActionsForEquipmentSet, ActionsForLoot, ActionsForMapContainer, ItemRarities, ItemSlotType, getSPForLevel, PeriodOfDay, isMobileOrTablet } 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,546 +34140,6 @@ 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
|
-
|
|
34683
34143
|
var SlotsContainer = function SlotsContainer(_ref) {
|
|
34684
34144
|
var children = _ref.children,
|
|
34685
34145
|
title = _ref.title,
|
|
@@ -34901,7 +34361,7 @@ var ShortcutsSetter = function ShortcutsSetter(_ref) {
|
|
|
34901
34361
|
return word[0];
|
|
34902
34362
|
}));
|
|
34903
34363
|
};
|
|
34904
|
-
return React.createElement(Container$
|
|
34364
|
+
return React.createElement(Container$b, null, React.createElement("p", null, "Shortcuts:"), React.createElement(List, {
|
|
34905
34365
|
id: "shortcuts_list"
|
|
34906
34366
|
}, Array.from({
|
|
34907
34367
|
length: 6
|
|
@@ -34917,7 +34377,7 @@ var ShortcutsSetter = function ShortcutsSetter(_ref) {
|
|
|
34917
34377
|
}, getContent(i));
|
|
34918
34378
|
})));
|
|
34919
34379
|
};
|
|
34920
|
-
var Container$
|
|
34380
|
+
var Container$b = /*#__PURE__*/styled.div.withConfig({
|
|
34921
34381
|
displayName: "ShortcutsSetter__Container",
|
|
34922
34382
|
componentId: "sc-xuouuf-0"
|
|
34923
34383
|
})(["p{margin:0;margin-left:0.5rem;}"]);
|
|
@@ -35016,170 +34476,496 @@ var ItemContainer$1 = function ItemContainer(_ref) {
|
|
|
35016
34476
|
isSelectingShortcut: settingShortcutIndex !== -1
|
|
35017
34477
|
}));
|
|
35018
34478
|
}
|
|
35019
|
-
return slots;
|
|
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;
|
|
34825
|
+
}
|
|
34826
|
+
var firstAnswerId = currentQuestion.answerIds[0];
|
|
34827
|
+
return answers.find(function (answer) {
|
|
34828
|
+
return answer.id === firstAnswerId;
|
|
34829
|
+
});
|
|
35020
34830
|
};
|
|
35021
|
-
|
|
35022
|
-
|
|
35023
|
-
|
|
35024
|
-
|
|
35025
|
-
|
|
35026
|
-
|
|
35027
|
-
|
|
35028
|
-
|
|
35029
|
-
|
|
35030
|
-
|
|
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() {}
|
|
34831
|
+
var _useState3 = useState(onGetFirstAnswer()),
|
|
34832
|
+
currentAnswer = _useState3[0],
|
|
34833
|
+
setCurrentAnswer = _useState3[1];
|
|
34834
|
+
useEffect(function () {
|
|
34835
|
+
setCurrentAnswer(onGetFirstAnswer());
|
|
34836
|
+
}, [currentQuestion]);
|
|
34837
|
+
var onGetAnswers = function onGetAnswers(answerIds) {
|
|
34838
|
+
return answerIds.map(function (answerId) {
|
|
34839
|
+
return answers.find(function (answer) {
|
|
34840
|
+
return answer.id === answerId;
|
|
35050
34841
|
});
|
|
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;
|
|
35051
34888
|
}
|
|
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);
|
|
35076
34889
|
};
|
|
35077
|
-
|
|
35078
|
-
|
|
35079
|
-
|
|
34890
|
+
useEventListener('keydown', onKeyPress);
|
|
34891
|
+
var onAnswerClick = function onAnswerClick(answer) {
|
|
34892
|
+
setCanShowAnswers(false);
|
|
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();
|
|
35080
34901
|
}
|
|
35081
|
-
}
|
|
35082
|
-
|
|
35083
|
-
|
|
35084
|
-
|
|
35085
|
-
|
|
35086
|
-
onCloseButton: function onCloseButton() {
|
|
35087
|
-
if (onClose) {
|
|
35088
|
-
onClose();
|
|
35089
|
-
}
|
|
34902
|
+
};
|
|
34903
|
+
var onRenderCurrentAnswers = function onRenderCurrentAnswers() {
|
|
34904
|
+
var answerIds = currentQuestion.answerIds;
|
|
34905
|
+
if (!answerIds) {
|
|
34906
|
+
return null;
|
|
35090
34907
|
}
|
|
35091
|
-
|
|
35092
|
-
|
|
35093
|
-
|
|
34908
|
+
var answers = onGetAnswers(answerIds);
|
|
34909
|
+
if (!answers) {
|
|
34910
|
+
return null;
|
|
35094
34911
|
}
|
|
35095
|
-
|
|
35096
|
-
|
|
35097
|
-
|
|
35098
|
-
|
|
35099
|
-
|
|
35100
|
-
|
|
35101
|
-
|
|
35102
|
-
|
|
35103
|
-
|
|
35104
|
-
|
|
35105
|
-
|
|
35106
|
-
|
|
35107
|
-
|
|
35108
|
-
|
|
35109
|
-
|
|
35110
|
-
}), React.createElement("label", {
|
|
35111
|
-
onPointerDown: handleClick,
|
|
35112
|
-
style: {
|
|
35113
|
-
display: 'flex',
|
|
35114
|
-
alignItems: 'center'
|
|
34912
|
+
return answers.map(function (answer) {
|
|
34913
|
+
var isSelected = (currentAnswer == null ? void 0 : currentAnswer.id) === (answer == null ? void 0 : answer.id);
|
|
34914
|
+
var selectedColor = isSelected ? 'yellow' : 'white';
|
|
34915
|
+
if (answer) {
|
|
34916
|
+
return React.createElement(AnswerRow, {
|
|
34917
|
+
key: "answer_" + answer.id
|
|
34918
|
+
}, React.createElement(AnswerSelectedIcon, {
|
|
34919
|
+
color: selectedColor
|
|
34920
|
+
}, isSelected ? 'X' : null), React.createElement(Answer, {
|
|
34921
|
+
key: answer.id,
|
|
34922
|
+
onPointerDown: function onPointerDown() {
|
|
34923
|
+
return onAnswerClick(answer);
|
|
34924
|
+
},
|
|
34925
|
+
color: selectedColor
|
|
34926
|
+
}, answer.text));
|
|
35115
34927
|
}
|
|
35116
|
-
|
|
35117
|
-
|
|
35118
|
-
|
|
35119
|
-
|
|
35120
|
-
|
|
35121
|
-
|
|
35122
|
-
|
|
35123
|
-
}
|
|
35124
|
-
|
|
35125
|
-
|
|
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'
|
|
34928
|
+
return null;
|
|
34929
|
+
});
|
|
34930
|
+
};
|
|
34931
|
+
return React.createElement(Container$e, null, React.createElement(QuestionContainer, null, React.createElement(DynamicText, {
|
|
34932
|
+
text: currentQuestion.text,
|
|
34933
|
+
onStart: function onStart() {
|
|
34934
|
+
return setCanShowAnswers(false);
|
|
34935
|
+
},
|
|
34936
|
+
onFinish: function onFinish() {
|
|
34937
|
+
return setCanShowAnswers(true);
|
|
35161
34938
|
}
|
|
35162
|
-
},
|
|
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
|
-
})));
|
|
34939
|
+
})), canShowAnswers && React.createElement(AnswersContainer, null, onRenderCurrentAnswers()));
|
|
35170
34940
|
};
|
|
35171
|
-
var Container$
|
|
35172
|
-
displayName: "
|
|
35173
|
-
componentId: "sc-
|
|
35174
|
-
})(["display:flex;
|
|
35175
|
-
|
|
35176
|
-
|
|
35177
|
-
|
|
35178
|
-
}
|
|
35179
|
-
var
|
|
35180
|
-
displayName: "
|
|
35181
|
-
componentId: "sc-
|
|
35182
|
-
})(["
|
|
34941
|
+
var Container$e = /*#__PURE__*/styled.div.withConfig({
|
|
34942
|
+
displayName: "QuestionDialog__Container",
|
|
34943
|
+
componentId: "sc-bxc5u0-0"
|
|
34944
|
+
})(["display:flex;word-break:break-all;box-sizing:border-box;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;"]);
|
|
34945
|
+
var QuestionContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34946
|
+
displayName: "QuestionDialog__QuestionContainer",
|
|
34947
|
+
componentId: "sc-bxc5u0-1"
|
|
34948
|
+
})(["flex:100%;width:100%;"]);
|
|
34949
|
+
var AnswersContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34950
|
+
displayName: "QuestionDialog__AnswersContainer",
|
|
34951
|
+
componentId: "sc-bxc5u0-2"
|
|
34952
|
+
})(["flex:100%;"]);
|
|
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;}"]);
|
|
35183
34969
|
|
|
35184
34970
|
var ProgressBar = function ProgressBar(_ref) {
|
|
35185
34971
|
var max = _ref.max,
|
|
@@ -35198,7 +34984,7 @@ var ProgressBar = function ProgressBar(_ref) {
|
|
|
35198
34984
|
}
|
|
35199
34985
|
return value * 100 / max;
|
|
35200
34986
|
};
|
|
35201
|
-
return React.createElement(Container$
|
|
34987
|
+
return React.createElement(Container$f, {
|
|
35202
34988
|
className: "rpgui-progress",
|
|
35203
34989
|
"data-value": calculatePercentageValue(max, value) / 100,
|
|
35204
34990
|
"data-rpguitype": "progress",
|
|
@@ -35227,7 +35013,7 @@ var TextOverlay$1 = /*#__PURE__*/styled.div.withConfig({
|
|
|
35227
35013
|
displayName: "ProgressBar__TextOverlay",
|
|
35228
35014
|
componentId: "sc-qa6fzh-1"
|
|
35229
35015
|
})(["width:100%;position:relative;"]);
|
|
35230
|
-
var Container$
|
|
35016
|
+
var Container$f = /*#__PURE__*/styled.div.withConfig({
|
|
35231
35017
|
displayName: "ProgressBar__Container",
|
|
35232
35018
|
componentId: "sc-qa6fzh-2"
|
|
35233
35019
|
})(["display:flex;flex-direction:column;min-width:", "px;width:", "%;justify-content:start;align-items:flex-start;", ""], function (props) {
|
|
@@ -35238,7 +35024,7 @@ var Container$h = /*#__PURE__*/styled.div.withConfig({
|
|
|
35238
35024
|
return props.style;
|
|
35239
35025
|
});
|
|
35240
35026
|
|
|
35241
|
-
var img$
|
|
35027
|
+
var img$8 = 'data:image/png;base64,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';
|
|
35242
35028
|
|
|
35243
35029
|
var QuestInfo = function QuestInfo(_ref) {
|
|
35244
35030
|
var quests = _ref.quests,
|
|
@@ -35280,7 +35066,7 @@ var QuestInfo = function QuestInfo(_ref) {
|
|
|
35280
35066
|
}), React.createElement(QuestContainer, null, React.createElement(TitleContainer$1, {
|
|
35281
35067
|
className: "drag-handler"
|
|
35282
35068
|
}, React.createElement(Title$3, null, React.createElement(Thumbnail, {
|
|
35283
|
-
src: quests[currentIndex].thumbnail || img$
|
|
35069
|
+
src: quests[currentIndex].thumbnail || img$8
|
|
35284
35070
|
}), quests[currentIndex].title), React.createElement(QuestSplitDiv, null, React.createElement("hr", {
|
|
35285
35071
|
className: "golden"
|
|
35286
35072
|
}))), React.createElement(Content, null, React.createElement("p", null, quests[currentIndex].description)), React.createElement(QuestColumn, {
|
|
@@ -35299,7 +35085,7 @@ var QuestInfo = function QuestInfo(_ref) {
|
|
|
35299
35085
|
})))) : React.createElement(QuestsContainer, null, React.createElement(QuestContainer, null, React.createElement(TitleContainer$1, {
|
|
35300
35086
|
className: "drag-handler"
|
|
35301
35087
|
}, React.createElement(Title$3, null, React.createElement(Thumbnail, {
|
|
35302
|
-
src: quests[0].thumbnail || img$
|
|
35088
|
+
src: quests[0].thumbnail || img$8
|
|
35303
35089
|
}), quests[0].title), React.createElement(QuestSplitDiv, null, React.createElement("hr", {
|
|
35304
35090
|
className: "golden"
|
|
35305
35091
|
}))), React.createElement(Content, null, React.createElement("p", null, quests[0].description)), React.createElement(QuestColumn, {
|
|
@@ -35548,7 +35334,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
|
|
|
35548
35334
|
bgColor = _ref$bgColor === void 0 ? 'red' : _ref$bgColor,
|
|
35549
35335
|
_ref$margin = _ref.margin,
|
|
35550
35336
|
margin = _ref$margin === void 0 ? 20 : _ref$margin;
|
|
35551
|
-
return React.createElement(Container$
|
|
35337
|
+
return React.createElement(Container$g, {
|
|
35552
35338
|
className: "simple-progress-bar"
|
|
35553
35339
|
}, React.createElement(ProgressBarContainer, {
|
|
35554
35340
|
margin: margin
|
|
@@ -35557,7 +35343,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
|
|
|
35557
35343
|
bgColor: bgColor
|
|
35558
35344
|
}))));
|
|
35559
35345
|
};
|
|
35560
|
-
var Container$
|
|
35346
|
+
var Container$g = /*#__PURE__*/styled.div.withConfig({
|
|
35561
35347
|
displayName: "SimpleProgressBar__Container",
|
|
35562
35348
|
componentId: "sc-mbeil3-0"
|
|
35563
35349
|
})(["display:flex;justify-content:center;align-items:center;width:100%;"]);
|
|
@@ -35784,7 +35570,7 @@ var Spell = function Spell(_ref) {
|
|
|
35784
35570
|
isSettingShortcut = _ref.isSettingShortcut,
|
|
35785
35571
|
minMagicLevelRequired = _ref.minMagicLevelRequired;
|
|
35786
35572
|
var disabled = isSettingShortcut ? charMagicLevel < minMagicLevelRequired : manaCost > charMana || charMagicLevel < minMagicLevelRequired;
|
|
35787
|
-
return React.createElement(Container$
|
|
35573
|
+
return React.createElement(Container$h, {
|
|
35788
35574
|
disabled: disabled,
|
|
35789
35575
|
onPointerDown: onPointerDown == null ? void 0 : onPointerDown.bind(null, spellKey),
|
|
35790
35576
|
isSettingShortcut: isSettingShortcut && !disabled,
|
|
@@ -35797,7 +35583,7 @@ var Spell = function Spell(_ref) {
|
|
|
35797
35583
|
className: "mana"
|
|
35798
35584
|
}, manaCost)));
|
|
35799
35585
|
};
|
|
35800
|
-
var Container$
|
|
35586
|
+
var Container$h = /*#__PURE__*/styled.button.withConfig({
|
|
35801
35587
|
displayName: "Spell__Container",
|
|
35802
35588
|
componentId: "sc-j96fa2-0"
|
|
35803
35589
|
})(["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) {
|
|
@@ -35882,7 +35668,7 @@ var Spellbook = function Spellbook(_ref) {
|
|
|
35882
35668
|
width: "inherit",
|
|
35883
35669
|
height: "inherit",
|
|
35884
35670
|
cancelDrag: "#spellbook-search, #shortcuts_list, .spell"
|
|
35885
|
-
}, React.createElement(Container$
|
|
35671
|
+
}, React.createElement(Container$i, null, React.createElement(Title$6, null, "Learned Spells"), React.createElement(ShortcutsSetter, {
|
|
35886
35672
|
setSettingShortcutIndex: setSettingShortcutIndex,
|
|
35887
35673
|
settingShortcutIndex: settingShortcutIndex,
|
|
35888
35674
|
shortcuts: shortcuts,
|
|
@@ -35914,7 +35700,7 @@ var Title$6 = /*#__PURE__*/styled.h1.withConfig({
|
|
|
35914
35700
|
displayName: "Spellbook__Title",
|
|
35915
35701
|
componentId: "sc-r02nfq-0"
|
|
35916
35702
|
})(["font-size:", " !important;margin-bottom:0 !important;"], uiFonts.size.large);
|
|
35917
|
-
var Container$
|
|
35703
|
+
var Container$i = /*#__PURE__*/styled.div.withConfig({
|
|
35918
35704
|
displayName: "Spellbook__Container",
|
|
35919
35705
|
componentId: "sc-r02nfq-1"
|
|
35920
35706
|
})(["width:100%;height:100%;color:white;display:flex;flex-direction:column;"]);
|
|
@@ -35928,16 +35714,16 @@ var TextArea = function TextArea(_ref) {
|
|
|
35928
35714
|
return React.createElement("textarea", Object.assign({}, props));
|
|
35929
35715
|
};
|
|
35930
35716
|
|
|
35931
|
-
var img$
|
|
35717
|
+
var img$9 = 'data:image/gif;base64,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';
|
|
35932
35718
|
|
|
35933
|
-
var img$
|
|
35719
|
+
var img$a = 'data:image/gif;base64,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';
|
|
35934
35720
|
|
|
35935
|
-
var img$
|
|
35721
|
+
var img$b = 'data:image/gif;base64,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';
|
|
35936
35722
|
|
|
35937
35723
|
var DayNightPeriod = function DayNightPeriod(_ref) {
|
|
35938
35724
|
var _periodOfDaySrcFiles;
|
|
35939
35725
|
var periodOfDay = _ref.periodOfDay;
|
|
35940
|
-
var periodOfDaySrcFiles = (_periodOfDaySrcFiles = {}, _periodOfDaySrcFiles[PeriodOfDay.Morning] = img$
|
|
35726
|
+
var periodOfDaySrcFiles = (_periodOfDaySrcFiles = {}, _periodOfDaySrcFiles[PeriodOfDay.Morning] = img$a, _periodOfDaySrcFiles[PeriodOfDay.Afternoon] = img$9, _periodOfDaySrcFiles[PeriodOfDay.Night] = img$b, _periodOfDaySrcFiles);
|
|
35941
35727
|
return React.createElement(GifContainer, null, React.createElement("img", {
|
|
35942
35728
|
src: periodOfDaySrcFiles[periodOfDay]
|
|
35943
35729
|
}));
|
|
@@ -35947,7 +35733,7 @@ var GifContainer = /*#__PURE__*/styled.div.withConfig({
|
|
|
35947
35733
|
componentId: "sc-10t97fw-0"
|
|
35948
35734
|
})(["width:100%;img{width:67%;}"]);
|
|
35949
35735
|
|
|
35950
|
-
var img$
|
|
35736
|
+
var img$c = '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';
|
|
35951
35737
|
|
|
35952
35738
|
var TimeWidget = function TimeWidget(_ref) {
|
|
35953
35739
|
var onClose = _ref.onClose,
|
|
@@ -35962,7 +35748,7 @@ var TimeWidget = function TimeWidget(_ref) {
|
|
|
35962
35748
|
var WidgetContainer = /*#__PURE__*/styled.div.withConfig({
|
|
35963
35749
|
displayName: "TimeWidget__WidgetContainer",
|
|
35964
35750
|
componentId: "sc-1ja236h-0"
|
|
35965
|
-
})(["background-image:url(", ");background-size:10rem;background-repeat:no-repeat;width:10rem;position:absolute;height:100px;"], img$
|
|
35751
|
+
})(["background-image:url(", ");background-size:10rem;background-repeat:no-repeat;width:10rem;position:absolute;height:100px;"], img$c);
|
|
35966
35752
|
var Time = /*#__PURE__*/styled.div.withConfig({
|
|
35967
35753
|
displayName: "TimeWidget__Time",
|
|
35968
35754
|
componentId: "sc-1ja236h-1"
|
|
@@ -35976,37 +35762,25 @@ var DayNightContainer = /*#__PURE__*/styled.div.withConfig({
|
|
|
35976
35762
|
componentId: "sc-1ja236h-3"
|
|
35977
35763
|
})(["margin-top:-0.3rem;margin-left:-0.3rem;"]);
|
|
35978
35764
|
|
|
35765
|
+
var outerQty = 10;
|
|
35979
35766
|
var TradingItemRow = function TradingItemRow(_ref) {
|
|
35980
35767
|
var atlasIMG = _ref.atlasIMG,
|
|
35981
35768
|
atlasJSON = _ref.atlasJSON,
|
|
35982
35769
|
onQuantityChange = _ref.onQuantityChange,
|
|
35983
35770
|
traderItem = _ref.traderItem,
|
|
35984
35771
|
selectedQty = _ref.selectedQty;
|
|
35985
|
-
var onLeftClick = function onLeftClick() {
|
|
35986
|
-
if (
|
|
35987
|
-
|
|
35988
|
-
onQuantityChange(traderItem, newQuantity);
|
|
35772
|
+
var onLeftClick = function onLeftClick(qty) {
|
|
35773
|
+
if (qty === void 0) {
|
|
35774
|
+
qty = 1;
|
|
35989
35775
|
}
|
|
35776
|
+
onQuantityChange(traderItem, Math.max(0, selectedQty - qty));
|
|
35990
35777
|
};
|
|
35991
|
-
var onRightClick = function onRightClick() {
|
|
35778
|
+
var onRightClick = function onRightClick(qty) {
|
|
35992
35779
|
var _traderItem$qty;
|
|
35993
|
-
if (
|
|
35994
|
-
|
|
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);
|
|
35780
|
+
if (qty === void 0) {
|
|
35781
|
+
qty = 1;
|
|
36009
35782
|
}
|
|
35783
|
+
onQuantityChange(traderItem, Math.min((_traderItem$qty = traderItem.qty) != null ? _traderItem$qty : 999, selectedQty + qty));
|
|
36010
35784
|
};
|
|
36011
35785
|
return React.createElement(ItemWrapper, null, React.createElement(ItemIconContainer, null, React.createElement(SpriteContainer$1, null, React.createElement(SpriteFromAtlas, {
|
|
36012
35786
|
atlasIMG: atlasIMG,
|
|
@@ -36024,7 +35798,7 @@ var TradingItemRow = function TradingItemRow(_ref) {
|
|
|
36024
35798
|
size: 32,
|
|
36025
35799
|
className: "arrow-selector",
|
|
36026
35800
|
direction: "left",
|
|
36027
|
-
onPointerDown:
|
|
35801
|
+
onPointerDown: onLeftClick.bind(null, outerQty)
|
|
36028
35802
|
}), React.createElement(StyledArrow, {
|
|
36029
35803
|
size: 32,
|
|
36030
35804
|
className: "arrow-selector",
|
|
@@ -36039,7 +35813,7 @@ var TradingItemRow = function TradingItemRow(_ref) {
|
|
|
36039
35813
|
size: 32,
|
|
36040
35814
|
className: "arrow-selector",
|
|
36041
35815
|
direction: "right",
|
|
36042
|
-
onPointerDown:
|
|
35816
|
+
onPointerDown: onRightClick.bind(null, outerQty)
|
|
36043
35817
|
})));
|
|
36044
35818
|
};
|
|
36045
35819
|
var StyledArrow = /*#__PURE__*/styled(SelectArrow).withConfig({
|
|
@@ -36210,16 +35984,230 @@ var Truncate = function Truncate(_ref) {
|
|
|
36210
35984
|
var _ref$maxLines = _ref.maxLines,
|
|
36211
35985
|
maxLines = _ref$maxLines === void 0 ? 1 : _ref$maxLines,
|
|
36212
35986
|
children = _ref.children;
|
|
36213
|
-
return React.createElement(Container$
|
|
35987
|
+
return React.createElement(Container$j, {
|
|
36214
35988
|
maxLines: maxLines
|
|
36215
35989
|
}, children);
|
|
36216
35990
|
};
|
|
36217
|
-
var Container$
|
|
35991
|
+
var Container$j = /*#__PURE__*/styled.div.withConfig({
|
|
36218
35992
|
displayName: "Truncate__Container",
|
|
36219
35993
|
componentId: "sc-6x00qb-0"
|
|
36220
35994
|
})(["display:-webkit-box;max-width:100%;max-height:100%;-webkit-line-clamp:", ";-webkit-box-orient:vertical;overflow:hidden;"], function (props) {
|
|
36221
35995
|
return props.maxLines;
|
|
36222
35996
|
});
|
|
36223
35997
|
|
|
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
|
+
|
|
36224
36212
|
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 };
|
|
36225
36213
|
//# sourceMappingURL=long-bow.esm.js.map
|