@rpg-engine/long-bow 0.3.46 → 0.3.47
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 +705 -709
- 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 +708 -712
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +100 -101
- package/src/components/Abstractions/SlotsContainer.tsx +45 -45
- package/src/components/Arrow/SelectArrow.tsx +65 -65
- 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 +41 -41
- package/src/components/Character/CharacterSelection.tsx +96 -96
- package/src/components/Chat/Chat.tsx +194 -194
- package/src/components/Chatdeprecated/ChatDeprecated.tsx +200 -200
- package/src/components/CheckButton.tsx +65 -65
- package/src/components/CircularController/CircularController.tsx +162 -162
- package/src/components/CraftBook/CraftBook.tsx +230 -230
- package/src/components/CraftBook/MockItems.ts +46 -46
- package/src/components/DraggableContainer.tsx +154 -154
- package/src/components/Dropdown.tsx +96 -96
- 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 +175 -175
- package/src/components/Item/Inventory/ItemContainerTypes.ts +6 -6
- package/src/components/Item/Inventory/ItemQuantitySelector.tsx +142 -142
- package/src/components/Item/Inventory/ItemSlot.tsx +465 -466
- package/src/components/Item/Inventory/itemContainerHelper.ts +156 -156
- package/src/components/ListMenu.tsx +63 -63
- package/src/components/Multitab/Tab.tsx +57 -57
- 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 +114 -114
- package/src/components/QuestInfo/QuestInfo.tsx +232 -232
- 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 +98 -98
- package/src/components/RadioInput/RadioInput.tsx +98 -98
- 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/SimpleProgressBar.tsx +62 -62
- package/src/components/SkillProgressBar.tsx +133 -133
- package/src/components/SkillsContainer.tsx +167 -167
- package/src/components/Spellbook/QuickSpells.tsx +120 -120
- package/src/components/Spellbook/Spell.tsx +201 -201
- package/src/components/Spellbook/Spellbook.tsx +144 -144
- package/src/components/Spellbook/SpellbookShortcuts.tsx +77 -77
- package/src/components/Spellbook/constants.ts +12 -12
- package/src/components/Spellbook/mockSpells.ts +60 -60
- package/src/components/StaticBook/StaticBook.tsx +105 -105
- 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 +197 -197
- package/src/components/TradingMenu/TradingMenu.tsx +203 -203
- package/src/components/TradingMenu/items.mock.ts +36 -36
- 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 -5
- 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 +560 -560
- 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/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 +33 -33
- 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 +124 -124
- 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/QuickSpells.stories.tsx +38 -38
- 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/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 +107 -107
- 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,13 +1,12 @@
|
|
|
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, ItemSubType, ItemContainerType, ItemType, ItemSocketEventsDisplayLabels, ActionsForInventory, ActionsForEquipmentSet, ActionsForLoot, ActionsForMapContainer, ItemRarities, getItemTextureKeyPath, ItemSlotType, getSPForLevel, PeriodOfDay } from '@rpg-engine/shared';
|
|
3
|
+
import { GRID_WIDTH, GRID_HEIGHT, ItemSubType, ItemContainerType, ItemType, ItemSocketEventsDisplayLabels, ActionsForInventory, ActionsForEquipmentSet, ActionsForLoot, ActionsForMapContainer, ItemRarities, getItemTextureKeyPath, ItemSlotType, getSPForLevel, PeriodOfDay, isMobileOrTablet } from '@rpg-engine/shared';
|
|
4
4
|
import dayjs from 'dayjs';
|
|
5
5
|
import { ErrorBoundary as ErrorBoundary$1 } from 'react-error-boundary';
|
|
6
6
|
import { RxPaperPlane } from 'react-icons/rx';
|
|
7
7
|
import Draggable from 'react-draggable';
|
|
8
8
|
import { v4 } from 'uuid';
|
|
9
9
|
import { observer } from 'mobx-react-lite';
|
|
10
|
-
import isMobile from 'is-mobile';
|
|
11
10
|
import 'rpgui/rpgui.min.css';
|
|
12
11
|
import 'rpgui/rpgui.min.js';
|
|
13
12
|
import _ from 'lodash-es';
|
|
@@ -33884,6 +33883,7 @@ var ItemSlot = /*#__PURE__*/observer(function (_ref) {
|
|
|
33884
33883
|
var resetItem = function resetItem() {
|
|
33885
33884
|
setTooltipVisible(false);
|
|
33886
33885
|
setWasDragged(false);
|
|
33886
|
+
setIsFocused(false);
|
|
33887
33887
|
};
|
|
33888
33888
|
var onSuccesfulDrag = function onSuccesfulDrag(quantity) {
|
|
33889
33889
|
resetItem();
|
|
@@ -33892,7 +33892,6 @@ var ItemSlot = /*#__PURE__*/observer(function (_ref) {
|
|
|
33892
33892
|
y: 0
|
|
33893
33893
|
});else if (item) {
|
|
33894
33894
|
onDragEnd(quantity);
|
|
33895
|
-
resetItem();
|
|
33896
33895
|
}
|
|
33897
33896
|
};
|
|
33898
33897
|
return React.createElement(Container$a, {
|
|
@@ -33948,7 +33947,6 @@ var ItemSlot = /*#__PURE__*/observer(function (_ref) {
|
|
|
33948
33947
|
if (item.stackQty && item.stackQty !== 1 && openQuantitySelector) openQuantitySelector(item.stackQty, onSuccesfulDrag);else onSuccesfulDrag(item.stackQty);
|
|
33949
33948
|
} else {
|
|
33950
33949
|
resetItem();
|
|
33951
|
-
setIsFocused(false);
|
|
33952
33950
|
setDragPosition({
|
|
33953
33951
|
x: 0,
|
|
33954
33952
|
y: 0
|
|
@@ -34142,548 +34140,6 @@ var EquipmentColumn = /*#__PURE__*/styled.div.withConfig({
|
|
|
34142
34140
|
componentId: "sc-1wuddg2-1"
|
|
34143
34141
|
})(["display:flex;justify-content:center;flex-wrap:wrap;flex-direction:column;touch-action:none;"]);
|
|
34144
34142
|
|
|
34145
|
-
var IS_MOBILE_OR_TABLET = /*#__PURE__*/isMobile({
|
|
34146
|
-
tablet: true
|
|
34147
|
-
});
|
|
34148
|
-
|
|
34149
|
-
var chunkString = function chunkString(str, length) {
|
|
34150
|
-
return str.match(new RegExp('.{1,' + length + '}', 'g'));
|
|
34151
|
-
};
|
|
34152
|
-
|
|
34153
|
-
var DynamicText = function DynamicText(_ref) {
|
|
34154
|
-
var text = _ref.text,
|
|
34155
|
-
onFinish = _ref.onFinish,
|
|
34156
|
-
onStart = _ref.onStart;
|
|
34157
|
-
var _useState = useState(''),
|
|
34158
|
-
textState = _useState[0],
|
|
34159
|
-
setTextState = _useState[1];
|
|
34160
|
-
useEffect(function () {
|
|
34161
|
-
var i = 0;
|
|
34162
|
-
var interval = setInterval(function () {
|
|
34163
|
-
// on every interval, show one more character
|
|
34164
|
-
if (i === 0) {
|
|
34165
|
-
if (onStart) {
|
|
34166
|
-
onStart();
|
|
34167
|
-
}
|
|
34168
|
-
}
|
|
34169
|
-
if (i < text.length) {
|
|
34170
|
-
setTextState(text.substring(0, i + 1));
|
|
34171
|
-
i++;
|
|
34172
|
-
} else {
|
|
34173
|
-
clearInterval(interval);
|
|
34174
|
-
if (onFinish) {
|
|
34175
|
-
onFinish();
|
|
34176
|
-
}
|
|
34177
|
-
}
|
|
34178
|
-
}, 50);
|
|
34179
|
-
return function () {
|
|
34180
|
-
clearInterval(interval);
|
|
34181
|
-
};
|
|
34182
|
-
}, [text]);
|
|
34183
|
-
return React.createElement(TextContainer, null, textState);
|
|
34184
|
-
};
|
|
34185
|
-
var TextContainer = /*#__PURE__*/styled.p.withConfig({
|
|
34186
|
-
displayName: "DynamicText__TextContainer",
|
|
34187
|
-
componentId: "sc-1ggl9nd-0"
|
|
34188
|
-
})(["font-size:0.7rem !important;color:white;text-shadow:1px 1px 0px #000000;letter-spacing:1.2px;word-break:normal;"]);
|
|
34189
|
-
|
|
34190
|
-
var img$6 = 'data:image/gif;base64,R0lGODlhEAAQAPIAAAAAABQYLiw1TUBJc2hvmQAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAM9CLrc/lCFGSKYJJP5AhlguDnBMIVgxXgmJapSSp3mKs/pKrT0IMCXUk+2Cgh2oSOnaDz+lswZpSOFUq2KBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAIzhI+py90Bg4OjDrjCELxfFQhQx0mIJkaeaYRp5LJADMdnqXbyOJLYTdKBejjZoRaZJBMFACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAABAAEAAAAjKEj6nL7Y+CDE6OO+QKQ/ifKYEgfR4VddPohQe7lmR0xidNTib65uacYP2AQWGuMlEUAAA7';
|
|
34191
|
-
|
|
34192
|
-
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';
|
|
34193
|
-
|
|
34194
|
-
var NPCDialogText = function NPCDialogText(_ref) {
|
|
34195
|
-
var text = _ref.text,
|
|
34196
|
-
onClose = _ref.onClose,
|
|
34197
|
-
onEndStep = _ref.onEndStep,
|
|
34198
|
-
onStartStep = _ref.onStartStep,
|
|
34199
|
-
type = _ref.type;
|
|
34200
|
-
var windowSize = useRef([window.innerWidth, window.innerHeight]);
|
|
34201
|
-
function maxCharacters(width) {
|
|
34202
|
-
// Set the font size to 16 pixels
|
|
34203
|
-
var fontSize = 11.2;
|
|
34204
|
-
// Calculate the number of characters that can fit in one line
|
|
34205
|
-
var charactersPerLine = Math.floor(width / 2 / fontSize);
|
|
34206
|
-
// Calculate the number of lines that can fit in the div
|
|
34207
|
-
var linesPerDiv = Math.floor(180 / fontSize);
|
|
34208
|
-
// Calculate the maximum number of characters that can fit in the div
|
|
34209
|
-
var maxCharacters = charactersPerLine * linesPerDiv;
|
|
34210
|
-
// Return the maximum number of characters
|
|
34211
|
-
return Math.round(maxCharacters / 5);
|
|
34212
|
-
}
|
|
34213
|
-
var textChunks = chunkString(text, maxCharacters(windowSize.current[0]));
|
|
34214
|
-
var _useState = useState(0),
|
|
34215
|
-
chunkIndex = _useState[0],
|
|
34216
|
-
setChunkIndex = _useState[1];
|
|
34217
|
-
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
34218
|
-
if (event.code === 'Space') {
|
|
34219
|
-
goToNextStep();
|
|
34220
|
-
}
|
|
34221
|
-
};
|
|
34222
|
-
var goToNextStep = function goToNextStep() {
|
|
34223
|
-
var hasNextChunk = (textChunks == null ? void 0 : textChunks[chunkIndex + 1]) || false;
|
|
34224
|
-
if (hasNextChunk) {
|
|
34225
|
-
setChunkIndex(function (prev) {
|
|
34226
|
-
return prev + 1;
|
|
34227
|
-
});
|
|
34228
|
-
} else {
|
|
34229
|
-
// if there's no more text chunks, close the dialog
|
|
34230
|
-
onClose();
|
|
34231
|
-
}
|
|
34232
|
-
};
|
|
34233
|
-
useEffect(function () {
|
|
34234
|
-
document.addEventListener('keydown', onHandleSpacePress);
|
|
34235
|
-
return function () {
|
|
34236
|
-
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
34237
|
-
};
|
|
34238
|
-
}, [chunkIndex]);
|
|
34239
|
-
var _useState2 = useState(false),
|
|
34240
|
-
showGoNextIndicator = _useState2[0],
|
|
34241
|
-
setShowGoNextIndicator = _useState2[1];
|
|
34242
|
-
return React.createElement(Container$b, null, React.createElement(DynamicText, {
|
|
34243
|
-
text: (textChunks == null ? void 0 : textChunks[chunkIndex]) || '',
|
|
34244
|
-
onFinish: function onFinish() {
|
|
34245
|
-
setShowGoNextIndicator(true);
|
|
34246
|
-
onEndStep && onEndStep();
|
|
34247
|
-
},
|
|
34248
|
-
onStart: function onStart() {
|
|
34249
|
-
setShowGoNextIndicator(false);
|
|
34250
|
-
onStartStep && onStartStep();
|
|
34251
|
-
}
|
|
34252
|
-
}), showGoNextIndicator && React.createElement(PressSpaceIndicator, {
|
|
34253
|
-
right: type === NPCDialogType.TextOnly ? '1rem' : '10.5rem',
|
|
34254
|
-
src: IS_MOBILE_OR_TABLET ? img$6 : img$7,
|
|
34255
|
-
onClick: function onClick() {
|
|
34256
|
-
goToNextStep();
|
|
34257
|
-
}
|
|
34258
|
-
}));
|
|
34259
|
-
};
|
|
34260
|
-
var Container$b = /*#__PURE__*/styled.div.withConfig({
|
|
34261
|
-
displayName: "NPCDialogText__Container",
|
|
34262
|
-
componentId: "sc-1cxkdh9-0"
|
|
34263
|
-
})([""]);
|
|
34264
|
-
var PressSpaceIndicator = /*#__PURE__*/styled.img.withConfig({
|
|
34265
|
-
displayName: "NPCDialogText__PressSpaceIndicator",
|
|
34266
|
-
componentId: "sc-1cxkdh9-1"
|
|
34267
|
-
})(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref2) {
|
|
34268
|
-
var right = _ref2.right;
|
|
34269
|
-
return right;
|
|
34270
|
-
});
|
|
34271
|
-
|
|
34272
|
-
//@ts-ignore
|
|
34273
|
-
var useEventListener = function useEventListener(type, handler, el) {
|
|
34274
|
-
if (el === void 0) {
|
|
34275
|
-
el = window;
|
|
34276
|
-
}
|
|
34277
|
-
var savedHandler = React.useRef();
|
|
34278
|
-
React.useEffect(function () {
|
|
34279
|
-
savedHandler.current = handler;
|
|
34280
|
-
}, [handler]);
|
|
34281
|
-
React.useEffect(function () {
|
|
34282
|
-
//@ts-ignore
|
|
34283
|
-
var listener = function listener(e) {
|
|
34284
|
-
return savedHandler.current(e);
|
|
34285
|
-
};
|
|
34286
|
-
el.addEventListener(type, listener);
|
|
34287
|
-
return function () {
|
|
34288
|
-
el.removeEventListener(type, listener);
|
|
34289
|
-
};
|
|
34290
|
-
}, [type, el]);
|
|
34291
|
-
};
|
|
34292
|
-
|
|
34293
|
-
var QuestionDialog = function QuestionDialog(_ref) {
|
|
34294
|
-
var questions = _ref.questions,
|
|
34295
|
-
answers = _ref.answers,
|
|
34296
|
-
onClose = _ref.onClose;
|
|
34297
|
-
var _useState = useState(questions[0]),
|
|
34298
|
-
currentQuestion = _useState[0],
|
|
34299
|
-
setCurrentQuestion = _useState[1];
|
|
34300
|
-
var _useState2 = useState(false),
|
|
34301
|
-
canShowAnswers = _useState2[0],
|
|
34302
|
-
setCanShowAnswers = _useState2[1];
|
|
34303
|
-
var onGetFirstAnswer = function onGetFirstAnswer() {
|
|
34304
|
-
if (!currentQuestion.answerIds || currentQuestion.answerIds.length === 0) {
|
|
34305
|
-
return null;
|
|
34306
|
-
}
|
|
34307
|
-
var firstAnswerId = currentQuestion.answerIds[0];
|
|
34308
|
-
return answers.find(function (answer) {
|
|
34309
|
-
return answer.id === firstAnswerId;
|
|
34310
|
-
});
|
|
34311
|
-
};
|
|
34312
|
-
var _useState3 = useState(onGetFirstAnswer()),
|
|
34313
|
-
currentAnswer = _useState3[0],
|
|
34314
|
-
setCurrentAnswer = _useState3[1];
|
|
34315
|
-
useEffect(function () {
|
|
34316
|
-
setCurrentAnswer(onGetFirstAnswer());
|
|
34317
|
-
}, [currentQuestion]);
|
|
34318
|
-
var onGetAnswers = function onGetAnswers(answerIds) {
|
|
34319
|
-
return answerIds.map(function (answerId) {
|
|
34320
|
-
return answers.find(function (answer) {
|
|
34321
|
-
return answer.id === answerId;
|
|
34322
|
-
});
|
|
34323
|
-
});
|
|
34324
|
-
};
|
|
34325
|
-
var onKeyPress = function onKeyPress(e) {
|
|
34326
|
-
switch (e.key) {
|
|
34327
|
-
case 'ArrowDown':
|
|
34328
|
-
// select next answer, if any.
|
|
34329
|
-
// if no next answer, select first answer
|
|
34330
|
-
// const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(
|
|
34331
|
-
// (answer) => answer?.id === currentAnswer!.id + 1
|
|
34332
|
-
// );
|
|
34333
|
-
var nextAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
|
|
34334
|
-
return (answer == null ? void 0 : answer.id) === currentAnswer.id + 1;
|
|
34335
|
-
});
|
|
34336
|
-
var nextAnswerID = currentQuestion.answerIds[nextAnswerIndex];
|
|
34337
|
-
var nextAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
|
|
34338
|
-
return (answer == null ? void 0 : answer.id) === nextAnswerID;
|
|
34339
|
-
});
|
|
34340
|
-
setCurrentAnswer(nextAnswer || onGetFirstAnswer());
|
|
34341
|
-
break;
|
|
34342
|
-
case 'ArrowUp':
|
|
34343
|
-
// select previous answer, if any.
|
|
34344
|
-
// if no previous answer, select last answer
|
|
34345
|
-
var previousAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
|
|
34346
|
-
return (answer == null ? void 0 : answer.id) === currentAnswer.id - 1;
|
|
34347
|
-
});
|
|
34348
|
-
var previousAnswerID = currentQuestion.answerIds && currentQuestion.answerIds[previousAnswerIndex];
|
|
34349
|
-
var previousAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
|
|
34350
|
-
return (answer == null ? void 0 : answer.id) === previousAnswerID;
|
|
34351
|
-
});
|
|
34352
|
-
if (previousAnswer) {
|
|
34353
|
-
setCurrentAnswer(previousAnswer);
|
|
34354
|
-
} else {
|
|
34355
|
-
setCurrentAnswer(onGetAnswers(currentQuestion.answerIds).pop());
|
|
34356
|
-
}
|
|
34357
|
-
break;
|
|
34358
|
-
case 'Enter':
|
|
34359
|
-
setCanShowAnswers(false);
|
|
34360
|
-
if (!(currentAnswer != null && currentAnswer.nextQuestionId)) {
|
|
34361
|
-
onClose();
|
|
34362
|
-
return;
|
|
34363
|
-
} else {
|
|
34364
|
-
setCurrentQuestion(questions.find(function (question) {
|
|
34365
|
-
return question.id === currentAnswer.nextQuestionId;
|
|
34366
|
-
}));
|
|
34367
|
-
}
|
|
34368
|
-
break;
|
|
34369
|
-
}
|
|
34370
|
-
};
|
|
34371
|
-
useEventListener('keydown', onKeyPress);
|
|
34372
|
-
var onAnswerClick = function onAnswerClick(answer) {
|
|
34373
|
-
setCanShowAnswers(false);
|
|
34374
|
-
if (answer.nextQuestionId) {
|
|
34375
|
-
// if there is a next question, go to it
|
|
34376
|
-
setCurrentQuestion(questions.find(function (question) {
|
|
34377
|
-
return question.id === answer.nextQuestionId;
|
|
34378
|
-
}));
|
|
34379
|
-
} else {
|
|
34380
|
-
// else, finish dialog!
|
|
34381
|
-
onClose();
|
|
34382
|
-
}
|
|
34383
|
-
};
|
|
34384
|
-
var onRenderCurrentAnswers = function onRenderCurrentAnswers() {
|
|
34385
|
-
var answerIds = currentQuestion.answerIds;
|
|
34386
|
-
if (!answerIds) {
|
|
34387
|
-
return null;
|
|
34388
|
-
}
|
|
34389
|
-
var answers = onGetAnswers(answerIds);
|
|
34390
|
-
if (!answers) {
|
|
34391
|
-
return null;
|
|
34392
|
-
}
|
|
34393
|
-
return answers.map(function (answer) {
|
|
34394
|
-
var isSelected = (currentAnswer == null ? void 0 : currentAnswer.id) === (answer == null ? void 0 : answer.id);
|
|
34395
|
-
var selectedColor = isSelected ? 'yellow' : 'white';
|
|
34396
|
-
if (answer) {
|
|
34397
|
-
return React.createElement(AnswerRow, {
|
|
34398
|
-
key: "answer_" + answer.id
|
|
34399
|
-
}, React.createElement(AnswerSelectedIcon, {
|
|
34400
|
-
color: selectedColor
|
|
34401
|
-
}, isSelected ? 'X' : null), React.createElement(Answer, {
|
|
34402
|
-
key: answer.id,
|
|
34403
|
-
onClick: function onClick() {
|
|
34404
|
-
return onAnswerClick(answer);
|
|
34405
|
-
},
|
|
34406
|
-
color: selectedColor
|
|
34407
|
-
}, answer.text));
|
|
34408
|
-
}
|
|
34409
|
-
return null;
|
|
34410
|
-
});
|
|
34411
|
-
};
|
|
34412
|
-
return React.createElement(Container$c, null, React.createElement(QuestionContainer, null, React.createElement(DynamicText, {
|
|
34413
|
-
text: currentQuestion.text,
|
|
34414
|
-
onStart: function onStart() {
|
|
34415
|
-
return setCanShowAnswers(false);
|
|
34416
|
-
},
|
|
34417
|
-
onFinish: function onFinish() {
|
|
34418
|
-
return setCanShowAnswers(true);
|
|
34419
|
-
}
|
|
34420
|
-
})), canShowAnswers && React.createElement(AnswersContainer, null, onRenderCurrentAnswers()));
|
|
34421
|
-
};
|
|
34422
|
-
var Container$c = /*#__PURE__*/styled.div.withConfig({
|
|
34423
|
-
displayName: "QuestionDialog__Container",
|
|
34424
|
-
componentId: "sc-bxc5u0-0"
|
|
34425
|
-
})(["display:flex;word-break:break-all;box-sizing:border-box;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;"]);
|
|
34426
|
-
var QuestionContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34427
|
-
displayName: "QuestionDialog__QuestionContainer",
|
|
34428
|
-
componentId: "sc-bxc5u0-1"
|
|
34429
|
-
})(["flex:100%;width:100%;"]);
|
|
34430
|
-
var AnswersContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34431
|
-
displayName: "QuestionDialog__AnswersContainer",
|
|
34432
|
-
componentId: "sc-bxc5u0-2"
|
|
34433
|
-
})(["flex:100%;"]);
|
|
34434
|
-
var Answer = /*#__PURE__*/styled.p.withConfig({
|
|
34435
|
-
displayName: "QuestionDialog__Answer",
|
|
34436
|
-
componentId: "sc-bxc5u0-3"
|
|
34437
|
-
})(["flex:auto;color:", " !important;font-size:0.65rem !important;background:inherit;border:none;"], function (props) {
|
|
34438
|
-
return props.color;
|
|
34439
|
-
});
|
|
34440
|
-
var AnswerSelectedIcon = /*#__PURE__*/styled.span.withConfig({
|
|
34441
|
-
displayName: "QuestionDialog__AnswerSelectedIcon",
|
|
34442
|
-
componentId: "sc-bxc5u0-4"
|
|
34443
|
-
})(["flex:5% 0 0;color:", " !important;"], function (props) {
|
|
34444
|
-
return props.color;
|
|
34445
|
-
});
|
|
34446
|
-
var AnswerRow = /*#__PURE__*/styled.div.withConfig({
|
|
34447
|
-
displayName: "QuestionDialog__AnswerRow",
|
|
34448
|
-
componentId: "sc-bxc5u0-5"
|
|
34449
|
-
})(["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;}"]);
|
|
34450
|
-
|
|
34451
|
-
var img$8 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAP1BMVEUAAAA7FyVxQTsUEBPj5v////+5v/tCJDOOUlIiHBr1oJfptaO6dWr61rhzFy1bMTjoanMUNGQoXMQkn97+88DQ3IhAAAAAAXRSTlMAQObYZgAAAAFiS0dEBfhv6ccAAAAHdElNRQfmAw4VOBC7c5LYAAABM0lEQVQ4y3XRi5KDIAwFUAUkbrBgpP//rZsHVHQ009qZ3tPboNN0zmwzvcw8O5sX4y0NOg/Et3jRCXF+ziULorjkOQ9gE24dvuUAzq08DiCO4pe3WN7zCP56vmpubBReQYC11YPS86ySxxCsAABTSgjb5m4g8nfbxvFHBkH2OEEvAItVuCuIsgGgl+Gcr7kDXxhEAx55A2SQEEeQeZwUaIP8Tbo05B0RFPhItAjgj1w6cDnhLluDj+Egkh3pCCP4pKQAw1IPO0W9Nti5gW9RP2dKA3BZd2Dw+baYX+Nt4GM00O4S3kEpF6Alb2Bv4LeC3kkGfAW0/p0RPoJVKr63ghHsKuRh5DIUKOAlGOwrtt9fQekAEfmhZslHUDoglB0zjfkJigN7UnTQQ4GBWomoVhEN/AOPSBh38gy+fwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wMy0xNFQyMTo1NTo1MSswMDowMJcc0eEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDMtMTRUMjE6NTU6NTErMDA6MDDmQWldAAAAAElFTkSuQmCC';
|
|
34452
|
-
|
|
34453
|
-
var NPCDialogType;
|
|
34454
|
-
(function (NPCDialogType) {
|
|
34455
|
-
NPCDialogType["TextOnly"] = "TextOnly";
|
|
34456
|
-
NPCDialogType["TextAndThumbnail"] = "TextAndThumbnail";
|
|
34457
|
-
})(NPCDialogType || (NPCDialogType = {}));
|
|
34458
|
-
var NPCDialog = function NPCDialog(_ref) {
|
|
34459
|
-
var text = _ref.text,
|
|
34460
|
-
type = _ref.type,
|
|
34461
|
-
_onClose = _ref.onClose,
|
|
34462
|
-
imagePath = _ref.imagePath,
|
|
34463
|
-
_ref$isQuestionDialog = _ref.isQuestionDialog,
|
|
34464
|
-
isQuestionDialog = _ref$isQuestionDialog === void 0 ? false : _ref$isQuestionDialog,
|
|
34465
|
-
questions = _ref.questions,
|
|
34466
|
-
answers = _ref.answers;
|
|
34467
|
-
return React.createElement(RPGUIContainer, {
|
|
34468
|
-
type: RPGUIContainerTypes.FramedGold,
|
|
34469
|
-
width: isQuestionDialog ? '600px' : '80%',
|
|
34470
|
-
height: '180px'
|
|
34471
|
-
}, isQuestionDialog && questions && answers ? React.createElement(React.Fragment, null, React.createElement(TextContainer$1, {
|
|
34472
|
-
flex: type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'
|
|
34473
|
-
}, React.createElement(QuestionDialog, {
|
|
34474
|
-
questions: questions,
|
|
34475
|
-
answers: answers,
|
|
34476
|
-
onClose: function onClose() {
|
|
34477
|
-
if (_onClose) {
|
|
34478
|
-
_onClose();
|
|
34479
|
-
}
|
|
34480
|
-
}
|
|
34481
|
-
})), type === NPCDialogType.TextAndThumbnail && React.createElement(ThumbnailContainer, null, React.createElement(NPCThumbnail, {
|
|
34482
|
-
src: imagePath || img$8
|
|
34483
|
-
}))) : React.createElement(React.Fragment, null, React.createElement(Container$d, null, React.createElement(TextContainer$1, {
|
|
34484
|
-
flex: type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'
|
|
34485
|
-
}, React.createElement(NPCDialogText, {
|
|
34486
|
-
type: type,
|
|
34487
|
-
text: text || 'No text provided.',
|
|
34488
|
-
onClose: function onClose() {
|
|
34489
|
-
if (_onClose) {
|
|
34490
|
-
_onClose();
|
|
34491
|
-
}
|
|
34492
|
-
}
|
|
34493
|
-
})), type === NPCDialogType.TextAndThumbnail && React.createElement(ThumbnailContainer, null, React.createElement(NPCThumbnail, {
|
|
34494
|
-
src: imagePath || img$8
|
|
34495
|
-
})))));
|
|
34496
|
-
};
|
|
34497
|
-
var Container$d = /*#__PURE__*/styled.div.withConfig({
|
|
34498
|
-
displayName: "NPCDialog__Container",
|
|
34499
|
-
componentId: "sc-1b4aw74-0"
|
|
34500
|
-
})(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
|
|
34501
|
-
var TextContainer$1 = /*#__PURE__*/styled.div.withConfig({
|
|
34502
|
-
displayName: "NPCDialog__TextContainer",
|
|
34503
|
-
componentId: "sc-1b4aw74-1"
|
|
34504
|
-
})(["flex:", " 0 0;width:355px;"], function (_ref2) {
|
|
34505
|
-
var flex = _ref2.flex;
|
|
34506
|
-
return flex;
|
|
34507
|
-
});
|
|
34508
|
-
var ThumbnailContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34509
|
-
displayName: "NPCDialog__ThumbnailContainer",
|
|
34510
|
-
componentId: "sc-1b4aw74-2"
|
|
34511
|
-
})(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
|
|
34512
|
-
var NPCThumbnail = /*#__PURE__*/styled.img.withConfig({
|
|
34513
|
-
displayName: "NPCDialog__NPCThumbnail",
|
|
34514
|
-
componentId: "sc-1b4aw74-3"
|
|
34515
|
-
})(["image-rendering:pixelated;height:128px;width:128px;"]);
|
|
34516
|
-
|
|
34517
|
-
var ImgSide;
|
|
34518
|
-
(function (ImgSide) {
|
|
34519
|
-
ImgSide["right"] = "right";
|
|
34520
|
-
ImgSide["left"] = "left";
|
|
34521
|
-
})(ImgSide || (ImgSide = {}));
|
|
34522
|
-
var NPCMultiDialog = function NPCMultiDialog(_ref) {
|
|
34523
|
-
var _textAndTypeArray$sli;
|
|
34524
|
-
var _onClose = _ref.onClose,
|
|
34525
|
-
textAndTypeArray = _ref.textAndTypeArray;
|
|
34526
|
-
var _useState = useState(false),
|
|
34527
|
-
showGoNextIndicator = _useState[0],
|
|
34528
|
-
setShowGoNextIndicator = _useState[1];
|
|
34529
|
-
var _useState2 = useState(0),
|
|
34530
|
-
slide = _useState2[0],
|
|
34531
|
-
setSlide = _useState2[1];
|
|
34532
|
-
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
34533
|
-
if (event.code === 'Space') {
|
|
34534
|
-
if (slide < (textAndTypeArray == null ? void 0 : textAndTypeArray.length) - 1) {
|
|
34535
|
-
setSlide(function (prev) {
|
|
34536
|
-
return prev + 1;
|
|
34537
|
-
});
|
|
34538
|
-
} else {
|
|
34539
|
-
// if there's no more text chunks, close the dialog
|
|
34540
|
-
_onClose();
|
|
34541
|
-
}
|
|
34542
|
-
}
|
|
34543
|
-
};
|
|
34544
|
-
useEffect(function () {
|
|
34545
|
-
document.addEventListener('keydown', onHandleSpacePress);
|
|
34546
|
-
return function () {
|
|
34547
|
-
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
34548
|
-
};
|
|
34549
|
-
}, [slide]);
|
|
34550
|
-
return React.createElement(RPGUIContainer, {
|
|
34551
|
-
type: RPGUIContainerTypes.FramedGold,
|
|
34552
|
-
width: '50%',
|
|
34553
|
-
height: '180px'
|
|
34554
|
-
}, 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, {
|
|
34555
|
-
flex: '70%'
|
|
34556
|
-
}, React.createElement(NPCDialogText, {
|
|
34557
|
-
onStartStep: function onStartStep() {
|
|
34558
|
-
return setShowGoNextIndicator(false);
|
|
34559
|
-
},
|
|
34560
|
-
onEndStep: function onEndStep() {
|
|
34561
|
-
return setShowGoNextIndicator(true);
|
|
34562
|
-
},
|
|
34563
|
-
text: textAndTypeArray[slide].text || 'No text provided.',
|
|
34564
|
-
onClose: function onClose() {
|
|
34565
|
-
if (_onClose) {
|
|
34566
|
-
_onClose();
|
|
34567
|
-
}
|
|
34568
|
-
}
|
|
34569
|
-
})), React.createElement(ThumbnailContainer$1, null, React.createElement(NPCThumbnail$1, {
|
|
34570
|
-
src: textAndTypeArray[slide].imagePath || img$8
|
|
34571
|
-
})), showGoNextIndicator && React.createElement(PressSpaceIndicator$1, {
|
|
34572
|
-
right: '10.5rem',
|
|
34573
|
-
src: img$7
|
|
34574
|
-
})), textAndTypeArray[slide].imageSide === 'left' && React.createElement(React.Fragment, null, React.createElement(ThumbnailContainer$1, null, React.createElement(NPCThumbnail$1, {
|
|
34575
|
-
src: textAndTypeArray[slide].imagePath || img$8
|
|
34576
|
-
})), React.createElement(TextContainer$2, {
|
|
34577
|
-
flex: '70%'
|
|
34578
|
-
}, React.createElement(NPCDialogText, {
|
|
34579
|
-
onStartStep: function onStartStep() {
|
|
34580
|
-
return setShowGoNextIndicator(false);
|
|
34581
|
-
},
|
|
34582
|
-
onEndStep: function onEndStep() {
|
|
34583
|
-
return setShowGoNextIndicator(true);
|
|
34584
|
-
},
|
|
34585
|
-
text: textAndTypeArray[slide].text || 'No text provided.',
|
|
34586
|
-
onClose: function onClose() {
|
|
34587
|
-
if (_onClose) {
|
|
34588
|
-
_onClose();
|
|
34589
|
-
}
|
|
34590
|
-
}
|
|
34591
|
-
})), showGoNextIndicator && React.createElement(PressSpaceIndicator$1, {
|
|
34592
|
-
right: '1rem',
|
|
34593
|
-
src: img$7
|
|
34594
|
-
}))), ")"));
|
|
34595
|
-
};
|
|
34596
|
-
var Container$e = /*#__PURE__*/styled.div.withConfig({
|
|
34597
|
-
displayName: "NPCMultiDialog__Container",
|
|
34598
|
-
componentId: "sc-rvu5wg-0"
|
|
34599
|
-
})(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
|
|
34600
|
-
var TextContainer$2 = /*#__PURE__*/styled.div.withConfig({
|
|
34601
|
-
displayName: "NPCMultiDialog__TextContainer",
|
|
34602
|
-
componentId: "sc-rvu5wg-1"
|
|
34603
|
-
})(["flex:", " 0 0;width:355px;"], function (_ref2) {
|
|
34604
|
-
var flex = _ref2.flex;
|
|
34605
|
-
return flex;
|
|
34606
|
-
});
|
|
34607
|
-
var ThumbnailContainer$1 = /*#__PURE__*/styled.div.withConfig({
|
|
34608
|
-
displayName: "NPCMultiDialog__ThumbnailContainer",
|
|
34609
|
-
componentId: "sc-rvu5wg-2"
|
|
34610
|
-
})(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
|
|
34611
|
-
var NPCThumbnail$1 = /*#__PURE__*/styled.img.withConfig({
|
|
34612
|
-
displayName: "NPCMultiDialog__NPCThumbnail",
|
|
34613
|
-
componentId: "sc-rvu5wg-3"
|
|
34614
|
-
})(["image-rendering:pixelated;height:128px;width:128px;"]);
|
|
34615
|
-
var PressSpaceIndicator$1 = /*#__PURE__*/styled.img.withConfig({
|
|
34616
|
-
displayName: "NPCMultiDialog__PressSpaceIndicator",
|
|
34617
|
-
componentId: "sc-rvu5wg-4"
|
|
34618
|
-
})(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref3) {
|
|
34619
|
-
var right = _ref3.right;
|
|
34620
|
-
return right;
|
|
34621
|
-
});
|
|
34622
|
-
|
|
34623
|
-
var HistoryDialog = function HistoryDialog(_ref) {
|
|
34624
|
-
var backgroundImgPath = _ref.backgroundImgPath,
|
|
34625
|
-
fullCoverBackground = _ref.fullCoverBackground,
|
|
34626
|
-
questions = _ref.questions,
|
|
34627
|
-
answers = _ref.answers,
|
|
34628
|
-
text = _ref.text,
|
|
34629
|
-
imagePath = _ref.imagePath,
|
|
34630
|
-
textAndTypeArray = _ref.textAndTypeArray,
|
|
34631
|
-
onClose = _ref.onClose;
|
|
34632
|
-
var _useState = useState(0),
|
|
34633
|
-
img = _useState[0],
|
|
34634
|
-
setImage = _useState[1];
|
|
34635
|
-
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
34636
|
-
if (event.code === 'Space') {
|
|
34637
|
-
if (img < (backgroundImgPath == null ? void 0 : backgroundImgPath.length) - 1) {
|
|
34638
|
-
setImage(function (prev) {
|
|
34639
|
-
return prev + 1;
|
|
34640
|
-
});
|
|
34641
|
-
} else {
|
|
34642
|
-
// if there's no more text chunks, close the dialog
|
|
34643
|
-
onClose();
|
|
34644
|
-
}
|
|
34645
|
-
}
|
|
34646
|
-
};
|
|
34647
|
-
useEffect(function () {
|
|
34648
|
-
document.addEventListener('keydown', onHandleSpacePress);
|
|
34649
|
-
return function () {
|
|
34650
|
-
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
34651
|
-
};
|
|
34652
|
-
}, [backgroundImgPath]);
|
|
34653
|
-
return React.createElement(BackgroundContainer, {
|
|
34654
|
-
imgPath: backgroundImgPath[img],
|
|
34655
|
-
fullImg: fullCoverBackground
|
|
34656
|
-
}, React.createElement(DialogContainer, null, textAndTypeArray ? React.createElement(NPCMultiDialog, {
|
|
34657
|
-
textAndTypeArray: textAndTypeArray,
|
|
34658
|
-
onClose: onClose
|
|
34659
|
-
}) : questions && answers ? React.createElement(QuestionDialog, {
|
|
34660
|
-
questions: questions,
|
|
34661
|
-
answers: answers,
|
|
34662
|
-
onClose: onClose
|
|
34663
|
-
}) : text && imagePath ? React.createElement(NPCDialog, {
|
|
34664
|
-
text: text,
|
|
34665
|
-
imagePath: imagePath,
|
|
34666
|
-
onClose: onClose,
|
|
34667
|
-
type: NPCDialogType.TextAndThumbnail
|
|
34668
|
-
}) : React.createElement(NPCDialog, {
|
|
34669
|
-
text: text,
|
|
34670
|
-
onClose: onClose,
|
|
34671
|
-
type: NPCDialogType.TextOnly
|
|
34672
|
-
})));
|
|
34673
|
-
};
|
|
34674
|
-
var BackgroundContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34675
|
-
displayName: "HistoryDialog__BackgroundContainer",
|
|
34676
|
-
componentId: "sc-u6oe75-0"
|
|
34677
|
-
})(["width:100%;height:100%;background-image:url(", ");background-size:", ";display:flex;justify-content:space-evenly;align-items:center;"], function (props) {
|
|
34678
|
-
return props.imgPath;
|
|
34679
|
-
}, function (props) {
|
|
34680
|
-
return props.imgPath ? 'cover' : 'auto';
|
|
34681
|
-
});
|
|
34682
|
-
var DialogContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34683
|
-
displayName: "HistoryDialog__DialogContainer",
|
|
34684
|
-
componentId: "sc-u6oe75-1"
|
|
34685
|
-
})(["display:flex;justify-content:center;padding-top:200px;"]);
|
|
34686
|
-
|
|
34687
34143
|
var SlotsContainer = function SlotsContainer(_ref) {
|
|
34688
34144
|
var children = _ref.children,
|
|
34689
34145
|
title = _ref.title,
|
|
@@ -34943,163 +34399,489 @@ var ItemContainer$1 = function ItemContainer(_ref) {
|
|
|
34943
34399
|
atlasJSON: atlasJSON
|
|
34944
34400
|
}));
|
|
34945
34401
|
}
|
|
34946
|
-
return slots;
|
|
34402
|
+
return slots;
|
|
34403
|
+
};
|
|
34404
|
+
return React.createElement(React.Fragment, null, React.createElement(SlotsContainer, {
|
|
34405
|
+
title: itemContainer.name || 'Container',
|
|
34406
|
+
onClose: onClose,
|
|
34407
|
+
initialPosition: initialPosition
|
|
34408
|
+
}, React.createElement(ItemsContainer, {
|
|
34409
|
+
className: "item-container-body"
|
|
34410
|
+
}, onRenderSlots())), quantitySelect.isOpen && React.createElement(QuantitySelectorContainer, null, React.createElement(ItemQuantitySelector, {
|
|
34411
|
+
quantity: quantitySelect.maxQuantity,
|
|
34412
|
+
onConfirm: function onConfirm(quantity) {
|
|
34413
|
+
quantitySelect.callback(quantity);
|
|
34414
|
+
setQuantitySelect({
|
|
34415
|
+
isOpen: false,
|
|
34416
|
+
maxQuantity: 1,
|
|
34417
|
+
callback: function callback() {}
|
|
34418
|
+
});
|
|
34419
|
+
},
|
|
34420
|
+
onClose: function onClose() {
|
|
34421
|
+
quantitySelect.callback(-1);
|
|
34422
|
+
setQuantitySelect({
|
|
34423
|
+
isOpen: false,
|
|
34424
|
+
maxQuantity: 1,
|
|
34425
|
+
callback: function callback() {}
|
|
34426
|
+
});
|
|
34427
|
+
}
|
|
34428
|
+
})));
|
|
34429
|
+
};
|
|
34430
|
+
var ItemsContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34431
|
+
displayName: "ItemContainer__ItemsContainer",
|
|
34432
|
+
componentId: "sc-15y5p9l-0"
|
|
34433
|
+
})(["max-width:280px;display:flex;justify-content:center;flex-wrap:wrap;"]);
|
|
34434
|
+
var QuantitySelectorContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34435
|
+
displayName: "ItemContainer__QuantitySelectorContainer",
|
|
34436
|
+
componentId: "sc-15y5p9l-1"
|
|
34437
|
+
})(["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);"]);
|
|
34438
|
+
|
|
34439
|
+
var ItemSelector = function ItemSelector(_ref) {
|
|
34440
|
+
var atlasIMG = _ref.atlasIMG,
|
|
34441
|
+
atlasJSON = _ref.atlasJSON,
|
|
34442
|
+
options = _ref.options,
|
|
34443
|
+
onClose = _ref.onClose,
|
|
34444
|
+
onSelect = _ref.onSelect;
|
|
34445
|
+
var _useState = useState(),
|
|
34446
|
+
selectedValue = _useState[0],
|
|
34447
|
+
setSelectedValue = _useState[1];
|
|
34448
|
+
var handleClick = function handleClick() {
|
|
34449
|
+
var element = document.querySelector("input[name='test']:checked");
|
|
34450
|
+
var elementValue = element.value;
|
|
34451
|
+
setSelectedValue(elementValue);
|
|
34452
|
+
};
|
|
34453
|
+
useEffect(function () {
|
|
34454
|
+
if (selectedValue) {
|
|
34455
|
+
onSelect(selectedValue);
|
|
34456
|
+
}
|
|
34457
|
+
}, [selectedValue]);
|
|
34458
|
+
return React.createElement(DraggableContainer, {
|
|
34459
|
+
type: RPGUIContainerTypes.Framed,
|
|
34460
|
+
width: "500px",
|
|
34461
|
+
cancelDrag: ".equipment-container-body .arrow-selector",
|
|
34462
|
+
onCloseButton: function onCloseButton() {
|
|
34463
|
+
if (onClose) {
|
|
34464
|
+
onClose();
|
|
34465
|
+
}
|
|
34466
|
+
}
|
|
34467
|
+
}, React.createElement("div", {
|
|
34468
|
+
style: {
|
|
34469
|
+
width: '100%'
|
|
34470
|
+
}
|
|
34471
|
+
}, React.createElement(Title$2, null, 'Harvesting instruments'), React.createElement(Subtitle$1, null, 'Use the tool, you need it'), React.createElement("hr", {
|
|
34472
|
+
className: "golden"
|
|
34473
|
+
})), React.createElement(RadioInputScroller$1, null, options == null ? void 0 : options.map(function (option, index) {
|
|
34474
|
+
return React.createElement(RadioOptionsWrapper$1, {
|
|
34475
|
+
key: index
|
|
34476
|
+
}, React.createElement(SpriteAtlasWrapper$1, null, React.createElement(SpriteFromAtlas, {
|
|
34477
|
+
atlasIMG: atlasIMG,
|
|
34478
|
+
atlasJSON: atlasJSON,
|
|
34479
|
+
spriteKey: option.imageKey,
|
|
34480
|
+
imgScale: 3
|
|
34481
|
+
})), React.createElement("div", null, React.createElement("input", {
|
|
34482
|
+
className: "rpgui-radio",
|
|
34483
|
+
type: "radio",
|
|
34484
|
+
value: option.name,
|
|
34485
|
+
name: "test"
|
|
34486
|
+
}), React.createElement("label", {
|
|
34487
|
+
onClick: handleClick,
|
|
34488
|
+
style: {
|
|
34489
|
+
display: 'flex',
|
|
34490
|
+
alignItems: 'center'
|
|
34491
|
+
}
|
|
34492
|
+
}, option.name, " ", React.createElement("br", null), option.description)));
|
|
34493
|
+
})), React.createElement(ButtonWrapper$1, null, React.createElement(Button, {
|
|
34494
|
+
buttonType: ButtonTypes.RPGUIButton,
|
|
34495
|
+
onClick: onClose
|
|
34496
|
+
}, "Cancel"), React.createElement(Button, {
|
|
34497
|
+
buttonType: ButtonTypes.RPGUIButton
|
|
34498
|
+
}, "Select")));
|
|
34499
|
+
};
|
|
34500
|
+
var Title$2 = /*#__PURE__*/styled.h1.withConfig({
|
|
34501
|
+
displayName: "ItemSelector__Title",
|
|
34502
|
+
componentId: "sc-gptoxp-0"
|
|
34503
|
+
})(["font-size:0.6rem;color:yellow !important;"]);
|
|
34504
|
+
var Subtitle$1 = /*#__PURE__*/styled.h1.withConfig({
|
|
34505
|
+
displayName: "ItemSelector__Subtitle",
|
|
34506
|
+
componentId: "sc-gptoxp-1"
|
|
34507
|
+
})(["font-size:0.4rem;color:yellow !important;"]);
|
|
34508
|
+
var RadioInputScroller$1 = /*#__PURE__*/styled.div.withConfig({
|
|
34509
|
+
displayName: "ItemSelector__RadioInputScroller",
|
|
34510
|
+
componentId: "sc-gptoxp-2"
|
|
34511
|
+
})(["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;"]);
|
|
34512
|
+
var SpriteAtlasWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
34513
|
+
displayName: "ItemSelector__SpriteAtlasWrapper",
|
|
34514
|
+
componentId: "sc-gptoxp-3"
|
|
34515
|
+
})(["margin-right:40px;"]);
|
|
34516
|
+
var RadioOptionsWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
34517
|
+
displayName: "ItemSelector__RadioOptionsWrapper",
|
|
34518
|
+
componentId: "sc-gptoxp-4"
|
|
34519
|
+
})(["display:flex;align-items:stretch;margin-bottom:40px;"]);
|
|
34520
|
+
var ButtonWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
34521
|
+
displayName: "ItemSelector__ButtonWrapper",
|
|
34522
|
+
componentId: "sc-gptoxp-5"
|
|
34523
|
+
})(["display:flex;justify-content:space-around;padding-top:20px;width:100%;"]);
|
|
34524
|
+
|
|
34525
|
+
var ListMenu = function ListMenu(_ref) {
|
|
34526
|
+
var options = _ref.options,
|
|
34527
|
+
onSelected = _ref.onSelected,
|
|
34528
|
+
x = _ref.x,
|
|
34529
|
+
y = _ref.y;
|
|
34530
|
+
return React.createElement(Container$b, {
|
|
34531
|
+
x: x,
|
|
34532
|
+
y: y
|
|
34533
|
+
}, React.createElement("ul", {
|
|
34534
|
+
className: "rpgui-list-imp",
|
|
34535
|
+
style: {
|
|
34536
|
+
overflow: 'hidden'
|
|
34537
|
+
}
|
|
34538
|
+
}, options.map(function (params, index) {
|
|
34539
|
+
return React.createElement(ListElement$1, {
|
|
34540
|
+
key: (params == null ? void 0 : params.id) || index,
|
|
34541
|
+
onClick: function onClick() {
|
|
34542
|
+
onSelected(params == null ? void 0 : params.id);
|
|
34543
|
+
}
|
|
34544
|
+
}, (params == null ? void 0 : params.text) || 'No text');
|
|
34545
|
+
})));
|
|
34546
|
+
};
|
|
34547
|
+
var Container$b = /*#__PURE__*/styled.div.withConfig({
|
|
34548
|
+
displayName: "ListMenu__Container",
|
|
34549
|
+
componentId: "sc-i9097t-0"
|
|
34550
|
+
})(["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) {
|
|
34551
|
+
return props.y || 0;
|
|
34552
|
+
}, function (props) {
|
|
34553
|
+
return props.x || 0;
|
|
34554
|
+
}, uiFonts.size.xsmall);
|
|
34555
|
+
var ListElement$1 = /*#__PURE__*/styled.li.withConfig({
|
|
34556
|
+
displayName: "ListMenu__ListElement",
|
|
34557
|
+
componentId: "sc-i9097t-1"
|
|
34558
|
+
})(["margin-right:0.5rem;"]);
|
|
34559
|
+
|
|
34560
|
+
var img$6 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAP1BMVEUAAAA7FyVxQTsUEBPj5v////+5v/tCJDOOUlIiHBr1oJfptaO6dWr61rhzFy1bMTjoanMUNGQoXMQkn97+88DQ3IhAAAAAAXRSTlMAQObYZgAAAAFiS0dEBfhv6ccAAAAHdElNRQfmAw4VOBC7c5LYAAABM0lEQVQ4y3XRi5KDIAwFUAUkbrBgpP//rZsHVHQ009qZ3tPboNN0zmwzvcw8O5sX4y0NOg/Et3jRCXF+ziULorjkOQ9gE24dvuUAzq08DiCO4pe3WN7zCP56vmpubBReQYC11YPS86ySxxCsAABTSgjb5m4g8nfbxvFHBkH2OEEvAItVuCuIsgGgl+Gcr7kDXxhEAx55A2SQEEeQeZwUaIP8Tbo05B0RFPhItAjgj1w6cDnhLluDj+Egkh3pCCP4pKQAw1IPO0W9Nti5gW9RP2dKA3BZd2Dw+baYX+Nt4GM00O4S3kEpF6Alb2Bv4LeC3kkGfAW0/p0RPoJVKr63ghHsKuRh5DIUKOAlGOwrtt9fQekAEfmhZslHUDoglB0zjfkJigN7UnTQQ4GBWomoVhEN/AOPSBh38gy+fwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wMy0xNFQyMTo1NTo1MSswMDowMJcc0eEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDMtMTRUMjE6NTU6NTErMDA6MDDmQWldAAAAAElFTkSuQmCC';
|
|
34561
|
+
|
|
34562
|
+
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';
|
|
34563
|
+
|
|
34564
|
+
var ImgSide;
|
|
34565
|
+
(function (ImgSide) {
|
|
34566
|
+
ImgSide["right"] = "right";
|
|
34567
|
+
ImgSide["left"] = "left";
|
|
34568
|
+
})(ImgSide || (ImgSide = {}));
|
|
34569
|
+
var NPCMultiDialog = function NPCMultiDialog(_ref) {
|
|
34570
|
+
var _textAndTypeArray$sli;
|
|
34571
|
+
var _onClose = _ref.onClose,
|
|
34572
|
+
textAndTypeArray = _ref.textAndTypeArray;
|
|
34573
|
+
var _useState = useState(false),
|
|
34574
|
+
showGoNextIndicator = _useState[0],
|
|
34575
|
+
setShowGoNextIndicator = _useState[1];
|
|
34576
|
+
var _useState2 = useState(0),
|
|
34577
|
+
slide = _useState2[0],
|
|
34578
|
+
setSlide = _useState2[1];
|
|
34579
|
+
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
34580
|
+
if (event.code === 'Space') {
|
|
34581
|
+
if (slide < (textAndTypeArray == null ? void 0 : textAndTypeArray.length) - 1) {
|
|
34582
|
+
setSlide(function (prev) {
|
|
34583
|
+
return prev + 1;
|
|
34584
|
+
});
|
|
34585
|
+
} else {
|
|
34586
|
+
// if there's no more text chunks, close the dialog
|
|
34587
|
+
_onClose();
|
|
34588
|
+
}
|
|
34589
|
+
}
|
|
34590
|
+
};
|
|
34591
|
+
useEffect(function () {
|
|
34592
|
+
document.addEventListener('keydown', onHandleSpacePress);
|
|
34593
|
+
return function () {
|
|
34594
|
+
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
34595
|
+
};
|
|
34596
|
+
}, [slide]);
|
|
34597
|
+
return React.createElement(RPGUIContainer, {
|
|
34598
|
+
type: RPGUIContainerTypes.FramedGold,
|
|
34599
|
+
width: '50%',
|
|
34600
|
+
height: '180px'
|
|
34601
|
+
}, React.createElement(React.Fragment, null, React.createElement(Container$c, null, ((_textAndTypeArray$sli = textAndTypeArray[slide]) == null ? void 0 : _textAndTypeArray$sli.imageSide) === 'right' && React.createElement(React.Fragment, null, React.createElement(TextContainer, {
|
|
34602
|
+
flex: '70%'
|
|
34603
|
+
}, React.createElement(NPCDialogText, {
|
|
34604
|
+
onStartStep: function onStartStep() {
|
|
34605
|
+
return setShowGoNextIndicator(false);
|
|
34606
|
+
},
|
|
34607
|
+
onEndStep: function onEndStep() {
|
|
34608
|
+
return setShowGoNextIndicator(true);
|
|
34609
|
+
},
|
|
34610
|
+
text: textAndTypeArray[slide].text || 'No text provided.',
|
|
34611
|
+
onClose: function onClose() {
|
|
34612
|
+
if (_onClose) {
|
|
34613
|
+
_onClose();
|
|
34614
|
+
}
|
|
34615
|
+
}
|
|
34616
|
+
})), React.createElement(ThumbnailContainer, null, React.createElement(NPCThumbnail, {
|
|
34617
|
+
src: textAndTypeArray[slide].imagePath || img$6
|
|
34618
|
+
})), showGoNextIndicator && React.createElement(PressSpaceIndicator, {
|
|
34619
|
+
right: '10.5rem',
|
|
34620
|
+
src: img$7
|
|
34621
|
+
})), textAndTypeArray[slide].imageSide === 'left' && React.createElement(React.Fragment, null, React.createElement(ThumbnailContainer, null, React.createElement(NPCThumbnail, {
|
|
34622
|
+
src: textAndTypeArray[slide].imagePath || img$6
|
|
34623
|
+
})), React.createElement(TextContainer, {
|
|
34624
|
+
flex: '70%'
|
|
34625
|
+
}, React.createElement(NPCDialogText, {
|
|
34626
|
+
onStartStep: function onStartStep() {
|
|
34627
|
+
return setShowGoNextIndicator(false);
|
|
34628
|
+
},
|
|
34629
|
+
onEndStep: function onEndStep() {
|
|
34630
|
+
return setShowGoNextIndicator(true);
|
|
34631
|
+
},
|
|
34632
|
+
text: textAndTypeArray[slide].text || 'No text provided.',
|
|
34633
|
+
onClose: function onClose() {
|
|
34634
|
+
if (_onClose) {
|
|
34635
|
+
_onClose();
|
|
34636
|
+
}
|
|
34637
|
+
}
|
|
34638
|
+
})), showGoNextIndicator && React.createElement(PressSpaceIndicator, {
|
|
34639
|
+
right: '1rem',
|
|
34640
|
+
src: img$7
|
|
34641
|
+
}))), ")"));
|
|
34642
|
+
};
|
|
34643
|
+
var Container$c = /*#__PURE__*/styled.div.withConfig({
|
|
34644
|
+
displayName: "NPCMultiDialog__Container",
|
|
34645
|
+
componentId: "sc-rvu5wg-0"
|
|
34646
|
+
})(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
|
|
34647
|
+
var TextContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34648
|
+
displayName: "NPCMultiDialog__TextContainer",
|
|
34649
|
+
componentId: "sc-rvu5wg-1"
|
|
34650
|
+
})(["flex:", " 0 0;width:355px;"], function (_ref2) {
|
|
34651
|
+
var flex = _ref2.flex;
|
|
34652
|
+
return flex;
|
|
34653
|
+
});
|
|
34654
|
+
var ThumbnailContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34655
|
+
displayName: "NPCMultiDialog__ThumbnailContainer",
|
|
34656
|
+
componentId: "sc-rvu5wg-2"
|
|
34657
|
+
})(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
|
|
34658
|
+
var NPCThumbnail = /*#__PURE__*/styled.img.withConfig({
|
|
34659
|
+
displayName: "NPCMultiDialog__NPCThumbnail",
|
|
34660
|
+
componentId: "sc-rvu5wg-3"
|
|
34661
|
+
})(["image-rendering:pixelated;height:128px;width:128px;"]);
|
|
34662
|
+
var PressSpaceIndicator = /*#__PURE__*/styled.img.withConfig({
|
|
34663
|
+
displayName: "NPCMultiDialog__PressSpaceIndicator",
|
|
34664
|
+
componentId: "sc-rvu5wg-4"
|
|
34665
|
+
})(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref3) {
|
|
34666
|
+
var right = _ref3.right;
|
|
34667
|
+
return right;
|
|
34668
|
+
});
|
|
34669
|
+
|
|
34670
|
+
//@ts-ignore
|
|
34671
|
+
var useEventListener = function useEventListener(type, handler, el) {
|
|
34672
|
+
if (el === void 0) {
|
|
34673
|
+
el = window;
|
|
34674
|
+
}
|
|
34675
|
+
var savedHandler = React.useRef();
|
|
34676
|
+
React.useEffect(function () {
|
|
34677
|
+
savedHandler.current = handler;
|
|
34678
|
+
}, [handler]);
|
|
34679
|
+
React.useEffect(function () {
|
|
34680
|
+
//@ts-ignore
|
|
34681
|
+
var listener = function listener(e) {
|
|
34682
|
+
return savedHandler.current(e);
|
|
34683
|
+
};
|
|
34684
|
+
el.addEventListener(type, listener);
|
|
34685
|
+
return function () {
|
|
34686
|
+
el.removeEventListener(type, listener);
|
|
34687
|
+
};
|
|
34688
|
+
}, [type, el]);
|
|
34689
|
+
};
|
|
34690
|
+
|
|
34691
|
+
var DynamicText = function DynamicText(_ref) {
|
|
34692
|
+
var text = _ref.text,
|
|
34693
|
+
onFinish = _ref.onFinish,
|
|
34694
|
+
onStart = _ref.onStart;
|
|
34695
|
+
var _useState = useState(''),
|
|
34696
|
+
textState = _useState[0],
|
|
34697
|
+
setTextState = _useState[1];
|
|
34698
|
+
useEffect(function () {
|
|
34699
|
+
var i = 0;
|
|
34700
|
+
var interval = setInterval(function () {
|
|
34701
|
+
// on every interval, show one more character
|
|
34702
|
+
if (i === 0) {
|
|
34703
|
+
if (onStart) {
|
|
34704
|
+
onStart();
|
|
34705
|
+
}
|
|
34706
|
+
}
|
|
34707
|
+
if (i < text.length) {
|
|
34708
|
+
setTextState(text.substring(0, i + 1));
|
|
34709
|
+
i++;
|
|
34710
|
+
} else {
|
|
34711
|
+
clearInterval(interval);
|
|
34712
|
+
if (onFinish) {
|
|
34713
|
+
onFinish();
|
|
34714
|
+
}
|
|
34715
|
+
}
|
|
34716
|
+
}, 50);
|
|
34717
|
+
return function () {
|
|
34718
|
+
clearInterval(interval);
|
|
34719
|
+
};
|
|
34720
|
+
}, [text]);
|
|
34721
|
+
return React.createElement(TextContainer$1, null, textState);
|
|
34722
|
+
};
|
|
34723
|
+
var TextContainer$1 = /*#__PURE__*/styled.p.withConfig({
|
|
34724
|
+
displayName: "DynamicText__TextContainer",
|
|
34725
|
+
componentId: "sc-1ggl9nd-0"
|
|
34726
|
+
})(["font-size:0.7rem !important;color:white;text-shadow:1px 1px 0px #000000;letter-spacing:1.2px;word-break:normal;"]);
|
|
34727
|
+
|
|
34728
|
+
var QuestionDialog = function QuestionDialog(_ref) {
|
|
34729
|
+
var questions = _ref.questions,
|
|
34730
|
+
answers = _ref.answers,
|
|
34731
|
+
onClose = _ref.onClose;
|
|
34732
|
+
var _useState = useState(questions[0]),
|
|
34733
|
+
currentQuestion = _useState[0],
|
|
34734
|
+
setCurrentQuestion = _useState[1];
|
|
34735
|
+
var _useState2 = useState(false),
|
|
34736
|
+
canShowAnswers = _useState2[0],
|
|
34737
|
+
setCanShowAnswers = _useState2[1];
|
|
34738
|
+
var onGetFirstAnswer = function onGetFirstAnswer() {
|
|
34739
|
+
if (!currentQuestion.answerIds || currentQuestion.answerIds.length === 0) {
|
|
34740
|
+
return null;
|
|
34741
|
+
}
|
|
34742
|
+
var firstAnswerId = currentQuestion.answerIds[0];
|
|
34743
|
+
return answers.find(function (answer) {
|
|
34744
|
+
return answer.id === firstAnswerId;
|
|
34745
|
+
});
|
|
34947
34746
|
};
|
|
34948
|
-
|
|
34949
|
-
|
|
34950
|
-
|
|
34951
|
-
|
|
34952
|
-
|
|
34953
|
-
|
|
34954
|
-
|
|
34955
|
-
|
|
34956
|
-
|
|
34957
|
-
|
|
34958
|
-
setQuantitySelect({
|
|
34959
|
-
isOpen: false,
|
|
34960
|
-
maxQuantity: 1,
|
|
34961
|
-
callback: function callback() {}
|
|
34962
|
-
});
|
|
34963
|
-
},
|
|
34964
|
-
onClose: function onClose() {
|
|
34965
|
-
quantitySelect.callback(-1);
|
|
34966
|
-
setQuantitySelect({
|
|
34967
|
-
isOpen: false,
|
|
34968
|
-
maxQuantity: 1,
|
|
34969
|
-
callback: function callback() {}
|
|
34747
|
+
var _useState3 = useState(onGetFirstAnswer()),
|
|
34748
|
+
currentAnswer = _useState3[0],
|
|
34749
|
+
setCurrentAnswer = _useState3[1];
|
|
34750
|
+
useEffect(function () {
|
|
34751
|
+
setCurrentAnswer(onGetFirstAnswer());
|
|
34752
|
+
}, [currentQuestion]);
|
|
34753
|
+
var onGetAnswers = function onGetAnswers(answerIds) {
|
|
34754
|
+
return answerIds.map(function (answerId) {
|
|
34755
|
+
return answers.find(function (answer) {
|
|
34756
|
+
return answer.id === answerId;
|
|
34970
34757
|
});
|
|
34758
|
+
});
|
|
34759
|
+
};
|
|
34760
|
+
var onKeyPress = function onKeyPress(e) {
|
|
34761
|
+
switch (e.key) {
|
|
34762
|
+
case 'ArrowDown':
|
|
34763
|
+
// select next answer, if any.
|
|
34764
|
+
// if no next answer, select first answer
|
|
34765
|
+
// const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(
|
|
34766
|
+
// (answer) => answer?.id === currentAnswer!.id + 1
|
|
34767
|
+
// );
|
|
34768
|
+
var nextAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
|
|
34769
|
+
return (answer == null ? void 0 : answer.id) === currentAnswer.id + 1;
|
|
34770
|
+
});
|
|
34771
|
+
var nextAnswerID = currentQuestion.answerIds[nextAnswerIndex];
|
|
34772
|
+
var nextAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
|
|
34773
|
+
return (answer == null ? void 0 : answer.id) === nextAnswerID;
|
|
34774
|
+
});
|
|
34775
|
+
setCurrentAnswer(nextAnswer || onGetFirstAnswer());
|
|
34776
|
+
break;
|
|
34777
|
+
case 'ArrowUp':
|
|
34778
|
+
// select previous answer, if any.
|
|
34779
|
+
// if no previous answer, select last answer
|
|
34780
|
+
var previousAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
|
|
34781
|
+
return (answer == null ? void 0 : answer.id) === currentAnswer.id - 1;
|
|
34782
|
+
});
|
|
34783
|
+
var previousAnswerID = currentQuestion.answerIds && currentQuestion.answerIds[previousAnswerIndex];
|
|
34784
|
+
var previousAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
|
|
34785
|
+
return (answer == null ? void 0 : answer.id) === previousAnswerID;
|
|
34786
|
+
});
|
|
34787
|
+
if (previousAnswer) {
|
|
34788
|
+
setCurrentAnswer(previousAnswer);
|
|
34789
|
+
} else {
|
|
34790
|
+
setCurrentAnswer(onGetAnswers(currentQuestion.answerIds).pop());
|
|
34791
|
+
}
|
|
34792
|
+
break;
|
|
34793
|
+
case 'Enter':
|
|
34794
|
+
setCanShowAnswers(false);
|
|
34795
|
+
if (!(currentAnswer != null && currentAnswer.nextQuestionId)) {
|
|
34796
|
+
onClose();
|
|
34797
|
+
return;
|
|
34798
|
+
} else {
|
|
34799
|
+
setCurrentQuestion(questions.find(function (question) {
|
|
34800
|
+
return question.id === currentAnswer.nextQuestionId;
|
|
34801
|
+
}));
|
|
34802
|
+
}
|
|
34803
|
+
break;
|
|
34971
34804
|
}
|
|
34972
|
-
})));
|
|
34973
|
-
};
|
|
34974
|
-
var ItemsContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34975
|
-
displayName: "ItemContainer__ItemsContainer",
|
|
34976
|
-
componentId: "sc-15y5p9l-0"
|
|
34977
|
-
})(["max-width:280px;display:flex;justify-content:center;flex-wrap:wrap;"]);
|
|
34978
|
-
var QuantitySelectorContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34979
|
-
displayName: "ItemContainer__QuantitySelectorContainer",
|
|
34980
|
-
componentId: "sc-15y5p9l-1"
|
|
34981
|
-
})(["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);"]);
|
|
34982
|
-
|
|
34983
|
-
var ItemSelector = function ItemSelector(_ref) {
|
|
34984
|
-
var atlasIMG = _ref.atlasIMG,
|
|
34985
|
-
atlasJSON = _ref.atlasJSON,
|
|
34986
|
-
options = _ref.options,
|
|
34987
|
-
onClose = _ref.onClose,
|
|
34988
|
-
onSelect = _ref.onSelect;
|
|
34989
|
-
var _useState = useState(),
|
|
34990
|
-
selectedValue = _useState[0],
|
|
34991
|
-
setSelectedValue = _useState[1];
|
|
34992
|
-
var handleClick = function handleClick() {
|
|
34993
|
-
var element = document.querySelector("input[name='test']:checked");
|
|
34994
|
-
var elementValue = element.value;
|
|
34995
|
-
setSelectedValue(elementValue);
|
|
34996
34805
|
};
|
|
34997
|
-
|
|
34998
|
-
|
|
34999
|
-
|
|
34806
|
+
useEventListener('keydown', onKeyPress);
|
|
34807
|
+
var onAnswerClick = function onAnswerClick(answer) {
|
|
34808
|
+
setCanShowAnswers(false);
|
|
34809
|
+
if (answer.nextQuestionId) {
|
|
34810
|
+
// if there is a next question, go to it
|
|
34811
|
+
setCurrentQuestion(questions.find(function (question) {
|
|
34812
|
+
return question.id === answer.nextQuestionId;
|
|
34813
|
+
}));
|
|
34814
|
+
} else {
|
|
34815
|
+
// else, finish dialog!
|
|
34816
|
+
onClose();
|
|
35000
34817
|
}
|
|
35001
|
-
}
|
|
35002
|
-
|
|
35003
|
-
|
|
35004
|
-
|
|
35005
|
-
|
|
35006
|
-
onCloseButton: function onCloseButton() {
|
|
35007
|
-
if (onClose) {
|
|
35008
|
-
onClose();
|
|
35009
|
-
}
|
|
34818
|
+
};
|
|
34819
|
+
var onRenderCurrentAnswers = function onRenderCurrentAnswers() {
|
|
34820
|
+
var answerIds = currentQuestion.answerIds;
|
|
34821
|
+
if (!answerIds) {
|
|
34822
|
+
return null;
|
|
35010
34823
|
}
|
|
35011
|
-
|
|
35012
|
-
|
|
35013
|
-
|
|
34824
|
+
var answers = onGetAnswers(answerIds);
|
|
34825
|
+
if (!answers) {
|
|
34826
|
+
return null;
|
|
35014
34827
|
}
|
|
35015
|
-
|
|
35016
|
-
|
|
35017
|
-
|
|
35018
|
-
|
|
35019
|
-
|
|
35020
|
-
|
|
35021
|
-
|
|
35022
|
-
|
|
35023
|
-
|
|
35024
|
-
|
|
35025
|
-
|
|
35026
|
-
|
|
35027
|
-
|
|
35028
|
-
|
|
35029
|
-
|
|
35030
|
-
}), React.createElement("label", {
|
|
35031
|
-
onClick: handleClick,
|
|
35032
|
-
style: {
|
|
35033
|
-
display: 'flex',
|
|
35034
|
-
alignItems: 'center'
|
|
34828
|
+
return answers.map(function (answer) {
|
|
34829
|
+
var isSelected = (currentAnswer == null ? void 0 : currentAnswer.id) === (answer == null ? void 0 : answer.id);
|
|
34830
|
+
var selectedColor = isSelected ? 'yellow' : 'white';
|
|
34831
|
+
if (answer) {
|
|
34832
|
+
return React.createElement(AnswerRow, {
|
|
34833
|
+
key: "answer_" + answer.id
|
|
34834
|
+
}, React.createElement(AnswerSelectedIcon, {
|
|
34835
|
+
color: selectedColor
|
|
34836
|
+
}, isSelected ? 'X' : null), React.createElement(Answer, {
|
|
34837
|
+
key: answer.id,
|
|
34838
|
+
onClick: function onClick() {
|
|
34839
|
+
return onAnswerClick(answer);
|
|
34840
|
+
},
|
|
34841
|
+
color: selectedColor
|
|
34842
|
+
}, answer.text));
|
|
35035
34843
|
}
|
|
35036
|
-
|
|
35037
|
-
|
|
35038
|
-
|
|
35039
|
-
|
|
35040
|
-
|
|
35041
|
-
|
|
35042
|
-
|
|
35043
|
-
}
|
|
35044
|
-
|
|
35045
|
-
|
|
35046
|
-
componentId: "sc-gptoxp-0"
|
|
35047
|
-
})(["font-size:0.6rem;color:yellow !important;"]);
|
|
35048
|
-
var Subtitle$1 = /*#__PURE__*/styled.h1.withConfig({
|
|
35049
|
-
displayName: "ItemSelector__Subtitle",
|
|
35050
|
-
componentId: "sc-gptoxp-1"
|
|
35051
|
-
})(["font-size:0.4rem;color:yellow !important;"]);
|
|
35052
|
-
var RadioInputScroller$1 = /*#__PURE__*/styled.div.withConfig({
|
|
35053
|
-
displayName: "ItemSelector__RadioInputScroller",
|
|
35054
|
-
componentId: "sc-gptoxp-2"
|
|
35055
|
-
})(["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;"]);
|
|
35056
|
-
var SpriteAtlasWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
35057
|
-
displayName: "ItemSelector__SpriteAtlasWrapper",
|
|
35058
|
-
componentId: "sc-gptoxp-3"
|
|
35059
|
-
})(["margin-right:40px;"]);
|
|
35060
|
-
var RadioOptionsWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
35061
|
-
displayName: "ItemSelector__RadioOptionsWrapper",
|
|
35062
|
-
componentId: "sc-gptoxp-4"
|
|
35063
|
-
})(["display:flex;align-items:stretch;margin-bottom:40px;"]);
|
|
35064
|
-
var ButtonWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
35065
|
-
displayName: "ItemSelector__ButtonWrapper",
|
|
35066
|
-
componentId: "sc-gptoxp-5"
|
|
35067
|
-
})(["display:flex;justify-content:space-around;padding-top:20px;width:100%;"]);
|
|
35068
|
-
|
|
35069
|
-
var ListMenu = function ListMenu(_ref) {
|
|
35070
|
-
var options = _ref.options,
|
|
35071
|
-
onSelected = _ref.onSelected,
|
|
35072
|
-
x = _ref.x,
|
|
35073
|
-
y = _ref.y;
|
|
35074
|
-
return React.createElement(Container$f, {
|
|
35075
|
-
x: x,
|
|
35076
|
-
y: y
|
|
35077
|
-
}, React.createElement("ul", {
|
|
35078
|
-
className: "rpgui-list-imp",
|
|
35079
|
-
style: {
|
|
35080
|
-
overflow: 'hidden'
|
|
34844
|
+
return null;
|
|
34845
|
+
});
|
|
34846
|
+
};
|
|
34847
|
+
return React.createElement(Container$d, null, React.createElement(QuestionContainer, null, React.createElement(DynamicText, {
|
|
34848
|
+
text: currentQuestion.text,
|
|
34849
|
+
onStart: function onStart() {
|
|
34850
|
+
return setCanShowAnswers(false);
|
|
34851
|
+
},
|
|
34852
|
+
onFinish: function onFinish() {
|
|
34853
|
+
return setCanShowAnswers(true);
|
|
35081
34854
|
}
|
|
35082
|
-
},
|
|
35083
|
-
return React.createElement(ListElement$1, {
|
|
35084
|
-
key: (params == null ? void 0 : params.id) || index,
|
|
35085
|
-
onClick: function onClick() {
|
|
35086
|
-
onSelected(params == null ? void 0 : params.id);
|
|
35087
|
-
}
|
|
35088
|
-
}, (params == null ? void 0 : params.text) || 'No text');
|
|
35089
|
-
})));
|
|
34855
|
+
})), canShowAnswers && React.createElement(AnswersContainer, null, onRenderCurrentAnswers()));
|
|
35090
34856
|
};
|
|
35091
|
-
var Container$
|
|
35092
|
-
displayName: "
|
|
35093
|
-
componentId: "sc-
|
|
35094
|
-
})(["display:flex;
|
|
35095
|
-
|
|
35096
|
-
|
|
35097
|
-
|
|
35098
|
-
}
|
|
35099
|
-
var
|
|
35100
|
-
displayName: "
|
|
35101
|
-
componentId: "sc-
|
|
35102
|
-
})(["
|
|
34857
|
+
var Container$d = /*#__PURE__*/styled.div.withConfig({
|
|
34858
|
+
displayName: "QuestionDialog__Container",
|
|
34859
|
+
componentId: "sc-bxc5u0-0"
|
|
34860
|
+
})(["display:flex;word-break:break-all;box-sizing:border-box;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;"]);
|
|
34861
|
+
var QuestionContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34862
|
+
displayName: "QuestionDialog__QuestionContainer",
|
|
34863
|
+
componentId: "sc-bxc5u0-1"
|
|
34864
|
+
})(["flex:100%;width:100%;"]);
|
|
34865
|
+
var AnswersContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34866
|
+
displayName: "QuestionDialog__AnswersContainer",
|
|
34867
|
+
componentId: "sc-bxc5u0-2"
|
|
34868
|
+
})(["flex:100%;"]);
|
|
34869
|
+
var Answer = /*#__PURE__*/styled.p.withConfig({
|
|
34870
|
+
displayName: "QuestionDialog__Answer",
|
|
34871
|
+
componentId: "sc-bxc5u0-3"
|
|
34872
|
+
})(["flex:auto;color:", " !important;font-size:0.65rem !important;background:inherit;border:none;"], function (props) {
|
|
34873
|
+
return props.color;
|
|
34874
|
+
});
|
|
34875
|
+
var AnswerSelectedIcon = /*#__PURE__*/styled.span.withConfig({
|
|
34876
|
+
displayName: "QuestionDialog__AnswerSelectedIcon",
|
|
34877
|
+
componentId: "sc-bxc5u0-4"
|
|
34878
|
+
})(["flex:5% 0 0;color:", " !important;"], function (props) {
|
|
34879
|
+
return props.color;
|
|
34880
|
+
});
|
|
34881
|
+
var AnswerRow = /*#__PURE__*/styled.div.withConfig({
|
|
34882
|
+
displayName: "QuestionDialog__AnswerRow",
|
|
34883
|
+
componentId: "sc-bxc5u0-5"
|
|
34884
|
+
})(["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;}"]);
|
|
35103
34885
|
|
|
35104
34886
|
var ProgressBar = function ProgressBar(_ref) {
|
|
35105
34887
|
var max = _ref.max,
|
|
@@ -35118,7 +34900,7 @@ var ProgressBar = function ProgressBar(_ref) {
|
|
|
35118
34900
|
}
|
|
35119
34901
|
return value * 100 / max;
|
|
35120
34902
|
};
|
|
35121
|
-
return React.createElement(Container$
|
|
34903
|
+
return React.createElement(Container$e, {
|
|
35122
34904
|
className: "rpgui-progress",
|
|
35123
34905
|
"data-value": calculatePercentageValue(max, value) / 100,
|
|
35124
34906
|
"data-rpguitype": "progress",
|
|
@@ -35147,7 +34929,7 @@ var TextOverlay$1 = /*#__PURE__*/styled.div.withConfig({
|
|
|
35147
34929
|
displayName: "ProgressBar__TextOverlay",
|
|
35148
34930
|
componentId: "sc-qa6fzh-1"
|
|
35149
34931
|
})(["width:100%;position:relative;"]);
|
|
35150
|
-
var Container$
|
|
34932
|
+
var Container$e = /*#__PURE__*/styled.div.withConfig({
|
|
35151
34933
|
displayName: "ProgressBar__Container",
|
|
35152
34934
|
componentId: "sc-qa6fzh-2"
|
|
35153
34935
|
})(["display:flex;flex-direction:column;min-width:", "px;width:", "%;justify-content:start;align-items:flex-start;", ""], function (props) {
|
|
@@ -35158,7 +34940,7 @@ var Container$g = /*#__PURE__*/styled.div.withConfig({
|
|
|
35158
34940
|
return props.style;
|
|
35159
34941
|
});
|
|
35160
34942
|
|
|
35161
|
-
var img$
|
|
34943
|
+
var img$8 = 'data:image/png;base64,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';
|
|
35162
34944
|
|
|
35163
34945
|
var QuestInfo = function QuestInfo(_ref) {
|
|
35164
34946
|
var quests = _ref.quests,
|
|
@@ -35202,7 +34984,7 @@ var QuestInfo = function QuestInfo(_ref) {
|
|
|
35202
34984
|
}), React.createElement(QuestContainer, null, React.createElement(TitleContainer$1, {
|
|
35203
34985
|
className: "drag-handler"
|
|
35204
34986
|
}, React.createElement(Title$3, null, React.createElement(Thumbnail, {
|
|
35205
|
-
src: quests[currentIndex].thumbnail || img$
|
|
34987
|
+
src: quests[currentIndex].thumbnail || img$8
|
|
35206
34988
|
}), quests[currentIndex].title), React.createElement(QuestSplitDiv, null, React.createElement("hr", {
|
|
35207
34989
|
className: "golden"
|
|
35208
34990
|
}))), React.createElement(Content, null, React.createElement("p", null, quests[currentIndex].description)), React.createElement(QuestColumn, {
|
|
@@ -35221,7 +35003,7 @@ var QuestInfo = function QuestInfo(_ref) {
|
|
|
35221
35003
|
})))) : React.createElement(QuestsContainer, null, React.createElement(QuestContainer, null, React.createElement(TitleContainer$1, {
|
|
35222
35004
|
className: "drag-handler"
|
|
35223
35005
|
}, React.createElement(Title$3, null, React.createElement(Thumbnail, {
|
|
35224
|
-
src: quests[0].thumbnail || img$
|
|
35006
|
+
src: quests[0].thumbnail || img$8
|
|
35225
35007
|
}), quests[0].title), React.createElement(QuestSplitDiv, null, React.createElement("hr", {
|
|
35226
35008
|
className: "golden"
|
|
35227
35009
|
}))), React.createElement(Content, null, React.createElement("p", null, quests[0].description)), React.createElement(QuestColumn, {
|
|
@@ -35370,7 +35152,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
|
|
|
35370
35152
|
bgColor = _ref$bgColor === void 0 ? 'red' : _ref$bgColor,
|
|
35371
35153
|
_ref$margin = _ref.margin,
|
|
35372
35154
|
margin = _ref$margin === void 0 ? 20 : _ref$margin;
|
|
35373
|
-
return React.createElement(Container$
|
|
35155
|
+
return React.createElement(Container$f, {
|
|
35374
35156
|
className: "simple-progress-bar"
|
|
35375
35157
|
}, React.createElement(ProgressBarContainer, {
|
|
35376
35158
|
margin: margin
|
|
@@ -35379,7 +35161,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
|
|
|
35379
35161
|
bgColor: bgColor
|
|
35380
35162
|
}))));
|
|
35381
35163
|
};
|
|
35382
|
-
var Container$
|
|
35164
|
+
var Container$f = /*#__PURE__*/styled.div.withConfig({
|
|
35383
35165
|
displayName: "SimpleProgressBar__Container",
|
|
35384
35166
|
componentId: "sc-mbeil3-0"
|
|
35385
35167
|
})(["display:flex;justify-content:center;align-items:center;width:100%;"]);
|
|
@@ -35580,7 +35362,7 @@ var Spell = function Spell(_ref) {
|
|
|
35580
35362
|
isSettingShortcut = _ref.isSettingShortcut,
|
|
35581
35363
|
minMagicLevelRequired = _ref.minMagicLevelRequired;
|
|
35582
35364
|
var disabled = isSettingShortcut ? charMagicLevel < minMagicLevelRequired : manaCost > charMana || charMagicLevel < minMagicLevelRequired;
|
|
35583
|
-
return React.createElement(Container$
|
|
35365
|
+
return React.createElement(Container$g, {
|
|
35584
35366
|
disabled: disabled,
|
|
35585
35367
|
onClick: onClick == null ? void 0 : onClick.bind(null, spellKey),
|
|
35586
35368
|
isSettingShortcut: isSettingShortcut && !disabled,
|
|
@@ -35593,7 +35375,7 @@ var Spell = function Spell(_ref) {
|
|
|
35593
35375
|
className: "mana"
|
|
35594
35376
|
}, manaCost)));
|
|
35595
35377
|
};
|
|
35596
|
-
var Container$
|
|
35378
|
+
var Container$g = /*#__PURE__*/styled.button.withConfig({
|
|
35597
35379
|
displayName: "Spell__Container",
|
|
35598
35380
|
componentId: "sc-j96fa2-0"
|
|
35599
35381
|
})(["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) {
|
|
@@ -35713,7 +35495,7 @@ var Spellbook = function Spellbook(_ref) {
|
|
|
35713
35495
|
width: "inherit",
|
|
35714
35496
|
height: "inherit",
|
|
35715
35497
|
cancelDrag: "#spellbook-search, #shortcuts_list, .spell"
|
|
35716
|
-
}, React.createElement(Container$
|
|
35498
|
+
}, React.createElement(Container$h, null, React.createElement(Title$6, null, "Learned Spells"), React.createElement(SpellbookShortcuts, {
|
|
35717
35499
|
setSettingShortcutIndex: setSettingShortcutIndex,
|
|
35718
35500
|
settingShortcutIndex: settingShortcutIndex,
|
|
35719
35501
|
shortcuts: spellShortcuts,
|
|
@@ -35743,7 +35525,7 @@ var Title$6 = /*#__PURE__*/styled.h1.withConfig({
|
|
|
35743
35525
|
displayName: "Spellbook__Title",
|
|
35744
35526
|
componentId: "sc-r02nfq-0"
|
|
35745
35527
|
})(["font-size:", " !important;margin-bottom:0 !important;"], uiFonts.size.large);
|
|
35746
|
-
var Container$
|
|
35528
|
+
var Container$h = /*#__PURE__*/styled.div.withConfig({
|
|
35747
35529
|
displayName: "Spellbook__Container",
|
|
35748
35530
|
componentId: "sc-r02nfq-1"
|
|
35749
35531
|
})(["width:100%;height:100%;color:white;display:flex;flex-direction:column;"]);
|
|
@@ -35757,16 +35539,16 @@ var TextArea = function TextArea(_ref) {
|
|
|
35757
35539
|
return React.createElement("textarea", Object.assign({}, props));
|
|
35758
35540
|
};
|
|
35759
35541
|
|
|
35760
|
-
var img$
|
|
35542
|
+
var img$9 = 'data:image/gif;base64,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';
|
|
35761
35543
|
|
|
35762
|
-
var img$
|
|
35544
|
+
var img$a = 'data:image/gif;base64,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';
|
|
35763
35545
|
|
|
35764
|
-
var img$
|
|
35546
|
+
var img$b = '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==';
|
|
35765
35547
|
|
|
35766
35548
|
var DayNightPeriod = function DayNightPeriod(_ref) {
|
|
35767
35549
|
var _periodOfDaySrcFiles;
|
|
35768
35550
|
var periodOfDay = _ref.periodOfDay;
|
|
35769
|
-
var periodOfDaySrcFiles = (_periodOfDaySrcFiles = {}, _periodOfDaySrcFiles[PeriodOfDay.Morning] = img$
|
|
35551
|
+
var periodOfDaySrcFiles = (_periodOfDaySrcFiles = {}, _periodOfDaySrcFiles[PeriodOfDay.Morning] = img$a, _periodOfDaySrcFiles[PeriodOfDay.Afternoon] = img$9, _periodOfDaySrcFiles[PeriodOfDay.Night] = img$b, _periodOfDaySrcFiles);
|
|
35770
35552
|
return React.createElement(GifContainer, null, React.createElement("img", {
|
|
35771
35553
|
src: periodOfDaySrcFiles[periodOfDay]
|
|
35772
35554
|
}));
|
|
@@ -35776,7 +35558,7 @@ var GifContainer = /*#__PURE__*/styled.div.withConfig({
|
|
|
35776
35558
|
componentId: "sc-10t97fw-0"
|
|
35777
35559
|
})(["width:100%;img{width:67%;}"]);
|
|
35778
35560
|
|
|
35779
|
-
var img$
|
|
35561
|
+
var img$c = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAABHCAYAAAA0qHhdAAAAAXNSR0IArs4c6QAABGRJREFUeJztnb9PGzEUx7+JMjC0Uge6tVsVdTghQP0D2qgjzGz8D8woE2LO/5CNOcwlU9WJRCgDYmWJRAYkFgak6wDv5HPsO9/P8J79WUhicr7nzz3bOV8uHbRPXOXN2x++1LUfYnh4uu8AQK+FulLy7hbHxn96vrh22tjW0b7xPVtH+87bkMbnj1/jh6f7TqfBOmKgurwy6MJ10VRuKqNylwMl7wBy3U5WuetBOhg9om6ZSRaqEtvImJ2zRfL4/GA3eXy494LJzNwBmcpc//9w7wUAMJn1ktdt5bbnaj228qw6VeqWGbctUEXNxn40Fj+2/jn5lHpel8xUd+oqcedsUajum2HkNHEiqf1oDAD4/e1HkWrYMF8uE6GTWQ+j6aryBCh2lVhUXt77bXJpP2i/+tE41e1y5uo2W1cVmfHd4rhxiXnbdZEqReiv76/jpE1q2YbOFNmUwDxsYreO9lkLvbrtJSLp+Xy5xN9/g8TBYPSIboltv0uRWXU/X1zjbnGM08t527tUC7aM1B0UbXiryE1KNGHKUu4ZqjKarpLMpAlQkcxkIxIw7xP3DLVBnzldZbISSUgXqvtwkclSJCFNqDpu0mdqOkOUJ5O1SEKSUHVWWyQzRYgkJAml7KTMzBszRYkkJAhVu1ny49rNpuAskuAaw9VtL/d0nikwY1ZybQQb+udQ+gzKZbXFtGqiq3Y63yoR6m770Rg3wyi1gK1iel1dQNbLqazsX9M2dKib1bPNi6wkbNl5M4w2tUulGIwe8fB031nrhH0RCbzGpgrVJxSEaYXfdoWCrdxE1lUNtnJ9+6PpKrmgSxUVm45IyTIB8zncnbPF2th58nMbo+kq9zUX8t5XpC4SCQSZVpkovzy4MWiHvRRJSBFaZj0z8E6xyvQlKwE5sYbMFEQXlvHSd97apNL3YtomZKYgjDKljCFFkBBzyExBBJmCCDIFEWQKIsgURJApiCBTEEGmILqA26q4b3Bsk5CZgjDKdL1/gCQkxJzI5NitNAXXtugC6HC5NL9N3tqE1cn3MGYKIiVT7V4kjCGuqLFy7WIBw61jOAdTFikxp66bPT/YXbsnm4RF2yz0Hmgy67EcLwHDmCnlKC0D99hVmcmslntQZaCYuWYlYPgWmOkeOaeXc5bB5XF+sLs2yeMs05iC+rh5uBfF0sbO17EyHSf3HkkfMzunl3P2QZWB88SHsO246JmtpBmsSuYZoMmsJ+5Egn6CQFIvlHUkrk2GKFO5ZiiJ1AVKyEogPwDj7BbgN8M1zVwBOSIBtyDYC/VBJOAeCFuhvogEigXDTqhPIoESd4LmItQ3kUC5oKxCgc1LtUkEZIsEKvx6wnsU6rNIoFpwmUKJpsVmCVT2ARAuEqgeoJNQoH6pLhLf6gU8EAnUE2QMoPDPSxSV6ypP2T499EIkUG+gzlnaND5lo0pjv5/Ztljt2l/vRALNBl2q+y2Kj92pjTYaIDXWVZVruPree4nEJhqi6ppokGfhP6xr60VVr5O+AAAAAElFTkSuQmCC';
|
|
35780
35562
|
|
|
35781
35563
|
var TimeWidget = function TimeWidget(_ref) {
|
|
35782
35564
|
var onClose = _ref.onClose,
|
|
@@ -35791,7 +35573,7 @@ var TimeWidget = function TimeWidget(_ref) {
|
|
|
35791
35573
|
var WidgetContainer = /*#__PURE__*/styled.div.withConfig({
|
|
35792
35574
|
displayName: "TimeWidget__WidgetContainer",
|
|
35793
35575
|
componentId: "sc-1ja236h-0"
|
|
35794
|
-
})(["background-image:url(", ");background-size:10rem;background-repeat:no-repeat;width:10rem;position:absolute;height:100px;"], img$
|
|
35576
|
+
})(["background-image:url(", ");background-size:10rem;background-repeat:no-repeat;width:10rem;position:absolute;height:100px;"], img$c);
|
|
35795
35577
|
var Time = /*#__PURE__*/styled.div.withConfig({
|
|
35796
35578
|
displayName: "TimeWidget__Time",
|
|
35797
35579
|
componentId: "sc-1ja236h-1"
|
|
@@ -36041,16 +35823,230 @@ var Truncate = function Truncate(_ref) {
|
|
|
36041
35823
|
var _ref$maxLines = _ref.maxLines,
|
|
36042
35824
|
maxLines = _ref$maxLines === void 0 ? 1 : _ref$maxLines,
|
|
36043
35825
|
children = _ref.children;
|
|
36044
|
-
return React.createElement(Container$
|
|
35826
|
+
return React.createElement(Container$i, {
|
|
36045
35827
|
maxLines: maxLines
|
|
36046
35828
|
}, children);
|
|
36047
35829
|
};
|
|
36048
|
-
var Container$
|
|
35830
|
+
var Container$i = /*#__PURE__*/styled.div.withConfig({
|
|
36049
35831
|
displayName: "Truncate__Container",
|
|
36050
35832
|
componentId: "sc-6x00qb-0"
|
|
36051
35833
|
})(["display:-webkit-box;max-width:100%;max-height:100%;-webkit-line-clamp:", ";-webkit-box-orient:vertical;overflow:hidden;"], function (props) {
|
|
36052
35834
|
return props.maxLines;
|
|
36053
35835
|
});
|
|
36054
35836
|
|
|
35837
|
+
var IS_MOBILE_OR_TABLET = /*#__PURE__*/isMobileOrTablet();
|
|
35838
|
+
|
|
35839
|
+
var chunkString = function chunkString(str, length) {
|
|
35840
|
+
return str.match(new RegExp('.{1,' + length + '}', 'g'));
|
|
35841
|
+
};
|
|
35842
|
+
|
|
35843
|
+
var img$d = 'data:image/gif;base64,R0lGODlhEAAQAPIAAAAAABQYLiw1TUBJc2hvmQAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAM9CLrc/lCFGSKYJJP5AhlguDnBMIVgxXgmJapSSp3mKs/pKrT0IMCXUk+2Cgh2oSOnaDz+lswZpSOFUq2KBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAIzhI+py90Bg4OjDrjCELxfFQhQx0mIJkaeaYRp5LJADMdnqXbyOJLYTdKBejjZoRaZJBMFACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAABAAEAAAAjKEj6nL7Y+CDE6OO+QKQ/ifKYEgfR4VddPohQe7lmR0xidNTib65uacYP2AQWGuMlEUAAA7';
|
|
35844
|
+
|
|
35845
|
+
var NPCDialogText = function NPCDialogText(_ref) {
|
|
35846
|
+
var text = _ref.text,
|
|
35847
|
+
onClose = _ref.onClose,
|
|
35848
|
+
onEndStep = _ref.onEndStep,
|
|
35849
|
+
onStartStep = _ref.onStartStep,
|
|
35850
|
+
type = _ref.type;
|
|
35851
|
+
var windowSize = useRef([window.innerWidth, window.innerHeight]);
|
|
35852
|
+
function maxCharacters(width) {
|
|
35853
|
+
// Set the font size to 16 pixels
|
|
35854
|
+
var fontSize = 11.2;
|
|
35855
|
+
// Calculate the number of characters that can fit in one line
|
|
35856
|
+
var charactersPerLine = Math.floor(width / 2 / fontSize);
|
|
35857
|
+
// Calculate the number of lines that can fit in the div
|
|
35858
|
+
var linesPerDiv = Math.floor(180 / fontSize);
|
|
35859
|
+
// Calculate the maximum number of characters that can fit in the div
|
|
35860
|
+
var maxCharacters = charactersPerLine * linesPerDiv;
|
|
35861
|
+
// Return the maximum number of characters
|
|
35862
|
+
return Math.round(maxCharacters / 5);
|
|
35863
|
+
}
|
|
35864
|
+
var textChunks = chunkString(text, maxCharacters(windowSize.current[0]));
|
|
35865
|
+
var _useState = useState(0),
|
|
35866
|
+
chunkIndex = _useState[0],
|
|
35867
|
+
setChunkIndex = _useState[1];
|
|
35868
|
+
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
35869
|
+
if (event.code === 'Space') {
|
|
35870
|
+
goToNextStep();
|
|
35871
|
+
}
|
|
35872
|
+
};
|
|
35873
|
+
var goToNextStep = function goToNextStep() {
|
|
35874
|
+
var hasNextChunk = (textChunks == null ? void 0 : textChunks[chunkIndex + 1]) || false;
|
|
35875
|
+
if (hasNextChunk) {
|
|
35876
|
+
setChunkIndex(function (prev) {
|
|
35877
|
+
return prev + 1;
|
|
35878
|
+
});
|
|
35879
|
+
} else {
|
|
35880
|
+
// if there's no more text chunks, close the dialog
|
|
35881
|
+
onClose();
|
|
35882
|
+
}
|
|
35883
|
+
};
|
|
35884
|
+
useEffect(function () {
|
|
35885
|
+
document.addEventListener('keydown', onHandleSpacePress);
|
|
35886
|
+
return function () {
|
|
35887
|
+
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
35888
|
+
};
|
|
35889
|
+
}, [chunkIndex]);
|
|
35890
|
+
var _useState2 = useState(false),
|
|
35891
|
+
showGoNextIndicator = _useState2[0],
|
|
35892
|
+
setShowGoNextIndicator = _useState2[1];
|
|
35893
|
+
return React.createElement(Container$j, null, React.createElement(DynamicText, {
|
|
35894
|
+
text: (textChunks == null ? void 0 : textChunks[chunkIndex]) || '',
|
|
35895
|
+
onFinish: function onFinish() {
|
|
35896
|
+
setShowGoNextIndicator(true);
|
|
35897
|
+
onEndStep && onEndStep();
|
|
35898
|
+
},
|
|
35899
|
+
onStart: function onStart() {
|
|
35900
|
+
setShowGoNextIndicator(false);
|
|
35901
|
+
onStartStep && onStartStep();
|
|
35902
|
+
}
|
|
35903
|
+
}), showGoNextIndicator && React.createElement(PressSpaceIndicator$1, {
|
|
35904
|
+
right: type === NPCDialogType.TextOnly ? '1rem' : '10.5rem',
|
|
35905
|
+
src: IS_MOBILE_OR_TABLET ? img$d : img$7,
|
|
35906
|
+
onClick: function onClick() {
|
|
35907
|
+
goToNextStep();
|
|
35908
|
+
}
|
|
35909
|
+
}));
|
|
35910
|
+
};
|
|
35911
|
+
var Container$j = /*#__PURE__*/styled.div.withConfig({
|
|
35912
|
+
displayName: "NPCDialogText__Container",
|
|
35913
|
+
componentId: "sc-1cxkdh9-0"
|
|
35914
|
+
})([""]);
|
|
35915
|
+
var PressSpaceIndicator$1 = /*#__PURE__*/styled.img.withConfig({
|
|
35916
|
+
displayName: "NPCDialogText__PressSpaceIndicator",
|
|
35917
|
+
componentId: "sc-1cxkdh9-1"
|
|
35918
|
+
})(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref2) {
|
|
35919
|
+
var right = _ref2.right;
|
|
35920
|
+
return right;
|
|
35921
|
+
});
|
|
35922
|
+
|
|
35923
|
+
var NPCDialogType;
|
|
35924
|
+
(function (NPCDialogType) {
|
|
35925
|
+
NPCDialogType["TextOnly"] = "TextOnly";
|
|
35926
|
+
NPCDialogType["TextAndThumbnail"] = "TextAndThumbnail";
|
|
35927
|
+
})(NPCDialogType || (NPCDialogType = {}));
|
|
35928
|
+
var NPCDialog = function NPCDialog(_ref) {
|
|
35929
|
+
var text = _ref.text,
|
|
35930
|
+
type = _ref.type,
|
|
35931
|
+
_onClose = _ref.onClose,
|
|
35932
|
+
imagePath = _ref.imagePath,
|
|
35933
|
+
_ref$isQuestionDialog = _ref.isQuestionDialog,
|
|
35934
|
+
isQuestionDialog = _ref$isQuestionDialog === void 0 ? false : _ref$isQuestionDialog,
|
|
35935
|
+
questions = _ref.questions,
|
|
35936
|
+
answers = _ref.answers;
|
|
35937
|
+
return React.createElement(RPGUIContainer, {
|
|
35938
|
+
type: RPGUIContainerTypes.FramedGold,
|
|
35939
|
+
width: isQuestionDialog ? '600px' : '80%',
|
|
35940
|
+
height: '180px'
|
|
35941
|
+
}, isQuestionDialog && questions && answers ? React.createElement(React.Fragment, null, React.createElement(TextContainer$2, {
|
|
35942
|
+
flex: type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'
|
|
35943
|
+
}, React.createElement(QuestionDialog, {
|
|
35944
|
+
questions: questions,
|
|
35945
|
+
answers: answers,
|
|
35946
|
+
onClose: function onClose() {
|
|
35947
|
+
if (_onClose) {
|
|
35948
|
+
_onClose();
|
|
35949
|
+
}
|
|
35950
|
+
}
|
|
35951
|
+
})), type === NPCDialogType.TextAndThumbnail && React.createElement(ThumbnailContainer$1, null, React.createElement(NPCThumbnail$1, {
|
|
35952
|
+
src: imagePath || img$6
|
|
35953
|
+
}))) : React.createElement(React.Fragment, null, React.createElement(Container$k, null, React.createElement(TextContainer$2, {
|
|
35954
|
+
flex: type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'
|
|
35955
|
+
}, React.createElement(NPCDialogText, {
|
|
35956
|
+
type: type,
|
|
35957
|
+
text: text || 'No text provided.',
|
|
35958
|
+
onClose: function onClose() {
|
|
35959
|
+
if (_onClose) {
|
|
35960
|
+
_onClose();
|
|
35961
|
+
}
|
|
35962
|
+
}
|
|
35963
|
+
})), type === NPCDialogType.TextAndThumbnail && React.createElement(ThumbnailContainer$1, null, React.createElement(NPCThumbnail$1, {
|
|
35964
|
+
src: imagePath || img$6
|
|
35965
|
+
})))));
|
|
35966
|
+
};
|
|
35967
|
+
var Container$k = /*#__PURE__*/styled.div.withConfig({
|
|
35968
|
+
displayName: "NPCDialog__Container",
|
|
35969
|
+
componentId: "sc-1b4aw74-0"
|
|
35970
|
+
})(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
|
|
35971
|
+
var TextContainer$2 = /*#__PURE__*/styled.div.withConfig({
|
|
35972
|
+
displayName: "NPCDialog__TextContainer",
|
|
35973
|
+
componentId: "sc-1b4aw74-1"
|
|
35974
|
+
})(["flex:", " 0 0;width:355px;"], function (_ref2) {
|
|
35975
|
+
var flex = _ref2.flex;
|
|
35976
|
+
return flex;
|
|
35977
|
+
});
|
|
35978
|
+
var ThumbnailContainer$1 = /*#__PURE__*/styled.div.withConfig({
|
|
35979
|
+
displayName: "NPCDialog__ThumbnailContainer",
|
|
35980
|
+
componentId: "sc-1b4aw74-2"
|
|
35981
|
+
})(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
|
|
35982
|
+
var NPCThumbnail$1 = /*#__PURE__*/styled.img.withConfig({
|
|
35983
|
+
displayName: "NPCDialog__NPCThumbnail",
|
|
35984
|
+
componentId: "sc-1b4aw74-3"
|
|
35985
|
+
})(["image-rendering:pixelated;height:128px;width:128px;"]);
|
|
35986
|
+
|
|
35987
|
+
var HistoryDialog = function HistoryDialog(_ref) {
|
|
35988
|
+
var backgroundImgPath = _ref.backgroundImgPath,
|
|
35989
|
+
fullCoverBackground = _ref.fullCoverBackground,
|
|
35990
|
+
questions = _ref.questions,
|
|
35991
|
+
answers = _ref.answers,
|
|
35992
|
+
text = _ref.text,
|
|
35993
|
+
imagePath = _ref.imagePath,
|
|
35994
|
+
textAndTypeArray = _ref.textAndTypeArray,
|
|
35995
|
+
onClose = _ref.onClose;
|
|
35996
|
+
var _useState = useState(0),
|
|
35997
|
+
img = _useState[0],
|
|
35998
|
+
setImage = _useState[1];
|
|
35999
|
+
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
36000
|
+
if (event.code === 'Space') {
|
|
36001
|
+
if (img < (backgroundImgPath == null ? void 0 : backgroundImgPath.length) - 1) {
|
|
36002
|
+
setImage(function (prev) {
|
|
36003
|
+
return prev + 1;
|
|
36004
|
+
});
|
|
36005
|
+
} else {
|
|
36006
|
+
// if there's no more text chunks, close the dialog
|
|
36007
|
+
onClose();
|
|
36008
|
+
}
|
|
36009
|
+
}
|
|
36010
|
+
};
|
|
36011
|
+
useEffect(function () {
|
|
36012
|
+
document.addEventListener('keydown', onHandleSpacePress);
|
|
36013
|
+
return function () {
|
|
36014
|
+
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
36015
|
+
};
|
|
36016
|
+
}, [backgroundImgPath]);
|
|
36017
|
+
return React.createElement(BackgroundContainer, {
|
|
36018
|
+
imgPath: backgroundImgPath[img],
|
|
36019
|
+
fullImg: fullCoverBackground
|
|
36020
|
+
}, React.createElement(DialogContainer, null, textAndTypeArray ? React.createElement(NPCMultiDialog, {
|
|
36021
|
+
textAndTypeArray: textAndTypeArray,
|
|
36022
|
+
onClose: onClose
|
|
36023
|
+
}) : questions && answers ? React.createElement(QuestionDialog, {
|
|
36024
|
+
questions: questions,
|
|
36025
|
+
answers: answers,
|
|
36026
|
+
onClose: onClose
|
|
36027
|
+
}) : text && imagePath ? React.createElement(NPCDialog, {
|
|
36028
|
+
text: text,
|
|
36029
|
+
imagePath: imagePath,
|
|
36030
|
+
onClose: onClose,
|
|
36031
|
+
type: NPCDialogType.TextAndThumbnail
|
|
36032
|
+
}) : React.createElement(NPCDialog, {
|
|
36033
|
+
text: text,
|
|
36034
|
+
onClose: onClose,
|
|
36035
|
+
type: NPCDialogType.TextOnly
|
|
36036
|
+
})));
|
|
36037
|
+
};
|
|
36038
|
+
var BackgroundContainer = /*#__PURE__*/styled.div.withConfig({
|
|
36039
|
+
displayName: "HistoryDialog__BackgroundContainer",
|
|
36040
|
+
componentId: "sc-u6oe75-0"
|
|
36041
|
+
})(["width:100%;height:100%;background-image:url(", ");background-size:", ";display:flex;justify-content:space-evenly;align-items:center;"], function (props) {
|
|
36042
|
+
return props.imgPath;
|
|
36043
|
+
}, function (props) {
|
|
36044
|
+
return props.imgPath ? 'cover' : 'auto';
|
|
36045
|
+
});
|
|
36046
|
+
var DialogContainer = /*#__PURE__*/styled.div.withConfig({
|
|
36047
|
+
displayName: "HistoryDialog__DialogContainer",
|
|
36048
|
+
componentId: "sc-u6oe75-1"
|
|
36049
|
+
})(["display:flex;justify-content:center;padding-top:200px;"]);
|
|
36050
|
+
|
|
36055
36051
|
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, QuickSpells, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, SkillProgressBar, SkillsContainer, SpellShortcut, Spellbook, SpriteFromAtlas, TextArea, TimeWidget, TradingMenu, Truncate, _RPGUI, useEventListener };
|
|
36056
36052
|
//# sourceMappingURL=long-bow.esm.js.map
|