@rpg-engine/long-bow 0.3.62 → 0.3.64
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 +924 -913
- 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 +738 -727
- 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 +165 -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 -181
- package/src/components/TradingMenu/TradingMenu.tsx +203 -203
- package/src/components/TradingMenu/items.mock.ts +96 -96
- package/src/components/Truncate.tsx +25 -25
- package/src/components/itemSelector/ItemSelector.tsx +136 -136
- package/src/components/shared/Column.tsx +16 -16
- package/src/components/shared/Ellipsis.tsx +65 -65
- package/src/components/shared/SpriteFromAtlas.tsx +102 -102
- package/src/components/typography/DynamicText.tsx +49 -49
- package/src/constants/uiColors.ts +20 -20
- package/src/constants/uiDevices.ts +3 -3
- package/src/constants/uiFonts.ts +12 -12
- package/src/hooks/useEventListener.ts +21 -21
- package/src/hooks/useOutsideAlerter.ts +25 -25
- package/src/index.tsx +40 -40
- package/src/libs/StringHelpers.ts +3 -3
- package/src/mocks/atlas/entities/entities.json +20215 -20215
- package/src/mocks/atlas/icons/icons.json +735 -735
- package/src/mocks/atlas/items/items.json +12086 -12086
- package/src/mocks/equipmentSet.mocks.ts +393 -393
- package/src/mocks/itemContainer.mocks.ts +562 -562
- package/src/mocks/skills.mocks.ts +128 -128
- package/src/stories/Arrow.stories.tsx +26 -26
- package/src/stories/Button.stories.tsx +36 -36
- package/src/stories/CharacterSelection.stories.tsx +45 -45
- package/src/stories/CharacterStatus.stories.tsx +29 -29
- package/src/stories/Chat.stories.tsx +187 -187
- package/src/stories/ChatDeprecated.stories.tsx +170 -170
- package/src/stories/CheckButton.stories.tsx +48 -48
- package/src/stories/CircullarController.stories.tsx +37 -37
- package/src/stories/CraftBook.stories.tsx +40 -40
- package/src/stories/DayNightPeriod.stories.tsx +27 -27
- package/src/stories/DraggableContainer.stories.tsx +28 -28
- package/src/stories/Dropdown.stories.tsx +46 -46
- package/src/stories/DropdownSelectorContainer.stories.tsx +41 -41
- package/src/stories/EquipmentSet.stories.tsx +65 -65
- package/src/stories/HistoryDialog.stories.tsx +61 -61
- package/src/stories/ItemContainer.stories.tsx +198 -198
- package/src/stories/ItemQuantitySelector.stories.tsx +26 -26
- package/src/stories/ItemSelector.stories.tsx +77 -77
- package/src/stories/ItemTradingComponent.stories.tsx +35 -35
- package/src/stories/ListMenu.stories.tsx +56 -56
- package/src/stories/Multitab.stories.tsx +51 -51
- package/src/stories/NPCDialog.stories.tsx +130 -130
- package/src/stories/NPCMultiDialog.stories.tsx +71 -71
- package/src/stories/ProgressBar.stories.tsx +23 -23
- package/src/stories/PropertySelect.stories.tsx +40 -40
- package/src/stories/QuestInfo.stories.tsx +107 -107
- package/src/stories/QuestList.stories.tsx +82 -82
- package/src/stories/RPGUIContainers.stories.tsx +42 -42
- package/src/stories/RadioButton.stories.tsx +49 -49
- package/src/stories/RadioInput.stories.tsx +34 -34
- package/src/stories/RangeSlider.stories.tsx +64 -64
- package/src/stories/ScrollList.stories.tsx +85 -85
- package/src/stories/Shortcuts.stories.tsx +39 -39
- package/src/stories/SimpleProgressBar.stories.tsx +22 -22
- package/src/stories/SkillProgressBar.stories.tsx +34 -34
- package/src/stories/SkillsContainer.stories.tsx +35 -35
- package/src/stories/Spellbook.stories.tsx +104 -104
- package/src/stories/StaticBook.stories.tsx +32 -32
- package/src/stories/Text.stories.tsx +42 -42
- package/src/stories/TimeWidget.stories.tsx +27 -27
- package/src/stories/TradingMenu.stories.tsx +45 -45
- package/src/types/eventTypes.ts +4 -4
- package/src/types/index.d.ts +2 -2
package/dist/long-bow.esm.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { Component, useState, useEffect, useRef, useMemo, Fragment } from 'react';
|
|
2
2
|
import styled from 'styled-components';
|
|
3
|
-
import { GRID_WIDTH, GRID_HEIGHT, ShortcutType, getItemTextureKeyPath, ItemSubType, ItemContainerType, ItemType, ItemSocketEventsDisplayLabels, ActionsForInventory, ActionsForEquipmentSet, ActionsForLoot, ActionsForMapContainer, ItemRarities, ItemSlotType, getSPForLevel, PeriodOfDay
|
|
3
|
+
import { GRID_WIDTH, GRID_HEIGHT, ShortcutType, getItemTextureKeyPath, ItemSubType, ItemContainerType, ItemType, ItemSocketEventsDisplayLabels, ActionsForInventory, ActionsForEquipmentSet, ActionsForLoot, ActionsForMapContainer, ItemRarities, ItemSlotType, isMobileOrTablet, getSPForLevel, PeriodOfDay } from '@rpg-engine/shared';
|
|
4
4
|
import dayjs from 'dayjs';
|
|
5
5
|
import { ErrorBoundary as ErrorBoundary$1 } from 'react-error-boundary';
|
|
6
6
|
import { RxPaperPlane } from 'react-icons/rx';
|
|
@@ -33219,6 +33219,17 @@ var DraggableContainer = function DraggableContainer(_ref) {
|
|
|
33219
33219
|
} : _ref$initialPosition;
|
|
33220
33220
|
var draggableRef = useRef(null);
|
|
33221
33221
|
useOutsideClick(draggableRef, 'item-container');
|
|
33222
|
+
useEffect(function () {
|
|
33223
|
+
var handleKeyDown = function handleKeyDown(event) {
|
|
33224
|
+
if (event.key === 'Escape' && onCloseButton) {
|
|
33225
|
+
onCloseButton();
|
|
33226
|
+
}
|
|
33227
|
+
};
|
|
33228
|
+
document.addEventListener('keydown', handleKeyDown);
|
|
33229
|
+
return function () {
|
|
33230
|
+
document.removeEventListener('keydown', handleKeyDown);
|
|
33231
|
+
};
|
|
33232
|
+
}, [onCloseButton]);
|
|
33222
33233
|
useEffect(function () {
|
|
33223
33234
|
document.addEventListener('clickOutside', function (event) {
|
|
33224
33235
|
var e = event;
|
|
@@ -34140,6 +34151,546 @@ var EquipmentColumn = /*#__PURE__*/styled.div.withConfig({
|
|
|
34140
34151
|
componentId: "sc-1wuddg2-1"
|
|
34141
34152
|
})(["display:flex;justify-content:center;flex-wrap:wrap;flex-direction:column;touch-action:none;"]);
|
|
34142
34153
|
|
|
34154
|
+
var IS_MOBILE_OR_TABLET = /*#__PURE__*/isMobileOrTablet();
|
|
34155
|
+
|
|
34156
|
+
var chunkString = function chunkString(str, length) {
|
|
34157
|
+
return str.match(new RegExp('.{1,' + length + '}', 'g'));
|
|
34158
|
+
};
|
|
34159
|
+
|
|
34160
|
+
var DynamicText = function DynamicText(_ref) {
|
|
34161
|
+
var text = _ref.text,
|
|
34162
|
+
onFinish = _ref.onFinish,
|
|
34163
|
+
onStart = _ref.onStart;
|
|
34164
|
+
var _useState = useState(''),
|
|
34165
|
+
textState = _useState[0],
|
|
34166
|
+
setTextState = _useState[1];
|
|
34167
|
+
useEffect(function () {
|
|
34168
|
+
var i = 0;
|
|
34169
|
+
var interval = setInterval(function () {
|
|
34170
|
+
// on every interval, show one more character
|
|
34171
|
+
if (i === 0) {
|
|
34172
|
+
if (onStart) {
|
|
34173
|
+
onStart();
|
|
34174
|
+
}
|
|
34175
|
+
}
|
|
34176
|
+
if (i < text.length) {
|
|
34177
|
+
setTextState(text.substring(0, i + 1));
|
|
34178
|
+
i++;
|
|
34179
|
+
} else {
|
|
34180
|
+
clearInterval(interval);
|
|
34181
|
+
if (onFinish) {
|
|
34182
|
+
onFinish();
|
|
34183
|
+
}
|
|
34184
|
+
}
|
|
34185
|
+
}, 50);
|
|
34186
|
+
return function () {
|
|
34187
|
+
clearInterval(interval);
|
|
34188
|
+
};
|
|
34189
|
+
}, [text]);
|
|
34190
|
+
return React.createElement(TextContainer, null, textState);
|
|
34191
|
+
};
|
|
34192
|
+
var TextContainer = /*#__PURE__*/styled.p.withConfig({
|
|
34193
|
+
displayName: "DynamicText__TextContainer",
|
|
34194
|
+
componentId: "sc-1ggl9nd-0"
|
|
34195
|
+
})(["font-size:0.7rem !important;color:white;text-shadow:1px 1px 0px #000000;letter-spacing:1.2px;word-break:normal;"]);
|
|
34196
|
+
|
|
34197
|
+
var img$6 = 'data:image/gif;base64,R0lGODlhEAAQAPIAAAAAABQYLiw1TUBJc2hvmQAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAM9CLrc/lCFGSKYJJP5AhlguDnBMIVgxXgmJapSSp3mKs/pKrT0IMCXUk+2Cgh2oSOnaDz+lswZpSOFUq2KBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAIzhI+py90Bg4OjDrjCELxfFQhQx0mIJkaeaYRp5LJADMdnqXbyOJLYTdKBejjZoRaZJBMFACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAABAAEAAAAjKEj6nL7Y+CDE6OO+QKQ/ifKYEgfR4VddPohQe7lmR0xidNTib65uacYP2AQWGuMlEUAAA7';
|
|
34198
|
+
|
|
34199
|
+
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';
|
|
34200
|
+
|
|
34201
|
+
var NPCDialogText = function NPCDialogText(_ref) {
|
|
34202
|
+
var text = _ref.text,
|
|
34203
|
+
onClose = _ref.onClose,
|
|
34204
|
+
onEndStep = _ref.onEndStep,
|
|
34205
|
+
onStartStep = _ref.onStartStep,
|
|
34206
|
+
type = _ref.type;
|
|
34207
|
+
var windowSize = useRef([window.innerWidth, window.innerHeight]);
|
|
34208
|
+
function maxCharacters(width) {
|
|
34209
|
+
// Set the font size to 16 pixels
|
|
34210
|
+
var fontSize = 11.2;
|
|
34211
|
+
// Calculate the number of characters that can fit in one line
|
|
34212
|
+
var charactersPerLine = Math.floor(width / 2 / fontSize);
|
|
34213
|
+
// Calculate the number of lines that can fit in the div
|
|
34214
|
+
var linesPerDiv = Math.floor(180 / fontSize);
|
|
34215
|
+
// Calculate the maximum number of characters that can fit in the div
|
|
34216
|
+
var maxCharacters = charactersPerLine * linesPerDiv;
|
|
34217
|
+
// Return the maximum number of characters
|
|
34218
|
+
return Math.round(maxCharacters / 5);
|
|
34219
|
+
}
|
|
34220
|
+
var textChunks = chunkString(text, maxCharacters(windowSize.current[0]));
|
|
34221
|
+
var _useState = useState(0),
|
|
34222
|
+
chunkIndex = _useState[0],
|
|
34223
|
+
setChunkIndex = _useState[1];
|
|
34224
|
+
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
34225
|
+
if (event.code === 'Space') {
|
|
34226
|
+
goToNextStep();
|
|
34227
|
+
}
|
|
34228
|
+
};
|
|
34229
|
+
var goToNextStep = function goToNextStep() {
|
|
34230
|
+
var hasNextChunk = (textChunks == null ? void 0 : textChunks[chunkIndex + 1]) || false;
|
|
34231
|
+
if (hasNextChunk) {
|
|
34232
|
+
setChunkIndex(function (prev) {
|
|
34233
|
+
return prev + 1;
|
|
34234
|
+
});
|
|
34235
|
+
} else {
|
|
34236
|
+
// if there's no more text chunks, close the dialog
|
|
34237
|
+
onClose();
|
|
34238
|
+
}
|
|
34239
|
+
};
|
|
34240
|
+
useEffect(function () {
|
|
34241
|
+
document.addEventListener('keydown', onHandleSpacePress);
|
|
34242
|
+
return function () {
|
|
34243
|
+
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
34244
|
+
};
|
|
34245
|
+
}, [chunkIndex]);
|
|
34246
|
+
var _useState2 = useState(false),
|
|
34247
|
+
showGoNextIndicator = _useState2[0],
|
|
34248
|
+
setShowGoNextIndicator = _useState2[1];
|
|
34249
|
+
return React.createElement(Container$b, null, React.createElement(DynamicText, {
|
|
34250
|
+
text: (textChunks == null ? void 0 : textChunks[chunkIndex]) || '',
|
|
34251
|
+
onFinish: function onFinish() {
|
|
34252
|
+
setShowGoNextIndicator(true);
|
|
34253
|
+
onEndStep && onEndStep();
|
|
34254
|
+
},
|
|
34255
|
+
onStart: function onStart() {
|
|
34256
|
+
setShowGoNextIndicator(false);
|
|
34257
|
+
onStartStep && onStartStep();
|
|
34258
|
+
}
|
|
34259
|
+
}), showGoNextIndicator && React.createElement(PressSpaceIndicator, {
|
|
34260
|
+
right: type === NPCDialogType.TextOnly ? '1rem' : '10.5rem',
|
|
34261
|
+
src: IS_MOBILE_OR_TABLET ? img$6 : img$7,
|
|
34262
|
+
onPointerDown: function onPointerDown() {
|
|
34263
|
+
goToNextStep();
|
|
34264
|
+
}
|
|
34265
|
+
}));
|
|
34266
|
+
};
|
|
34267
|
+
var Container$b = /*#__PURE__*/styled.div.withConfig({
|
|
34268
|
+
displayName: "NPCDialogText__Container",
|
|
34269
|
+
componentId: "sc-1cxkdh9-0"
|
|
34270
|
+
})([""]);
|
|
34271
|
+
var PressSpaceIndicator = /*#__PURE__*/styled.img.withConfig({
|
|
34272
|
+
displayName: "NPCDialogText__PressSpaceIndicator",
|
|
34273
|
+
componentId: "sc-1cxkdh9-1"
|
|
34274
|
+
})(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref2) {
|
|
34275
|
+
var right = _ref2.right;
|
|
34276
|
+
return right;
|
|
34277
|
+
});
|
|
34278
|
+
|
|
34279
|
+
//@ts-ignore
|
|
34280
|
+
var useEventListener = function useEventListener(type, handler, el) {
|
|
34281
|
+
if (el === void 0) {
|
|
34282
|
+
el = window;
|
|
34283
|
+
}
|
|
34284
|
+
var savedHandler = React.useRef();
|
|
34285
|
+
React.useEffect(function () {
|
|
34286
|
+
savedHandler.current = handler;
|
|
34287
|
+
}, [handler]);
|
|
34288
|
+
React.useEffect(function () {
|
|
34289
|
+
//@ts-ignore
|
|
34290
|
+
var listener = function listener(e) {
|
|
34291
|
+
return savedHandler.current(e);
|
|
34292
|
+
};
|
|
34293
|
+
el.addEventListener(type, listener);
|
|
34294
|
+
return function () {
|
|
34295
|
+
el.removeEventListener(type, listener);
|
|
34296
|
+
};
|
|
34297
|
+
}, [type, el]);
|
|
34298
|
+
};
|
|
34299
|
+
|
|
34300
|
+
var QuestionDialog = function QuestionDialog(_ref) {
|
|
34301
|
+
var questions = _ref.questions,
|
|
34302
|
+
answers = _ref.answers,
|
|
34303
|
+
onClose = _ref.onClose;
|
|
34304
|
+
var _useState = useState(questions[0]),
|
|
34305
|
+
currentQuestion = _useState[0],
|
|
34306
|
+
setCurrentQuestion = _useState[1];
|
|
34307
|
+
var _useState2 = useState(false),
|
|
34308
|
+
canShowAnswers = _useState2[0],
|
|
34309
|
+
setCanShowAnswers = _useState2[1];
|
|
34310
|
+
var onGetFirstAnswer = function onGetFirstAnswer() {
|
|
34311
|
+
if (!currentQuestion.answerIds || currentQuestion.answerIds.length === 0) {
|
|
34312
|
+
return null;
|
|
34313
|
+
}
|
|
34314
|
+
var firstAnswerId = currentQuestion.answerIds[0];
|
|
34315
|
+
return answers.find(function (answer) {
|
|
34316
|
+
return answer.id === firstAnswerId;
|
|
34317
|
+
});
|
|
34318
|
+
};
|
|
34319
|
+
var _useState3 = useState(onGetFirstAnswer()),
|
|
34320
|
+
currentAnswer = _useState3[0],
|
|
34321
|
+
setCurrentAnswer = _useState3[1];
|
|
34322
|
+
useEffect(function () {
|
|
34323
|
+
setCurrentAnswer(onGetFirstAnswer());
|
|
34324
|
+
}, [currentQuestion]);
|
|
34325
|
+
var onGetAnswers = function onGetAnswers(answerIds) {
|
|
34326
|
+
return answerIds.map(function (answerId) {
|
|
34327
|
+
return answers.find(function (answer) {
|
|
34328
|
+
return answer.id === answerId;
|
|
34329
|
+
});
|
|
34330
|
+
});
|
|
34331
|
+
};
|
|
34332
|
+
var onKeyPress = function onKeyPress(e) {
|
|
34333
|
+
switch (e.key) {
|
|
34334
|
+
case 'ArrowDown':
|
|
34335
|
+
// select next answer, if any.
|
|
34336
|
+
// if no next answer, select first answer
|
|
34337
|
+
// const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(
|
|
34338
|
+
// (answer) => answer?.id === currentAnswer!.id + 1
|
|
34339
|
+
// );
|
|
34340
|
+
var nextAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
|
|
34341
|
+
return (answer == null ? void 0 : answer.id) === currentAnswer.id + 1;
|
|
34342
|
+
});
|
|
34343
|
+
var nextAnswerID = currentQuestion.answerIds[nextAnswerIndex];
|
|
34344
|
+
var nextAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
|
|
34345
|
+
return (answer == null ? void 0 : answer.id) === nextAnswerID;
|
|
34346
|
+
});
|
|
34347
|
+
setCurrentAnswer(nextAnswer || onGetFirstAnswer());
|
|
34348
|
+
break;
|
|
34349
|
+
case 'ArrowUp':
|
|
34350
|
+
// select previous answer, if any.
|
|
34351
|
+
// if no previous answer, select last answer
|
|
34352
|
+
var previousAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
|
|
34353
|
+
return (answer == null ? void 0 : answer.id) === currentAnswer.id - 1;
|
|
34354
|
+
});
|
|
34355
|
+
var previousAnswerID = currentQuestion.answerIds && currentQuestion.answerIds[previousAnswerIndex];
|
|
34356
|
+
var previousAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
|
|
34357
|
+
return (answer == null ? void 0 : answer.id) === previousAnswerID;
|
|
34358
|
+
});
|
|
34359
|
+
if (previousAnswer) {
|
|
34360
|
+
setCurrentAnswer(previousAnswer);
|
|
34361
|
+
} else {
|
|
34362
|
+
setCurrentAnswer(onGetAnswers(currentQuestion.answerIds).pop());
|
|
34363
|
+
}
|
|
34364
|
+
break;
|
|
34365
|
+
case 'Enter':
|
|
34366
|
+
setCanShowAnswers(false);
|
|
34367
|
+
if (!(currentAnswer != null && currentAnswer.nextQuestionId)) {
|
|
34368
|
+
onClose();
|
|
34369
|
+
return;
|
|
34370
|
+
} else {
|
|
34371
|
+
setCurrentQuestion(questions.find(function (question) {
|
|
34372
|
+
return question.id === currentAnswer.nextQuestionId;
|
|
34373
|
+
}));
|
|
34374
|
+
}
|
|
34375
|
+
break;
|
|
34376
|
+
}
|
|
34377
|
+
};
|
|
34378
|
+
useEventListener('keydown', onKeyPress);
|
|
34379
|
+
var onAnswerClick = function onAnswerClick(answer) {
|
|
34380
|
+
setCanShowAnswers(false);
|
|
34381
|
+
if (answer.nextQuestionId) {
|
|
34382
|
+
// if there is a next question, go to it
|
|
34383
|
+
setCurrentQuestion(questions.find(function (question) {
|
|
34384
|
+
return question.id === answer.nextQuestionId;
|
|
34385
|
+
}));
|
|
34386
|
+
} else {
|
|
34387
|
+
// else, finish dialog!
|
|
34388
|
+
onClose();
|
|
34389
|
+
}
|
|
34390
|
+
};
|
|
34391
|
+
var onRenderCurrentAnswers = function onRenderCurrentAnswers() {
|
|
34392
|
+
var answerIds = currentQuestion.answerIds;
|
|
34393
|
+
if (!answerIds) {
|
|
34394
|
+
return null;
|
|
34395
|
+
}
|
|
34396
|
+
var answers = onGetAnswers(answerIds);
|
|
34397
|
+
if (!answers) {
|
|
34398
|
+
return null;
|
|
34399
|
+
}
|
|
34400
|
+
return answers.map(function (answer) {
|
|
34401
|
+
var isSelected = (currentAnswer == null ? void 0 : currentAnswer.id) === (answer == null ? void 0 : answer.id);
|
|
34402
|
+
var selectedColor = isSelected ? 'yellow' : 'white';
|
|
34403
|
+
if (answer) {
|
|
34404
|
+
return React.createElement(AnswerRow, {
|
|
34405
|
+
key: "answer_" + answer.id
|
|
34406
|
+
}, React.createElement(AnswerSelectedIcon, {
|
|
34407
|
+
color: selectedColor
|
|
34408
|
+
}, isSelected ? 'X' : null), React.createElement(Answer, {
|
|
34409
|
+
key: answer.id,
|
|
34410
|
+
onPointerDown: function onPointerDown() {
|
|
34411
|
+
return onAnswerClick(answer);
|
|
34412
|
+
},
|
|
34413
|
+
color: selectedColor
|
|
34414
|
+
}, answer.text));
|
|
34415
|
+
}
|
|
34416
|
+
return null;
|
|
34417
|
+
});
|
|
34418
|
+
};
|
|
34419
|
+
return React.createElement(Container$c, null, React.createElement(QuestionContainer, null, React.createElement(DynamicText, {
|
|
34420
|
+
text: currentQuestion.text,
|
|
34421
|
+
onStart: function onStart() {
|
|
34422
|
+
return setCanShowAnswers(false);
|
|
34423
|
+
},
|
|
34424
|
+
onFinish: function onFinish() {
|
|
34425
|
+
return setCanShowAnswers(true);
|
|
34426
|
+
}
|
|
34427
|
+
})), canShowAnswers && React.createElement(AnswersContainer, null, onRenderCurrentAnswers()));
|
|
34428
|
+
};
|
|
34429
|
+
var Container$c = /*#__PURE__*/styled.div.withConfig({
|
|
34430
|
+
displayName: "QuestionDialog__Container",
|
|
34431
|
+
componentId: "sc-bxc5u0-0"
|
|
34432
|
+
})(["display:flex;word-break:break-all;box-sizing:border-box;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;"]);
|
|
34433
|
+
var QuestionContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34434
|
+
displayName: "QuestionDialog__QuestionContainer",
|
|
34435
|
+
componentId: "sc-bxc5u0-1"
|
|
34436
|
+
})(["flex:100%;width:100%;"]);
|
|
34437
|
+
var AnswersContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34438
|
+
displayName: "QuestionDialog__AnswersContainer",
|
|
34439
|
+
componentId: "sc-bxc5u0-2"
|
|
34440
|
+
})(["flex:100%;"]);
|
|
34441
|
+
var Answer = /*#__PURE__*/styled.p.withConfig({
|
|
34442
|
+
displayName: "QuestionDialog__Answer",
|
|
34443
|
+
componentId: "sc-bxc5u0-3"
|
|
34444
|
+
})(["flex:auto;color:", " !important;font-size:0.65rem !important;background:inherit;border:none;"], function (props) {
|
|
34445
|
+
return props.color;
|
|
34446
|
+
});
|
|
34447
|
+
var AnswerSelectedIcon = /*#__PURE__*/styled.span.withConfig({
|
|
34448
|
+
displayName: "QuestionDialog__AnswerSelectedIcon",
|
|
34449
|
+
componentId: "sc-bxc5u0-4"
|
|
34450
|
+
})(["flex:5% 0 0;color:", " !important;"], function (props) {
|
|
34451
|
+
return props.color;
|
|
34452
|
+
});
|
|
34453
|
+
var AnswerRow = /*#__PURE__*/styled.div.withConfig({
|
|
34454
|
+
displayName: "QuestionDialog__AnswerRow",
|
|
34455
|
+
componentId: "sc-bxc5u0-5"
|
|
34456
|
+
})(["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;}"]);
|
|
34457
|
+
|
|
34458
|
+
var img$8 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAP1BMVEUAAAA7FyVxQTsUEBPj5v////+5v/tCJDOOUlIiHBr1oJfptaO6dWr61rhzFy1bMTjoanMUNGQoXMQkn97+88DQ3IhAAAAAAXRSTlMAQObYZgAAAAFiS0dEBfhv6ccAAAAHdElNRQfmAw4VOBC7c5LYAAABM0lEQVQ4y3XRi5KDIAwFUAUkbrBgpP//rZsHVHQ009qZ3tPboNN0zmwzvcw8O5sX4y0NOg/Et3jRCXF+ziULorjkOQ9gE24dvuUAzq08DiCO4pe3WN7zCP56vmpubBReQYC11YPS86ySxxCsAABTSgjb5m4g8nfbxvFHBkH2OEEvAItVuCuIsgGgl+Gcr7kDXxhEAx55A2SQEEeQeZwUaIP8Tbo05B0RFPhItAjgj1w6cDnhLluDj+Egkh3pCCP4pKQAw1IPO0W9Nti5gW9RP2dKA3BZd2Dw+baYX+Nt4GM00O4S3kEpF6Alb2Bv4LeC3kkGfAW0/p0RPoJVKr63ghHsKuRh5DIUKOAlGOwrtt9fQekAEfmhZslHUDoglB0zjfkJigN7UnTQQ4GBWomoVhEN/AOPSBh38gy+fwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wMy0xNFQyMTo1NTo1MSswMDowMJcc0eEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDMtMTRUMjE6NTU6NTErMDA6MDDmQWldAAAAAElFTkSuQmCC';
|
|
34459
|
+
|
|
34460
|
+
var NPCDialogType;
|
|
34461
|
+
(function (NPCDialogType) {
|
|
34462
|
+
NPCDialogType["TextOnly"] = "TextOnly";
|
|
34463
|
+
NPCDialogType["TextAndThumbnail"] = "TextAndThumbnail";
|
|
34464
|
+
})(NPCDialogType || (NPCDialogType = {}));
|
|
34465
|
+
var NPCDialog = function NPCDialog(_ref) {
|
|
34466
|
+
var text = _ref.text,
|
|
34467
|
+
type = _ref.type,
|
|
34468
|
+
_onClose = _ref.onClose,
|
|
34469
|
+
imagePath = _ref.imagePath,
|
|
34470
|
+
_ref$isQuestionDialog = _ref.isQuestionDialog,
|
|
34471
|
+
isQuestionDialog = _ref$isQuestionDialog === void 0 ? false : _ref$isQuestionDialog,
|
|
34472
|
+
questions = _ref.questions,
|
|
34473
|
+
answers = _ref.answers;
|
|
34474
|
+
return React.createElement(RPGUIContainer, {
|
|
34475
|
+
type: RPGUIContainerTypes.FramedGold,
|
|
34476
|
+
width: isQuestionDialog ? '600px' : '80%',
|
|
34477
|
+
height: '180px'
|
|
34478
|
+
}, isQuestionDialog && questions && answers ? React.createElement(React.Fragment, null, React.createElement(TextContainer$1, {
|
|
34479
|
+
flex: type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'
|
|
34480
|
+
}, React.createElement(QuestionDialog, {
|
|
34481
|
+
questions: questions,
|
|
34482
|
+
answers: answers,
|
|
34483
|
+
onClose: function onClose() {
|
|
34484
|
+
if (_onClose) {
|
|
34485
|
+
_onClose();
|
|
34486
|
+
}
|
|
34487
|
+
}
|
|
34488
|
+
})), type === NPCDialogType.TextAndThumbnail && React.createElement(ThumbnailContainer, null, React.createElement(NPCThumbnail, {
|
|
34489
|
+
src: imagePath || img$8
|
|
34490
|
+
}))) : React.createElement(React.Fragment, null, React.createElement(Container$d, null, React.createElement(TextContainer$1, {
|
|
34491
|
+
flex: type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'
|
|
34492
|
+
}, React.createElement(NPCDialogText, {
|
|
34493
|
+
type: type,
|
|
34494
|
+
text: text || 'No text provided.',
|
|
34495
|
+
onClose: function onClose() {
|
|
34496
|
+
if (_onClose) {
|
|
34497
|
+
_onClose();
|
|
34498
|
+
}
|
|
34499
|
+
}
|
|
34500
|
+
})), type === NPCDialogType.TextAndThumbnail && React.createElement(ThumbnailContainer, null, React.createElement(NPCThumbnail, {
|
|
34501
|
+
src: imagePath || img$8
|
|
34502
|
+
})))));
|
|
34503
|
+
};
|
|
34504
|
+
var Container$d = /*#__PURE__*/styled.div.withConfig({
|
|
34505
|
+
displayName: "NPCDialog__Container",
|
|
34506
|
+
componentId: "sc-1b4aw74-0"
|
|
34507
|
+
})(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
|
|
34508
|
+
var TextContainer$1 = /*#__PURE__*/styled.div.withConfig({
|
|
34509
|
+
displayName: "NPCDialog__TextContainer",
|
|
34510
|
+
componentId: "sc-1b4aw74-1"
|
|
34511
|
+
})(["flex:", " 0 0;width:355px;"], function (_ref2) {
|
|
34512
|
+
var flex = _ref2.flex;
|
|
34513
|
+
return flex;
|
|
34514
|
+
});
|
|
34515
|
+
var ThumbnailContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34516
|
+
displayName: "NPCDialog__ThumbnailContainer",
|
|
34517
|
+
componentId: "sc-1b4aw74-2"
|
|
34518
|
+
})(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
|
|
34519
|
+
var NPCThumbnail = /*#__PURE__*/styled.img.withConfig({
|
|
34520
|
+
displayName: "NPCDialog__NPCThumbnail",
|
|
34521
|
+
componentId: "sc-1b4aw74-3"
|
|
34522
|
+
})(["image-rendering:pixelated;height:128px;width:128px;"]);
|
|
34523
|
+
|
|
34524
|
+
var ImgSide;
|
|
34525
|
+
(function (ImgSide) {
|
|
34526
|
+
ImgSide["right"] = "right";
|
|
34527
|
+
ImgSide["left"] = "left";
|
|
34528
|
+
})(ImgSide || (ImgSide = {}));
|
|
34529
|
+
var NPCMultiDialog = function NPCMultiDialog(_ref) {
|
|
34530
|
+
var _textAndTypeArray$sli;
|
|
34531
|
+
var _onClose = _ref.onClose,
|
|
34532
|
+
textAndTypeArray = _ref.textAndTypeArray;
|
|
34533
|
+
var _useState = useState(false),
|
|
34534
|
+
showGoNextIndicator = _useState[0],
|
|
34535
|
+
setShowGoNextIndicator = _useState[1];
|
|
34536
|
+
var _useState2 = useState(0),
|
|
34537
|
+
slide = _useState2[0],
|
|
34538
|
+
setSlide = _useState2[1];
|
|
34539
|
+
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
34540
|
+
if (event.code === 'Space') {
|
|
34541
|
+
if (slide < (textAndTypeArray == null ? void 0 : textAndTypeArray.length) - 1) {
|
|
34542
|
+
setSlide(function (prev) {
|
|
34543
|
+
return prev + 1;
|
|
34544
|
+
});
|
|
34545
|
+
} else {
|
|
34546
|
+
// if there's no more text chunks, close the dialog
|
|
34547
|
+
_onClose();
|
|
34548
|
+
}
|
|
34549
|
+
}
|
|
34550
|
+
};
|
|
34551
|
+
useEffect(function () {
|
|
34552
|
+
document.addEventListener('keydown', onHandleSpacePress);
|
|
34553
|
+
return function () {
|
|
34554
|
+
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
34555
|
+
};
|
|
34556
|
+
}, [slide]);
|
|
34557
|
+
return React.createElement(RPGUIContainer, {
|
|
34558
|
+
type: RPGUIContainerTypes.FramedGold,
|
|
34559
|
+
width: '50%',
|
|
34560
|
+
height: '180px'
|
|
34561
|
+
}, 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, {
|
|
34562
|
+
flex: '70%'
|
|
34563
|
+
}, React.createElement(NPCDialogText, {
|
|
34564
|
+
onStartStep: function onStartStep() {
|
|
34565
|
+
return setShowGoNextIndicator(false);
|
|
34566
|
+
},
|
|
34567
|
+
onEndStep: function onEndStep() {
|
|
34568
|
+
return setShowGoNextIndicator(true);
|
|
34569
|
+
},
|
|
34570
|
+
text: textAndTypeArray[slide].text || 'No text provided.',
|
|
34571
|
+
onClose: function onClose() {
|
|
34572
|
+
if (_onClose) {
|
|
34573
|
+
_onClose();
|
|
34574
|
+
}
|
|
34575
|
+
}
|
|
34576
|
+
})), React.createElement(ThumbnailContainer$1, null, React.createElement(NPCThumbnail$1, {
|
|
34577
|
+
src: textAndTypeArray[slide].imagePath || img$8
|
|
34578
|
+
})), showGoNextIndicator && React.createElement(PressSpaceIndicator$1, {
|
|
34579
|
+
right: '10.5rem',
|
|
34580
|
+
src: img$7
|
|
34581
|
+
})), textAndTypeArray[slide].imageSide === 'left' && React.createElement(React.Fragment, null, React.createElement(ThumbnailContainer$1, null, React.createElement(NPCThumbnail$1, {
|
|
34582
|
+
src: textAndTypeArray[slide].imagePath || img$8
|
|
34583
|
+
})), React.createElement(TextContainer$2, {
|
|
34584
|
+
flex: '70%'
|
|
34585
|
+
}, React.createElement(NPCDialogText, {
|
|
34586
|
+
onStartStep: function onStartStep() {
|
|
34587
|
+
return setShowGoNextIndicator(false);
|
|
34588
|
+
},
|
|
34589
|
+
onEndStep: function onEndStep() {
|
|
34590
|
+
return setShowGoNextIndicator(true);
|
|
34591
|
+
},
|
|
34592
|
+
text: textAndTypeArray[slide].text || 'No text provided.',
|
|
34593
|
+
onClose: function onClose() {
|
|
34594
|
+
if (_onClose) {
|
|
34595
|
+
_onClose();
|
|
34596
|
+
}
|
|
34597
|
+
}
|
|
34598
|
+
})), showGoNextIndicator && React.createElement(PressSpaceIndicator$1, {
|
|
34599
|
+
right: '1rem',
|
|
34600
|
+
src: img$7
|
|
34601
|
+
}))), ")"));
|
|
34602
|
+
};
|
|
34603
|
+
var Container$e = /*#__PURE__*/styled.div.withConfig({
|
|
34604
|
+
displayName: "NPCMultiDialog__Container",
|
|
34605
|
+
componentId: "sc-rvu5wg-0"
|
|
34606
|
+
})(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
|
|
34607
|
+
var TextContainer$2 = /*#__PURE__*/styled.div.withConfig({
|
|
34608
|
+
displayName: "NPCMultiDialog__TextContainer",
|
|
34609
|
+
componentId: "sc-rvu5wg-1"
|
|
34610
|
+
})(["flex:", " 0 0;width:355px;"], function (_ref2) {
|
|
34611
|
+
var flex = _ref2.flex;
|
|
34612
|
+
return flex;
|
|
34613
|
+
});
|
|
34614
|
+
var ThumbnailContainer$1 = /*#__PURE__*/styled.div.withConfig({
|
|
34615
|
+
displayName: "NPCMultiDialog__ThumbnailContainer",
|
|
34616
|
+
componentId: "sc-rvu5wg-2"
|
|
34617
|
+
})(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
|
|
34618
|
+
var NPCThumbnail$1 = /*#__PURE__*/styled.img.withConfig({
|
|
34619
|
+
displayName: "NPCMultiDialog__NPCThumbnail",
|
|
34620
|
+
componentId: "sc-rvu5wg-3"
|
|
34621
|
+
})(["image-rendering:pixelated;height:128px;width:128px;"]);
|
|
34622
|
+
var PressSpaceIndicator$1 = /*#__PURE__*/styled.img.withConfig({
|
|
34623
|
+
displayName: "NPCMultiDialog__PressSpaceIndicator",
|
|
34624
|
+
componentId: "sc-rvu5wg-4"
|
|
34625
|
+
})(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref3) {
|
|
34626
|
+
var right = _ref3.right;
|
|
34627
|
+
return right;
|
|
34628
|
+
});
|
|
34629
|
+
|
|
34630
|
+
var HistoryDialog = function HistoryDialog(_ref) {
|
|
34631
|
+
var backgroundImgPath = _ref.backgroundImgPath,
|
|
34632
|
+
fullCoverBackground = _ref.fullCoverBackground,
|
|
34633
|
+
questions = _ref.questions,
|
|
34634
|
+
answers = _ref.answers,
|
|
34635
|
+
text = _ref.text,
|
|
34636
|
+
imagePath = _ref.imagePath,
|
|
34637
|
+
textAndTypeArray = _ref.textAndTypeArray,
|
|
34638
|
+
onClose = _ref.onClose;
|
|
34639
|
+
var _useState = useState(0),
|
|
34640
|
+
img = _useState[0],
|
|
34641
|
+
setImage = _useState[1];
|
|
34642
|
+
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
34643
|
+
if (event.code === 'Space') {
|
|
34644
|
+
if (img < (backgroundImgPath == null ? void 0 : backgroundImgPath.length) - 1) {
|
|
34645
|
+
setImage(function (prev) {
|
|
34646
|
+
return prev + 1;
|
|
34647
|
+
});
|
|
34648
|
+
} else {
|
|
34649
|
+
// if there's no more text chunks, close the dialog
|
|
34650
|
+
onClose();
|
|
34651
|
+
}
|
|
34652
|
+
}
|
|
34653
|
+
};
|
|
34654
|
+
useEffect(function () {
|
|
34655
|
+
document.addEventListener('keydown', onHandleSpacePress);
|
|
34656
|
+
return function () {
|
|
34657
|
+
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
34658
|
+
};
|
|
34659
|
+
}, [backgroundImgPath]);
|
|
34660
|
+
return React.createElement(BackgroundContainer, {
|
|
34661
|
+
imgPath: backgroundImgPath[img],
|
|
34662
|
+
fullImg: fullCoverBackground
|
|
34663
|
+
}, React.createElement(DialogContainer, null, textAndTypeArray ? React.createElement(NPCMultiDialog, {
|
|
34664
|
+
textAndTypeArray: textAndTypeArray,
|
|
34665
|
+
onClose: onClose
|
|
34666
|
+
}) : questions && answers ? React.createElement(QuestionDialog, {
|
|
34667
|
+
questions: questions,
|
|
34668
|
+
answers: answers,
|
|
34669
|
+
onClose: onClose
|
|
34670
|
+
}) : text && imagePath ? React.createElement(NPCDialog, {
|
|
34671
|
+
text: text,
|
|
34672
|
+
imagePath: imagePath,
|
|
34673
|
+
onClose: onClose,
|
|
34674
|
+
type: NPCDialogType.TextAndThumbnail
|
|
34675
|
+
}) : React.createElement(NPCDialog, {
|
|
34676
|
+
text: text,
|
|
34677
|
+
onClose: onClose,
|
|
34678
|
+
type: NPCDialogType.TextOnly
|
|
34679
|
+
})));
|
|
34680
|
+
};
|
|
34681
|
+
var BackgroundContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34682
|
+
displayName: "HistoryDialog__BackgroundContainer",
|
|
34683
|
+
componentId: "sc-u6oe75-0"
|
|
34684
|
+
})(["width:100%;height:100%;background-image:url(", ");background-size:", ";display:flex;justify-content:space-evenly;align-items:center;"], function (props) {
|
|
34685
|
+
return props.imgPath;
|
|
34686
|
+
}, function (props) {
|
|
34687
|
+
return props.imgPath ? 'cover' : 'auto';
|
|
34688
|
+
});
|
|
34689
|
+
var DialogContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34690
|
+
displayName: "HistoryDialog__DialogContainer",
|
|
34691
|
+
componentId: "sc-u6oe75-1"
|
|
34692
|
+
})(["display:flex;justify-content:center;padding-top:200px;"]);
|
|
34693
|
+
|
|
34143
34694
|
var SlotsContainer = function SlotsContainer(_ref) {
|
|
34144
34695
|
var children = _ref.children,
|
|
34145
34696
|
title = _ref.title,
|
|
@@ -34361,7 +34912,7 @@ var ShortcutsSetter = function ShortcutsSetter(_ref) {
|
|
|
34361
34912
|
return word[0];
|
|
34362
34913
|
}));
|
|
34363
34914
|
};
|
|
34364
|
-
return React.createElement(Container$
|
|
34915
|
+
return React.createElement(Container$f, null, React.createElement("p", null, "Shortcuts:"), React.createElement(List, {
|
|
34365
34916
|
id: "shortcuts_list"
|
|
34366
34917
|
}, Array.from({
|
|
34367
34918
|
length: 6
|
|
@@ -34377,7 +34928,7 @@ var ShortcutsSetter = function ShortcutsSetter(_ref) {
|
|
|
34377
34928
|
}, getContent(i));
|
|
34378
34929
|
})));
|
|
34379
34930
|
};
|
|
34380
|
-
var Container$
|
|
34931
|
+
var Container$f = /*#__PURE__*/styled.div.withConfig({
|
|
34381
34932
|
displayName: "ShortcutsSetter__Container",
|
|
34382
34933
|
componentId: "sc-xuouuf-0"
|
|
34383
34934
|
})(["p{margin:0;margin-left:0.5rem;}"]);
|
|
@@ -34464,508 +35015,182 @@ var ItemContainer$1 = function ItemContainer(_ref) {
|
|
|
34464
35015
|
maxQuantity: maxQuantity,
|
|
34465
35016
|
callback: callback
|
|
34466
35017
|
});
|
|
34467
|
-
},
|
|
34468
|
-
onPlaceDrop: function onPlaceDrop(item, slotIndex, itemContainerType) {
|
|
34469
|
-
if (onItemPlaceDrop) onItemPlaceDrop(item, slotIndex, itemContainerType);
|
|
34470
|
-
},
|
|
34471
|
-
onOutsideDrop: function onOutsideDrop(item, position) {
|
|
34472
|
-
if (_onOutsideDrop) _onOutsideDrop(item, position);
|
|
34473
|
-
},
|
|
34474
|
-
atlasIMG: atlasIMG,
|
|
34475
|
-
atlasJSON: atlasJSON,
|
|
34476
|
-
isSelectingShortcut: settingShortcutIndex !== -1
|
|
34477
|
-
}));
|
|
34478
|
-
}
|
|
34479
|
-
return slots;
|
|
34480
|
-
};
|
|
34481
|
-
return React.createElement(React.Fragment, null, React.createElement(SlotsContainer, {
|
|
34482
|
-
title: itemContainer.name || 'Container',
|
|
34483
|
-
onClose: onClose,
|
|
34484
|
-
initialPosition: initialPosition
|
|
34485
|
-
}, type === ItemContainerType.Inventory && shortcuts && removeShortcut && React.createElement(ShortcutsSetter, {
|
|
34486
|
-
setSettingShortcutIndex: setSettingShortcutIndex,
|
|
34487
|
-
settingShortcutIndex: settingShortcutIndex,
|
|
34488
|
-
shortcuts: shortcuts,
|
|
34489
|
-
removeShortcut: removeShortcut,
|
|
34490
|
-
atlasIMG: atlasIMG,
|
|
34491
|
-
atlasJSON: atlasJSON
|
|
34492
|
-
}), React.createElement(ItemsContainer, {
|
|
34493
|
-
className: "item-container-body"
|
|
34494
|
-
}, onRenderSlots())), quantitySelect.isOpen && React.createElement(QuantitySelectorContainer, null, React.createElement(ItemQuantitySelector, {
|
|
34495
|
-
quantity: quantitySelect.maxQuantity,
|
|
34496
|
-
onConfirm: function onConfirm(quantity) {
|
|
34497
|
-
quantitySelect.callback(quantity);
|
|
34498
|
-
setQuantitySelect({
|
|
34499
|
-
isOpen: false,
|
|
34500
|
-
maxQuantity: 1,
|
|
34501
|
-
callback: function callback() {}
|
|
34502
|
-
});
|
|
34503
|
-
},
|
|
34504
|
-
onClose: function onClose() {
|
|
34505
|
-
quantitySelect.callback(-1);
|
|
34506
|
-
setQuantitySelect({
|
|
34507
|
-
isOpen: false,
|
|
34508
|
-
maxQuantity: 1,
|
|
34509
|
-
callback: function callback() {}
|
|
34510
|
-
});
|
|
34511
|
-
}
|
|
34512
|
-
})));
|
|
34513
|
-
};
|
|
34514
|
-
var ItemsContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34515
|
-
displayName: "ItemContainer__ItemsContainer",
|
|
34516
|
-
componentId: "sc-15y5p9l-0"
|
|
34517
|
-
})(["display:flex;justify-content:center;flex-wrap:wrap;"]);
|
|
34518
|
-
var QuantitySelectorContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34519
|
-
displayName: "ItemContainer__QuantitySelectorContainer",
|
|
34520
|
-
componentId: "sc-15y5p9l-1"
|
|
34521
|
-
})(["position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:100;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.5);"]);
|
|
34522
|
-
|
|
34523
|
-
var ItemSelector = function ItemSelector(_ref) {
|
|
34524
|
-
var atlasIMG = _ref.atlasIMG,
|
|
34525
|
-
atlasJSON = _ref.atlasJSON,
|
|
34526
|
-
options = _ref.options,
|
|
34527
|
-
onClose = _ref.onClose,
|
|
34528
|
-
onSelect = _ref.onSelect;
|
|
34529
|
-
var _useState = useState(),
|
|
34530
|
-
selectedValue = _useState[0],
|
|
34531
|
-
setSelectedValue = _useState[1];
|
|
34532
|
-
var handleClick = function handleClick() {
|
|
34533
|
-
var element = document.querySelector("input[name='test']:checked");
|
|
34534
|
-
var elementValue = element.value;
|
|
34535
|
-
setSelectedValue(elementValue);
|
|
34536
|
-
};
|
|
34537
|
-
useEffect(function () {
|
|
34538
|
-
if (selectedValue) {
|
|
34539
|
-
onSelect(selectedValue);
|
|
34540
|
-
}
|
|
34541
|
-
}, [selectedValue]);
|
|
34542
|
-
return React.createElement(DraggableContainer, {
|
|
34543
|
-
type: RPGUIContainerTypes.Framed,
|
|
34544
|
-
width: "500px",
|
|
34545
|
-
cancelDrag: ".equipment-container-body .arrow-selector",
|
|
34546
|
-
onCloseButton: function onCloseButton() {
|
|
34547
|
-
if (onClose) {
|
|
34548
|
-
onClose();
|
|
34549
|
-
}
|
|
34550
|
-
}
|
|
34551
|
-
}, React.createElement("div", {
|
|
34552
|
-
style: {
|
|
34553
|
-
width: '100%'
|
|
34554
|
-
}
|
|
34555
|
-
}, React.createElement(Title$2, null, 'Harvesting instruments'), React.createElement(Subtitle$1, null, 'Use the tool, you need it'), React.createElement("hr", {
|
|
34556
|
-
className: "golden"
|
|
34557
|
-
})), React.createElement(RadioInputScroller$1, null, options == null ? void 0 : options.map(function (option, index) {
|
|
34558
|
-
return React.createElement(RadioOptionsWrapper$1, {
|
|
34559
|
-
key: index
|
|
34560
|
-
}, React.createElement(SpriteAtlasWrapper$1, null, React.createElement(SpriteFromAtlas, {
|
|
34561
|
-
atlasIMG: atlasIMG,
|
|
34562
|
-
atlasJSON: atlasJSON,
|
|
34563
|
-
spriteKey: option.imageKey,
|
|
34564
|
-
imgScale: 3
|
|
34565
|
-
})), React.createElement("div", null, React.createElement("input", {
|
|
34566
|
-
className: "rpgui-radio",
|
|
34567
|
-
type: "radio",
|
|
34568
|
-
value: option.name,
|
|
34569
|
-
name: "test"
|
|
34570
|
-
}), React.createElement("label", {
|
|
34571
|
-
onPointerDown: handleClick,
|
|
34572
|
-
style: {
|
|
34573
|
-
display: 'flex',
|
|
34574
|
-
alignItems: 'center'
|
|
34575
|
-
}
|
|
34576
|
-
}, option.name, " ", React.createElement("br", null), option.description)));
|
|
34577
|
-
})), React.createElement(ButtonWrapper$1, null, React.createElement(Button, {
|
|
34578
|
-
buttonType: ButtonTypes.RPGUIButton,
|
|
34579
|
-
onPointerDown: onClose
|
|
34580
|
-
}, "Cancel"), React.createElement(Button, {
|
|
34581
|
-
buttonType: ButtonTypes.RPGUIButton
|
|
34582
|
-
}, "Select")));
|
|
34583
|
-
};
|
|
34584
|
-
var Title$2 = /*#__PURE__*/styled.h1.withConfig({
|
|
34585
|
-
displayName: "ItemSelector__Title",
|
|
34586
|
-
componentId: "sc-gptoxp-0"
|
|
34587
|
-
})(["font-size:0.6rem;color:yellow !important;"]);
|
|
34588
|
-
var Subtitle$1 = /*#__PURE__*/styled.h1.withConfig({
|
|
34589
|
-
displayName: "ItemSelector__Subtitle",
|
|
34590
|
-
componentId: "sc-gptoxp-1"
|
|
34591
|
-
})(["font-size:0.4rem;color:yellow !important;"]);
|
|
34592
|
-
var RadioInputScroller$1 = /*#__PURE__*/styled.div.withConfig({
|
|
34593
|
-
displayName: "ItemSelector__RadioInputScroller",
|
|
34594
|
-
componentId: "sc-gptoxp-2"
|
|
34595
|
-
})(["padding-left:15px;padding-top:10px;width:100%;margin-top:1rem;align-items:center;margin-left:20px;align-items:flex-start;overflow-y:scroll;height:360px;"]);
|
|
34596
|
-
var SpriteAtlasWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
34597
|
-
displayName: "ItemSelector__SpriteAtlasWrapper",
|
|
34598
|
-
componentId: "sc-gptoxp-3"
|
|
34599
|
-
})(["margin-right:40px;"]);
|
|
34600
|
-
var RadioOptionsWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
34601
|
-
displayName: "ItemSelector__RadioOptionsWrapper",
|
|
34602
|
-
componentId: "sc-gptoxp-4"
|
|
34603
|
-
})(["display:flex;align-items:stretch;margin-bottom:40px;"]);
|
|
34604
|
-
var ButtonWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
34605
|
-
displayName: "ItemSelector__ButtonWrapper",
|
|
34606
|
-
componentId: "sc-gptoxp-5"
|
|
34607
|
-
})(["display:flex;justify-content:space-around;padding-top:20px;width:100%;"]);
|
|
34608
|
-
|
|
34609
|
-
var ListMenu = function ListMenu(_ref) {
|
|
34610
|
-
var options = _ref.options,
|
|
34611
|
-
onSelected = _ref.onSelected,
|
|
34612
|
-
x = _ref.x,
|
|
34613
|
-
y = _ref.y;
|
|
34614
|
-
return React.createElement(Container$c, {
|
|
34615
|
-
x: x,
|
|
34616
|
-
y: y
|
|
34617
|
-
}, React.createElement("ul", {
|
|
34618
|
-
className: "rpgui-list-imp",
|
|
34619
|
-
style: {
|
|
34620
|
-
overflow: 'hidden'
|
|
34621
|
-
}
|
|
34622
|
-
}, options.map(function (params, index) {
|
|
34623
|
-
return React.createElement(ListElement$1, {
|
|
34624
|
-
key: (params == null ? void 0 : params.id) || index,
|
|
34625
|
-
onPointerDown: function onPointerDown() {
|
|
34626
|
-
onSelected(params == null ? void 0 : params.id);
|
|
34627
|
-
}
|
|
34628
|
-
}, (params == null ? void 0 : params.text) || 'No text');
|
|
34629
|
-
})));
|
|
34630
|
-
};
|
|
34631
|
-
var Container$c = /*#__PURE__*/styled.div.withConfig({
|
|
34632
|
-
displayName: "ListMenu__Container",
|
|
34633
|
-
componentId: "sc-i9097t-0"
|
|
34634
|
-
})(["display:flex;flex-direction:column;width:100%;justify-content:start;align-items:flex-start;position:absolute;top:", "px;left:", "px;li{font-size:", ";}"], function (props) {
|
|
34635
|
-
return props.y || 0;
|
|
34636
|
-
}, function (props) {
|
|
34637
|
-
return props.x || 0;
|
|
34638
|
-
}, uiFonts.size.xsmall);
|
|
34639
|
-
var ListElement$1 = /*#__PURE__*/styled.li.withConfig({
|
|
34640
|
-
displayName: "ListMenu__ListElement",
|
|
34641
|
-
componentId: "sc-i9097t-1"
|
|
34642
|
-
})(["margin-right:0.5rem;"]);
|
|
34643
|
-
|
|
34644
|
-
var img$6 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAP1BMVEUAAAA7FyVxQTsUEBPj5v////+5v/tCJDOOUlIiHBr1oJfptaO6dWr61rhzFy1bMTjoanMUNGQoXMQkn97+88DQ3IhAAAAAAXRSTlMAQObYZgAAAAFiS0dEBfhv6ccAAAAHdElNRQfmAw4VOBC7c5LYAAABM0lEQVQ4y3XRi5KDIAwFUAUkbrBgpP//rZsHVHQ009qZ3tPboNN0zmwzvcw8O5sX4y0NOg/Et3jRCXF+ziULorjkOQ9gE24dvuUAzq08DiCO4pe3WN7zCP56vmpubBReQYC11YPS86ySxxCsAABTSgjb5m4g8nfbxvFHBkH2OEEvAItVuCuIsgGgl+Gcr7kDXxhEAx55A2SQEEeQeZwUaIP8Tbo05B0RFPhItAjgj1w6cDnhLluDj+Egkh3pCCP4pKQAw1IPO0W9Nti5gW9RP2dKA3BZd2Dw+baYX+Nt4GM00O4S3kEpF6Alb2Bv4LeC3kkGfAW0/p0RPoJVKr63ghHsKuRh5DIUKOAlGOwrtt9fQekAEfmhZslHUDoglB0zjfkJigN7UnTQQ4GBWomoVhEN/AOPSBh38gy+fwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wMy0xNFQyMTo1NTo1MSswMDowMJcc0eEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDMtMTRUMjE6NTU6NTErMDA6MDDmQWldAAAAAElFTkSuQmCC';
|
|
34645
|
-
|
|
34646
|
-
var img$7 = 'data:image/gif;base64,R0lGODlhQAAgAPIAAAAAAA0NDRERESIiIigoKFlZWf///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw5nYW1tYT0wLjQ1NDU0NQAh+QQBFAAAACwAAAAAQAAgAAAD/wi63P4wykmrvTjrzbv/YAgIZGmeaKquakQWcCzPdG3fNukIeO//PQGDBywafcIF8chswpKKZcxApTqvNOiIZi0YsODncFaFlcNOrdTbJVff0/c3Lp/Xs2N37cy2ndt6ZnhKXHdsc4d7VnwyfIxqPWWOXXWLgHSGYoSNbZKVZp2WiJyjg1GFcaClqaqJhasyUAFrh3Cur3KqubWXBQIBAAEDtDeMaEEDAcLEx2gCycvN0jHPysPT09XR2M3a19zH3gTM4EYCBNDD4yzs7e4r48nB6gT19vf4+fr7/P3P8sKGvRtIkMUAeQoCHlzIsKHDhxAjSoTWQJnFixgzatzIsQWjRQYJAAAh/wtJbWFnZU1hZ2ljaw5nYW1tYT0wLjQ1NDU0NQAh+QQBFAAAACwAAAAAQAAgAAAD8Ai63P4wykmrvTjrzbv/YCiOlGCeaKqubMtGZiHPdG3feI6bjqD/wOBPwPAJj0ggcWFMOp+ypaI5M1it0KxNCqDKsAWDdhwt1q5fMPnJ9aJt17g4HafJ3/et+Tzn99V+aThqfTNtcHlhhIBVWG+BdDSHOmiPeHdij3aYhZONf46YkZGanzpSAV6KjaOIpqWtNwIBAAEDqqKKhZuJnHSwAgMBtqo5sGs5wcO3yM01ysTO0gXQzNPN1cXXUNnbyNna3kcmwrW3Lujp6ugD5bbn6/HyLe20Cu/t+fr7/P3+/wCF2VswrKDBgwgTKlzIsCCDBAA7';
|
|
34647
|
-
|
|
34648
|
-
var ImgSide;
|
|
34649
|
-
(function (ImgSide) {
|
|
34650
|
-
ImgSide["right"] = "right";
|
|
34651
|
-
ImgSide["left"] = "left";
|
|
34652
|
-
})(ImgSide || (ImgSide = {}));
|
|
34653
|
-
var NPCMultiDialog = function NPCMultiDialog(_ref) {
|
|
34654
|
-
var _textAndTypeArray$sli;
|
|
34655
|
-
var _onClose = _ref.onClose,
|
|
34656
|
-
textAndTypeArray = _ref.textAndTypeArray;
|
|
34657
|
-
var _useState = useState(false),
|
|
34658
|
-
showGoNextIndicator = _useState[0],
|
|
34659
|
-
setShowGoNextIndicator = _useState[1];
|
|
34660
|
-
var _useState2 = useState(0),
|
|
34661
|
-
slide = _useState2[0],
|
|
34662
|
-
setSlide = _useState2[1];
|
|
34663
|
-
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
34664
|
-
if (event.code === 'Space') {
|
|
34665
|
-
if (slide < (textAndTypeArray == null ? void 0 : textAndTypeArray.length) - 1) {
|
|
34666
|
-
setSlide(function (prev) {
|
|
34667
|
-
return prev + 1;
|
|
34668
|
-
});
|
|
34669
|
-
} else {
|
|
34670
|
-
// if there's no more text chunks, close the dialog
|
|
34671
|
-
_onClose();
|
|
34672
|
-
}
|
|
34673
|
-
}
|
|
34674
|
-
};
|
|
34675
|
-
useEffect(function () {
|
|
34676
|
-
document.addEventListener('keydown', onHandleSpacePress);
|
|
34677
|
-
return function () {
|
|
34678
|
-
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
34679
|
-
};
|
|
34680
|
-
}, [slide]);
|
|
34681
|
-
return React.createElement(RPGUIContainer, {
|
|
34682
|
-
type: RPGUIContainerTypes.FramedGold,
|
|
34683
|
-
width: '50%',
|
|
34684
|
-
height: '180px'
|
|
34685
|
-
}, React.createElement(React.Fragment, null, React.createElement(Container$d, null, ((_textAndTypeArray$sli = textAndTypeArray[slide]) == null ? void 0 : _textAndTypeArray$sli.imageSide) === 'right' && React.createElement(React.Fragment, null, React.createElement(TextContainer, {
|
|
34686
|
-
flex: '70%'
|
|
34687
|
-
}, React.createElement(NPCDialogText, {
|
|
34688
|
-
onStartStep: function onStartStep() {
|
|
34689
|
-
return setShowGoNextIndicator(false);
|
|
34690
|
-
},
|
|
34691
|
-
onEndStep: function onEndStep() {
|
|
34692
|
-
return setShowGoNextIndicator(true);
|
|
34693
|
-
},
|
|
34694
|
-
text: textAndTypeArray[slide].text || 'No text provided.',
|
|
34695
|
-
onClose: function onClose() {
|
|
34696
|
-
if (_onClose) {
|
|
34697
|
-
_onClose();
|
|
34698
|
-
}
|
|
34699
|
-
}
|
|
34700
|
-
})), React.createElement(ThumbnailContainer, null, React.createElement(NPCThumbnail, {
|
|
34701
|
-
src: textAndTypeArray[slide].imagePath || img$6
|
|
34702
|
-
})), showGoNextIndicator && React.createElement(PressSpaceIndicator, {
|
|
34703
|
-
right: '10.5rem',
|
|
34704
|
-
src: img$7
|
|
34705
|
-
})), textAndTypeArray[slide].imageSide === 'left' && React.createElement(React.Fragment, null, React.createElement(ThumbnailContainer, null, React.createElement(NPCThumbnail, {
|
|
34706
|
-
src: textAndTypeArray[slide].imagePath || img$6
|
|
34707
|
-
})), React.createElement(TextContainer, {
|
|
34708
|
-
flex: '70%'
|
|
34709
|
-
}, React.createElement(NPCDialogText, {
|
|
34710
|
-
onStartStep: function onStartStep() {
|
|
34711
|
-
return setShowGoNextIndicator(false);
|
|
34712
|
-
},
|
|
34713
|
-
onEndStep: function onEndStep() {
|
|
34714
|
-
return setShowGoNextIndicator(true);
|
|
34715
|
-
},
|
|
34716
|
-
text: textAndTypeArray[slide].text || 'No text provided.',
|
|
34717
|
-
onClose: function onClose() {
|
|
34718
|
-
if (_onClose) {
|
|
34719
|
-
_onClose();
|
|
34720
|
-
}
|
|
34721
|
-
}
|
|
34722
|
-
})), showGoNextIndicator && React.createElement(PressSpaceIndicator, {
|
|
34723
|
-
right: '1rem',
|
|
34724
|
-
src: img$7
|
|
34725
|
-
}))), ")"));
|
|
34726
|
-
};
|
|
34727
|
-
var Container$d = /*#__PURE__*/styled.div.withConfig({
|
|
34728
|
-
displayName: "NPCMultiDialog__Container",
|
|
34729
|
-
componentId: "sc-rvu5wg-0"
|
|
34730
|
-
})(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
|
|
34731
|
-
var TextContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34732
|
-
displayName: "NPCMultiDialog__TextContainer",
|
|
34733
|
-
componentId: "sc-rvu5wg-1"
|
|
34734
|
-
})(["flex:", " 0 0;width:355px;"], function (_ref2) {
|
|
34735
|
-
var flex = _ref2.flex;
|
|
34736
|
-
return flex;
|
|
34737
|
-
});
|
|
34738
|
-
var ThumbnailContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34739
|
-
displayName: "NPCMultiDialog__ThumbnailContainer",
|
|
34740
|
-
componentId: "sc-rvu5wg-2"
|
|
34741
|
-
})(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
|
|
34742
|
-
var NPCThumbnail = /*#__PURE__*/styled.img.withConfig({
|
|
34743
|
-
displayName: "NPCMultiDialog__NPCThumbnail",
|
|
34744
|
-
componentId: "sc-rvu5wg-3"
|
|
34745
|
-
})(["image-rendering:pixelated;height:128px;width:128px;"]);
|
|
34746
|
-
var PressSpaceIndicator = /*#__PURE__*/styled.img.withConfig({
|
|
34747
|
-
displayName: "NPCMultiDialog__PressSpaceIndicator",
|
|
34748
|
-
componentId: "sc-rvu5wg-4"
|
|
34749
|
-
})(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref3) {
|
|
34750
|
-
var right = _ref3.right;
|
|
34751
|
-
return right;
|
|
34752
|
-
});
|
|
34753
|
-
|
|
34754
|
-
//@ts-ignore
|
|
34755
|
-
var useEventListener = function useEventListener(type, handler, el) {
|
|
34756
|
-
if (el === void 0) {
|
|
34757
|
-
el = window;
|
|
34758
|
-
}
|
|
34759
|
-
var savedHandler = React.useRef();
|
|
34760
|
-
React.useEffect(function () {
|
|
34761
|
-
savedHandler.current = handler;
|
|
34762
|
-
}, [handler]);
|
|
34763
|
-
React.useEffect(function () {
|
|
34764
|
-
//@ts-ignore
|
|
34765
|
-
var listener = function listener(e) {
|
|
34766
|
-
return savedHandler.current(e);
|
|
34767
|
-
};
|
|
34768
|
-
el.addEventListener(type, listener);
|
|
34769
|
-
return function () {
|
|
34770
|
-
el.removeEventListener(type, listener);
|
|
34771
|
-
};
|
|
34772
|
-
}, [type, el]);
|
|
34773
|
-
};
|
|
34774
|
-
|
|
34775
|
-
var DynamicText = function DynamicText(_ref) {
|
|
34776
|
-
var text = _ref.text,
|
|
34777
|
-
onFinish = _ref.onFinish,
|
|
34778
|
-
onStart = _ref.onStart;
|
|
34779
|
-
var _useState = useState(''),
|
|
34780
|
-
textState = _useState[0],
|
|
34781
|
-
setTextState = _useState[1];
|
|
34782
|
-
useEffect(function () {
|
|
34783
|
-
var i = 0;
|
|
34784
|
-
var interval = setInterval(function () {
|
|
34785
|
-
// on every interval, show one more character
|
|
34786
|
-
if (i === 0) {
|
|
34787
|
-
if (onStart) {
|
|
34788
|
-
onStart();
|
|
34789
|
-
}
|
|
34790
|
-
}
|
|
34791
|
-
if (i < text.length) {
|
|
34792
|
-
setTextState(text.substring(0, i + 1));
|
|
34793
|
-
i++;
|
|
34794
|
-
} else {
|
|
34795
|
-
clearInterval(interval);
|
|
34796
|
-
if (onFinish) {
|
|
34797
|
-
onFinish();
|
|
34798
|
-
}
|
|
34799
|
-
}
|
|
34800
|
-
}, 50);
|
|
34801
|
-
return function () {
|
|
34802
|
-
clearInterval(interval);
|
|
34803
|
-
};
|
|
34804
|
-
}, [text]);
|
|
34805
|
-
return React.createElement(TextContainer$1, null, textState);
|
|
34806
|
-
};
|
|
34807
|
-
var TextContainer$1 = /*#__PURE__*/styled.p.withConfig({
|
|
34808
|
-
displayName: "DynamicText__TextContainer",
|
|
34809
|
-
componentId: "sc-1ggl9nd-0"
|
|
34810
|
-
})(["font-size:0.7rem !important;color:white;text-shadow:1px 1px 0px #000000;letter-spacing:1.2px;word-break:normal;"]);
|
|
34811
|
-
|
|
34812
|
-
var QuestionDialog = function QuestionDialog(_ref) {
|
|
34813
|
-
var questions = _ref.questions,
|
|
34814
|
-
answers = _ref.answers,
|
|
34815
|
-
onClose = _ref.onClose;
|
|
34816
|
-
var _useState = useState(questions[0]),
|
|
34817
|
-
currentQuestion = _useState[0],
|
|
34818
|
-
setCurrentQuestion = _useState[1];
|
|
34819
|
-
var _useState2 = useState(false),
|
|
34820
|
-
canShowAnswers = _useState2[0],
|
|
34821
|
-
setCanShowAnswers = _useState2[1];
|
|
34822
|
-
var onGetFirstAnswer = function onGetFirstAnswer() {
|
|
34823
|
-
if (!currentQuestion.answerIds || currentQuestion.answerIds.length === 0) {
|
|
34824
|
-
return null;
|
|
35018
|
+
},
|
|
35019
|
+
onPlaceDrop: function onPlaceDrop(item, slotIndex, itemContainerType) {
|
|
35020
|
+
if (onItemPlaceDrop) onItemPlaceDrop(item, slotIndex, itemContainerType);
|
|
35021
|
+
},
|
|
35022
|
+
onOutsideDrop: function onOutsideDrop(item, position) {
|
|
35023
|
+
if (_onOutsideDrop) _onOutsideDrop(item, position);
|
|
35024
|
+
},
|
|
35025
|
+
atlasIMG: atlasIMG,
|
|
35026
|
+
atlasJSON: atlasJSON,
|
|
35027
|
+
isSelectingShortcut: settingShortcutIndex !== -1
|
|
35028
|
+
}));
|
|
34825
35029
|
}
|
|
34826
|
-
|
|
34827
|
-
return answers.find(function (answer) {
|
|
34828
|
-
return answer.id === firstAnswerId;
|
|
34829
|
-
});
|
|
35030
|
+
return slots;
|
|
34830
35031
|
};
|
|
34831
|
-
|
|
34832
|
-
|
|
34833
|
-
|
|
34834
|
-
|
|
34835
|
-
|
|
34836
|
-
|
|
34837
|
-
|
|
34838
|
-
|
|
34839
|
-
|
|
34840
|
-
|
|
35032
|
+
return React.createElement(React.Fragment, null, React.createElement(SlotsContainer, {
|
|
35033
|
+
title: itemContainer.name || 'Container',
|
|
35034
|
+
onClose: onClose,
|
|
35035
|
+
initialPosition: initialPosition
|
|
35036
|
+
}, type === ItemContainerType.Inventory && shortcuts && removeShortcut && React.createElement(ShortcutsSetter, {
|
|
35037
|
+
setSettingShortcutIndex: setSettingShortcutIndex,
|
|
35038
|
+
settingShortcutIndex: settingShortcutIndex,
|
|
35039
|
+
shortcuts: shortcuts,
|
|
35040
|
+
removeShortcut: removeShortcut,
|
|
35041
|
+
atlasIMG: atlasIMG,
|
|
35042
|
+
atlasJSON: atlasJSON
|
|
35043
|
+
}), React.createElement(ItemsContainer, {
|
|
35044
|
+
className: "item-container-body"
|
|
35045
|
+
}, onRenderSlots())), quantitySelect.isOpen && React.createElement(QuantitySelectorContainer, null, React.createElement(ItemQuantitySelector, {
|
|
35046
|
+
quantity: quantitySelect.maxQuantity,
|
|
35047
|
+
onConfirm: function onConfirm(quantity) {
|
|
35048
|
+
quantitySelect.callback(quantity);
|
|
35049
|
+
setQuantitySelect({
|
|
35050
|
+
isOpen: false,
|
|
35051
|
+
maxQuantity: 1,
|
|
35052
|
+
callback: function callback() {}
|
|
35053
|
+
});
|
|
35054
|
+
},
|
|
35055
|
+
onClose: function onClose() {
|
|
35056
|
+
quantitySelect.callback(-1);
|
|
35057
|
+
setQuantitySelect({
|
|
35058
|
+
isOpen: false,
|
|
35059
|
+
maxQuantity: 1,
|
|
35060
|
+
callback: function callback() {}
|
|
34841
35061
|
});
|
|
34842
|
-
});
|
|
34843
|
-
};
|
|
34844
|
-
var onKeyPress = function onKeyPress(e) {
|
|
34845
|
-
switch (e.key) {
|
|
34846
|
-
case 'ArrowDown':
|
|
34847
|
-
// select next answer, if any.
|
|
34848
|
-
// if no next answer, select first answer
|
|
34849
|
-
// const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(
|
|
34850
|
-
// (answer) => answer?.id === currentAnswer!.id + 1
|
|
34851
|
-
// );
|
|
34852
|
-
var nextAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
|
|
34853
|
-
return (answer == null ? void 0 : answer.id) === currentAnswer.id + 1;
|
|
34854
|
-
});
|
|
34855
|
-
var nextAnswerID = currentQuestion.answerIds[nextAnswerIndex];
|
|
34856
|
-
var nextAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
|
|
34857
|
-
return (answer == null ? void 0 : answer.id) === nextAnswerID;
|
|
34858
|
-
});
|
|
34859
|
-
setCurrentAnswer(nextAnswer || onGetFirstAnswer());
|
|
34860
|
-
break;
|
|
34861
|
-
case 'ArrowUp':
|
|
34862
|
-
// select previous answer, if any.
|
|
34863
|
-
// if no previous answer, select last answer
|
|
34864
|
-
var previousAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
|
|
34865
|
-
return (answer == null ? void 0 : answer.id) === currentAnswer.id - 1;
|
|
34866
|
-
});
|
|
34867
|
-
var previousAnswerID = currentQuestion.answerIds && currentQuestion.answerIds[previousAnswerIndex];
|
|
34868
|
-
var previousAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
|
|
34869
|
-
return (answer == null ? void 0 : answer.id) === previousAnswerID;
|
|
34870
|
-
});
|
|
34871
|
-
if (previousAnswer) {
|
|
34872
|
-
setCurrentAnswer(previousAnswer);
|
|
34873
|
-
} else {
|
|
34874
|
-
setCurrentAnswer(onGetAnswers(currentQuestion.answerIds).pop());
|
|
34875
|
-
}
|
|
34876
|
-
break;
|
|
34877
|
-
case 'Enter':
|
|
34878
|
-
setCanShowAnswers(false);
|
|
34879
|
-
if (!(currentAnswer != null && currentAnswer.nextQuestionId)) {
|
|
34880
|
-
onClose();
|
|
34881
|
-
return;
|
|
34882
|
-
} else {
|
|
34883
|
-
setCurrentQuestion(questions.find(function (question) {
|
|
34884
|
-
return question.id === currentAnswer.nextQuestionId;
|
|
34885
|
-
}));
|
|
34886
|
-
}
|
|
34887
|
-
break;
|
|
34888
35062
|
}
|
|
35063
|
+
})));
|
|
35064
|
+
};
|
|
35065
|
+
var ItemsContainer = /*#__PURE__*/styled.div.withConfig({
|
|
35066
|
+
displayName: "ItemContainer__ItemsContainer",
|
|
35067
|
+
componentId: "sc-15y5p9l-0"
|
|
35068
|
+
})(["display:flex;justify-content:center;flex-wrap:wrap;"]);
|
|
35069
|
+
var QuantitySelectorContainer = /*#__PURE__*/styled.div.withConfig({
|
|
35070
|
+
displayName: "ItemContainer__QuantitySelectorContainer",
|
|
35071
|
+
componentId: "sc-15y5p9l-1"
|
|
35072
|
+
})(["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);"]);
|
|
35073
|
+
|
|
35074
|
+
var ItemSelector = function ItemSelector(_ref) {
|
|
35075
|
+
var atlasIMG = _ref.atlasIMG,
|
|
35076
|
+
atlasJSON = _ref.atlasJSON,
|
|
35077
|
+
options = _ref.options,
|
|
35078
|
+
onClose = _ref.onClose,
|
|
35079
|
+
onSelect = _ref.onSelect;
|
|
35080
|
+
var _useState = useState(),
|
|
35081
|
+
selectedValue = _useState[0],
|
|
35082
|
+
setSelectedValue = _useState[1];
|
|
35083
|
+
var handleClick = function handleClick() {
|
|
35084
|
+
var element = document.querySelector("input[name='test']:checked");
|
|
35085
|
+
var elementValue = element.value;
|
|
35086
|
+
setSelectedValue(elementValue);
|
|
34889
35087
|
};
|
|
34890
|
-
|
|
34891
|
-
|
|
34892
|
-
|
|
34893
|
-
if (answer.nextQuestionId) {
|
|
34894
|
-
// if there is a next question, go to it
|
|
34895
|
-
setCurrentQuestion(questions.find(function (question) {
|
|
34896
|
-
return question.id === answer.nextQuestionId;
|
|
34897
|
-
}));
|
|
34898
|
-
} else {
|
|
34899
|
-
// else, finish dialog!
|
|
34900
|
-
onClose();
|
|
35088
|
+
useEffect(function () {
|
|
35089
|
+
if (selectedValue) {
|
|
35090
|
+
onSelect(selectedValue);
|
|
34901
35091
|
}
|
|
34902
|
-
};
|
|
34903
|
-
|
|
34904
|
-
|
|
34905
|
-
|
|
34906
|
-
|
|
35092
|
+
}, [selectedValue]);
|
|
35093
|
+
return React.createElement(DraggableContainer, {
|
|
35094
|
+
type: RPGUIContainerTypes.Framed,
|
|
35095
|
+
width: "500px",
|
|
35096
|
+
cancelDrag: ".equipment-container-body .arrow-selector",
|
|
35097
|
+
onCloseButton: function onCloseButton() {
|
|
35098
|
+
if (onClose) {
|
|
35099
|
+
onClose();
|
|
35100
|
+
}
|
|
34907
35101
|
}
|
|
34908
|
-
|
|
34909
|
-
|
|
34910
|
-
|
|
35102
|
+
}, React.createElement("div", {
|
|
35103
|
+
style: {
|
|
35104
|
+
width: '100%'
|
|
34911
35105
|
}
|
|
34912
|
-
|
|
34913
|
-
|
|
34914
|
-
|
|
34915
|
-
|
|
34916
|
-
|
|
34917
|
-
|
|
34918
|
-
|
|
34919
|
-
|
|
34920
|
-
|
|
34921
|
-
|
|
34922
|
-
|
|
34923
|
-
|
|
34924
|
-
|
|
34925
|
-
|
|
34926
|
-
|
|
35106
|
+
}, React.createElement(Title$2, null, 'Harvesting instruments'), React.createElement(Subtitle$1, null, 'Use the tool, you need it'), React.createElement("hr", {
|
|
35107
|
+
className: "golden"
|
|
35108
|
+
})), React.createElement(RadioInputScroller$1, null, options == null ? void 0 : options.map(function (option, index) {
|
|
35109
|
+
return React.createElement(RadioOptionsWrapper$1, {
|
|
35110
|
+
key: index
|
|
35111
|
+
}, React.createElement(SpriteAtlasWrapper$1, null, React.createElement(SpriteFromAtlas, {
|
|
35112
|
+
atlasIMG: atlasIMG,
|
|
35113
|
+
atlasJSON: atlasJSON,
|
|
35114
|
+
spriteKey: option.imageKey,
|
|
35115
|
+
imgScale: 3
|
|
35116
|
+
})), React.createElement("div", null, React.createElement("input", {
|
|
35117
|
+
className: "rpgui-radio",
|
|
35118
|
+
type: "radio",
|
|
35119
|
+
value: option.name,
|
|
35120
|
+
name: "test"
|
|
35121
|
+
}), React.createElement("label", {
|
|
35122
|
+
onPointerDown: handleClick,
|
|
35123
|
+
style: {
|
|
35124
|
+
display: 'flex',
|
|
35125
|
+
alignItems: 'center'
|
|
34927
35126
|
}
|
|
34928
|
-
|
|
34929
|
-
|
|
34930
|
-
|
|
34931
|
-
|
|
34932
|
-
|
|
34933
|
-
|
|
34934
|
-
|
|
34935
|
-
|
|
34936
|
-
|
|
34937
|
-
|
|
35127
|
+
}, option.name, " ", React.createElement("br", null), option.description)));
|
|
35128
|
+
})), React.createElement(ButtonWrapper$1, null, React.createElement(Button, {
|
|
35129
|
+
buttonType: ButtonTypes.RPGUIButton,
|
|
35130
|
+
onPointerDown: onClose
|
|
35131
|
+
}, "Cancel"), React.createElement(Button, {
|
|
35132
|
+
buttonType: ButtonTypes.RPGUIButton
|
|
35133
|
+
}, "Select")));
|
|
35134
|
+
};
|
|
35135
|
+
var Title$2 = /*#__PURE__*/styled.h1.withConfig({
|
|
35136
|
+
displayName: "ItemSelector__Title",
|
|
35137
|
+
componentId: "sc-gptoxp-0"
|
|
35138
|
+
})(["font-size:0.6rem;color:yellow !important;"]);
|
|
35139
|
+
var Subtitle$1 = /*#__PURE__*/styled.h1.withConfig({
|
|
35140
|
+
displayName: "ItemSelector__Subtitle",
|
|
35141
|
+
componentId: "sc-gptoxp-1"
|
|
35142
|
+
})(["font-size:0.4rem;color:yellow !important;"]);
|
|
35143
|
+
var RadioInputScroller$1 = /*#__PURE__*/styled.div.withConfig({
|
|
35144
|
+
displayName: "ItemSelector__RadioInputScroller",
|
|
35145
|
+
componentId: "sc-gptoxp-2"
|
|
35146
|
+
})(["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;"]);
|
|
35147
|
+
var SpriteAtlasWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
35148
|
+
displayName: "ItemSelector__SpriteAtlasWrapper",
|
|
35149
|
+
componentId: "sc-gptoxp-3"
|
|
35150
|
+
})(["margin-right:40px;"]);
|
|
35151
|
+
var RadioOptionsWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
35152
|
+
displayName: "ItemSelector__RadioOptionsWrapper",
|
|
35153
|
+
componentId: "sc-gptoxp-4"
|
|
35154
|
+
})(["display:flex;align-items:stretch;margin-bottom:40px;"]);
|
|
35155
|
+
var ButtonWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
35156
|
+
displayName: "ItemSelector__ButtonWrapper",
|
|
35157
|
+
componentId: "sc-gptoxp-5"
|
|
35158
|
+
})(["display:flex;justify-content:space-around;padding-top:20px;width:100%;"]);
|
|
35159
|
+
|
|
35160
|
+
var ListMenu = function ListMenu(_ref) {
|
|
35161
|
+
var options = _ref.options,
|
|
35162
|
+
onSelected = _ref.onSelected,
|
|
35163
|
+
x = _ref.x,
|
|
35164
|
+
y = _ref.y;
|
|
35165
|
+
return React.createElement(Container$g, {
|
|
35166
|
+
x: x,
|
|
35167
|
+
y: y
|
|
35168
|
+
}, React.createElement("ul", {
|
|
35169
|
+
className: "rpgui-list-imp",
|
|
35170
|
+
style: {
|
|
35171
|
+
overflow: 'hidden'
|
|
34938
35172
|
}
|
|
34939
|
-
}
|
|
35173
|
+
}, options.map(function (params, index) {
|
|
35174
|
+
return React.createElement(ListElement$1, {
|
|
35175
|
+
key: (params == null ? void 0 : params.id) || index,
|
|
35176
|
+
onPointerDown: function onPointerDown() {
|
|
35177
|
+
onSelected(params == null ? void 0 : params.id);
|
|
35178
|
+
}
|
|
35179
|
+
}, (params == null ? void 0 : params.text) || 'No text');
|
|
35180
|
+
})));
|
|
34940
35181
|
};
|
|
34941
|
-
var Container$
|
|
34942
|
-
displayName: "
|
|
34943
|
-
componentId: "sc-
|
|
34944
|
-
})(["display:flex;
|
|
34945
|
-
|
|
34946
|
-
|
|
34947
|
-
|
|
34948
|
-
})
|
|
34949
|
-
var
|
|
34950
|
-
displayName: "
|
|
34951
|
-
componentId: "sc-
|
|
34952
|
-
})(["
|
|
34953
|
-
var Answer = /*#__PURE__*/styled.p.withConfig({
|
|
34954
|
-
displayName: "QuestionDialog__Answer",
|
|
34955
|
-
componentId: "sc-bxc5u0-3"
|
|
34956
|
-
})(["flex:auto;color:", " !important;font-size:0.65rem !important;background:inherit;border:none;"], function (props) {
|
|
34957
|
-
return props.color;
|
|
34958
|
-
});
|
|
34959
|
-
var AnswerSelectedIcon = /*#__PURE__*/styled.span.withConfig({
|
|
34960
|
-
displayName: "QuestionDialog__AnswerSelectedIcon",
|
|
34961
|
-
componentId: "sc-bxc5u0-4"
|
|
34962
|
-
})(["flex:5% 0 0;color:", " !important;"], function (props) {
|
|
34963
|
-
return props.color;
|
|
34964
|
-
});
|
|
34965
|
-
var AnswerRow = /*#__PURE__*/styled.div.withConfig({
|
|
34966
|
-
displayName: "QuestionDialog__AnswerRow",
|
|
34967
|
-
componentId: "sc-bxc5u0-5"
|
|
34968
|
-
})(["display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:0.5rem;height:22px;p{line-height:unset;margin-top:0;margin-bottom:0rem;}"]);
|
|
35182
|
+
var Container$g = /*#__PURE__*/styled.div.withConfig({
|
|
35183
|
+
displayName: "ListMenu__Container",
|
|
35184
|
+
componentId: "sc-i9097t-0"
|
|
35185
|
+
})(["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) {
|
|
35186
|
+
return props.y || 0;
|
|
35187
|
+
}, function (props) {
|
|
35188
|
+
return props.x || 0;
|
|
35189
|
+
}, uiFonts.size.xsmall);
|
|
35190
|
+
var ListElement$1 = /*#__PURE__*/styled.li.withConfig({
|
|
35191
|
+
displayName: "ListMenu__ListElement",
|
|
35192
|
+
componentId: "sc-i9097t-1"
|
|
35193
|
+
})(["margin-right:0.5rem;"]);
|
|
34969
35194
|
|
|
34970
35195
|
var ProgressBar = function ProgressBar(_ref) {
|
|
34971
35196
|
var max = _ref.max,
|
|
@@ -34984,7 +35209,7 @@ var ProgressBar = function ProgressBar(_ref) {
|
|
|
34984
35209
|
}
|
|
34985
35210
|
return value * 100 / max;
|
|
34986
35211
|
};
|
|
34987
|
-
return React.createElement(Container$
|
|
35212
|
+
return React.createElement(Container$h, {
|
|
34988
35213
|
className: "rpgui-progress",
|
|
34989
35214
|
"data-value": calculatePercentageValue(max, value) / 100,
|
|
34990
35215
|
"data-rpguitype": "progress",
|
|
@@ -35013,7 +35238,7 @@ var TextOverlay$1 = /*#__PURE__*/styled.div.withConfig({
|
|
|
35013
35238
|
displayName: "ProgressBar__TextOverlay",
|
|
35014
35239
|
componentId: "sc-qa6fzh-1"
|
|
35015
35240
|
})(["width:100%;position:relative;"]);
|
|
35016
|
-
var Container$
|
|
35241
|
+
var Container$h = /*#__PURE__*/styled.div.withConfig({
|
|
35017
35242
|
displayName: "ProgressBar__Container",
|
|
35018
35243
|
componentId: "sc-qa6fzh-2"
|
|
35019
35244
|
})(["display:flex;flex-direction:column;min-width:", "px;width:", "%;justify-content:start;align-items:flex-start;", ""], function (props) {
|
|
@@ -35024,7 +35249,7 @@ var Container$f = /*#__PURE__*/styled.div.withConfig({
|
|
|
35024
35249
|
return props.style;
|
|
35025
35250
|
});
|
|
35026
35251
|
|
|
35027
|
-
var img$
|
|
35252
|
+
var img$9 = 'data:image/png;base64,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';
|
|
35028
35253
|
|
|
35029
35254
|
var QuestInfo = function QuestInfo(_ref) {
|
|
35030
35255
|
var quests = _ref.quests,
|
|
@@ -35066,7 +35291,7 @@ var QuestInfo = function QuestInfo(_ref) {
|
|
|
35066
35291
|
}), React.createElement(QuestContainer, null, React.createElement(TitleContainer$1, {
|
|
35067
35292
|
className: "drag-handler"
|
|
35068
35293
|
}, React.createElement(Title$3, null, React.createElement(Thumbnail, {
|
|
35069
|
-
src: quests[currentIndex].thumbnail || img$
|
|
35294
|
+
src: quests[currentIndex].thumbnail || img$9
|
|
35070
35295
|
}), quests[currentIndex].title), React.createElement(QuestSplitDiv, null, React.createElement("hr", {
|
|
35071
35296
|
className: "golden"
|
|
35072
35297
|
}))), React.createElement(Content, null, React.createElement("p", null, quests[currentIndex].description)), React.createElement(QuestColumn, {
|
|
@@ -35085,7 +35310,7 @@ var QuestInfo = function QuestInfo(_ref) {
|
|
|
35085
35310
|
})))) : React.createElement(QuestsContainer, null, React.createElement(QuestContainer, null, React.createElement(TitleContainer$1, {
|
|
35086
35311
|
className: "drag-handler"
|
|
35087
35312
|
}, React.createElement(Title$3, null, React.createElement(Thumbnail, {
|
|
35088
|
-
src: quests[0].thumbnail || img$
|
|
35313
|
+
src: quests[0].thumbnail || img$9
|
|
35089
35314
|
}), quests[0].title), React.createElement(QuestSplitDiv, null, React.createElement("hr", {
|
|
35090
35315
|
className: "golden"
|
|
35091
35316
|
}))), React.createElement(Content, null, React.createElement("p", null, quests[0].description)), React.createElement(QuestColumn, {
|
|
@@ -35334,7 +35559,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
|
|
|
35334
35559
|
bgColor = _ref$bgColor === void 0 ? 'red' : _ref$bgColor,
|
|
35335
35560
|
_ref$margin = _ref.margin,
|
|
35336
35561
|
margin = _ref$margin === void 0 ? 20 : _ref$margin;
|
|
35337
|
-
return React.createElement(Container$
|
|
35562
|
+
return React.createElement(Container$i, {
|
|
35338
35563
|
className: "simple-progress-bar"
|
|
35339
35564
|
}, React.createElement(ProgressBarContainer, {
|
|
35340
35565
|
margin: margin
|
|
@@ -35343,7 +35568,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
|
|
|
35343
35568
|
bgColor: bgColor
|
|
35344
35569
|
}))));
|
|
35345
35570
|
};
|
|
35346
|
-
var Container$
|
|
35571
|
+
var Container$i = /*#__PURE__*/styled.div.withConfig({
|
|
35347
35572
|
displayName: "SimpleProgressBar__Container",
|
|
35348
35573
|
componentId: "sc-mbeil3-0"
|
|
35349
35574
|
})(["display:flex;justify-content:center;align-items:center;width:100%;"]);
|
|
@@ -35570,7 +35795,7 @@ var Spell = function Spell(_ref) {
|
|
|
35570
35795
|
isSettingShortcut = _ref.isSettingShortcut,
|
|
35571
35796
|
minMagicLevelRequired = _ref.minMagicLevelRequired;
|
|
35572
35797
|
var disabled = isSettingShortcut ? charMagicLevel < minMagicLevelRequired : manaCost > charMana || charMagicLevel < minMagicLevelRequired;
|
|
35573
|
-
return React.createElement(Container$
|
|
35798
|
+
return React.createElement(Container$j, {
|
|
35574
35799
|
disabled: disabled,
|
|
35575
35800
|
onPointerDown: onPointerDown == null ? void 0 : onPointerDown.bind(null, spellKey),
|
|
35576
35801
|
isSettingShortcut: isSettingShortcut && !disabled,
|
|
@@ -35583,7 +35808,7 @@ var Spell = function Spell(_ref) {
|
|
|
35583
35808
|
className: "mana"
|
|
35584
35809
|
}, manaCost)));
|
|
35585
35810
|
};
|
|
35586
|
-
var Container$
|
|
35811
|
+
var Container$j = /*#__PURE__*/styled.button.withConfig({
|
|
35587
35812
|
displayName: "Spell__Container",
|
|
35588
35813
|
componentId: "sc-j96fa2-0"
|
|
35589
35814
|
})(["display:block;background:none;border:2px solid transparent;border-radius:1rem;width:100%;display:flex;height:5rem;gap:1rem;align-items:center;padding:0 1rem;text-align:left;position:relative;animation:", ";@keyframes border-color-change{0%{border-color:", ";}50%{border-color:transparent;}100%{border-color:", ";}}&:hover,&:focus{background-color:", ";}&:active{background:none;}"], function (_ref2) {
|
|
@@ -35668,7 +35893,7 @@ var Spellbook = function Spellbook(_ref) {
|
|
|
35668
35893
|
width: "inherit",
|
|
35669
35894
|
height: "inherit",
|
|
35670
35895
|
cancelDrag: "#spellbook-search, #shortcuts_list, .spell"
|
|
35671
|
-
}, React.createElement(Container$
|
|
35896
|
+
}, React.createElement(Container$k, null, React.createElement(Title$6, null, "Learned Spells"), React.createElement(ShortcutsSetter, {
|
|
35672
35897
|
setSettingShortcutIndex: setSettingShortcutIndex,
|
|
35673
35898
|
settingShortcutIndex: settingShortcutIndex,
|
|
35674
35899
|
shortcuts: shortcuts,
|
|
@@ -35700,7 +35925,7 @@ var Title$6 = /*#__PURE__*/styled.h1.withConfig({
|
|
|
35700
35925
|
displayName: "Spellbook__Title",
|
|
35701
35926
|
componentId: "sc-r02nfq-0"
|
|
35702
35927
|
})(["font-size:", " !important;margin-bottom:0 !important;"], uiFonts.size.large);
|
|
35703
|
-
var Container$
|
|
35928
|
+
var Container$k = /*#__PURE__*/styled.div.withConfig({
|
|
35704
35929
|
displayName: "Spellbook__Container",
|
|
35705
35930
|
componentId: "sc-r02nfq-1"
|
|
35706
35931
|
})(["width:100%;height:100%;color:white;display:flex;flex-direction:column;"]);
|
|
@@ -35714,16 +35939,16 @@ var TextArea = function TextArea(_ref) {
|
|
|
35714
35939
|
return React.createElement("textarea", Object.assign({}, props));
|
|
35715
35940
|
};
|
|
35716
35941
|
|
|
35717
|
-
var img$
|
|
35942
|
+
var img$a = 'data:image/gif;base64,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';
|
|
35718
35943
|
|
|
35719
|
-
var img$
|
|
35944
|
+
var img$b = 'data:image/gif;base64,R0lGODlhTgBNAPMAAAAAALcILyZ31ESZ+lrC/1Ds//vvpv3wo4G8//////38+QAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAAIf4gQ3JlYXRlZCB3aXRoIGV6Z2lmLmNvbSBHSUYgbWFrZXIALAAAAABOAE0AAAT/EMhJq7046827/2AojmRpnmiqrmzrvnAsz2tg37hNq7jg/0AfbjeyAQfIpBIJ1BE5N99ySmUKbk9M4FftUn+BLMXoLXev4exWYG5/r8+te/5Nz+T0vBIu2yL+gIGCg4SFgXwvfoaLjIyILIqNkpOAjymRlAgHm5ybmZV2KHh0naWcepYlo22mradzqUUClK61nJSxIJiMrgm+v664oSKrXqa/yMmmbrkexVXHydK+y2bNULON0dPTppLXGs9UpdzlCaVt4FpsZuTm5ejWwx3iU53v753p89jtnPj49JVRZ2ELgYMFoP0DaE6gF4JjBBycSCChEncMucV7yC+DQYoI/y8uzAjvFUddEkGGRHKPZMlN8lCqXDmgpctuJs90XDdzpc2bynJWgSjh40yLP4ECE1pHZs8CB5MqPcd0ClEARlVCjTpy6kadTrWC7KpU4NaDVndeyNqT64GpSzedBblHbcGUbSmSddlprsokV7HizUtAKsO+hAkMCCw48UTD+RAnZsw2L0aApfy2pTw48eWGczX3ZNzYsdtNAf2KVkm6tOnC2+JqXg2ytWBStiSLzWv7dh5XBnS/Pti7nj9TW2kT7u1bT03dBZSPtuuMnfMkqqXXpl79uhLR2icyj+gdSfjN3FF6Pz89kXU3itnPHO/xfXlm6VXZv3+ShnH+gOUnikAUAFpFny7/XYeGGBOssR8qQjBYQRQPpoOGgHc4WOEeYGAYB4VBBDGEhMTkYCKJKKao4oostujiizDGKOOMF0QAACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAAE4ATQAABP8QyEmrvTjrzbv/YCiOZGmeaKqubOu+cCzPa2DfuE2ruOD/QB9uN7IBB8ikEgnUETk333JKZQpuT0zgV+1Sf4Esxegtd6/h7FZgbn+vz617/k3P5PS8Ei7bIv6AgYKDhIWBfC9+houMjIgsio2Sk4CPKZGUmY2WJnh6B6ChoHpMdieec6KqoXqcRQKaq7Khmq4gmI2zurSUth6oZbMJw8Szc74dwF2rxM3Oq27IG7iGzM7Xw6uT0hnKVNbY2NBm3Bfe36Lh6gmq0aa/bGaq6+vt5O/J8cGh9PSibeUqbCFAoMAyfv38sSoTcMJAggQNTkmXsN5Chvg0PIRYcMm8iur/7HlpCGAjR4lIKIIMefFMxm4COEJEOUDlSnEtq5A0eTKJzZvPcta5FVNmRJ8IgV77h5Go0YgEayZV2ozpyJdaihotAPEnVXZCp+zUepLjx69gF3KFuGTsU6Negf5bazSJ27dmp1IVRfdpqRA838YFyRcvRJISAj89e1NV37eIS5I1zLiiY8OHscLEnFevP7oHHkPWvJkzwcohH4s2GjnxZMyol4peLbO161SyloKiTZug7du4dRkobLo26Wn6gs9a29vwb+B5ls9s/vS5w+R0Lp+kztH6dVJTVnP3ffzDOTrjR7c43yZ99fIi2FchMMA9a/ivwIP3jlx/Hv5QYOefQUtxSDGgTgCaJx8paIhxnYH+geGgQEYIGA0a+NFQIYRngJGhGlEEIeIQE8aXw4klpqjiiiy26OKLMMYo44w0XhABACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAAE4ATQAABP8QyEmrvTjrzbv/YCiOZGmeaKqubOu+cCzPa2DfuE2ruOD/QB9uN7IBB8ikEgnUETk333JKZQpuT0zgV+1Sf4Esxegtd6/h7FZgbn+vz617/k3P5PS8Ei7bIv6AgYKDhIWBfC9+houMjIgsio2Sk4CPKZGUmY2WJnh6n2d2J555B6anpqCcRQKaf6iwp64IqyCYk7G5spq1HqRmusGndL0dv166CcrLunPFG7eLscvU1bGUzxnHVdPV3sqxbtkX21Td39/hbeMV5VOw6PEJsOKivmzAqPLy9GbsYwIIFCijbx+/Yf7sQQlIoOFAc6cMGkS1TqGGLQ0zPlxSUGI8ign/bTHMKJBjR4/pQHr5BwAjyZJKTqJMmaoMS5cvNw6QOdMawpUWtY0kqZNnT2Y/Q4l86bAhEqNH5yWtcnOoxow7I0b1plLpB5xXSUI9qrIAyT1BtVhlSgDeVqTDzLJlkpbcWrZjUVKUy5bAAJYt777M6xEV376AA/cdrHXr3sUNE4Nd7JasYciR66rFnLGyXr4DDiPWvJnzOYkHRItmmljCZMqe+a1e/bK1a3z5CM+jLXCx7dtzklFTcJlzbdIXcbcRVpw35N/A6TDnW8A5W+gT3HXRpdo6SezZlUuHRdt75hriQZkf3UJ7m/XXkYtwX8UvfNbyWYFSlZ8E/f1LgGdMRXoAUtXfKFIUSJWAtvyXBxpihJcggGBE2I4RBK6DxoF9rDHhGWBwSEQPQZQ4hIXz5aAiiiy26OKLMMYo44w01mjjjRdEAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAABOAE0AAAT/EMhJq7046827/2AojmRpnmiqrmzrvnAsz2tg37hNq7jg/0AfbjeyAQfIpBIJ1BE5N99ySmUKbk9M4FftUn+BLMXoLXev4exWYG5/r8+te/5Nz+T0vBIu2yL+gIGCg4SFgXwvfoaLjIyILIqNkpOAjymRlJmNliZ4ep9ndieeoKV7oiWYmgesrayah6giqpSutq2wf5wgpG63v616ux+9ZcDHwXPDHbSLwAnQ0cCZyxvFXbfR2tu3yrLMbL622+TStt6z4WbZ5e3dbdVa6sau7fYJ5/Df1gIF6/X37OUrE8/CFgII/WFrFTCgKzcFxwhAmLAKwIb3HpqJOOEgRQIK/5dcxOguGcF98j6CnDKOpECNXjhK8PgxJJKRLsvBDMVrokqbA3Dm5GaSJzGfNREmETrUHKuNKC/QpFiA4k2GTXUWrSITwFSQKoNizUr0aZKqVplENYhU5UemWTWidTug61e3BFqShXZuLt6uXtvizTt270O/bgEHHvy2MNnDjAkovosXLknIkScLHqx36IG5AxAnXpsyMsLOlxGL/qh45ubKqB2KXk2xtes27Bp+Hkzb9m3csaMp4LvbtErfgec8I4qWNmPkycUhYzW3gPPRl+b9O6b6em3SHq7R+7Xau2Tw4bVLd2X+L/qjppC0x+5CvBkCoY27j2E/Ptf3JPTn30cpOwg4IHQ9qTdgXQiGQMaCSaAhRkdcxAfGhBVEoSA8aAB4xxpSEASGh3FoGEQQQ2A4Sw4squjiizDGKOOMNNZo44045nhBBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAABOAE0AAAT/EMhJq7046827/2AojmRpnmiqrmzrvnAsz2tg37hNq7jg/0AfbjeyAQfIpBIJ1BE5N99ySmUKbk9M4FftUn+BLMXoLXev4exWYG5/r8+te/5Nz+T0vBIu2yL+gIGCg4SFgXwvfoaLjIyILIqNkpOAjymRlJmNliZ4ep9ndieeoKV7oiWYmgesrayah6giqpSutq2wf5wgpG63v616ux+9ZcDHwXPDHbSLwAnQ0cCZyxvFXbfR2tu3yrLMbL622+TStt6z4WbZ5e3dbdVa6sau7fYJ5/Df1gIF6/X37OUrE8/CFgII/WFrFTCgKzcFxwhAmLAKwIb3HpqJOOEgRQIK/5dcxOguGcF98j6CnDKOpECNXjhK8PgxJJKRLsvBDMVrokqbA3Dm5GaSJzGfNREmETrUHKuNKC/QpFiA4k2GTXUWrSITwFSQKoNizUr0aZKqVplENYhU5UemWTWidTug61e3BFqShXZuLt6uXtvizTt270O/bgEHHvy2MNnDjAkovosXLknIkScLHqx36IG5AxAnXpsyMsLOlxGL/qh45ubKqB2KXk2xtes27Bp+Hkzb9m3csaMp4LvbtErfgec8I4qWNmPkycUhYzW3gPPRl+b9O6b6em3SHq7R+7Xau2Tw4bVLd2X+L/qjppC0x+5CvBkCoY27j2E/Ptf3JPTn30cpOwg4IHQ9qTdgXQiGQMaCSaAhRkdcxAfGhBVEoSA8aAB4xxpSEASGh3FoGEQQQ2A4Sw4squjiizDGKOOMNNZo44045nhBBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAABOAE0AAAT/EMhJq7046827/2AojmRpnmiqrmzrvnAsz2tg37hNq7jg/0AfbjeyAQfIpBIJ1BE5N99ySmUKbk9M4FftUn+BLMXoLXev4exWYG5/r8+te/5Nz+T0vBIu2yL+gIGCg4SFgXwvfoaLjIyILIqNkpOAjymRlJmNliZ4ep9ndieeeQemp6agnEUCmn+osKeuCKsgmJOxubKatR6kZrrBp3S9Hb9eugnKy7pzxRu3i7HL1NWxlM8Zx1XT1d7KsW7ZF9tU3d/f4W3jFeVTsOjxCbDior5swKjy8vRm7GMCCBQoo28fv2H+7EEJSKDhQHOnDBpEtU6hhi0NMz5cUlBiPIoJ/20xzCiQY0eP6UB6+QcAI8mSSk6iTJmqDEuXLzcOkDnTGsKVFrWNJKmTZ09mP0OJfOmwIRKjR+clrXJzqMaMOyNG9aZS6QecV0lCPaqyAMk9QbVYZUoA3lakw8yyZZKW3Fq2Y1FSlMuWwACWLe++zOsRFd++gAP3Hax1697FDRODXeyWrGHIkeuqxZyxsl6+Aw4j1ryZ8zmJB0SLZppYwmTKnvmtXv2ytWt8+QjPoy1wse3bc5JRU3CZc23SF3G3EVacN+TfwOkw51vAOVvoE9x10aXaOkns2ZVLh0Xbe+Ya4kGZH91Ce5v115GLcF/FL3zW8lmBUpWfBP39S4BnTEV6AFLV3yhSFEiVgLb8lwcaYoSXIIBgRNiOEQSug8aBfawx4RlgcEhED0GUOISF8+WgIoostujiizDGKOOMNNZo440XRAAAIf8LSW1hZ2VNYWdpY2sNZ2FtbWE9MC40NTQ1NQAh+QQBFAAAACwAAAAATgBNAAAE/xDISau9OOvNu/9gKI5kaZ5oqq5s675wLM9rYN+4Tau44P9AH243sgEHyKQSCdQROTffckplCm5PTOBX7VJ/gSzF6C13r+HsVmBuf6/PrXv+Tc/k9LwSLtsi/oCBgoOEhYF8L36Gi4yMiCyKjZKTgI8pkZSZjZYmeHoHoKGgekx2J55zoqqhepxFApqrsqGariCYjbO6tJS2HqhlswnDxLNzvh3AXavEzc6rbsgbuIbMztfDq5PSGcpU1tjY0GbcF97fouHqCarRpr9sZqrr6+3k78nxwaH09KJt5SpsIUCgwDJ+/fyxKhNwwkCCBA1OSZew3kKG+DQ8hFhwybyK6v/seWkIYCNHiUgoggx58UzGbgI4QkQ5QOVKcS2rkDR5MonNm89y1rkVU2ZEnwiBXvuHkajRiARrJlXajOnIl1qKGi0A8SdVdkKn7NR6kuPHr2AXcoW4ZOxTo16B/ltrNInbt2anUhVF92mpEDzfxgXJFy9EkhICPz17U1Xft4hLkjXMuKJjw4exwsTctbI/ugceQ9a8mTMBcJ9lijYaOfFkyp6Xil4ts7XrVLKWgqJNm6Dt27h1GShsujbpafqCz1rb2/Bv4HmWz2z+9LnD5HQun6TO0fp1UlNWc/d9/MM5OuNHtzjfJn318iLYVyEwwD1r+K/Ag/eOXH8e/lBg559BS3FIMaBOAJonHyloiHGdgf6B4aBARggYDRr40VAhhGeAkaEaUQQh4hATxpfDiSWmqOKKLLbo4oswxijjjDReEAEAIf8LSW1hZ2VNYWdpY2sNZ2FtbWE9MC40NTQ1NQAh+QQBFAAAACwAAAAATgBNAAAE/xDISau9OOvNu/9gKI5kaZ5oqq5s675wLM9rYN+4Tau44P9AH243sgEHyKQSCdQROTffckplCm5PTOBX7VJ/gSzF6C13r+HsVmBuf6/PrXv+Tc/k9LwSLtsi/oCBgoOEhYF8L36Gi4yMiCyKjZKTgI8pkZQIB5ucm5mVdih4dJ2lnHqWJaNtpq2nc6lFApSutZyUsSCYjK4Jvr+uuKEiq16mv8jJpm65HsVVx8nSvstmzVCzjdHT06aS1xrPVKXc5QmlbeBabGbk5uXo1sMd4lOd7++d6fPY7Zz4+PSVUWdhC4GDBaD9A2hOoBeCYwQcnEggoRJ3DLnFe8gvg0GKCP8vLswI7xVHXRJBhkRyj2TJTfJQqlw5oKXLbibPdFw3c6XNm8pyVoEo4eNMiz+BAhNaR2bPAgeTKj3HdApRAEZVQo06cupGnU61guyqVODWg1Z3Xsjak+uBqUs3nQW5R23BlG0pknXZaa7KJFex4s1LQCrDvoQJDAgsOPFEw/kQJ2bMNi9GgKX8tqU8OPHlhnM192Tc2LHbTQH9ilZJurTpwtvial4NsrVgUrYki81r+3YeVwZ0vz7Yu54/U1tpE+7tW09N3QWUj7brjJ3zJKql16Ze/boS0donMo/oHUn4zdxRej8/PZF1N4rZzxzv8X15ZulV2b9/koZx/oDlJ4pAFABaRZ8u/12HhhgTrLEfKkIwWEEUD6aDhoB3OFjhHmBgGAeFQQQxhITE5GAiiSimqOKKLLbo4oswxijjjBdEAAA7';
|
|
35720
35945
|
|
|
35721
|
-
var img$
|
|
35946
|
+
var img$c = 'data:image/gif;base64,R0lGODlhTgBNAPIAAAAAAAgIMhkZS2tsbbcIL4zZ98jh6////yH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAAIf4gQ3JlYXRlZCB3aXRoIGV6Z2lmLmNvbSBHSUYgbWFrZXIALAAAAABOAE0AAAP/CLrc/jDKSau9OOvNu/9gKI5kaZ5oqq4j4b6wy4qwYN+4Dc+biwfAoBCIk/EoL9twySQKXkcI4dasMm+EKMNnDRiA327wmY1OBeLA4ZAW6o7TtpotH5dX8XY4XA888QIDgoOEhYaHiIR/KFOJjo+QiyWNkJWWinc0gZecjgaDkiB5fV4Gpqd8XQYHfKEeo2pppmu0tKaybpkdlJeztb9rpp2uGryVvsDJrJ+XxBiwqsrStnLOF9BVq9PbqVbWFcae27SGtcyRutdoYtrbVtRi3xLYTe3Kbaxt8lLr0dN1+eKlQ9LPij1gpLo12feA3pCDv0hVGzivYLZ/EvVR5McO/2PGNAy3WGQCsdZHjc9GLim5JmGfkAscCmFJp47CLjAVyAxCk1SBlxsbjuzWs06BAz8npnwYEIw0PQaOrilwKxuRoA6wEX1qFGnHLzkB7OTJVU5SdleXdrxnE2iGsU7Z6qkTVqfKlWVPLsQqVE9evUPqir2L9y/gtMUIMzWsV7BdOTRbHvbDNwJcsu6GBFO6S/HKyMCqvrPzyjNJ0MtIORYpEdkv0XQrEwRDWxaqUxlXZ+0neTLnEHl6+xY4ScCe4cRNXG5dRfds5KtuOgdnWjjaJdMtjLWuWjZwJcideKexPPZ4EmdMx3ujpUES9VfInFfhgwpOLPN51MjBf0f7HhYxBPjfgAQWaOCBCCao4IIMNuggBwkAACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAAE4ATQAAA/8Iutz+MMpJq7046827/2AojmRpnmiqriPhvrDLirBg37gNz5uLB8CgEIiT8Sgv23DJJApeRwjhxjQIrU3nM8rwZb/gJ4E7FYCBh8N5qDtO12g1XLhlvef4ZT01Hfj/gIEGgIOBhod7Jn2HjI2OggOJLQKPlZaMkiCLl5yPhZFjNGZ5pFcBBgdWVpkcd3FwBrGysXNYRKEfm35plbFpv7+xnX+sGLqXvsDKacKOn8S4PaOwqMvWzLZrxRauZ9XX4Klz20iUyOHoqZzkEt1f3+hLwNlf7FLTYPDgX8Fw9g7usuhbBkectmjc8AmMN8dgGIQVAlYJR4pek39dFDYZCKz/1DiI7TRO3OfxoDGRQzj+KukPZASJKSmyPINRQUB6KuXgsfjwpDeSO2Hd8pky5jVSBfLUBOBKlTgsOfMUOJDU29ALN41aozY1TQFaS5yucnnv51E8U6vmu5owbFigcNS2zADzCtw1PKsEWGoTpVaCtfDwZerX7tmZF8m+LGx4K2Imgwnjlfk4SGTJk+8ivozZrGaPnDt71swMTBq20nbmtAaWn5zQmLPlPbUam1LFWBlXUdn6o6ggp6nN6i0YN9HglYHMRh2ibvLEJ5o+nw07pNVTVlGpYmM8l27keCF318QYfKnquVFCDWwZvTHnoI1wIaxk5o3xfHzovigGv50yI/XVc59/UdSQw4E7zNdDDAwq6OCDEEYo4YQUVmjhhRhmyEECACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAAE4ATQAAA/8Iutz+MMpJq7046827/2AojmRpnmiqriPhvrDLirBg37gNz5uLB8CgEIiT8Sgv23DJJApeRwjh1qwyb4Qow2ftVp/Z6FTgDRzKQ91xim5fwyu2ey58xgWDvH7P7/v/egZ2KFOAhoeIgyWFiI2OAwZ5ijR4j5aGkZJwIHIBBkCfdGWfBgYHpZ6THp1mZ6JzoUSbHYx6BweOpbq6j5l6qhq1eZm+f6W3yMill7+zGaxox8nTt6hWsUHAGNBd0tTfp9he2hbCiKbg6dWW5Ehk0erxp23tEtxV6PJLyeJW9VLvvORTZ0UZmn8P7jEZ+A3NvDIIHSgcwpCam4ddIm4J2I3/IKyDzuxxxOfx1biQESYKqZjMJESUAJeIY4nM5cttIxeWtClTFs6eK9PR6ZcRZsKcM4V+HOXzghxSplCRUuqmQLSm5ZBSpIqmwAGrTaCG06iAW1Jw0Qx4vVXAWlisFVSC4lrGK9hucOOO7EfTVZu7N5/llElX4FWyC+TORduG6BejMQUW5pkNcuSOjCnXsXz52k7NiBso9vR5KKgAoUUP1ln6oqvUGxvrG1Kty628wVYv7PvN7dtUnN258ZbO90lKQfx2o2nc8eYWuq/t0iUKtkjNC/0FF2w4iHOKj1OMvnpM6nMVim83fjNDrvqrabZzUoK9jnVaZlfCR21EC4AxMdEdpIZ/W/gQ4BdgyBcHgAcWoeAaSeQg4Q4EBhPDhRVmqOGGHHbo4YcghijiiCQ+kAAAIf8LSW1hZ2VNYWdpY2sNZ2FtbWE9MC40NTQ1NQAh+QQBFAAAACwAAAAATgBNAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKquI+G+sMuKsGDfuA3Pm4sHwKAQiJPxKC/bcMkkCl5HCOHWrDJvhCjDZ+1Wn9noVOANHA5loe44TZvR7uBz1o7b1eHUdMDv+/+AgYJ+cyh7g4iJiYUlh4qPkH2MNAIDBn6XkZqBkx91d6BCcER5nmRBZ6GqAZ0cjnxnm7KCrRmvsga5urmzkqUanwEGQsNVuWfIyLmhtRfBacfJ0mfLds0Vt4rR09wHvJrXE89dBt3mynHhEeNW5efvxWnqD+xN7u+jqOjyv9inXvfOWdnnZZ6DeksCckvjjZ+tf+TexWlYxuAChEMUSrsTr/+LRQUYg2hMtqpgPwkhgYxEVtLjyXUQ7QlsaeUjgJQrU9H88lJKTCY5OVrrSe9nPmHmhKYjevBnwqR2CjAkhQEnVDcFDkh1Y9NqN2gGsp4pUM3lw4hf42TdWpFpUYBX07BtC8xpxrhlOpqsmxcvuaU97BLzu9PmFsGD067qOMzwYbiEVzl+DFmxKp2TLyJOHJkhnMyaoeFbQs0hiJQqc3IrC1SOWwufdBpTTU2vWUpAZLdbyZouCdQZd+m6Axrl5p1Dios7Duqo6xUpnYNSDpt5SerOlCBXg70q8KWvT4yxXnONlgZJyCcHE57O+ONF2mupkaP+jvM9YujHz7+///8NAAYo4IAEFmjggRwkAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAABOAE0AAAP/CLrc/jDKSau9OOvNu/9gKI5kaZ5oqq4j4b6wy4qwYN+4Dc+biwfAoBCIk/EoL9twySQKXkcI4dasMm+EKMNnDRiA327wmY1OBeLA4ZAW6o7TtpotH5dX8XY4XA888QIDgoOEhYaHiIR/KFOJjo+QiyWNkJWWinc0gZecjgaDkiB5faRDBgd8oR6jaqWlfH6ZHZSdtZWqGrS2Bry9vLagshmsdbxrx8e8rrgYxGnGyNFryn3MFrqV0NLbqJ+c1khocqfc5dN14BLOVuTm5rBi6VLiz+7HS8jwVvIP60zt5qwka8PPgb8lALe1QUVQ2ISDptzVYZim4AKIQhJGI6Wv/4lFBRjBBHRV0WGEkF5GkuzyEUBIjchWlmxGrwrMezJZmpyHMCI3jtV29quZEtZNOsX0EBFqkKgXnwr7FKj3peXLclIPTBUTxqpThFifGShwrAA1ncO+Zgwrh+zWmWm5sm3zFi5NuT+TymkJUi1UaXob9vAb5GhOj0xPEi489/DSWYtTNs7JtwHKo0hJIq28JbJIlTI5d9ZjDx/FeIkr5NnTRJu9boJDjFrTxTW3s3ZFiaPN9Sbu3LIFsBbr6zdwTY57Ik6Bss+pjqIvhOStdEn0uwIzl7qe1vN27rmaozOixSWV0G/Kb/Hh3TqZ1DzYK2GJBX75Gjny71AfPkYM/hIABijggAQWaOCBCCao4IIPJAAAIf8LSW1hZ2VNYWdpY2sNZ2FtbWE9MC40NTQ1NQAh+QQBFAAAACwAAAAATgBNAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKquI+G+sMuKsGDfuA3Pm4sHwKAQiJPxKC/bcMkkCl5HCOHGNAitTeczyvBlv+AngTsVgIGHw3moO07XaDVcuGW95/hlPTUd+P+AgQaAg4GGh3smfYeMjY6CA4ktAo+VloySIIuXnI+FkWM0ZnmkVwEGB1ZWmRx3caWkWEShH5t+aZcGuru6nYGsGLadumnFxb2Vn3/AFq5zxMbRabqkzBXOZ9DS26mya9YTwp7c5Med4BHYX6jl7d5htMGja+ztckLG71/oDupN9eW+HIPDr4G/Ku3gpCIYr9m8dQnnLDxTcMHBJQClxWIoj/9eQFjfGoZ7mCVjNJAhO4IxaQxlygvq3rEs5pKiSAkXg8y89wwOlooAYg7ZuREPUFeqFmIhmqeAz1kqTV0h1/SA05KnFh4liZCbTwMFihWghjXAVoxDqeIJe5Vj1JJq57RdafbmyGxxn84BqiCnzrzZjNrFybXrtppZ+PYtjBEw4rqtGKd1XFOxRclTKYO0fNlnRFhpoHbwm/kjvolZQkP2cMebvlM7t5F9WQszxtjTXicenMGV6pUzZ+/l3XvU72y8dlWBV4L0Yz3EI+t8fmo3H9vVs6/LqopN9NpnjgeGPsOv+GrfRTFe2jNImyheqNdNr4iKyxv0USTB3kSHES4mUpShRBj45QfffjnksAOAPcTgIIMQRijhhBRWaOGFGGao4YYcJAAAIf8LSW1hZ2VNYWdpY2sNZ2FtbWE9MC40NTQ1NQAh+QQBFAAAACwAAAAATgBNAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKquI+G+sMuKsGDfuA3Pm4sHwKAQiJPxKC/bcMkkCl5HCOHWrDJvhCjDZ+1Wn9noVOANHMpD3XGKbl/DK7Z7LnzGBYO8fs/v+/96BnYoU4CGh4iDJYWIjY4DBnmKNHiPloaRknAgcgEGQJ90ZZ8GBgelnpMenWZno6WwqGihRJsdjHoHB4ilur6+pY2ZeqoauHmZw329v826wZfFGKxezM7Xp7RL2rWrZLPY4cBt0hbHh6bi6sqH5Ujf1eq+S7/cX7bm8F3p6lbjZe4iUKvCDxuaU2gCStFHsF8bhF4UPhjIpKAzOvbeZKC4Tf+cKHL4JHAcYrHZx4QhBTKs6PEkwJQLt5Fs6bKLxC0rOxqck7FitwsDuZWcx3POzQVBZ+50U2DWz3ygPJlCRSrcnAIHmlZ7WiGpkKG6ZhnAqquArK9Ssx1V4DUIWFdtsGrdx/XdKKtMnQZYy5ahvbdFQRrLqfOam54y+fa9u7Smxo2EC190/Bgy48aU98KcMFIpZseKcYKjiTFqaNGjSQN51iWsZm+H3147W8X1adRtrIWjTRDU7Qadm+iuh/gepSBwX8XiHdXmZsuZRf2OGZ2klekqt7rVW9lE8MNpqdZ5ziky8uTa05APEdw19yDYpympDj/+xraeuIPRgpRKTSwv/AHng3nXgbEeDwPOV6AOB/JXQw4Q7hCgMTFUOOGFGGao4YYcdujhhyCGKOIDCQAAIf8LSW1hZ2VNYWdpY2sNZ2FtbWE9MC40NTQ1NQAh+QQBFAAAACwAAAAATgBNAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKquI+G+sMuKsGDfuA3Pm4sHwKAQiJPxKC/bcMkkCl5HCOHWrDJvhCjDZ+1Wn9noVOANHA5loe44TZvR7uBz1o7b1eHUdMDv+/+AgYJ+cyh7g4iJiYUlh4qPkH2MNAIDBn6XkZqBkx91dwahoqFucER5nmRBZ16hZ6+vpHadHI58Z4iusLtnoZu0GbaKurzFB76RwBefAQZCzs/G0rFuyhbMVgbT28dp1kiVj9rcB4CwmYrfEthN49tW1F7qUqqt72XdZfMO7EzuxnHyddnXoN+Sf7xA6UN1rV4VhLvuVGMIrgxEWBInYjAYTf9aRo3LHLab9tEbxXUi/Xm0Aw1kQ3sAWc46GYFjkIus7BSYuTHlwZVuChzY6bICO1NAcCLNZkDomQKyBtKkB7OYzqH4TvW0CDQN0aIVqyaM09JkMJ8/Y6YpK29qTbRDlJaUqsFmR6tzmxDcAjcuybxL9vJd+xew1h59/RaWeTOA4IKJ73YF0gvsWbJKi0WtkvMxZFCZe7HlDMfzZ9DGNltGnHHUKLJy3G6lvNRw2xaqctpe2Cjybjwn7P4+HNz3ndrEDUVGfsd0XeMlnSOGPkt6LeHNjWgBMIa63jXbt/jwLgeMbDHdIxc5H557khzwd7QPFqP+/Pv48+vfz7+///8FAAbIXwIAOw==';
|
|
35722
35947
|
|
|
35723
35948
|
var DayNightPeriod = function DayNightPeriod(_ref) {
|
|
35724
35949
|
var _periodOfDaySrcFiles;
|
|
35725
35950
|
var periodOfDay = _ref.periodOfDay;
|
|
35726
|
-
var periodOfDaySrcFiles = (_periodOfDaySrcFiles = {}, _periodOfDaySrcFiles[PeriodOfDay.Morning] = img$
|
|
35951
|
+
var periodOfDaySrcFiles = (_periodOfDaySrcFiles = {}, _periodOfDaySrcFiles[PeriodOfDay.Morning] = img$b, _periodOfDaySrcFiles[PeriodOfDay.Afternoon] = img$a, _periodOfDaySrcFiles[PeriodOfDay.Night] = img$c, _periodOfDaySrcFiles);
|
|
35727
35952
|
return React.createElement(GifContainer, null, React.createElement("img", {
|
|
35728
35953
|
src: periodOfDaySrcFiles[periodOfDay]
|
|
35729
35954
|
}));
|
|
@@ -35733,7 +35958,7 @@ var GifContainer = /*#__PURE__*/styled.div.withConfig({
|
|
|
35733
35958
|
componentId: "sc-10t97fw-0"
|
|
35734
35959
|
})(["width:100%;img{width:67%;}"]);
|
|
35735
35960
|
|
|
35736
|
-
var img$
|
|
35961
|
+
var img$d = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAABHCAYAAAA0qHhdAAAAAXNSR0IArs4c6QAABGRJREFUeJztnb9PGzEUx7+JMjC0Uge6tVsVdTghQP0D2qgjzGz8D8woE2LO/5CNOcwlU9WJRCgDYmWJRAYkFgak6wDv5HPsO9/P8J79WUhicr7nzz3bOV8uHbRPXOXN2x++1LUfYnh4uu8AQK+FulLy7hbHxn96vrh22tjW0b7xPVtH+87bkMbnj1/jh6f7TqfBOmKgurwy6MJ10VRuKqNylwMl7wBy3U5WuetBOhg9om6ZSRaqEtvImJ2zRfL4/GA3eXy494LJzNwBmcpc//9w7wUAMJn1ktdt5bbnaj228qw6VeqWGbctUEXNxn40Fj+2/jn5lHpel8xUd+oqcedsUajum2HkNHEiqf1oDAD4/e1HkWrYMF8uE6GTWQ+j6aryBCh2lVhUXt77bXJpP2i/+tE41e1y5uo2W1cVmfHd4rhxiXnbdZEqReiv76/jpE1q2YbOFNmUwDxsYreO9lkLvbrtJSLp+Xy5xN9/g8TBYPSIboltv0uRWXU/X1zjbnGM08t527tUC7aM1B0UbXiryE1KNGHKUu4ZqjKarpLMpAlQkcxkIxIw7xP3DLVBnzldZbISSUgXqvtwkclSJCFNqDpu0mdqOkOUJ5O1SEKSUHVWWyQzRYgkJAml7KTMzBszRYkkJAhVu1ny49rNpuAskuAaw9VtL/d0nikwY1ZybQQb+udQ+gzKZbXFtGqiq3Y63yoR6m770Rg3wyi1gK1iel1dQNbLqazsX9M2dKib1bPNi6wkbNl5M4w2tUulGIwe8fB031nrhH0RCbzGpgrVJxSEaYXfdoWCrdxE1lUNtnJ9+6PpKrmgSxUVm45IyTIB8zncnbPF2th58nMbo+kq9zUX8t5XpC4SCQSZVpkovzy4MWiHvRRJSBFaZj0z8E6xyvQlKwE5sYbMFEQXlvHSd97apNL3YtomZKYgjDKljCFFkBBzyExBBJmCCDIFEWQKIsgURJApiCBTEEGmILqA26q4b3Bsk5CZgjDKdL1/gCQkxJzI5NitNAXXtugC6HC5NL9N3tqE1cn3MGYKIiVT7V4kjCGuqLFy7WIBw61jOAdTFikxp66bPT/YXbsnm4RF2yz0Hmgy67EcLwHDmCnlKC0D99hVmcmslntQZaCYuWYlYPgWmOkeOaeXc5bB5XF+sLs2yeMs05iC+rh5uBfF0sbO17EyHSf3HkkfMzunl3P2QZWB88SHsO246JmtpBmsSuYZoMmsJ+5Egn6CQFIvlHUkrk2GKFO5ZiiJ1AVKyEogPwDj7BbgN8M1zVwBOSIBtyDYC/VBJOAeCFuhvogEigXDTqhPIoESd4LmItQ3kUC5oKxCgc1LtUkEZIsEKvx6wnsU6rNIoFpwmUKJpsVmCVT2ARAuEqgeoJNQoH6pLhLf6gU8EAnUE2QMoPDPSxSV6ypP2T499EIkUG+gzlnaND5lo0pjv5/Ztljt2l/vRALNBl2q+y2Kj92pjTYaIDXWVZVruPree4nEJhqi6ppokGfhP6xr60VVr5O+AAAAAElFTkSuQmCC';
|
|
35737
35962
|
|
|
35738
35963
|
var TimeWidget = function TimeWidget(_ref) {
|
|
35739
35964
|
var onClose = _ref.onClose,
|
|
@@ -35748,7 +35973,7 @@ var TimeWidget = function TimeWidget(_ref) {
|
|
|
35748
35973
|
var WidgetContainer = /*#__PURE__*/styled.div.withConfig({
|
|
35749
35974
|
displayName: "TimeWidget__WidgetContainer",
|
|
35750
35975
|
componentId: "sc-1ja236h-0"
|
|
35751
|
-
})(["background-image:url(", ");background-size:10rem;background-repeat:no-repeat;width:10rem;position:absolute;height:100px;"], img$
|
|
35976
|
+
})(["background-image:url(", ");background-size:10rem;background-repeat:no-repeat;width:10rem;position:absolute;height:100px;"], img$d);
|
|
35752
35977
|
var Time = /*#__PURE__*/styled.div.withConfig({
|
|
35753
35978
|
displayName: "TimeWidget__Time",
|
|
35754
35979
|
componentId: "sc-1ja236h-1"
|
|
@@ -35984,230 +36209,16 @@ var Truncate = function Truncate(_ref) {
|
|
|
35984
36209
|
var _ref$maxLines = _ref.maxLines,
|
|
35985
36210
|
maxLines = _ref$maxLines === void 0 ? 1 : _ref$maxLines,
|
|
35986
36211
|
children = _ref.children;
|
|
35987
|
-
return React.createElement(Container$
|
|
36212
|
+
return React.createElement(Container$l, {
|
|
35988
36213
|
maxLines: maxLines
|
|
35989
36214
|
}, children);
|
|
35990
36215
|
};
|
|
35991
|
-
var Container$
|
|
36216
|
+
var Container$l = /*#__PURE__*/styled.div.withConfig({
|
|
35992
36217
|
displayName: "Truncate__Container",
|
|
35993
36218
|
componentId: "sc-6x00qb-0"
|
|
35994
36219
|
})(["display:-webkit-box;max-width:100%;max-height:100%;-webkit-line-clamp:", ";-webkit-box-orient:vertical;overflow:hidden;"], function (props) {
|
|
35995
36220
|
return props.maxLines;
|
|
35996
36221
|
});
|
|
35997
36222
|
|
|
35998
|
-
var IS_MOBILE_OR_TABLET = /*#__PURE__*/isMobileOrTablet();
|
|
35999
|
-
|
|
36000
|
-
var chunkString = function chunkString(str, length) {
|
|
36001
|
-
return str.match(new RegExp('.{1,' + length + '}', 'g'));
|
|
36002
|
-
};
|
|
36003
|
-
|
|
36004
|
-
var img$d = 'data:image/gif;base64,R0lGODlhEAAQAPIAAAAAABQYLiw1TUBJc2hvmQAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAM9CLrc/lCFGSKYJJP5AhlguDnBMIVgxXgmJapSSp3mKs/pKrT0IMCXUk+2Cgh2oSOnaDz+lswZpSOFUq2KBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAIzhI+py90Bg4OjDrjCELxfFQhQx0mIJkaeaYRp5LJADMdnqXbyOJLYTdKBejjZoRaZJBMFACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAABAAEAAAAjKEj6nL7Y+CDE6OO+QKQ/ifKYEgfR4VddPohQe7lmR0xidNTib65uacYP2AQWGuMlEUAAA7';
|
|
36005
|
-
|
|
36006
|
-
var NPCDialogText = function NPCDialogText(_ref) {
|
|
36007
|
-
var text = _ref.text,
|
|
36008
|
-
onClose = _ref.onClose,
|
|
36009
|
-
onEndStep = _ref.onEndStep,
|
|
36010
|
-
onStartStep = _ref.onStartStep,
|
|
36011
|
-
type = _ref.type;
|
|
36012
|
-
var windowSize = useRef([window.innerWidth, window.innerHeight]);
|
|
36013
|
-
function maxCharacters(width) {
|
|
36014
|
-
// Set the font size to 16 pixels
|
|
36015
|
-
var fontSize = 11.2;
|
|
36016
|
-
// Calculate the number of characters that can fit in one line
|
|
36017
|
-
var charactersPerLine = Math.floor(width / 2 / fontSize);
|
|
36018
|
-
// Calculate the number of lines that can fit in the div
|
|
36019
|
-
var linesPerDiv = Math.floor(180 / fontSize);
|
|
36020
|
-
// Calculate the maximum number of characters that can fit in the div
|
|
36021
|
-
var maxCharacters = charactersPerLine * linesPerDiv;
|
|
36022
|
-
// Return the maximum number of characters
|
|
36023
|
-
return Math.round(maxCharacters / 5);
|
|
36024
|
-
}
|
|
36025
|
-
var textChunks = chunkString(text, maxCharacters(windowSize.current[0]));
|
|
36026
|
-
var _useState = useState(0),
|
|
36027
|
-
chunkIndex = _useState[0],
|
|
36028
|
-
setChunkIndex = _useState[1];
|
|
36029
|
-
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
36030
|
-
if (event.code === 'Space') {
|
|
36031
|
-
goToNextStep();
|
|
36032
|
-
}
|
|
36033
|
-
};
|
|
36034
|
-
var goToNextStep = function goToNextStep() {
|
|
36035
|
-
var hasNextChunk = (textChunks == null ? void 0 : textChunks[chunkIndex + 1]) || false;
|
|
36036
|
-
if (hasNextChunk) {
|
|
36037
|
-
setChunkIndex(function (prev) {
|
|
36038
|
-
return prev + 1;
|
|
36039
|
-
});
|
|
36040
|
-
} else {
|
|
36041
|
-
// if there's no more text chunks, close the dialog
|
|
36042
|
-
onClose();
|
|
36043
|
-
}
|
|
36044
|
-
};
|
|
36045
|
-
useEffect(function () {
|
|
36046
|
-
document.addEventListener('keydown', onHandleSpacePress);
|
|
36047
|
-
return function () {
|
|
36048
|
-
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
36049
|
-
};
|
|
36050
|
-
}, [chunkIndex]);
|
|
36051
|
-
var _useState2 = useState(false),
|
|
36052
|
-
showGoNextIndicator = _useState2[0],
|
|
36053
|
-
setShowGoNextIndicator = _useState2[1];
|
|
36054
|
-
return React.createElement(Container$k, null, React.createElement(DynamicText, {
|
|
36055
|
-
text: (textChunks == null ? void 0 : textChunks[chunkIndex]) || '',
|
|
36056
|
-
onFinish: function onFinish() {
|
|
36057
|
-
setShowGoNextIndicator(true);
|
|
36058
|
-
onEndStep && onEndStep();
|
|
36059
|
-
},
|
|
36060
|
-
onStart: function onStart() {
|
|
36061
|
-
setShowGoNextIndicator(false);
|
|
36062
|
-
onStartStep && onStartStep();
|
|
36063
|
-
}
|
|
36064
|
-
}), showGoNextIndicator && React.createElement(PressSpaceIndicator$1, {
|
|
36065
|
-
right: type === NPCDialogType.TextOnly ? '1rem' : '10.5rem',
|
|
36066
|
-
src: IS_MOBILE_OR_TABLET ? img$d : img$7,
|
|
36067
|
-
onPointerDown: function onPointerDown() {
|
|
36068
|
-
goToNextStep();
|
|
36069
|
-
}
|
|
36070
|
-
}));
|
|
36071
|
-
};
|
|
36072
|
-
var Container$k = /*#__PURE__*/styled.div.withConfig({
|
|
36073
|
-
displayName: "NPCDialogText__Container",
|
|
36074
|
-
componentId: "sc-1cxkdh9-0"
|
|
36075
|
-
})([""]);
|
|
36076
|
-
var PressSpaceIndicator$1 = /*#__PURE__*/styled.img.withConfig({
|
|
36077
|
-
displayName: "NPCDialogText__PressSpaceIndicator",
|
|
36078
|
-
componentId: "sc-1cxkdh9-1"
|
|
36079
|
-
})(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref2) {
|
|
36080
|
-
var right = _ref2.right;
|
|
36081
|
-
return right;
|
|
36082
|
-
});
|
|
36083
|
-
|
|
36084
|
-
var NPCDialogType;
|
|
36085
|
-
(function (NPCDialogType) {
|
|
36086
|
-
NPCDialogType["TextOnly"] = "TextOnly";
|
|
36087
|
-
NPCDialogType["TextAndThumbnail"] = "TextAndThumbnail";
|
|
36088
|
-
})(NPCDialogType || (NPCDialogType = {}));
|
|
36089
|
-
var NPCDialog = function NPCDialog(_ref) {
|
|
36090
|
-
var text = _ref.text,
|
|
36091
|
-
type = _ref.type,
|
|
36092
|
-
_onClose = _ref.onClose,
|
|
36093
|
-
imagePath = _ref.imagePath,
|
|
36094
|
-
_ref$isQuestionDialog = _ref.isQuestionDialog,
|
|
36095
|
-
isQuestionDialog = _ref$isQuestionDialog === void 0 ? false : _ref$isQuestionDialog,
|
|
36096
|
-
questions = _ref.questions,
|
|
36097
|
-
answers = _ref.answers;
|
|
36098
|
-
return React.createElement(RPGUIContainer, {
|
|
36099
|
-
type: RPGUIContainerTypes.FramedGold,
|
|
36100
|
-
width: isQuestionDialog ? '600px' : '80%',
|
|
36101
|
-
height: '180px'
|
|
36102
|
-
}, isQuestionDialog && questions && answers ? React.createElement(React.Fragment, null, React.createElement(TextContainer$2, {
|
|
36103
|
-
flex: type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'
|
|
36104
|
-
}, React.createElement(QuestionDialog, {
|
|
36105
|
-
questions: questions,
|
|
36106
|
-
answers: answers,
|
|
36107
|
-
onClose: function onClose() {
|
|
36108
|
-
if (_onClose) {
|
|
36109
|
-
_onClose();
|
|
36110
|
-
}
|
|
36111
|
-
}
|
|
36112
|
-
})), type === NPCDialogType.TextAndThumbnail && React.createElement(ThumbnailContainer$1, null, React.createElement(NPCThumbnail$1, {
|
|
36113
|
-
src: imagePath || img$6
|
|
36114
|
-
}))) : React.createElement(React.Fragment, null, React.createElement(Container$l, null, React.createElement(TextContainer$2, {
|
|
36115
|
-
flex: type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'
|
|
36116
|
-
}, React.createElement(NPCDialogText, {
|
|
36117
|
-
type: type,
|
|
36118
|
-
text: text || 'No text provided.',
|
|
36119
|
-
onClose: function onClose() {
|
|
36120
|
-
if (_onClose) {
|
|
36121
|
-
_onClose();
|
|
36122
|
-
}
|
|
36123
|
-
}
|
|
36124
|
-
})), type === NPCDialogType.TextAndThumbnail && React.createElement(ThumbnailContainer$1, null, React.createElement(NPCThumbnail$1, {
|
|
36125
|
-
src: imagePath || img$6
|
|
36126
|
-
})))));
|
|
36127
|
-
};
|
|
36128
|
-
var Container$l = /*#__PURE__*/styled.div.withConfig({
|
|
36129
|
-
displayName: "NPCDialog__Container",
|
|
36130
|
-
componentId: "sc-1b4aw74-0"
|
|
36131
|
-
})(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
|
|
36132
|
-
var TextContainer$2 = /*#__PURE__*/styled.div.withConfig({
|
|
36133
|
-
displayName: "NPCDialog__TextContainer",
|
|
36134
|
-
componentId: "sc-1b4aw74-1"
|
|
36135
|
-
})(["flex:", " 0 0;width:355px;"], function (_ref2) {
|
|
36136
|
-
var flex = _ref2.flex;
|
|
36137
|
-
return flex;
|
|
36138
|
-
});
|
|
36139
|
-
var ThumbnailContainer$1 = /*#__PURE__*/styled.div.withConfig({
|
|
36140
|
-
displayName: "NPCDialog__ThumbnailContainer",
|
|
36141
|
-
componentId: "sc-1b4aw74-2"
|
|
36142
|
-
})(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
|
|
36143
|
-
var NPCThumbnail$1 = /*#__PURE__*/styled.img.withConfig({
|
|
36144
|
-
displayName: "NPCDialog__NPCThumbnail",
|
|
36145
|
-
componentId: "sc-1b4aw74-3"
|
|
36146
|
-
})(["image-rendering:pixelated;height:128px;width:128px;"]);
|
|
36147
|
-
|
|
36148
|
-
var HistoryDialog = function HistoryDialog(_ref) {
|
|
36149
|
-
var backgroundImgPath = _ref.backgroundImgPath,
|
|
36150
|
-
fullCoverBackground = _ref.fullCoverBackground,
|
|
36151
|
-
questions = _ref.questions,
|
|
36152
|
-
answers = _ref.answers,
|
|
36153
|
-
text = _ref.text,
|
|
36154
|
-
imagePath = _ref.imagePath,
|
|
36155
|
-
textAndTypeArray = _ref.textAndTypeArray,
|
|
36156
|
-
onClose = _ref.onClose;
|
|
36157
|
-
var _useState = useState(0),
|
|
36158
|
-
img = _useState[0],
|
|
36159
|
-
setImage = _useState[1];
|
|
36160
|
-
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
36161
|
-
if (event.code === 'Space') {
|
|
36162
|
-
if (img < (backgroundImgPath == null ? void 0 : backgroundImgPath.length) - 1) {
|
|
36163
|
-
setImage(function (prev) {
|
|
36164
|
-
return prev + 1;
|
|
36165
|
-
});
|
|
36166
|
-
} else {
|
|
36167
|
-
// if there's no more text chunks, close the dialog
|
|
36168
|
-
onClose();
|
|
36169
|
-
}
|
|
36170
|
-
}
|
|
36171
|
-
};
|
|
36172
|
-
useEffect(function () {
|
|
36173
|
-
document.addEventListener('keydown', onHandleSpacePress);
|
|
36174
|
-
return function () {
|
|
36175
|
-
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
36176
|
-
};
|
|
36177
|
-
}, [backgroundImgPath]);
|
|
36178
|
-
return React.createElement(BackgroundContainer, {
|
|
36179
|
-
imgPath: backgroundImgPath[img],
|
|
36180
|
-
fullImg: fullCoverBackground
|
|
36181
|
-
}, React.createElement(DialogContainer, null, textAndTypeArray ? React.createElement(NPCMultiDialog, {
|
|
36182
|
-
textAndTypeArray: textAndTypeArray,
|
|
36183
|
-
onClose: onClose
|
|
36184
|
-
}) : questions && answers ? React.createElement(QuestionDialog, {
|
|
36185
|
-
questions: questions,
|
|
36186
|
-
answers: answers,
|
|
36187
|
-
onClose: onClose
|
|
36188
|
-
}) : text && imagePath ? React.createElement(NPCDialog, {
|
|
36189
|
-
text: text,
|
|
36190
|
-
imagePath: imagePath,
|
|
36191
|
-
onClose: onClose,
|
|
36192
|
-
type: NPCDialogType.TextAndThumbnail
|
|
36193
|
-
}) : React.createElement(NPCDialog, {
|
|
36194
|
-
text: text,
|
|
36195
|
-
onClose: onClose,
|
|
36196
|
-
type: NPCDialogType.TextOnly
|
|
36197
|
-
})));
|
|
36198
|
-
};
|
|
36199
|
-
var BackgroundContainer = /*#__PURE__*/styled.div.withConfig({
|
|
36200
|
-
displayName: "HistoryDialog__BackgroundContainer",
|
|
36201
|
-
componentId: "sc-u6oe75-0"
|
|
36202
|
-
})(["width:100%;height:100%;background-image:url(", ");background-size:", ";display:flex;justify-content:space-evenly;align-items:center;"], function (props) {
|
|
36203
|
-
return props.imgPath;
|
|
36204
|
-
}, function (props) {
|
|
36205
|
-
return props.imgPath ? 'cover' : 'auto';
|
|
36206
|
-
});
|
|
36207
|
-
var DialogContainer = /*#__PURE__*/styled.div.withConfig({
|
|
36208
|
-
displayName: "HistoryDialog__DialogContainer",
|
|
36209
|
-
componentId: "sc-u6oe75-1"
|
|
36210
|
-
})(["display:flex;justify-content:center;padding-top:200px;"]);
|
|
36211
|
-
|
|
36212
36223
|
export { Button, ButtonTypes, CharacterSelection, Chat, ChatDeprecated, CheckButton, CircularController, CraftBook, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, ErrorBoundary, HistoryDialog, ImgSide, Input, InputRadio, ItemContainer$1 as ItemContainer, ItemSelector, ItemSlot, ListMenu, NPCDialog, NPCDialogType, NPCMultiDialog, ProgressBar, PropertySelect, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, Shortcuts, SkillProgressBar, SkillsContainer, Spellbook, SpriteFromAtlas, TextArea, TimeWidget, TradingMenu, Truncate, _RPGUI, useEventListener };
|
|
36213
36224
|
//# sourceMappingURL=long-bow.esm.js.map
|