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