@rpg-engine/long-bow 0.3.80 → 0.3.82
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/components/Abstractions/ModalPortal.d.ts +6 -0
- package/dist/long-bow.cjs.development.js +805 -807
- 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 +808 -810
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +100 -100
- package/src/components/Abstractions/ModalPortal.tsx +22 -0
- package/src/components/Abstractions/SlotsContainer.tsx +48 -48
- package/src/components/Arrow/SelectArrow.tsx +69 -69
- package/src/components/Arrow/img/arrow01-left-clicked.png +0 -0
- package/src/components/Arrow/img/arrow01-left.png +0 -0
- package/src/components/Arrow/img/arrow01-right-clicked.png +0 -0
- package/src/components/Arrow/img/arrow01-right.png +0 -0
- package/src/components/Arrow/img/arrow02-left-clicked.png +0 -0
- package/src/components/Arrow/img/arrow02-left.png +0 -0
- package/src/components/Arrow/img/arrow02-right-clicked.png +0 -0
- package/src/components/Arrow/img/arrow02-right.png +0 -0
- package/src/components/Button.tsx +40 -40
- package/src/components/Character/CharacterSelection.tsx +96 -96
- package/src/components/CharacterStatus/CharacterStatus.tsx +120 -120
- package/src/components/Chat/Chat.tsx +196 -195
- package/src/components/Chatdeprecated/ChatDeprecated.tsx +198 -198
- package/src/components/CheckButton.tsx +65 -65
- package/src/components/CircularController/CircularController.tsx +248 -248
- package/src/components/CraftBook/CraftBook.tsx +241 -241
- package/src/components/CraftBook/MockItems.ts +77 -77
- package/src/components/DraggableContainer.tsx +156 -156
- package/src/components/Dropdown.tsx +90 -90
- package/src/components/DropdownSelectorContainer.tsx +42 -42
- package/src/components/Equipment/EquipmentSet.tsx +191 -191
- package/src/components/HistoryDialog.tsx +104 -104
- package/src/components/Input.tsx +15 -15
- package/src/components/Item/Cards/ItemInfo.tsx +252 -252
- package/src/components/Item/Cards/ItemInfoDisplay.tsx +128 -128
- package/src/components/Item/Cards/ItemInfoWrapper.tsx +62 -62
- package/src/components/Item/Cards/ItemTooltip.tsx +83 -85
- package/src/components/Item/Cards/MobileItemTooltip.tsx +149 -134
- package/src/components/Item/Inventory/ErrorBoundary.tsx +42 -42
- package/src/components/Item/Inventory/ItemContainer.tsx +218 -215
- package/src/components/Item/Inventory/ItemContainerTypes.ts +6 -6
- package/src/components/Item/Inventory/ItemQuantitySelector.tsx +138 -138
- package/src/components/Item/Inventory/ItemSlot.tsx +546 -544
- package/src/components/Item/Inventory/itemContainerHelper.ts +156 -156
- package/src/components/ListMenu.tsx +63 -63
- package/src/components/Multitab/Tab.tsx +66 -66
- package/src/components/Multitab/TabBody.tsx +13 -13
- package/src/components/Multitab/TabsContainer.tsx +97 -97
- package/src/components/NPCDialog/NPCDialog.tsx +121 -121
- package/src/components/NPCDialog/NPCDialogText.tsx +113 -113
- package/src/components/NPCDialog/NPCMultiDialog.tsx +159 -159
- package/src/components/NPCDialog/QuestionDialog/QuestionDialog.tsx +237 -237
- package/src/components/ProgressBar.tsx +92 -92
- package/src/components/PropertySelect/PropertySelect.tsx +106 -106
- package/src/components/QuestInfo/QuestInfo.tsx +233 -233
- package/src/components/QuestList.tsx +135 -135
- package/src/components/RPGUIContainer.tsx +47 -47
- package/src/components/RPGUIForceRenderStart.tsx +45 -45
- package/src/components/RPGUIRoot.tsx +14 -14
- package/src/components/RadioButton.tsx +53 -53
- package/src/components/RadioInput/RadioButton.tsx +96 -96
- package/src/components/RadioInput/RadioInput.tsx +102 -102
- package/src/components/RadioInput/instruments.ts +15 -15
- package/src/components/RangeSlider.tsx +78 -78
- package/src/components/RelativeListMenu.tsx +83 -83
- package/src/components/ScrollList.tsx +79 -79
- package/src/components/Shortcuts/Shortcuts.tsx +151 -151
- package/src/components/Shortcuts/ShortcutsSetter.tsx +132 -132
- package/src/components/Shortcuts/SingleShortcut.ts +62 -62
- package/src/components/SimpleProgressBar.tsx +62 -62
- package/src/components/SkillProgressBar.tsx +133 -133
- package/src/components/SkillsContainer.tsx +206 -206
- package/src/components/Spellbook/Spell.tsx +201 -201
- package/src/components/Spellbook/Spellbook.tsx +153 -153
- package/src/components/Spellbook/constants.ts +8 -8
- package/src/components/Spellbook/mockSpells.ts +60 -60
- package/src/components/StaticBook/StaticBook.tsx +103 -103
- package/src/components/TextArea.tsx +11 -11
- package/src/components/TimeWidget/DayNightPeriod/DayNightPeriod.tsx +35 -35
- package/src/components/TimeWidget/TimeWidget.tsx +65 -65
- package/src/components/TradingMenu/TradingItemRow.tsx +198 -198
- package/src/components/TradingMenu/TradingMenu.tsx +216 -216
- package/src/components/TradingMenu/items.mock.ts +48 -48
- 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 +104 -104
- package/src/components/typography/DynamicText.tsx +49 -49
- package/src/constants/uiColors.ts +20 -20
- package/src/constants/uiDevices.ts +3 -3
- package/src/constants/uiFonts.ts +12 -12
- package/src/hooks/useEventListener.ts +21 -21
- package/src/hooks/useOutsideAlerter.ts +25 -25
- package/src/index.tsx +40 -40
- package/src/libs/StringHelpers.ts +3 -3
- package/src/mocks/atlas/entities/entities.json +20215 -20215
- package/src/mocks/atlas/icons/icons.json +735 -735
- package/src/mocks/atlas/items/items.json +12086 -12086
- package/src/mocks/equipmentSet.mocks.ts +391 -391
- package/src/mocks/itemContainer.mocks.ts +563 -563
- package/src/mocks/skills.mocks.ts +128 -128
- package/src/stories/Arrow.stories.tsx +26 -26
- package/src/stories/Button.stories.tsx +36 -36
- package/src/stories/CharacterSelection.stories.tsx +45 -45
- package/src/stories/CharacterStatus.stories.tsx +29 -29
- package/src/stories/Chat.stories.tsx +187 -187
- package/src/stories/ChatDeprecated.stories.tsx +170 -170
- package/src/stories/CheckButton.stories.tsx +48 -48
- package/src/stories/CircullarController.stories.tsx +37 -37
- package/src/stories/CraftBook.stories.tsx +42 -42
- 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 +200 -200
- package/src/stories/ItemInfoDisplay.stories.tsx +33 -33
- package/src/stories/ItemQuantitySelector.stories.tsx +26 -26
- package/src/stories/ItemSelector.stories.tsx +77 -77
- package/src/stories/ItemTradingComponent.stories.tsx +35 -35
- package/src/stories/ListMenu.stories.tsx +56 -56
- package/src/stories/Multitab.stories.tsx +51 -51
- package/src/stories/NPCDialog.stories.tsx +130 -130
- package/src/stories/NPCMultiDialog.stories.tsx +71 -71
- package/src/stories/ProgressBar.stories.tsx +23 -23
- package/src/stories/PropertySelect.stories.tsx +40 -40
- package/src/stories/QuestInfo.stories.tsx +107 -107
- package/src/stories/QuestList.stories.tsx +82 -82
- package/src/stories/RPGUIContainers.stories.tsx +42 -42
- package/src/stories/RadioButton.stories.tsx +49 -49
- package/src/stories/RadioInput.stories.tsx +34 -34
- package/src/stories/RangeSlider.stories.tsx +64 -64
- package/src/stories/ScrollList.stories.tsx +85 -85
- package/src/stories/Shortcuts.stories.tsx +39 -39
- package/src/stories/SimpleProgressBar.stories.tsx +22 -22
- package/src/stories/SkillProgressBar.stories.tsx +34 -34
- package/src/stories/SkillsContainer.stories.tsx +35 -35
- package/src/stories/Spellbook.stories.tsx +104 -104
- package/src/stories/StaticBook.stories.tsx +32 -32
- package/src/stories/Text.stories.tsx +42 -42
- package/src/stories/TimeWidget.stories.tsx +27 -27
- package/src/stories/TradingMenu.stories.tsx +47 -47
- package/src/types/eventTypes.ts +4 -4
- package/src/types/index.d.ts +2 -2
|
@@ -13,6 +13,7 @@ var reactErrorBoundary = require('react-error-boundary');
|
|
|
13
13
|
var rx = require('react-icons/rx');
|
|
14
14
|
var Draggable = _interopDefault(require('react-draggable'));
|
|
15
15
|
var uuid = require('uuid');
|
|
16
|
+
var ReactDOM = _interopDefault(require('react-dom'));
|
|
16
17
|
var lodash = require('lodash');
|
|
17
18
|
var mobxReactLite = require('mobx-react-lite');
|
|
18
19
|
require('rpgui/rpgui.min.css');
|
|
@@ -32744,6 +32745,7 @@ var Chat = function Chat(_ref) {
|
|
|
32744
32745
|
};
|
|
32745
32746
|
var handleSubmit = function handleSubmit(event) {
|
|
32746
32747
|
event.preventDefault();
|
|
32748
|
+
if (!message || message.trim() === '') return;
|
|
32747
32749
|
onSendChatMessage(message);
|
|
32748
32750
|
setMessage('');
|
|
32749
32751
|
};
|
|
@@ -33365,6 +33367,18 @@ var DropdownOptions = /*#__PURE__*/styled.ul.withConfig({
|
|
|
33365
33367
|
return props.opened ? 'block' : 'none';
|
|
33366
33368
|
});
|
|
33367
33369
|
|
|
33370
|
+
var modalRoot = /*#__PURE__*/document.getElementById('modal-root');
|
|
33371
|
+
var ModalPortal = function ModalPortal(_ref) {
|
|
33372
|
+
var children = _ref.children;
|
|
33373
|
+
return ReactDOM.createPortal(React__default.createElement(Container$8, {
|
|
33374
|
+
className: "rpgui-content"
|
|
33375
|
+
}, children), modalRoot);
|
|
33376
|
+
};
|
|
33377
|
+
var Container$8 = /*#__PURE__*/styled.div.withConfig({
|
|
33378
|
+
displayName: "ModalPortal__Container",
|
|
33379
|
+
componentId: "sc-dgmp04-0"
|
|
33380
|
+
})(["position:static !important;"]);
|
|
33381
|
+
|
|
33368
33382
|
var RelativeListMenu = function RelativeListMenu(_ref) {
|
|
33369
33383
|
var options = _ref.options,
|
|
33370
33384
|
onSelected = _ref.onSelected,
|
|
@@ -33386,7 +33400,7 @@ var RelativeListMenu = function RelativeListMenu(_ref) {
|
|
|
33386
33400
|
document.removeEventListener('clickOutside', function (_e) {});
|
|
33387
33401
|
};
|
|
33388
33402
|
}, []);
|
|
33389
|
-
return React__default.createElement(Container$
|
|
33403
|
+
return React__default.createElement(Container$9, {
|
|
33390
33404
|
fontSize: fontSize,
|
|
33391
33405
|
ref: ref
|
|
33392
33406
|
}, React__default.createElement("ul", {
|
|
@@ -33403,7 +33417,7 @@ var RelativeListMenu = function RelativeListMenu(_ref) {
|
|
|
33403
33417
|
}, (params == null ? void 0 : params.text) || 'No text');
|
|
33404
33418
|
})));
|
|
33405
33419
|
};
|
|
33406
|
-
var Container$
|
|
33420
|
+
var Container$9 = /*#__PURE__*/styled.div.withConfig({
|
|
33407
33421
|
displayName: "RelativeListMenu__Container",
|
|
33408
33422
|
componentId: "sc-7hohf-0"
|
|
33409
33423
|
})(["position:absolute;top:1rem;left:4rem;display:flex;flex-direction:column;width:max-content;justify-content:start;align-items:flex-start;li{font-size:", "em;}"], function (props) {
|
|
@@ -33425,24 +33439,17 @@ var MobileItemTooltip = function MobileItemTooltip(_ref) {
|
|
|
33425
33439
|
options = _ref.options,
|
|
33426
33440
|
onSelected = _ref.onSelected;
|
|
33427
33441
|
var ref = React.useRef(null);
|
|
33428
|
-
|
|
33429
|
-
var current
|
|
33430
|
-
|
|
33431
|
-
|
|
33432
|
-
|
|
33433
|
-
var x = -rect.x * 100 / (scale * 100);
|
|
33434
|
-
var y = -rect.y * 100 / (scale * 100);
|
|
33435
|
-
current.style.transform = "translate(" + x + "px, " + y + "px)";
|
|
33436
|
-
current.style.opacity = '0.92';
|
|
33437
|
-
}
|
|
33438
|
-
return;
|
|
33439
|
-
}, []);
|
|
33440
|
-
return React__default.createElement(Container$9, {
|
|
33442
|
+
var handleFadeOut = function handleFadeOut() {
|
|
33443
|
+
var _ref$current;
|
|
33444
|
+
(_ref$current = ref.current) == null ? void 0 : _ref$current.classList.add('fadeOut');
|
|
33445
|
+
};
|
|
33446
|
+
return React__default.createElement(ModalPortal, null, React__default.createElement(Container$a, {
|
|
33441
33447
|
ref: ref,
|
|
33442
33448
|
onTouchEnd: function onTouchEnd() {
|
|
33449
|
+
handleFadeOut();
|
|
33443
33450
|
setTimeout(function () {
|
|
33444
33451
|
closeTooltip();
|
|
33445
|
-
},
|
|
33452
|
+
}, 100);
|
|
33446
33453
|
},
|
|
33447
33454
|
scale: scale
|
|
33448
33455
|
}, React__default.createElement(ItemInfoDisplay, {
|
|
@@ -33455,24 +33462,19 @@ var MobileItemTooltip = function MobileItemTooltip(_ref) {
|
|
|
33455
33462
|
return React__default.createElement(Option, {
|
|
33456
33463
|
key: option.id,
|
|
33457
33464
|
onTouchEnd: function onTouchEnd() {
|
|
33465
|
+
handleFadeOut();
|
|
33458
33466
|
setTimeout(function () {
|
|
33459
33467
|
onSelected == null ? void 0 : onSelected(option.id);
|
|
33460
33468
|
closeTooltip();
|
|
33461
|
-
},
|
|
33469
|
+
}, 100);
|
|
33462
33470
|
}
|
|
33463
33471
|
}, option.text);
|
|
33464
|
-
})));
|
|
33472
|
+
}))));
|
|
33465
33473
|
};
|
|
33466
|
-
var Container$
|
|
33474
|
+
var Container$a = /*#__PURE__*/styled.div.withConfig({
|
|
33467
33475
|
displayName: "MobileItemTooltip__Container",
|
|
33468
33476
|
componentId: "sc-ku4p1j-0"
|
|
33469
|
-
})(["position:
|
|
33470
|
-
var scale = _ref2.scale;
|
|
33471
|
-
return "calc(100vw * 100 / " + scale * 100 + ")";
|
|
33472
|
-
}, function (_ref3) {
|
|
33473
|
-
var scale = _ref3.scale;
|
|
33474
|
-
return "calc(100vh * 100 / " + scale * 100 + ")";
|
|
33475
|
-
});
|
|
33477
|
+
})(["position:absolute;z-index:100;left:0;top:0;width:100vw;height:100vh;background-color:rgba(0 0 0 / 0.5);display:flex;justify-content:center;align-items:center;gap:0.5rem;transition:opacity 0.08s;animation:fadeIn 0.1s forwards;@keyframes fadeIn{0%{opacity:0;}100%{opacity:0.92;}}@keyframes fadeOut{0%{opacity:0.92;}100%{opacity:0;}}&.fadeOut{animation:fadeOut 0.1s forwards;}@media (max-width:580px){flex-direction:column;}"]);
|
|
33476
33478
|
var OptionsContainer = /*#__PURE__*/styled.div.withConfig({
|
|
33477
33479
|
displayName: "MobileItemTooltip__OptionsContainer",
|
|
33478
33480
|
componentId: "sc-ku4p1j-1"
|
|
@@ -33480,7 +33482,7 @@ var OptionsContainer = /*#__PURE__*/styled.div.withConfig({
|
|
|
33480
33482
|
var Option = /*#__PURE__*/styled.button.withConfig({
|
|
33481
33483
|
displayName: "MobileItemTooltip__Option",
|
|
33482
33484
|
componentId: "sc-ku4p1j-2"
|
|
33483
|
-
})(["padding:1rem;background-color:#333;color:white;border:none;border-radius:3px;width:8rem;transition:background-color 0.
|
|
33485
|
+
})(["padding:1rem;background-color:#333;color:white;border:none;border-radius:3px;width:8rem;transition:background-color 0.1s;&:hover{background-color:#555;}@media (max-width:580px){padding:1rem 0.5rem;}"]);
|
|
33484
33486
|
|
|
33485
33487
|
var generateContextMenuListOptions = function generateContextMenuListOptions(actionsByTypeList) {
|
|
33486
33488
|
var contextMenu = actionsByTypeList.map(function (action) {
|
|
@@ -33675,7 +33677,7 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
|
|
|
33675
33677
|
maxWidth: "48px"
|
|
33676
33678
|
}, React__default.createElement(ItemQty, {
|
|
33677
33679
|
className: qtyClassName
|
|
33678
|
-
},
|
|
33680
|
+
}, Math.round(stackQty * 100) / 100, ' ')));
|
|
33679
33681
|
}
|
|
33680
33682
|
return undefined;
|
|
33681
33683
|
};
|
|
@@ -33769,7 +33771,7 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
|
|
|
33769
33771
|
onDragEnd(quantity);
|
|
33770
33772
|
}
|
|
33771
33773
|
};
|
|
33772
|
-
return React__default.createElement(Container$
|
|
33774
|
+
return React__default.createElement(Container$b, {
|
|
33773
33775
|
item: item,
|
|
33774
33776
|
className: "rpgui-icon empty-slot",
|
|
33775
33777
|
onMouseUp: function onMouseUp() {
|
|
@@ -33920,7 +33922,7 @@ var rarityColor = function rarityColor(item) {
|
|
|
33920
33922
|
return null;
|
|
33921
33923
|
}
|
|
33922
33924
|
};
|
|
33923
|
-
var Container$
|
|
33925
|
+
var Container$b = /*#__PURE__*/styled.div.withConfig({
|
|
33924
33926
|
displayName: "ItemSlot__Container",
|
|
33925
33927
|
componentId: "sc-l2j5ef-0"
|
|
33926
33928
|
})(["margin:0.1rem;.sprite-from-atlas-img--item{position:relative;top:1.5rem;left:1.5rem;border-color:", ";box-shadow:", " inset,", ";}position:relative;&::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-radius:12px;pointer-events:none;animation:", ";@keyframes bg-color-change{0%{background-color:rgba(255 255 255 / 0.5);}50%{background-color:transparent;}100%{background-color:rgba(255 255 255 / 0.5);}}}"], function (_ref2) {
|
|
@@ -34031,13 +34033,13 @@ var ItemInfo = function ItemInfo(_ref) {
|
|
|
34031
34033
|
}));
|
|
34032
34034
|
});
|
|
34033
34035
|
};
|
|
34034
|
-
return React__default.createElement(Container$
|
|
34036
|
+
return React__default.createElement(Container$c, {
|
|
34035
34037
|
item: item
|
|
34036
34038
|
}, React__default.createElement(Header, null, React__default.createElement("div", null, React__default.createElement(Title$1, null, item.name), item.rarity !== 'Common' && React__default.createElement(Rarity, {
|
|
34037
34039
|
item: item
|
|
34038
|
-
}, item.rarity), React__default.createElement(Type, null, item.subType)), React__default.createElement(AllowedSlots, null, renderAvaibleSlots())), renderStatistics(), item.isTwoHanded && React__default.createElement(Statistic, null, "Two handed"), React__default.createElement(Description, null, item.description), item.maxStackSize && item.maxStackSize !== 1 && React__default.createElement(StackInfo, null, "x", (_item$stackQty = item.stackQty) != null ? _item$stackQty : 1, "(", item.maxStackSize, ")"), renderMissingStatistic().length > 0 && React__default.createElement(MissingStatistics, null, React__default.createElement(Statistic, null, "Equipped Diff"), itemToCompare && renderMissingStatistic()));
|
|
34040
|
+
}, item.rarity), React__default.createElement(Type, null, item.subType)), React__default.createElement(AllowedSlots, null, renderAvaibleSlots())), renderStatistics(), item.isTwoHanded && React__default.createElement(Statistic, null, "Two handed"), React__default.createElement(Description, null, item.description), item.maxStackSize && item.maxStackSize !== 1 && React__default.createElement(StackInfo, null, "x", Math.round(((_item$stackQty = item.stackQty) != null ? _item$stackQty : 1) * 100) / 100, "(", item.maxStackSize, ")"), renderMissingStatistic().length > 0 && React__default.createElement(MissingStatistics, null, React__default.createElement(Statistic, null, "Equipped Diff"), itemToCompare && renderMissingStatistic()));
|
|
34039
34041
|
};
|
|
34040
|
-
var Container$
|
|
34042
|
+
var Container$c = /*#__PURE__*/styled.div.withConfig({
|
|
34041
34043
|
displayName: "ItemInfo__Container",
|
|
34042
34044
|
componentId: "sc-1xm4q8k-0"
|
|
34043
34045
|
})(["color:white;background-color:#222;border-radius:5px;padding:0.5rem;font-size:", ";border:3px solid ", ";height:max-content;width:15rem;@media (max-width:580px){width:80vw;}"], uiFonts.size.small, function (_ref2) {
|
|
@@ -34150,22 +34152,18 @@ var ItemTooltip = function ItemTooltip(_ref) {
|
|
|
34150
34152
|
var ref = React.useRef(null);
|
|
34151
34153
|
React.useEffect(function () {
|
|
34152
34154
|
var current = ref.current;
|
|
34153
|
-
var initialOffset;
|
|
34154
34155
|
if (current) {
|
|
34155
34156
|
var handleMouseMove = function handleMouseMove(event) {
|
|
34156
34157
|
var clientX = event.clientX,
|
|
34157
34158
|
clientY = event.clientY;
|
|
34158
34159
|
// Adjust the position of the tooltip based on the mouse position
|
|
34159
34160
|
var rect = current.getBoundingClientRect();
|
|
34160
|
-
if (!initialOffset) {
|
|
34161
|
-
initialOffset = rect;
|
|
34162
|
-
}
|
|
34163
34161
|
var tooltipWidth = rect.width;
|
|
34164
34162
|
var tooltipHeight = rect.height;
|
|
34165
34163
|
var isOffScreenRight = clientX + tooltipWidth + offset > window.innerWidth;
|
|
34166
34164
|
var isOffScreenBottom = clientY + tooltipHeight + offset > window.innerHeight;
|
|
34167
|
-
var x =
|
|
34168
|
-
var y =
|
|
34165
|
+
var x = isOffScreenRight ? clientX - tooltipWidth - offset : clientX + offset;
|
|
34166
|
+
var y = isOffScreenBottom ? clientY - tooltipHeight - offset : clientY + offset;
|
|
34169
34167
|
current.style.transform = "translate(" + x + "px, " + y + "px)";
|
|
34170
34168
|
current.style.opacity = '1';
|
|
34171
34169
|
};
|
|
@@ -34176,19 +34174,19 @@ var ItemTooltip = function ItemTooltip(_ref) {
|
|
|
34176
34174
|
}
|
|
34177
34175
|
return;
|
|
34178
34176
|
}, []);
|
|
34179
|
-
return React__default.createElement(Container$
|
|
34177
|
+
return React__default.createElement(ModalPortal, null, React__default.createElement(Container$d, {
|
|
34180
34178
|
ref: ref
|
|
34181
34179
|
}, React__default.createElement(ItemInfoDisplay, {
|
|
34182
34180
|
item: item,
|
|
34183
34181
|
atlasIMG: atlasIMG,
|
|
34184
34182
|
atlasJSON: atlasJSON,
|
|
34185
34183
|
equipmentSet: equipmentSet
|
|
34186
|
-
}));
|
|
34184
|
+
})));
|
|
34187
34185
|
};
|
|
34188
|
-
var Container$
|
|
34186
|
+
var Container$d = /*#__PURE__*/styled.div.withConfig({
|
|
34189
34187
|
displayName: "ItemTooltip__Container",
|
|
34190
34188
|
componentId: "sc-11d9r7x-0"
|
|
34191
|
-
})(["position:
|
|
34189
|
+
})(["position:absolute;z-index:100;pointer-events:none;left:0;top:0;opacity:0;transition:opacity 0.08s;"]);
|
|
34192
34190
|
|
|
34193
34191
|
var ItemInfoWrapper = function ItemInfoWrapper(_ref) {
|
|
34194
34192
|
var children = _ref.children,
|
|
@@ -34530,230 +34528,768 @@ var EquipmentColumn = /*#__PURE__*/styled.div.withConfig({
|
|
|
34530
34528
|
componentId: "sc-1wuddg2-1"
|
|
34531
34529
|
})(["display:flex;justify-content:center;flex-wrap:wrap;flex-direction:column;touch-action:none;"]);
|
|
34532
34530
|
|
|
34533
|
-
var
|
|
34534
|
-
|
|
34535
|
-
|
|
34536
|
-
|
|
34537
|
-
|
|
34538
|
-
|
|
34539
|
-
|
|
34540
|
-
|
|
34541
|
-
|
|
34542
|
-
|
|
34543
|
-
|
|
34544
|
-
|
|
34545
|
-
|
|
34546
|
-
|
|
34531
|
+
var IS_MOBILE_OR_TABLET = /*#__PURE__*/shared.isMobileOrTablet();
|
|
34532
|
+
|
|
34533
|
+
var chunkString = function chunkString(str, length) {
|
|
34534
|
+
return str.match(new RegExp('.{1,' + length + '}', 'g'));
|
|
34535
|
+
};
|
|
34536
|
+
|
|
34537
|
+
var DynamicText = function DynamicText(_ref) {
|
|
34538
|
+
var text = _ref.text,
|
|
34539
|
+
onFinish = _ref.onFinish,
|
|
34540
|
+
onStart = _ref.onStart;
|
|
34541
|
+
var _useState = React.useState(''),
|
|
34542
|
+
textState = _useState[0],
|
|
34543
|
+
setTextState = _useState[1];
|
|
34544
|
+
React.useEffect(function () {
|
|
34545
|
+
var i = 0;
|
|
34546
|
+
var interval = setInterval(function () {
|
|
34547
|
+
// on every interval, show one more character
|
|
34548
|
+
if (i === 0) {
|
|
34549
|
+
if (onStart) {
|
|
34550
|
+
onStart();
|
|
34551
|
+
}
|
|
34547
34552
|
}
|
|
34548
|
-
|
|
34549
|
-
|
|
34550
|
-
|
|
34551
|
-
|
|
34552
|
-
|
|
34553
|
-
|
|
34554
|
-
|
|
34555
|
-
|
|
34556
|
-
x: x,
|
|
34557
|
-
y: y
|
|
34558
|
-
});
|
|
34553
|
+
if (i < text.length) {
|
|
34554
|
+
setTextState(text.substring(0, i + 1));
|
|
34555
|
+
i++;
|
|
34556
|
+
} else {
|
|
34557
|
+
clearInterval(interval);
|
|
34558
|
+
if (onFinish) {
|
|
34559
|
+
onFinish();
|
|
34560
|
+
}
|
|
34559
34561
|
}
|
|
34560
|
-
},
|
|
34561
|
-
|
|
34562
|
-
|
|
34563
|
-
|
|
34564
|
-
},
|
|
34562
|
+
}, 50);
|
|
34563
|
+
return function () {
|
|
34564
|
+
clearInterval(interval);
|
|
34565
|
+
};
|
|
34566
|
+
}, [text]);
|
|
34567
|
+
return React__default.createElement(TextContainer, null, textState);
|
|
34565
34568
|
};
|
|
34569
|
+
var TextContainer = /*#__PURE__*/styled.p.withConfig({
|
|
34570
|
+
displayName: "DynamicText__TextContainer",
|
|
34571
|
+
componentId: "sc-1ggl9nd-0"
|
|
34572
|
+
})(["font-size:0.7rem !important;color:white;text-shadow:1px 1px 0px #000000;letter-spacing:1.2px;word-break:normal;"]);
|
|
34566
34573
|
|
|
34567
|
-
|
|
34568
|
-
|
|
34569
|
-
|
|
34570
|
-
|
|
34571
|
-
var
|
|
34572
|
-
var
|
|
34573
|
-
|
|
34574
|
-
|
|
34575
|
-
|
|
34576
|
-
|
|
34577
|
-
|
|
34578
|
-
|
|
34579
|
-
|
|
34574
|
+
var img$6 = 'data:image/gif;base64,R0lGODlhEAAQAPIAAAAAABQYLiw1TUBJc2hvmQAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAM9CLrc/lCFGSKYJJP5AhlguDnBMIVgxXgmJapSSp3mKs/pKrT0IMCXUk+2Cgh2oSOnaDz+lswZpSOFUq2KBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAIzhI+py90Bg4OjDrjCELxfFQhQx0mIJkaeaYRp5LJADMdnqXbyOJLYTdKBejjZoRaZJBMFACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAABAAEAAAAjKEj6nL7Y+CDE6OO+QKQ/ifKYEgfR4VddPohQe7lmR0xidNTib65uacYP2AQWGuMlEUAAA7';
|
|
34575
|
+
|
|
34576
|
+
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';
|
|
34577
|
+
|
|
34578
|
+
var NPCDialogText = function NPCDialogText(_ref) {
|
|
34579
|
+
var text = _ref.text,
|
|
34580
|
+
onClose = _ref.onClose,
|
|
34581
|
+
onEndStep = _ref.onEndStep,
|
|
34582
|
+
onStartStep = _ref.onStartStep,
|
|
34583
|
+
type = _ref.type;
|
|
34584
|
+
var windowSize = React.useRef([window.innerWidth, window.innerHeight]);
|
|
34585
|
+
function maxCharacters(width) {
|
|
34586
|
+
// Set the font size to 16 pixels
|
|
34587
|
+
var fontSize = 11.2;
|
|
34588
|
+
// Calculate the number of characters that can fit in one line
|
|
34589
|
+
var charactersPerLine = Math.floor(width / 2 / fontSize);
|
|
34590
|
+
// Calculate the number of lines that can fit in the div
|
|
34591
|
+
var linesPerDiv = Math.floor(180 / fontSize);
|
|
34592
|
+
// Calculate the maximum number of characters that can fit in the div
|
|
34593
|
+
var maxCharacters = charactersPerLine * linesPerDiv;
|
|
34594
|
+
// Return the maximum number of characters
|
|
34595
|
+
return Math.round(maxCharacters / 5);
|
|
34596
|
+
}
|
|
34597
|
+
var textChunks = chunkString(text, maxCharacters(windowSize.current[0]));
|
|
34580
34598
|
var _useState = React.useState(0),
|
|
34581
|
-
|
|
34582
|
-
|
|
34599
|
+
chunkIndex = _useState[0],
|
|
34600
|
+
setChunkIndex = _useState[1];
|
|
34601
|
+
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
34602
|
+
if (event.code === 'Space') {
|
|
34603
|
+
goToNextStep();
|
|
34604
|
+
}
|
|
34605
|
+
};
|
|
34606
|
+
var goToNextStep = function goToNextStep() {
|
|
34607
|
+
var hasNextChunk = (textChunks == null ? void 0 : textChunks[chunkIndex + 1]) || false;
|
|
34608
|
+
if (hasNextChunk) {
|
|
34609
|
+
setChunkIndex(function (prev) {
|
|
34610
|
+
return prev + 1;
|
|
34611
|
+
});
|
|
34612
|
+
} else {
|
|
34613
|
+
// if there's no more text chunks, close the dialog
|
|
34614
|
+
onClose();
|
|
34615
|
+
}
|
|
34616
|
+
};
|
|
34583
34617
|
React.useEffect(function () {
|
|
34584
|
-
|
|
34585
|
-
|
|
34586
|
-
|
|
34587
|
-
|
|
34588
|
-
|
|
34589
|
-
|
|
34590
|
-
|
|
34591
|
-
|
|
34592
|
-
|
|
34618
|
+
document.addEventListener('keydown', onHandleSpacePress);
|
|
34619
|
+
return function () {
|
|
34620
|
+
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
34621
|
+
};
|
|
34622
|
+
}, [chunkIndex]);
|
|
34623
|
+
var _useState2 = React.useState(false),
|
|
34624
|
+
showGoNextIndicator = _useState2[0],
|
|
34625
|
+
setShowGoNextIndicator = _useState2[1];
|
|
34626
|
+
return React__default.createElement(Container$e, null, React__default.createElement(DynamicText, {
|
|
34627
|
+
text: (textChunks == null ? void 0 : textChunks[chunkIndex]) || '',
|
|
34628
|
+
onFinish: function onFinish() {
|
|
34629
|
+
setShowGoNextIndicator(true);
|
|
34630
|
+
onEndStep && onEndStep();
|
|
34593
34631
|
},
|
|
34594
|
-
|
|
34595
|
-
|
|
34596
|
-
|
|
34597
|
-
}, React__default.createElement("div", {
|
|
34598
|
-
style: {
|
|
34599
|
-
pointerEvents: 'none'
|
|
34632
|
+
onStart: function onStart() {
|
|
34633
|
+
setShowGoNextIndicator(false);
|
|
34634
|
+
onStartStep && onStartStep();
|
|
34600
34635
|
}
|
|
34601
|
-
}, React__default.createElement(
|
|
34602
|
-
|
|
34603
|
-
|
|
34604
|
-
|
|
34605
|
-
|
|
34606
|
-
className: "rpgui-slider-right-edge " + typeClass
|
|
34607
|
-
}), React__default.createElement("div", {
|
|
34608
|
-
className: "rpgui-slider-thumb " + typeClass,
|
|
34609
|
-
style: {
|
|
34610
|
-
left: left
|
|
34636
|
+
}), showGoNextIndicator && React__default.createElement(PressSpaceIndicator, {
|
|
34637
|
+
right: type === exports.NPCDialogType.TextOnly ? '1rem' : '10.5rem',
|
|
34638
|
+
src: IS_MOBILE_OR_TABLET ? img$6 : img$7,
|
|
34639
|
+
onPointerDown: function onPointerDown() {
|
|
34640
|
+
goToNextStep();
|
|
34611
34641
|
}
|
|
34612
|
-
})), React__default.createElement(Input$1, {
|
|
34613
|
-
type: "range",
|
|
34614
|
-
style: {
|
|
34615
|
-
width: width
|
|
34616
|
-
},
|
|
34617
|
-
min: valueMin,
|
|
34618
|
-
max: valueMax,
|
|
34619
|
-
onChange: function onChange(e) {
|
|
34620
|
-
return _onChange(Number(e.target.value));
|
|
34621
|
-
},
|
|
34622
|
-
value: value,
|
|
34623
|
-
className: "rpgui-cursor-point"
|
|
34624
34642
|
}));
|
|
34625
34643
|
};
|
|
34626
|
-
var
|
|
34627
|
-
displayName: "
|
|
34628
|
-
componentId: "sc-
|
|
34629
|
-
})(["
|
|
34644
|
+
var Container$e = /*#__PURE__*/styled.div.withConfig({
|
|
34645
|
+
displayName: "NPCDialogText__Container",
|
|
34646
|
+
componentId: "sc-1cxkdh9-0"
|
|
34647
|
+
})([""]);
|
|
34648
|
+
var PressSpaceIndicator = /*#__PURE__*/styled.img.withConfig({
|
|
34649
|
+
displayName: "NPCDialogText__PressSpaceIndicator",
|
|
34650
|
+
componentId: "sc-1cxkdh9-1"
|
|
34651
|
+
})(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref2) {
|
|
34652
|
+
var right = _ref2.right;
|
|
34653
|
+
return right;
|
|
34654
|
+
});
|
|
34630
34655
|
|
|
34631
|
-
|
|
34632
|
-
|
|
34633
|
-
|
|
34656
|
+
//@ts-ignore
|
|
34657
|
+
var useEventListener = function useEventListener(type, handler, el) {
|
|
34658
|
+
if (el === void 0) {
|
|
34659
|
+
el = window;
|
|
34660
|
+
}
|
|
34661
|
+
var savedHandler = React__default.useRef();
|
|
34662
|
+
React__default.useEffect(function () {
|
|
34663
|
+
savedHandler.current = handler;
|
|
34664
|
+
}, [handler]);
|
|
34665
|
+
React__default.useEffect(function () {
|
|
34666
|
+
//@ts-ignore
|
|
34667
|
+
var listener = function listener(e) {
|
|
34668
|
+
return savedHandler.current(e);
|
|
34669
|
+
};
|
|
34670
|
+
el.addEventListener(type, listener);
|
|
34671
|
+
return function () {
|
|
34672
|
+
el.removeEventListener(type, listener);
|
|
34673
|
+
};
|
|
34674
|
+
}, [type, el]);
|
|
34675
|
+
};
|
|
34676
|
+
|
|
34677
|
+
var QuestionDialog = function QuestionDialog(_ref) {
|
|
34678
|
+
var questions = _ref.questions,
|
|
34679
|
+
answers = _ref.answers,
|
|
34634
34680
|
onClose = _ref.onClose;
|
|
34635
|
-
var _useState = React.useState(
|
|
34636
|
-
|
|
34637
|
-
|
|
34638
|
-
var
|
|
34681
|
+
var _useState = React.useState(questions[0]),
|
|
34682
|
+
currentQuestion = _useState[0],
|
|
34683
|
+
setCurrentQuestion = _useState[1];
|
|
34684
|
+
var _useState2 = React.useState(false),
|
|
34685
|
+
canShowAnswers = _useState2[0],
|
|
34686
|
+
setCanShowAnswers = _useState2[1];
|
|
34687
|
+
var onGetFirstAnswer = function onGetFirstAnswer() {
|
|
34688
|
+
if (!currentQuestion.answerIds || currentQuestion.answerIds.length === 0) {
|
|
34689
|
+
return null;
|
|
34690
|
+
}
|
|
34691
|
+
var firstAnswerId = currentQuestion.answerIds[0];
|
|
34692
|
+
return answers.find(function (answer) {
|
|
34693
|
+
return answer.id === firstAnswerId;
|
|
34694
|
+
});
|
|
34695
|
+
};
|
|
34696
|
+
var _useState3 = React.useState(onGetFirstAnswer()),
|
|
34697
|
+
currentAnswer = _useState3[0],
|
|
34698
|
+
setCurrentAnswer = _useState3[1];
|
|
34639
34699
|
React.useEffect(function () {
|
|
34640
|
-
|
|
34641
|
-
|
|
34642
|
-
|
|
34643
|
-
|
|
34644
|
-
|
|
34700
|
+
setCurrentAnswer(onGetFirstAnswer());
|
|
34701
|
+
}, [currentQuestion]);
|
|
34702
|
+
var onGetAnswers = function onGetAnswers(answerIds) {
|
|
34703
|
+
return answerIds.map(function (answerId) {
|
|
34704
|
+
return answers.find(function (answer) {
|
|
34705
|
+
return answer.id === answerId;
|
|
34706
|
+
});
|
|
34707
|
+
});
|
|
34708
|
+
};
|
|
34709
|
+
var onKeyPress = function onKeyPress(e) {
|
|
34710
|
+
switch (e.key) {
|
|
34711
|
+
case 'ArrowDown':
|
|
34712
|
+
// select next answer, if any.
|
|
34713
|
+
// if no next answer, select first answer
|
|
34714
|
+
// const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(
|
|
34715
|
+
// (answer) => answer?.id === currentAnswer!.id + 1
|
|
34716
|
+
// );
|
|
34717
|
+
var nextAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
|
|
34718
|
+
return (answer == null ? void 0 : answer.id) === currentAnswer.id + 1;
|
|
34719
|
+
});
|
|
34720
|
+
var nextAnswerID = currentQuestion.answerIds[nextAnswerIndex];
|
|
34721
|
+
var nextAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
|
|
34722
|
+
return (answer == null ? void 0 : answer.id) === nextAnswerID;
|
|
34723
|
+
});
|
|
34724
|
+
setCurrentAnswer(nextAnswer || onGetFirstAnswer());
|
|
34725
|
+
break;
|
|
34726
|
+
case 'ArrowUp':
|
|
34727
|
+
// select previous answer, if any.
|
|
34728
|
+
// if no previous answer, select last answer
|
|
34729
|
+
var previousAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
|
|
34730
|
+
return (answer == null ? void 0 : answer.id) === currentAnswer.id - 1;
|
|
34731
|
+
});
|
|
34732
|
+
var previousAnswerID = currentQuestion.answerIds && currentQuestion.answerIds[previousAnswerIndex];
|
|
34733
|
+
var previousAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
|
|
34734
|
+
return (answer == null ? void 0 : answer.id) === previousAnswerID;
|
|
34735
|
+
});
|
|
34736
|
+
if (previousAnswer) {
|
|
34737
|
+
setCurrentAnswer(previousAnswer);
|
|
34738
|
+
} else {
|
|
34739
|
+
setCurrentAnswer(onGetAnswers(currentQuestion.answerIds).pop());
|
|
34740
|
+
}
|
|
34741
|
+
break;
|
|
34742
|
+
case 'Enter':
|
|
34743
|
+
setCanShowAnswers(false);
|
|
34744
|
+
if (!(currentAnswer != null && currentAnswer.nextQuestionId)) {
|
|
34645
34745
|
onClose();
|
|
34746
|
+
return;
|
|
34747
|
+
} else {
|
|
34748
|
+
setCurrentQuestion(questions.find(function (question) {
|
|
34749
|
+
return question.id === currentAnswer.nextQuestionId;
|
|
34750
|
+
}));
|
|
34646
34751
|
}
|
|
34647
|
-
|
|
34648
|
-
document.addEventListener('keydown', closeSelector);
|
|
34649
|
-
return function () {
|
|
34650
|
-
document.removeEventListener('keydown', closeSelector);
|
|
34651
|
-
};
|
|
34752
|
+
break;
|
|
34652
34753
|
}
|
|
34653
|
-
|
|
34654
|
-
|
|
34655
|
-
|
|
34656
|
-
|
|
34657
|
-
|
|
34658
|
-
|
|
34659
|
-
|
|
34660
|
-
|
|
34661
|
-
|
|
34662
|
-
|
|
34663
|
-
|
|
34664
|
-
|
|
34665
|
-
|
|
34666
|
-
|
|
34667
|
-
|
|
34668
|
-
|
|
34669
|
-
|
|
34670
|
-
|
|
34671
|
-
|
|
34672
|
-
|
|
34673
|
-
|
|
34674
|
-
|
|
34675
|
-
|
|
34676
|
-
|
|
34677
|
-
|
|
34678
|
-
|
|
34679
|
-
|
|
34680
|
-
|
|
34681
|
-
|
|
34682
|
-
|
|
34683
|
-
|
|
34684
|
-
|
|
34754
|
+
};
|
|
34755
|
+
useEventListener('keydown', onKeyPress);
|
|
34756
|
+
var onAnswerClick = function onAnswerClick(answer) {
|
|
34757
|
+
setCanShowAnswers(false);
|
|
34758
|
+
if (answer.nextQuestionId) {
|
|
34759
|
+
// if there is a next question, go to it
|
|
34760
|
+
setCurrentQuestion(questions.find(function (question) {
|
|
34761
|
+
return question.id === answer.nextQuestionId;
|
|
34762
|
+
}));
|
|
34763
|
+
} else {
|
|
34764
|
+
// else, finish dialog!
|
|
34765
|
+
onClose();
|
|
34766
|
+
}
|
|
34767
|
+
};
|
|
34768
|
+
var onRenderCurrentAnswers = function onRenderCurrentAnswers() {
|
|
34769
|
+
var answerIds = currentQuestion.answerIds;
|
|
34770
|
+
if (!answerIds) {
|
|
34771
|
+
return null;
|
|
34772
|
+
}
|
|
34773
|
+
var answers = onGetAnswers(answerIds);
|
|
34774
|
+
if (!answers) {
|
|
34775
|
+
return null;
|
|
34776
|
+
}
|
|
34777
|
+
return answers.map(function (answer) {
|
|
34778
|
+
var isSelected = (currentAnswer == null ? void 0 : currentAnswer.id) === (answer == null ? void 0 : answer.id);
|
|
34779
|
+
var selectedColor = isSelected ? 'yellow' : 'white';
|
|
34780
|
+
if (answer) {
|
|
34781
|
+
return React__default.createElement(AnswerRow, {
|
|
34782
|
+
key: "answer_" + answer.id
|
|
34783
|
+
}, React__default.createElement(AnswerSelectedIcon, {
|
|
34784
|
+
color: selectedColor
|
|
34785
|
+
}, isSelected ? 'X' : null), React__default.createElement(Answer, {
|
|
34786
|
+
key: answer.id,
|
|
34787
|
+
onPointerDown: function onPointerDown() {
|
|
34788
|
+
return onAnswerClick(answer);
|
|
34789
|
+
},
|
|
34790
|
+
color: selectedColor
|
|
34791
|
+
}, answer.text));
|
|
34685
34792
|
}
|
|
34686
|
-
|
|
34793
|
+
return null;
|
|
34794
|
+
});
|
|
34795
|
+
};
|
|
34796
|
+
return React__default.createElement(Container$f, null, React__default.createElement(QuestionContainer, null, React__default.createElement(DynamicText, {
|
|
34797
|
+
text: currentQuestion.text,
|
|
34798
|
+
onStart: function onStart() {
|
|
34799
|
+
return setCanShowAnswers(false);
|
|
34687
34800
|
},
|
|
34688
|
-
|
|
34689
|
-
|
|
34690
|
-
setValue(newValue);
|
|
34801
|
+
onFinish: function onFinish() {
|
|
34802
|
+
return setCanShowAnswers(true);
|
|
34691
34803
|
}
|
|
34692
|
-
}), React__default.createElement(
|
|
34693
|
-
type: exports.RangeSliderType.Slider,
|
|
34694
|
-
valueMin: 1,
|
|
34695
|
-
valueMax: quantity,
|
|
34696
|
-
width: "100%",
|
|
34697
|
-
onChange: setValue,
|
|
34698
|
-
value: value
|
|
34699
|
-
}), React__default.createElement(Button, {
|
|
34700
|
-
buttonType: exports.ButtonTypes.RPGUIButton,
|
|
34701
|
-
type: "submit"
|
|
34702
|
-
}, "Confirm")));
|
|
34804
|
+
})), canShowAnswers && React__default.createElement(AnswersContainer, null, onRenderCurrentAnswers()));
|
|
34703
34805
|
};
|
|
34704
|
-
var
|
|
34705
|
-
displayName: "
|
|
34706
|
-
componentId: "sc-
|
|
34707
|
-
})(["display:flex;
|
|
34708
|
-
var
|
|
34709
|
-
displayName: "
|
|
34710
|
-
componentId: "sc-
|
|
34711
|
-
})(["
|
|
34712
|
-
var
|
|
34713
|
-
displayName: "
|
|
34714
|
-
componentId: "sc-
|
|
34715
|
-
})(["
|
|
34716
|
-
var
|
|
34717
|
-
displayName: "
|
|
34718
|
-
componentId: "sc-
|
|
34719
|
-
})(["
|
|
34806
|
+
var Container$f = /*#__PURE__*/styled.div.withConfig({
|
|
34807
|
+
displayName: "QuestionDialog__Container",
|
|
34808
|
+
componentId: "sc-bxc5u0-0"
|
|
34809
|
+
})(["display:flex;word-break:break-all;box-sizing:border-box;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;"]);
|
|
34810
|
+
var QuestionContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34811
|
+
displayName: "QuestionDialog__QuestionContainer",
|
|
34812
|
+
componentId: "sc-bxc5u0-1"
|
|
34813
|
+
})(["flex:100%;width:100%;"]);
|
|
34814
|
+
var AnswersContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34815
|
+
displayName: "QuestionDialog__AnswersContainer",
|
|
34816
|
+
componentId: "sc-bxc5u0-2"
|
|
34817
|
+
})(["flex:100%;"]);
|
|
34818
|
+
var Answer = /*#__PURE__*/styled.p.withConfig({
|
|
34819
|
+
displayName: "QuestionDialog__Answer",
|
|
34820
|
+
componentId: "sc-bxc5u0-3"
|
|
34821
|
+
})(["flex:auto;color:", " !important;font-size:0.65rem !important;background:inherit;border:none;"], function (props) {
|
|
34822
|
+
return props.color;
|
|
34823
|
+
});
|
|
34824
|
+
var AnswerSelectedIcon = /*#__PURE__*/styled.span.withConfig({
|
|
34825
|
+
displayName: "QuestionDialog__AnswerSelectedIcon",
|
|
34826
|
+
componentId: "sc-bxc5u0-4"
|
|
34827
|
+
})(["flex:5% 0 0;color:", " !important;"], function (props) {
|
|
34828
|
+
return props.color;
|
|
34829
|
+
});
|
|
34830
|
+
var AnswerRow = /*#__PURE__*/styled.div.withConfig({
|
|
34831
|
+
displayName: "QuestionDialog__AnswerRow",
|
|
34832
|
+
componentId: "sc-bxc5u0-5"
|
|
34833
|
+
})(["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;}"]);
|
|
34720
34834
|
|
|
34721
|
-
var
|
|
34722
|
-
|
|
34723
|
-
|
|
34724
|
-
|
|
34725
|
-
|
|
34726
|
-
|
|
34727
|
-
|
|
34728
|
-
var
|
|
34729
|
-
|
|
34730
|
-
|
|
34731
|
-
|
|
34732
|
-
|
|
34733
|
-
|
|
34734
|
-
|
|
34735
|
-
|
|
34736
|
-
|
|
34737
|
-
|
|
34738
|
-
|
|
34739
|
-
|
|
34740
|
-
|
|
34741
|
-
|
|
34742
|
-
|
|
34743
|
-
|
|
34744
|
-
|
|
34745
|
-
|
|
34746
|
-
|
|
34747
|
-
|
|
34748
|
-
}
|
|
34749
|
-
}
|
|
34750
|
-
|
|
34751
|
-
|
|
34752
|
-
|
|
34753
|
-
|
|
34754
|
-
}
|
|
34755
|
-
|
|
34756
|
-
|
|
34835
|
+
var img$8 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAP1BMVEUAAAA7FyVxQTsUEBPj5v////+5v/tCJDOOUlIiHBr1oJfptaO6dWr61rhzFy1bMTjoanMUNGQoXMQkn97+88DQ3IhAAAAAAXRSTlMAQObYZgAAAAFiS0dEBfhv6ccAAAAHdElNRQfmAw4VOBC7c5LYAAABM0lEQVQ4y3XRi5KDIAwFUAUkbrBgpP//rZsHVHQ009qZ3tPboNN0zmwzvcw8O5sX4y0NOg/Et3jRCXF+ziULorjkOQ9gE24dvuUAzq08DiCO4pe3WN7zCP56vmpubBReQYC11YPS86ySxxCsAABTSgjb5m4g8nfbxvFHBkH2OEEvAItVuCuIsgGgl+Gcr7kDXxhEAx55A2SQEEeQeZwUaIP8Tbo05B0RFPhItAjgj1w6cDnhLluDj+Egkh3pCCP4pKQAw1IPO0W9Nti5gW9RP2dKA3BZd2Dw+baYX+Nt4GM00O4S3kEpF6Alb2Bv4LeC3kkGfAW0/p0RPoJVKr63ghHsKuRh5DIUKOAlGOwrtt9fQekAEfmhZslHUDoglB0zjfkJigN7UnTQQ4GBWomoVhEN/AOPSBh38gy+fwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wMy0xNFQyMTo1NTo1MSswMDowMJcc0eEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDMtMTRUMjE6NTU6NTErMDA6MDDmQWldAAAAAElFTkSuQmCC';
|
|
34836
|
+
|
|
34837
|
+
(function (NPCDialogType) {
|
|
34838
|
+
NPCDialogType["TextOnly"] = "TextOnly";
|
|
34839
|
+
NPCDialogType["TextAndThumbnail"] = "TextAndThumbnail";
|
|
34840
|
+
})(exports.NPCDialogType || (exports.NPCDialogType = {}));
|
|
34841
|
+
var NPCDialog = function NPCDialog(_ref) {
|
|
34842
|
+
var text = _ref.text,
|
|
34843
|
+
type = _ref.type,
|
|
34844
|
+
_onClose = _ref.onClose,
|
|
34845
|
+
imagePath = _ref.imagePath,
|
|
34846
|
+
_ref$isQuestionDialog = _ref.isQuestionDialog,
|
|
34847
|
+
isQuestionDialog = _ref$isQuestionDialog === void 0 ? false : _ref$isQuestionDialog,
|
|
34848
|
+
questions = _ref.questions,
|
|
34849
|
+
answers = _ref.answers;
|
|
34850
|
+
return React__default.createElement(RPGUIContainer, {
|
|
34851
|
+
type: exports.RPGUIContainerTypes.FramedGold,
|
|
34852
|
+
width: isQuestionDialog ? '600px' : '80%',
|
|
34853
|
+
height: '180px'
|
|
34854
|
+
}, isQuestionDialog && questions && answers ? React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer$1, {
|
|
34855
|
+
flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
|
|
34856
|
+
}, React__default.createElement(QuestionDialog, {
|
|
34857
|
+
questions: questions,
|
|
34858
|
+
answers: answers,
|
|
34859
|
+
onClose: function onClose() {
|
|
34860
|
+
if (_onClose) {
|
|
34861
|
+
_onClose();
|
|
34862
|
+
}
|
|
34863
|
+
}
|
|
34864
|
+
})), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
|
|
34865
|
+
src: imagePath || img$8
|
|
34866
|
+
}))) : React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$g, null, React__default.createElement(TextContainer$1, {
|
|
34867
|
+
flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
|
|
34868
|
+
}, React__default.createElement(NPCDialogText, {
|
|
34869
|
+
type: type,
|
|
34870
|
+
text: text || 'No text provided.',
|
|
34871
|
+
onClose: function onClose() {
|
|
34872
|
+
if (_onClose) {
|
|
34873
|
+
_onClose();
|
|
34874
|
+
}
|
|
34875
|
+
}
|
|
34876
|
+
})), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
|
|
34877
|
+
src: imagePath || img$8
|
|
34878
|
+
})))));
|
|
34879
|
+
};
|
|
34880
|
+
var Container$g = /*#__PURE__*/styled.div.withConfig({
|
|
34881
|
+
displayName: "NPCDialog__Container",
|
|
34882
|
+
componentId: "sc-1b4aw74-0"
|
|
34883
|
+
})(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
|
|
34884
|
+
var TextContainer$1 = /*#__PURE__*/styled.div.withConfig({
|
|
34885
|
+
displayName: "NPCDialog__TextContainer",
|
|
34886
|
+
componentId: "sc-1b4aw74-1"
|
|
34887
|
+
})(["flex:", " 0 0;width:355px;"], function (_ref2) {
|
|
34888
|
+
var flex = _ref2.flex;
|
|
34889
|
+
return flex;
|
|
34890
|
+
});
|
|
34891
|
+
var ThumbnailContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34892
|
+
displayName: "NPCDialog__ThumbnailContainer",
|
|
34893
|
+
componentId: "sc-1b4aw74-2"
|
|
34894
|
+
})(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
|
|
34895
|
+
var NPCThumbnail = /*#__PURE__*/styled.img.withConfig({
|
|
34896
|
+
displayName: "NPCDialog__NPCThumbnail",
|
|
34897
|
+
componentId: "sc-1b4aw74-3"
|
|
34898
|
+
})(["image-rendering:pixelated;height:128px;width:128px;"]);
|
|
34899
|
+
|
|
34900
|
+
(function (ImgSide) {
|
|
34901
|
+
ImgSide["right"] = "right";
|
|
34902
|
+
ImgSide["left"] = "left";
|
|
34903
|
+
})(exports.ImgSide || (exports.ImgSide = {}));
|
|
34904
|
+
var NPCMultiDialog = function NPCMultiDialog(_ref) {
|
|
34905
|
+
var _textAndTypeArray$sli;
|
|
34906
|
+
var _onClose = _ref.onClose,
|
|
34907
|
+
textAndTypeArray = _ref.textAndTypeArray;
|
|
34908
|
+
var _useState = React.useState(false),
|
|
34909
|
+
showGoNextIndicator = _useState[0],
|
|
34910
|
+
setShowGoNextIndicator = _useState[1];
|
|
34911
|
+
var _useState2 = React.useState(0),
|
|
34912
|
+
slide = _useState2[0],
|
|
34913
|
+
setSlide = _useState2[1];
|
|
34914
|
+
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
34915
|
+
if (event.code === 'Space') {
|
|
34916
|
+
if (slide < (textAndTypeArray == null ? void 0 : textAndTypeArray.length) - 1) {
|
|
34917
|
+
setSlide(function (prev) {
|
|
34918
|
+
return prev + 1;
|
|
34919
|
+
});
|
|
34920
|
+
} else {
|
|
34921
|
+
// if there's no more text chunks, close the dialog
|
|
34922
|
+
_onClose();
|
|
34923
|
+
}
|
|
34924
|
+
}
|
|
34925
|
+
};
|
|
34926
|
+
React.useEffect(function () {
|
|
34927
|
+
document.addEventListener('keydown', onHandleSpacePress);
|
|
34928
|
+
return function () {
|
|
34929
|
+
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
34930
|
+
};
|
|
34931
|
+
}, [slide]);
|
|
34932
|
+
return React__default.createElement(RPGUIContainer, {
|
|
34933
|
+
type: exports.RPGUIContainerTypes.FramedGold,
|
|
34934
|
+
width: '50%',
|
|
34935
|
+
height: '180px'
|
|
34936
|
+
}, React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$h, null, ((_textAndTypeArray$sli = textAndTypeArray[slide]) == null ? void 0 : _textAndTypeArray$sli.imageSide) === 'right' && React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer$2, {
|
|
34937
|
+
flex: '70%'
|
|
34938
|
+
}, React__default.createElement(NPCDialogText, {
|
|
34939
|
+
onStartStep: function onStartStep() {
|
|
34940
|
+
return setShowGoNextIndicator(false);
|
|
34941
|
+
},
|
|
34942
|
+
onEndStep: function onEndStep() {
|
|
34943
|
+
return setShowGoNextIndicator(true);
|
|
34944
|
+
},
|
|
34945
|
+
text: textAndTypeArray[slide].text || 'No text provided.',
|
|
34946
|
+
onClose: function onClose() {
|
|
34947
|
+
if (_onClose) {
|
|
34948
|
+
_onClose();
|
|
34949
|
+
}
|
|
34950
|
+
}
|
|
34951
|
+
})), React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
|
|
34952
|
+
src: textAndTypeArray[slide].imagePath || img$8
|
|
34953
|
+
})), showGoNextIndicator && React__default.createElement(PressSpaceIndicator$1, {
|
|
34954
|
+
right: '10.5rem',
|
|
34955
|
+
src: img$7
|
|
34956
|
+
})), textAndTypeArray[slide].imageSide === 'left' && React__default.createElement(React__default.Fragment, null, React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
|
|
34957
|
+
src: textAndTypeArray[slide].imagePath || img$8
|
|
34958
|
+
})), React__default.createElement(TextContainer$2, {
|
|
34959
|
+
flex: '70%'
|
|
34960
|
+
}, React__default.createElement(NPCDialogText, {
|
|
34961
|
+
onStartStep: function onStartStep() {
|
|
34962
|
+
return setShowGoNextIndicator(false);
|
|
34963
|
+
},
|
|
34964
|
+
onEndStep: function onEndStep() {
|
|
34965
|
+
return setShowGoNextIndicator(true);
|
|
34966
|
+
},
|
|
34967
|
+
text: textAndTypeArray[slide].text || 'No text provided.',
|
|
34968
|
+
onClose: function onClose() {
|
|
34969
|
+
if (_onClose) {
|
|
34970
|
+
_onClose();
|
|
34971
|
+
}
|
|
34972
|
+
}
|
|
34973
|
+
})), showGoNextIndicator && React__default.createElement(PressSpaceIndicator$1, {
|
|
34974
|
+
right: '1rem',
|
|
34975
|
+
src: img$7
|
|
34976
|
+
}))), ")"));
|
|
34977
|
+
};
|
|
34978
|
+
var Container$h = /*#__PURE__*/styled.div.withConfig({
|
|
34979
|
+
displayName: "NPCMultiDialog__Container",
|
|
34980
|
+
componentId: "sc-rvu5wg-0"
|
|
34981
|
+
})(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
|
|
34982
|
+
var TextContainer$2 = /*#__PURE__*/styled.div.withConfig({
|
|
34983
|
+
displayName: "NPCMultiDialog__TextContainer",
|
|
34984
|
+
componentId: "sc-rvu5wg-1"
|
|
34985
|
+
})(["flex:", " 0 0;width:355px;"], function (_ref2) {
|
|
34986
|
+
var flex = _ref2.flex;
|
|
34987
|
+
return flex;
|
|
34988
|
+
});
|
|
34989
|
+
var ThumbnailContainer$1 = /*#__PURE__*/styled.div.withConfig({
|
|
34990
|
+
displayName: "NPCMultiDialog__ThumbnailContainer",
|
|
34991
|
+
componentId: "sc-rvu5wg-2"
|
|
34992
|
+
})(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
|
|
34993
|
+
var NPCThumbnail$1 = /*#__PURE__*/styled.img.withConfig({
|
|
34994
|
+
displayName: "NPCMultiDialog__NPCThumbnail",
|
|
34995
|
+
componentId: "sc-rvu5wg-3"
|
|
34996
|
+
})(["image-rendering:pixelated;height:128px;width:128px;"]);
|
|
34997
|
+
var PressSpaceIndicator$1 = /*#__PURE__*/styled.img.withConfig({
|
|
34998
|
+
displayName: "NPCMultiDialog__PressSpaceIndicator",
|
|
34999
|
+
componentId: "sc-rvu5wg-4"
|
|
35000
|
+
})(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref3) {
|
|
35001
|
+
var right = _ref3.right;
|
|
35002
|
+
return right;
|
|
35003
|
+
});
|
|
35004
|
+
|
|
35005
|
+
var HistoryDialog = function HistoryDialog(_ref) {
|
|
35006
|
+
var backgroundImgPath = _ref.backgroundImgPath,
|
|
35007
|
+
fullCoverBackground = _ref.fullCoverBackground,
|
|
35008
|
+
questions = _ref.questions,
|
|
35009
|
+
answers = _ref.answers,
|
|
35010
|
+
text = _ref.text,
|
|
35011
|
+
imagePath = _ref.imagePath,
|
|
35012
|
+
textAndTypeArray = _ref.textAndTypeArray,
|
|
35013
|
+
onClose = _ref.onClose;
|
|
35014
|
+
var _useState = React.useState(0),
|
|
35015
|
+
img = _useState[0],
|
|
35016
|
+
setImage = _useState[1];
|
|
35017
|
+
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
35018
|
+
if (event.code === 'Space') {
|
|
35019
|
+
if (img < (backgroundImgPath == null ? void 0 : backgroundImgPath.length) - 1) {
|
|
35020
|
+
setImage(function (prev) {
|
|
35021
|
+
return prev + 1;
|
|
35022
|
+
});
|
|
35023
|
+
} else {
|
|
35024
|
+
// if there's no more text chunks, close the dialog
|
|
35025
|
+
onClose();
|
|
35026
|
+
}
|
|
35027
|
+
}
|
|
35028
|
+
};
|
|
35029
|
+
React.useEffect(function () {
|
|
35030
|
+
document.addEventListener('keydown', onHandleSpacePress);
|
|
35031
|
+
return function () {
|
|
35032
|
+
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
35033
|
+
};
|
|
35034
|
+
}, [backgroundImgPath]);
|
|
35035
|
+
return React__default.createElement(BackgroundContainer, {
|
|
35036
|
+
imgPath: backgroundImgPath[img],
|
|
35037
|
+
fullImg: fullCoverBackground
|
|
35038
|
+
}, React__default.createElement(DialogContainer, null, textAndTypeArray ? React__default.createElement(NPCMultiDialog, {
|
|
35039
|
+
textAndTypeArray: textAndTypeArray,
|
|
35040
|
+
onClose: onClose
|
|
35041
|
+
}) : questions && answers ? React__default.createElement(QuestionDialog, {
|
|
35042
|
+
questions: questions,
|
|
35043
|
+
answers: answers,
|
|
35044
|
+
onClose: onClose
|
|
35045
|
+
}) : text && imagePath ? React__default.createElement(NPCDialog, {
|
|
35046
|
+
text: text,
|
|
35047
|
+
imagePath: imagePath,
|
|
35048
|
+
onClose: onClose,
|
|
35049
|
+
type: exports.NPCDialogType.TextAndThumbnail
|
|
35050
|
+
}) : React__default.createElement(NPCDialog, {
|
|
35051
|
+
text: text,
|
|
35052
|
+
onClose: onClose,
|
|
35053
|
+
type: exports.NPCDialogType.TextOnly
|
|
35054
|
+
})));
|
|
35055
|
+
};
|
|
35056
|
+
var BackgroundContainer = /*#__PURE__*/styled.div.withConfig({
|
|
35057
|
+
displayName: "HistoryDialog__BackgroundContainer",
|
|
35058
|
+
componentId: "sc-u6oe75-0"
|
|
35059
|
+
})(["width:100%;height:100%;background-image:url(", ");background-size:", ";display:flex;justify-content:space-evenly;align-items:center;"], function (props) {
|
|
35060
|
+
return props.imgPath;
|
|
35061
|
+
}, function (props) {
|
|
35062
|
+
return props.imgPath ? 'cover' : 'auto';
|
|
35063
|
+
});
|
|
35064
|
+
var DialogContainer = /*#__PURE__*/styled.div.withConfig({
|
|
35065
|
+
displayName: "HistoryDialog__DialogContainer",
|
|
35066
|
+
componentId: "sc-u6oe75-1"
|
|
35067
|
+
})(["display:flex;justify-content:center;padding-top:200px;"]);
|
|
35068
|
+
|
|
35069
|
+
var SlotsContainer = function SlotsContainer(_ref) {
|
|
35070
|
+
var children = _ref.children,
|
|
35071
|
+
title = _ref.title,
|
|
35072
|
+
onClose = _ref.onClose,
|
|
35073
|
+
_onPositionChange = _ref.onPositionChange,
|
|
35074
|
+
onOutsideClick = _ref.onOutsideClick,
|
|
35075
|
+
initialPosition = _ref.initialPosition,
|
|
35076
|
+
scale = _ref.scale;
|
|
35077
|
+
return React__default.createElement(DraggableContainer, {
|
|
35078
|
+
title: title,
|
|
35079
|
+
type: exports.RPGUIContainerTypes.Framed,
|
|
35080
|
+
onCloseButton: function onCloseButton() {
|
|
35081
|
+
if (onClose) {
|
|
35082
|
+
onClose();
|
|
35083
|
+
}
|
|
35084
|
+
},
|
|
35085
|
+
width: "400px",
|
|
35086
|
+
cancelDrag: ".item-container-body, #shortcuts_list",
|
|
35087
|
+
onPositionChange: function onPositionChange(_ref2) {
|
|
35088
|
+
var x = _ref2.x,
|
|
35089
|
+
y = _ref2.y;
|
|
35090
|
+
if (_onPositionChange) {
|
|
35091
|
+
_onPositionChange({
|
|
35092
|
+
x: x,
|
|
35093
|
+
y: y
|
|
35094
|
+
});
|
|
35095
|
+
}
|
|
35096
|
+
},
|
|
35097
|
+
onOutsideClick: onOutsideClick,
|
|
35098
|
+
initialPosition: initialPosition,
|
|
35099
|
+
scale: scale
|
|
35100
|
+
}, children);
|
|
35101
|
+
};
|
|
35102
|
+
|
|
35103
|
+
(function (RangeSliderType) {
|
|
35104
|
+
RangeSliderType["Slider"] = "rpgui-slider";
|
|
35105
|
+
RangeSliderType["GoldSlider"] = "rpgui-slider golden";
|
|
35106
|
+
})(exports.RangeSliderType || (exports.RangeSliderType = {}));
|
|
35107
|
+
var RangeSlider = function RangeSlider(_ref) {
|
|
35108
|
+
var type = _ref.type,
|
|
35109
|
+
valueMin = _ref.valueMin,
|
|
35110
|
+
valueMax = _ref.valueMax,
|
|
35111
|
+
width = _ref.width,
|
|
35112
|
+
_onChange = _ref.onChange,
|
|
35113
|
+
value = _ref.value;
|
|
35114
|
+
var sliderId = uuid.v4();
|
|
35115
|
+
var containerRef = React.useRef(null);
|
|
35116
|
+
var _useState = React.useState(0),
|
|
35117
|
+
left = _useState[0],
|
|
35118
|
+
setLeft = _useState[1];
|
|
35119
|
+
React.useEffect(function () {
|
|
35120
|
+
var _containerRef$current;
|
|
35121
|
+
var calculatedWidth = ((_containerRef$current = containerRef.current) == null ? void 0 : _containerRef$current.clientWidth) || 0;
|
|
35122
|
+
setLeft(Math.max((value - valueMin) / (valueMax - valueMin) * (calculatedWidth - 35) + 10));
|
|
35123
|
+
}, [value, valueMin, valueMax]);
|
|
35124
|
+
var typeClass = type === exports.RangeSliderType.GoldSlider ? 'golden' : '';
|
|
35125
|
+
return React__default.createElement("div", {
|
|
35126
|
+
style: {
|
|
35127
|
+
width: width,
|
|
35128
|
+
position: 'relative'
|
|
35129
|
+
},
|
|
35130
|
+
className: "rpgui-slider-container " + typeClass,
|
|
35131
|
+
id: "rpgui-slider-" + sliderId,
|
|
35132
|
+
ref: containerRef
|
|
35133
|
+
}, React__default.createElement("div", {
|
|
35134
|
+
style: {
|
|
35135
|
+
pointerEvents: 'none'
|
|
35136
|
+
}
|
|
35137
|
+
}, React__default.createElement("div", {
|
|
35138
|
+
className: "rpgui-slider-track " + typeClass
|
|
35139
|
+
}), React__default.createElement("div", {
|
|
35140
|
+
className: "rpgui-slider-left-edge " + typeClass
|
|
35141
|
+
}), React__default.createElement("div", {
|
|
35142
|
+
className: "rpgui-slider-right-edge " + typeClass
|
|
35143
|
+
}), React__default.createElement("div", {
|
|
35144
|
+
className: "rpgui-slider-thumb " + typeClass,
|
|
35145
|
+
style: {
|
|
35146
|
+
left: left
|
|
35147
|
+
}
|
|
35148
|
+
})), React__default.createElement(Input$1, {
|
|
35149
|
+
type: "range",
|
|
35150
|
+
style: {
|
|
35151
|
+
width: width
|
|
35152
|
+
},
|
|
35153
|
+
min: valueMin,
|
|
35154
|
+
max: valueMax,
|
|
35155
|
+
onChange: function onChange(e) {
|
|
35156
|
+
return _onChange(Number(e.target.value));
|
|
35157
|
+
},
|
|
35158
|
+
value: value,
|
|
35159
|
+
className: "rpgui-cursor-point"
|
|
35160
|
+
}));
|
|
35161
|
+
};
|
|
35162
|
+
var Input$1 = /*#__PURE__*/styled.input.withConfig({
|
|
35163
|
+
displayName: "RangeSlider__Input",
|
|
35164
|
+
componentId: "sc-v8mte9-0"
|
|
35165
|
+
})(["opacity:0;position:absolute;width:100%;height:100%;top:0;left:0;margin-top:-5px;"]);
|
|
35166
|
+
|
|
35167
|
+
var ItemQuantitySelector = function ItemQuantitySelector(_ref) {
|
|
35168
|
+
var quantity = _ref.quantity,
|
|
35169
|
+
onConfirm = _ref.onConfirm,
|
|
35170
|
+
onClose = _ref.onClose;
|
|
35171
|
+
var _useState = React.useState(quantity),
|
|
35172
|
+
value = _useState[0],
|
|
35173
|
+
setValue = _useState[1];
|
|
35174
|
+
var inputRef = React.useRef(null);
|
|
35175
|
+
React.useEffect(function () {
|
|
35176
|
+
if (inputRef.current) {
|
|
35177
|
+
inputRef.current.focus();
|
|
35178
|
+
inputRef.current.select();
|
|
35179
|
+
var closeSelector = function closeSelector(e) {
|
|
35180
|
+
if (e.key === 'Escape') {
|
|
35181
|
+
onClose();
|
|
35182
|
+
}
|
|
35183
|
+
};
|
|
35184
|
+
document.addEventListener('keydown', closeSelector);
|
|
35185
|
+
return function () {
|
|
35186
|
+
document.removeEventListener('keydown', closeSelector);
|
|
35187
|
+
};
|
|
35188
|
+
}
|
|
35189
|
+
return function () {};
|
|
35190
|
+
}, []);
|
|
35191
|
+
return React__default.createElement(StyledContainer, {
|
|
35192
|
+
type: exports.RPGUIContainerTypes.Framed,
|
|
35193
|
+
width: "25rem"
|
|
35194
|
+
}, React__default.createElement(CloseButton$2, {
|
|
35195
|
+
className: "container-close",
|
|
35196
|
+
onPointerDown: onClose
|
|
35197
|
+
}, "X"), React__default.createElement("h2", null, "Select quantity to move"), React__default.createElement(StyledForm, {
|
|
35198
|
+
style: {
|
|
35199
|
+
width: '100%'
|
|
35200
|
+
},
|
|
35201
|
+
onSubmit: function onSubmit(e) {
|
|
35202
|
+
e.preventDefault();
|
|
35203
|
+
var numberValue = Number(value);
|
|
35204
|
+
if (Number.isNaN(numberValue)) {
|
|
35205
|
+
return;
|
|
35206
|
+
}
|
|
35207
|
+
onConfirm(Math.max(1, Math.min(quantity, numberValue)));
|
|
35208
|
+
},
|
|
35209
|
+
noValidate: true
|
|
35210
|
+
}, React__default.createElement(StyledInput, {
|
|
35211
|
+
innerRef: inputRef,
|
|
35212
|
+
placeholder: "Enter quantity",
|
|
35213
|
+
type: "number",
|
|
35214
|
+
min: 1,
|
|
35215
|
+
max: quantity,
|
|
35216
|
+
value: value,
|
|
35217
|
+
onChange: function onChange(e) {
|
|
35218
|
+
if (Number(e.target.value) >= quantity) {
|
|
35219
|
+
setValue(quantity);
|
|
35220
|
+
return;
|
|
35221
|
+
}
|
|
35222
|
+
setValue(e.target.value);
|
|
35223
|
+
},
|
|
35224
|
+
onBlur: function onBlur(e) {
|
|
35225
|
+
var newValue = Math.max(1, Math.min(quantity, Number(e.target.value)));
|
|
35226
|
+
setValue(newValue);
|
|
35227
|
+
}
|
|
35228
|
+
}), React__default.createElement(RangeSlider, {
|
|
35229
|
+
type: exports.RangeSliderType.Slider,
|
|
35230
|
+
valueMin: 1,
|
|
35231
|
+
valueMax: quantity,
|
|
35232
|
+
width: "100%",
|
|
35233
|
+
onChange: setValue,
|
|
35234
|
+
value: value
|
|
35235
|
+
}), React__default.createElement(Button, {
|
|
35236
|
+
buttonType: exports.ButtonTypes.RPGUIButton,
|
|
35237
|
+
type: "submit"
|
|
35238
|
+
}, "Confirm")));
|
|
35239
|
+
};
|
|
35240
|
+
var StyledContainer = /*#__PURE__*/styled(RPGUIContainer).withConfig({
|
|
35241
|
+
displayName: "ItemQuantitySelector__StyledContainer",
|
|
35242
|
+
componentId: "sc-yfdtpn-0"
|
|
35243
|
+
})(["display:flex;flex-direction:column;align-items:center;"]);
|
|
35244
|
+
var StyledForm = /*#__PURE__*/styled.form.withConfig({
|
|
35245
|
+
displayName: "ItemQuantitySelector__StyledForm",
|
|
35246
|
+
componentId: "sc-yfdtpn-1"
|
|
35247
|
+
})(["display:flex;flex-direction:column;align-items:center;width:100%;"]);
|
|
35248
|
+
var StyledInput = /*#__PURE__*/styled(Input).withConfig({
|
|
35249
|
+
displayName: "ItemQuantitySelector__StyledInput",
|
|
35250
|
+
componentId: "sc-yfdtpn-2"
|
|
35251
|
+
})(["text-align:center;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;}"]);
|
|
35252
|
+
var CloseButton$2 = /*#__PURE__*/styled.div.withConfig({
|
|
35253
|
+
displayName: "ItemQuantitySelector__CloseButton",
|
|
35254
|
+
componentId: "sc-yfdtpn-3"
|
|
35255
|
+
})(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:0.8rem;"]);
|
|
35256
|
+
|
|
35257
|
+
var ShortcutsSetter = function ShortcutsSetter(_ref) {
|
|
35258
|
+
var setSettingShortcutIndex = _ref.setSettingShortcutIndex,
|
|
35259
|
+
settingShortcutIndex = _ref.settingShortcutIndex,
|
|
35260
|
+
shortcuts = _ref.shortcuts,
|
|
35261
|
+
removeShortcut = _ref.removeShortcut,
|
|
35262
|
+
atlasJSON = _ref.atlasJSON,
|
|
35263
|
+
atlasIMG = _ref.atlasIMG;
|
|
35264
|
+
var getContent = function getContent(index) {
|
|
35265
|
+
var _shortcuts$index, _shortcuts$index3;
|
|
35266
|
+
if (((_shortcuts$index = shortcuts[index]) == null ? void 0 : _shortcuts$index.type) === shared.ShortcutType.Item) {
|
|
35267
|
+
var _shortcuts$index2;
|
|
35268
|
+
var _payload = (_shortcuts$index2 = shortcuts[index]) == null ? void 0 : _shortcuts$index2.payload;
|
|
35269
|
+
if (!_payload) return null;
|
|
35270
|
+
return React__default.createElement(SpriteFromAtlas, {
|
|
35271
|
+
atlasIMG: atlasIMG,
|
|
35272
|
+
atlasJSON: atlasJSON,
|
|
35273
|
+
spriteKey: shared.getItemTextureKeyPath({
|
|
35274
|
+
key: _payload.texturePath,
|
|
35275
|
+
texturePath: _payload.texturePath,
|
|
35276
|
+
stackQty: _payload.stackQty || 1
|
|
35277
|
+
}, atlasJSON),
|
|
35278
|
+
width: 32,
|
|
35279
|
+
height: 32,
|
|
35280
|
+
imgScale: 1.6,
|
|
35281
|
+
imgStyle: {
|
|
35282
|
+
left: '5px'
|
|
35283
|
+
}
|
|
35284
|
+
});
|
|
35285
|
+
}
|
|
35286
|
+
var payload = (_shortcuts$index3 = shortcuts[index]) == null ? void 0 : _shortcuts$index3.payload;
|
|
35287
|
+
return React__default.createElement("span", null, payload == null ? void 0 : payload.magicWords.split(' ').map(function (word) {
|
|
35288
|
+
return word[0];
|
|
35289
|
+
}));
|
|
35290
|
+
};
|
|
35291
|
+
return React__default.createElement(Container$i, null, React__default.createElement("p", null, "Shortcuts:"), React__default.createElement(List, {
|
|
35292
|
+
id: "shortcuts_list"
|
|
34757
35293
|
}, Array.from({
|
|
34758
35294
|
length: 6
|
|
34759
35295
|
}).map(function (_, i) {
|
|
@@ -34768,7 +35304,7 @@ var ShortcutsSetter = function ShortcutsSetter(_ref) {
|
|
|
34768
35304
|
}, getContent(i));
|
|
34769
35305
|
})));
|
|
34770
35306
|
};
|
|
34771
|
-
var Container$
|
|
35307
|
+
var Container$i = /*#__PURE__*/styled.div.withConfig({
|
|
34772
35308
|
displayName: "ShortcutsSetter__Container",
|
|
34773
35309
|
componentId: "sc-xuouuf-0"
|
|
34774
35310
|
})(["p{margin:0;margin-left:0.5rem;}"]);
|
|
@@ -34885,7 +35421,7 @@ var ItemContainer$1 = function ItemContainer(_ref) {
|
|
|
34885
35421
|
atlasJSON: atlasJSON
|
|
34886
35422
|
}), React__default.createElement(ItemsContainer, {
|
|
34887
35423
|
className: "item-container-body"
|
|
34888
|
-
}, onRenderSlots())), quantitySelect.isOpen && React__default.createElement(QuantitySelectorContainer, null, React__default.createElement(ItemQuantitySelector, {
|
|
35424
|
+
}, onRenderSlots())), quantitySelect.isOpen && React__default.createElement(ModalPortal, null, React__default.createElement(QuantitySelectorContainer, null, React__default.createElement(ItemQuantitySelector, {
|
|
34889
35425
|
quantity: quantitySelect.maxQuantity,
|
|
34890
35426
|
onConfirm: function onConfirm(quantity) {
|
|
34891
35427
|
quantitySelect.callback(quantity);
|
|
@@ -34903,7 +35439,7 @@ var ItemContainer$1 = function ItemContainer(_ref) {
|
|
|
34903
35439
|
callback: function callback() {}
|
|
34904
35440
|
});
|
|
34905
35441
|
}
|
|
34906
|
-
})));
|
|
35442
|
+
}))));
|
|
34907
35443
|
};
|
|
34908
35444
|
var ItemsContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34909
35445
|
displayName: "ItemContainer__ItemsContainer",
|
|
@@ -35005,7 +35541,7 @@ var ListMenu = function ListMenu(_ref) {
|
|
|
35005
35541
|
onSelected = _ref.onSelected,
|
|
35006
35542
|
x = _ref.x,
|
|
35007
35543
|
y = _ref.y;
|
|
35008
|
-
return React__default.createElement(Container$
|
|
35544
|
+
return React__default.createElement(Container$j, {
|
|
35009
35545
|
x: x,
|
|
35010
35546
|
y: y
|
|
35011
35547
|
}, React__default.createElement("ul", {
|
|
@@ -35022,7 +35558,7 @@ var ListMenu = function ListMenu(_ref) {
|
|
|
35022
35558
|
}, (params == null ? void 0 : params.text) || 'No text');
|
|
35023
35559
|
})));
|
|
35024
35560
|
};
|
|
35025
|
-
var Container$
|
|
35561
|
+
var Container$j = /*#__PURE__*/styled.div.withConfig({
|
|
35026
35562
|
displayName: "ListMenu__Container",
|
|
35027
35563
|
componentId: "sc-i9097t-0"
|
|
35028
35564
|
})(["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) {
|
|
@@ -35035,331 +35571,6 @@ var ListElement$1 = /*#__PURE__*/styled.li.withConfig({
|
|
|
35035
35571
|
componentId: "sc-i9097t-1"
|
|
35036
35572
|
})(["margin-right:0.5rem;"]);
|
|
35037
35573
|
|
|
35038
|
-
var img$6 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAP1BMVEUAAAA7FyVxQTsUEBPj5v////+5v/tCJDOOUlIiHBr1oJfptaO6dWr61rhzFy1bMTjoanMUNGQoXMQkn97+88DQ3IhAAAAAAXRSTlMAQObYZgAAAAFiS0dEBfhv6ccAAAAHdElNRQfmAw4VOBC7c5LYAAABM0lEQVQ4y3XRi5KDIAwFUAUkbrBgpP//rZsHVHQ009qZ3tPboNN0zmwzvcw8O5sX4y0NOg/Et3jRCXF+ziULorjkOQ9gE24dvuUAzq08DiCO4pe3WN7zCP56vmpubBReQYC11YPS86ySxxCsAABTSgjb5m4g8nfbxvFHBkH2OEEvAItVuCuIsgGgl+Gcr7kDXxhEAx55A2SQEEeQeZwUaIP8Tbo05B0RFPhItAjgj1w6cDnhLluDj+Egkh3pCCP4pKQAw1IPO0W9Nti5gW9RP2dKA3BZd2Dw+baYX+Nt4GM00O4S3kEpF6Alb2Bv4LeC3kkGfAW0/p0RPoJVKr63ghHsKuRh5DIUKOAlGOwrtt9fQekAEfmhZslHUDoglB0zjfkJigN7UnTQQ4GBWomoVhEN/AOPSBh38gy+fwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wMy0xNFQyMTo1NTo1MSswMDowMJcc0eEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDMtMTRUMjE6NTU6NTErMDA6MDDmQWldAAAAAElFTkSuQmCC';
|
|
35039
|
-
|
|
35040
|
-
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';
|
|
35041
|
-
|
|
35042
|
-
(function (ImgSide) {
|
|
35043
|
-
ImgSide["right"] = "right";
|
|
35044
|
-
ImgSide["left"] = "left";
|
|
35045
|
-
})(exports.ImgSide || (exports.ImgSide = {}));
|
|
35046
|
-
var NPCMultiDialog = function NPCMultiDialog(_ref) {
|
|
35047
|
-
var _textAndTypeArray$sli;
|
|
35048
|
-
var _onClose = _ref.onClose,
|
|
35049
|
-
textAndTypeArray = _ref.textAndTypeArray;
|
|
35050
|
-
var _useState = React.useState(false),
|
|
35051
|
-
showGoNextIndicator = _useState[0],
|
|
35052
|
-
setShowGoNextIndicator = _useState[1];
|
|
35053
|
-
var _useState2 = React.useState(0),
|
|
35054
|
-
slide = _useState2[0],
|
|
35055
|
-
setSlide = _useState2[1];
|
|
35056
|
-
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
35057
|
-
if (event.code === 'Space') {
|
|
35058
|
-
if (slide < (textAndTypeArray == null ? void 0 : textAndTypeArray.length) - 1) {
|
|
35059
|
-
setSlide(function (prev) {
|
|
35060
|
-
return prev + 1;
|
|
35061
|
-
});
|
|
35062
|
-
} else {
|
|
35063
|
-
// if there's no more text chunks, close the dialog
|
|
35064
|
-
_onClose();
|
|
35065
|
-
}
|
|
35066
|
-
}
|
|
35067
|
-
};
|
|
35068
|
-
React.useEffect(function () {
|
|
35069
|
-
document.addEventListener('keydown', onHandleSpacePress);
|
|
35070
|
-
return function () {
|
|
35071
|
-
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
35072
|
-
};
|
|
35073
|
-
}, [slide]);
|
|
35074
|
-
return React__default.createElement(RPGUIContainer, {
|
|
35075
|
-
type: exports.RPGUIContainerTypes.FramedGold,
|
|
35076
|
-
width: '50%',
|
|
35077
|
-
height: '180px'
|
|
35078
|
-
}, React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$f, null, ((_textAndTypeArray$sli = textAndTypeArray[slide]) == null ? void 0 : _textAndTypeArray$sli.imageSide) === 'right' && React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer, {
|
|
35079
|
-
flex: '70%'
|
|
35080
|
-
}, React__default.createElement(NPCDialogText, {
|
|
35081
|
-
onStartStep: function onStartStep() {
|
|
35082
|
-
return setShowGoNextIndicator(false);
|
|
35083
|
-
},
|
|
35084
|
-
onEndStep: function onEndStep() {
|
|
35085
|
-
return setShowGoNextIndicator(true);
|
|
35086
|
-
},
|
|
35087
|
-
text: textAndTypeArray[slide].text || 'No text provided.',
|
|
35088
|
-
onClose: function onClose() {
|
|
35089
|
-
if (_onClose) {
|
|
35090
|
-
_onClose();
|
|
35091
|
-
}
|
|
35092
|
-
}
|
|
35093
|
-
})), React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
|
|
35094
|
-
src: textAndTypeArray[slide].imagePath || img$6
|
|
35095
|
-
})), showGoNextIndicator && React__default.createElement(PressSpaceIndicator, {
|
|
35096
|
-
right: '10.5rem',
|
|
35097
|
-
src: img$7
|
|
35098
|
-
})), textAndTypeArray[slide].imageSide === 'left' && React__default.createElement(React__default.Fragment, null, React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
|
|
35099
|
-
src: textAndTypeArray[slide].imagePath || img$6
|
|
35100
|
-
})), React__default.createElement(TextContainer, {
|
|
35101
|
-
flex: '70%'
|
|
35102
|
-
}, React__default.createElement(NPCDialogText, {
|
|
35103
|
-
onStartStep: function onStartStep() {
|
|
35104
|
-
return setShowGoNextIndicator(false);
|
|
35105
|
-
},
|
|
35106
|
-
onEndStep: function onEndStep() {
|
|
35107
|
-
return setShowGoNextIndicator(true);
|
|
35108
|
-
},
|
|
35109
|
-
text: textAndTypeArray[slide].text || 'No text provided.',
|
|
35110
|
-
onClose: function onClose() {
|
|
35111
|
-
if (_onClose) {
|
|
35112
|
-
_onClose();
|
|
35113
|
-
}
|
|
35114
|
-
}
|
|
35115
|
-
})), showGoNextIndicator && React__default.createElement(PressSpaceIndicator, {
|
|
35116
|
-
right: '1rem',
|
|
35117
|
-
src: img$7
|
|
35118
|
-
}))), ")"));
|
|
35119
|
-
};
|
|
35120
|
-
var Container$f = /*#__PURE__*/styled.div.withConfig({
|
|
35121
|
-
displayName: "NPCMultiDialog__Container",
|
|
35122
|
-
componentId: "sc-rvu5wg-0"
|
|
35123
|
-
})(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
|
|
35124
|
-
var TextContainer = /*#__PURE__*/styled.div.withConfig({
|
|
35125
|
-
displayName: "NPCMultiDialog__TextContainer",
|
|
35126
|
-
componentId: "sc-rvu5wg-1"
|
|
35127
|
-
})(["flex:", " 0 0;width:355px;"], function (_ref2) {
|
|
35128
|
-
var flex = _ref2.flex;
|
|
35129
|
-
return flex;
|
|
35130
|
-
});
|
|
35131
|
-
var ThumbnailContainer = /*#__PURE__*/styled.div.withConfig({
|
|
35132
|
-
displayName: "NPCMultiDialog__ThumbnailContainer",
|
|
35133
|
-
componentId: "sc-rvu5wg-2"
|
|
35134
|
-
})(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
|
|
35135
|
-
var NPCThumbnail = /*#__PURE__*/styled.img.withConfig({
|
|
35136
|
-
displayName: "NPCMultiDialog__NPCThumbnail",
|
|
35137
|
-
componentId: "sc-rvu5wg-3"
|
|
35138
|
-
})(["image-rendering:pixelated;height:128px;width:128px;"]);
|
|
35139
|
-
var PressSpaceIndicator = /*#__PURE__*/styled.img.withConfig({
|
|
35140
|
-
displayName: "NPCMultiDialog__PressSpaceIndicator",
|
|
35141
|
-
componentId: "sc-rvu5wg-4"
|
|
35142
|
-
})(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref3) {
|
|
35143
|
-
var right = _ref3.right;
|
|
35144
|
-
return right;
|
|
35145
|
-
});
|
|
35146
|
-
|
|
35147
|
-
//@ts-ignore
|
|
35148
|
-
var useEventListener = function useEventListener(type, handler, el) {
|
|
35149
|
-
if (el === void 0) {
|
|
35150
|
-
el = window;
|
|
35151
|
-
}
|
|
35152
|
-
var savedHandler = React__default.useRef();
|
|
35153
|
-
React__default.useEffect(function () {
|
|
35154
|
-
savedHandler.current = handler;
|
|
35155
|
-
}, [handler]);
|
|
35156
|
-
React__default.useEffect(function () {
|
|
35157
|
-
//@ts-ignore
|
|
35158
|
-
var listener = function listener(e) {
|
|
35159
|
-
return savedHandler.current(e);
|
|
35160
|
-
};
|
|
35161
|
-
el.addEventListener(type, listener);
|
|
35162
|
-
return function () {
|
|
35163
|
-
el.removeEventListener(type, listener);
|
|
35164
|
-
};
|
|
35165
|
-
}, [type, el]);
|
|
35166
|
-
};
|
|
35167
|
-
|
|
35168
|
-
var DynamicText = function DynamicText(_ref) {
|
|
35169
|
-
var text = _ref.text,
|
|
35170
|
-
onFinish = _ref.onFinish,
|
|
35171
|
-
onStart = _ref.onStart;
|
|
35172
|
-
var _useState = React.useState(''),
|
|
35173
|
-
textState = _useState[0],
|
|
35174
|
-
setTextState = _useState[1];
|
|
35175
|
-
React.useEffect(function () {
|
|
35176
|
-
var i = 0;
|
|
35177
|
-
var interval = setInterval(function () {
|
|
35178
|
-
// on every interval, show one more character
|
|
35179
|
-
if (i === 0) {
|
|
35180
|
-
if (onStart) {
|
|
35181
|
-
onStart();
|
|
35182
|
-
}
|
|
35183
|
-
}
|
|
35184
|
-
if (i < text.length) {
|
|
35185
|
-
setTextState(text.substring(0, i + 1));
|
|
35186
|
-
i++;
|
|
35187
|
-
} else {
|
|
35188
|
-
clearInterval(interval);
|
|
35189
|
-
if (onFinish) {
|
|
35190
|
-
onFinish();
|
|
35191
|
-
}
|
|
35192
|
-
}
|
|
35193
|
-
}, 50);
|
|
35194
|
-
return function () {
|
|
35195
|
-
clearInterval(interval);
|
|
35196
|
-
};
|
|
35197
|
-
}, [text]);
|
|
35198
|
-
return React__default.createElement(TextContainer$1, null, textState);
|
|
35199
|
-
};
|
|
35200
|
-
var TextContainer$1 = /*#__PURE__*/styled.p.withConfig({
|
|
35201
|
-
displayName: "DynamicText__TextContainer",
|
|
35202
|
-
componentId: "sc-1ggl9nd-0"
|
|
35203
|
-
})(["font-size:0.7rem !important;color:white;text-shadow:1px 1px 0px #000000;letter-spacing:1.2px;word-break:normal;"]);
|
|
35204
|
-
|
|
35205
|
-
var QuestionDialog = function QuestionDialog(_ref) {
|
|
35206
|
-
var questions = _ref.questions,
|
|
35207
|
-
answers = _ref.answers,
|
|
35208
|
-
onClose = _ref.onClose;
|
|
35209
|
-
var _useState = React.useState(questions[0]),
|
|
35210
|
-
currentQuestion = _useState[0],
|
|
35211
|
-
setCurrentQuestion = _useState[1];
|
|
35212
|
-
var _useState2 = React.useState(false),
|
|
35213
|
-
canShowAnswers = _useState2[0],
|
|
35214
|
-
setCanShowAnswers = _useState2[1];
|
|
35215
|
-
var onGetFirstAnswer = function onGetFirstAnswer() {
|
|
35216
|
-
if (!currentQuestion.answerIds || currentQuestion.answerIds.length === 0) {
|
|
35217
|
-
return null;
|
|
35218
|
-
}
|
|
35219
|
-
var firstAnswerId = currentQuestion.answerIds[0];
|
|
35220
|
-
return answers.find(function (answer) {
|
|
35221
|
-
return answer.id === firstAnswerId;
|
|
35222
|
-
});
|
|
35223
|
-
};
|
|
35224
|
-
var _useState3 = React.useState(onGetFirstAnswer()),
|
|
35225
|
-
currentAnswer = _useState3[0],
|
|
35226
|
-
setCurrentAnswer = _useState3[1];
|
|
35227
|
-
React.useEffect(function () {
|
|
35228
|
-
setCurrentAnswer(onGetFirstAnswer());
|
|
35229
|
-
}, [currentQuestion]);
|
|
35230
|
-
var onGetAnswers = function onGetAnswers(answerIds) {
|
|
35231
|
-
return answerIds.map(function (answerId) {
|
|
35232
|
-
return answers.find(function (answer) {
|
|
35233
|
-
return answer.id === answerId;
|
|
35234
|
-
});
|
|
35235
|
-
});
|
|
35236
|
-
};
|
|
35237
|
-
var onKeyPress = function onKeyPress(e) {
|
|
35238
|
-
switch (e.key) {
|
|
35239
|
-
case 'ArrowDown':
|
|
35240
|
-
// select next answer, if any.
|
|
35241
|
-
// if no next answer, select first answer
|
|
35242
|
-
// const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(
|
|
35243
|
-
// (answer) => answer?.id === currentAnswer!.id + 1
|
|
35244
|
-
// );
|
|
35245
|
-
var nextAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
|
|
35246
|
-
return (answer == null ? void 0 : answer.id) === currentAnswer.id + 1;
|
|
35247
|
-
});
|
|
35248
|
-
var nextAnswerID = currentQuestion.answerIds[nextAnswerIndex];
|
|
35249
|
-
var nextAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
|
|
35250
|
-
return (answer == null ? void 0 : answer.id) === nextAnswerID;
|
|
35251
|
-
});
|
|
35252
|
-
setCurrentAnswer(nextAnswer || onGetFirstAnswer());
|
|
35253
|
-
break;
|
|
35254
|
-
case 'ArrowUp':
|
|
35255
|
-
// select previous answer, if any.
|
|
35256
|
-
// if no previous answer, select last answer
|
|
35257
|
-
var previousAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
|
|
35258
|
-
return (answer == null ? void 0 : answer.id) === currentAnswer.id - 1;
|
|
35259
|
-
});
|
|
35260
|
-
var previousAnswerID = currentQuestion.answerIds && currentQuestion.answerIds[previousAnswerIndex];
|
|
35261
|
-
var previousAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
|
|
35262
|
-
return (answer == null ? void 0 : answer.id) === previousAnswerID;
|
|
35263
|
-
});
|
|
35264
|
-
if (previousAnswer) {
|
|
35265
|
-
setCurrentAnswer(previousAnswer);
|
|
35266
|
-
} else {
|
|
35267
|
-
setCurrentAnswer(onGetAnswers(currentQuestion.answerIds).pop());
|
|
35268
|
-
}
|
|
35269
|
-
break;
|
|
35270
|
-
case 'Enter':
|
|
35271
|
-
setCanShowAnswers(false);
|
|
35272
|
-
if (!(currentAnswer != null && currentAnswer.nextQuestionId)) {
|
|
35273
|
-
onClose();
|
|
35274
|
-
return;
|
|
35275
|
-
} else {
|
|
35276
|
-
setCurrentQuestion(questions.find(function (question) {
|
|
35277
|
-
return question.id === currentAnswer.nextQuestionId;
|
|
35278
|
-
}));
|
|
35279
|
-
}
|
|
35280
|
-
break;
|
|
35281
|
-
}
|
|
35282
|
-
};
|
|
35283
|
-
useEventListener('keydown', onKeyPress);
|
|
35284
|
-
var onAnswerClick = function onAnswerClick(answer) {
|
|
35285
|
-
setCanShowAnswers(false);
|
|
35286
|
-
if (answer.nextQuestionId) {
|
|
35287
|
-
// if there is a next question, go to it
|
|
35288
|
-
setCurrentQuestion(questions.find(function (question) {
|
|
35289
|
-
return question.id === answer.nextQuestionId;
|
|
35290
|
-
}));
|
|
35291
|
-
} else {
|
|
35292
|
-
// else, finish dialog!
|
|
35293
|
-
onClose();
|
|
35294
|
-
}
|
|
35295
|
-
};
|
|
35296
|
-
var onRenderCurrentAnswers = function onRenderCurrentAnswers() {
|
|
35297
|
-
var answerIds = currentQuestion.answerIds;
|
|
35298
|
-
if (!answerIds) {
|
|
35299
|
-
return null;
|
|
35300
|
-
}
|
|
35301
|
-
var answers = onGetAnswers(answerIds);
|
|
35302
|
-
if (!answers) {
|
|
35303
|
-
return null;
|
|
35304
|
-
}
|
|
35305
|
-
return answers.map(function (answer) {
|
|
35306
|
-
var isSelected = (currentAnswer == null ? void 0 : currentAnswer.id) === (answer == null ? void 0 : answer.id);
|
|
35307
|
-
var selectedColor = isSelected ? 'yellow' : 'white';
|
|
35308
|
-
if (answer) {
|
|
35309
|
-
return React__default.createElement(AnswerRow, {
|
|
35310
|
-
key: "answer_" + answer.id
|
|
35311
|
-
}, React__default.createElement(AnswerSelectedIcon, {
|
|
35312
|
-
color: selectedColor
|
|
35313
|
-
}, isSelected ? 'X' : null), React__default.createElement(Answer, {
|
|
35314
|
-
key: answer.id,
|
|
35315
|
-
onPointerDown: function onPointerDown() {
|
|
35316
|
-
return onAnswerClick(answer);
|
|
35317
|
-
},
|
|
35318
|
-
color: selectedColor
|
|
35319
|
-
}, answer.text));
|
|
35320
|
-
}
|
|
35321
|
-
return null;
|
|
35322
|
-
});
|
|
35323
|
-
};
|
|
35324
|
-
return React__default.createElement(Container$g, null, React__default.createElement(QuestionContainer, null, React__default.createElement(DynamicText, {
|
|
35325
|
-
text: currentQuestion.text,
|
|
35326
|
-
onStart: function onStart() {
|
|
35327
|
-
return setCanShowAnswers(false);
|
|
35328
|
-
},
|
|
35329
|
-
onFinish: function onFinish() {
|
|
35330
|
-
return setCanShowAnswers(true);
|
|
35331
|
-
}
|
|
35332
|
-
})), canShowAnswers && React__default.createElement(AnswersContainer, null, onRenderCurrentAnswers()));
|
|
35333
|
-
};
|
|
35334
|
-
var Container$g = /*#__PURE__*/styled.div.withConfig({
|
|
35335
|
-
displayName: "QuestionDialog__Container",
|
|
35336
|
-
componentId: "sc-bxc5u0-0"
|
|
35337
|
-
})(["display:flex;word-break:break-all;box-sizing:border-box;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;"]);
|
|
35338
|
-
var QuestionContainer = /*#__PURE__*/styled.div.withConfig({
|
|
35339
|
-
displayName: "QuestionDialog__QuestionContainer",
|
|
35340
|
-
componentId: "sc-bxc5u0-1"
|
|
35341
|
-
})(["flex:100%;width:100%;"]);
|
|
35342
|
-
var AnswersContainer = /*#__PURE__*/styled.div.withConfig({
|
|
35343
|
-
displayName: "QuestionDialog__AnswersContainer",
|
|
35344
|
-
componentId: "sc-bxc5u0-2"
|
|
35345
|
-
})(["flex:100%;"]);
|
|
35346
|
-
var Answer = /*#__PURE__*/styled.p.withConfig({
|
|
35347
|
-
displayName: "QuestionDialog__Answer",
|
|
35348
|
-
componentId: "sc-bxc5u0-3"
|
|
35349
|
-
})(["flex:auto;color:", " !important;font-size:0.65rem !important;background:inherit;border:none;"], function (props) {
|
|
35350
|
-
return props.color;
|
|
35351
|
-
});
|
|
35352
|
-
var AnswerSelectedIcon = /*#__PURE__*/styled.span.withConfig({
|
|
35353
|
-
displayName: "QuestionDialog__AnswerSelectedIcon",
|
|
35354
|
-
componentId: "sc-bxc5u0-4"
|
|
35355
|
-
})(["flex:5% 0 0;color:", " !important;"], function (props) {
|
|
35356
|
-
return props.color;
|
|
35357
|
-
});
|
|
35358
|
-
var AnswerRow = /*#__PURE__*/styled.div.withConfig({
|
|
35359
|
-
displayName: "QuestionDialog__AnswerRow",
|
|
35360
|
-
componentId: "sc-bxc5u0-5"
|
|
35361
|
-
})(["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;}"]);
|
|
35362
|
-
|
|
35363
35574
|
var ProgressBar = function ProgressBar(_ref) {
|
|
35364
35575
|
var max = _ref.max,
|
|
35365
35576
|
value = _ref.value,
|
|
@@ -35377,7 +35588,7 @@ var ProgressBar = function ProgressBar(_ref) {
|
|
|
35377
35588
|
}
|
|
35378
35589
|
return value * 100 / max;
|
|
35379
35590
|
};
|
|
35380
|
-
return React__default.createElement(Container$
|
|
35591
|
+
return React__default.createElement(Container$k, {
|
|
35381
35592
|
className: "rpgui-progress",
|
|
35382
35593
|
"data-value": calculatePercentageValue(max, value) / 100,
|
|
35383
35594
|
"data-rpguitype": "progress",
|
|
@@ -35406,7 +35617,7 @@ var TextOverlay$1 = /*#__PURE__*/styled.div.withConfig({
|
|
|
35406
35617
|
displayName: "ProgressBar__TextOverlay",
|
|
35407
35618
|
componentId: "sc-qa6fzh-1"
|
|
35408
35619
|
})(["width:100%;position:relative;"]);
|
|
35409
|
-
var Container$
|
|
35620
|
+
var Container$k = /*#__PURE__*/styled.div.withConfig({
|
|
35410
35621
|
displayName: "ProgressBar__Container",
|
|
35411
35622
|
componentId: "sc-qa6fzh-2"
|
|
35412
35623
|
})(["display:flex;flex-direction:column;min-width:", "px;width:", "%;justify-content:start;align-items:flex-start;", ""], function (props) {
|
|
@@ -35417,7 +35628,7 @@ var Container$h = /*#__PURE__*/styled.div.withConfig({
|
|
|
35417
35628
|
return props.style;
|
|
35418
35629
|
});
|
|
35419
35630
|
|
|
35420
|
-
var img$
|
|
35631
|
+
var img$9 = 'data:image/png;base64,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';
|
|
35421
35632
|
|
|
35422
35633
|
var QuestInfo = function QuestInfo(_ref) {
|
|
35423
35634
|
var quests = _ref.quests,
|
|
@@ -35461,7 +35672,7 @@ var QuestInfo = function QuestInfo(_ref) {
|
|
|
35461
35672
|
}), React__default.createElement(QuestContainer, null, React__default.createElement(TitleContainer$1, {
|
|
35462
35673
|
className: "drag-handler"
|
|
35463
35674
|
}, React__default.createElement(Title$4, null, React__default.createElement(Thumbnail, {
|
|
35464
|
-
src: quests[currentIndex].thumbnail || img$
|
|
35675
|
+
src: quests[currentIndex].thumbnail || img$9
|
|
35465
35676
|
}), quests[currentIndex].title), React__default.createElement(QuestSplitDiv, null, React__default.createElement("hr", {
|
|
35466
35677
|
className: "golden"
|
|
35467
35678
|
}))), React__default.createElement(Content, null, React__default.createElement("p", null, quests[currentIndex].description)), React__default.createElement(QuestColumn, {
|
|
@@ -35480,7 +35691,7 @@ var QuestInfo = function QuestInfo(_ref) {
|
|
|
35480
35691
|
})))) : React__default.createElement(QuestsContainer, null, React__default.createElement(QuestContainer, null, React__default.createElement(TitleContainer$1, {
|
|
35481
35692
|
className: "drag-handler"
|
|
35482
35693
|
}, React__default.createElement(Title$4, null, React__default.createElement(Thumbnail, {
|
|
35483
|
-
src: quests[0].thumbnail || img$
|
|
35694
|
+
src: quests[0].thumbnail || img$9
|
|
35484
35695
|
}), quests[0].title), React__default.createElement(QuestSplitDiv, null, React__default.createElement("hr", {
|
|
35485
35696
|
className: "golden"
|
|
35486
35697
|
}))), React__default.createElement(Content, null, React__default.createElement("p", null, quests[0].description)), React__default.createElement(QuestColumn, {
|
|
@@ -35731,7 +35942,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
|
|
|
35731
35942
|
bgColor = _ref$bgColor === void 0 ? 'red' : _ref$bgColor,
|
|
35732
35943
|
_ref$margin = _ref.margin,
|
|
35733
35944
|
margin = _ref$margin === void 0 ? 20 : _ref$margin;
|
|
35734
|
-
return React__default.createElement(Container$
|
|
35945
|
+
return React__default.createElement(Container$l, {
|
|
35735
35946
|
className: "simple-progress-bar"
|
|
35736
35947
|
}, React__default.createElement(ProgressBarContainer, {
|
|
35737
35948
|
margin: margin
|
|
@@ -35740,7 +35951,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
|
|
|
35740
35951
|
bgColor: bgColor
|
|
35741
35952
|
}))));
|
|
35742
35953
|
};
|
|
35743
|
-
var Container$
|
|
35954
|
+
var Container$l = /*#__PURE__*/styled.div.withConfig({
|
|
35744
35955
|
displayName: "SimpleProgressBar__Container",
|
|
35745
35956
|
componentId: "sc-mbeil3-0"
|
|
35746
35957
|
})(["display:flex;justify-content:center;align-items:center;width:100%;"]);
|
|
@@ -35971,7 +36182,7 @@ var Spell = function Spell(_ref) {
|
|
|
35971
36182
|
isSettingShortcut = _ref.isSettingShortcut,
|
|
35972
36183
|
minMagicLevelRequired = _ref.minMagicLevelRequired;
|
|
35973
36184
|
var disabled = isSettingShortcut ? charMagicLevel < minMagicLevelRequired : manaCost > charMana || charMagicLevel < minMagicLevelRequired;
|
|
35974
|
-
return React__default.createElement(Container$
|
|
36185
|
+
return React__default.createElement(Container$m, {
|
|
35975
36186
|
disabled: disabled,
|
|
35976
36187
|
onPointerDown: onPointerDown == null ? void 0 : onPointerDown.bind(null, spellKey),
|
|
35977
36188
|
isSettingShortcut: isSettingShortcut && !disabled,
|
|
@@ -35984,7 +36195,7 @@ var Spell = function Spell(_ref) {
|
|
|
35984
36195
|
className: "mana"
|
|
35985
36196
|
}, manaCost)));
|
|
35986
36197
|
};
|
|
35987
|
-
var Container$
|
|
36198
|
+
var Container$m = /*#__PURE__*/styled.button.withConfig({
|
|
35988
36199
|
displayName: "Spell__Container",
|
|
35989
36200
|
componentId: "sc-j96fa2-0"
|
|
35990
36201
|
})(["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) {
|
|
@@ -36071,7 +36282,7 @@ var Spellbook = function Spellbook(_ref) {
|
|
|
36071
36282
|
height: "inherit",
|
|
36072
36283
|
cancelDrag: "#spellbook-search, #shortcuts_list, .spell",
|
|
36073
36284
|
scale: scale
|
|
36074
|
-
}, React__default.createElement(Container$
|
|
36285
|
+
}, React__default.createElement(Container$n, null, React__default.createElement(Title$7, null, "Learned Spells"), React__default.createElement(ShortcutsSetter, {
|
|
36075
36286
|
setSettingShortcutIndex: setSettingShortcutIndex,
|
|
36076
36287
|
settingShortcutIndex: settingShortcutIndex,
|
|
36077
36288
|
shortcuts: shortcuts,
|
|
@@ -36103,7 +36314,7 @@ var Title$7 = /*#__PURE__*/styled.h1.withConfig({
|
|
|
36103
36314
|
displayName: "Spellbook__Title",
|
|
36104
36315
|
componentId: "sc-r02nfq-0"
|
|
36105
36316
|
})(["font-size:", " !important;margin-bottom:0 !important;"], uiFonts.size.large);
|
|
36106
|
-
var Container$
|
|
36317
|
+
var Container$n = /*#__PURE__*/styled.div.withConfig({
|
|
36107
36318
|
displayName: "Spellbook__Container",
|
|
36108
36319
|
componentId: "sc-r02nfq-1"
|
|
36109
36320
|
})(["width:100%;height:100%;color:white;display:flex;flex-direction:column;"]);
|
|
@@ -36117,16 +36328,16 @@ var TextArea = function TextArea(_ref) {
|
|
|
36117
36328
|
return React__default.createElement("textarea", Object.assign({}, props));
|
|
36118
36329
|
};
|
|
36119
36330
|
|
|
36120
|
-
var img$
|
|
36331
|
+
var img$a = 'data:image/gif;base64,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';
|
|
36121
36332
|
|
|
36122
|
-
var img$
|
|
36333
|
+
var img$b = 'data:image/gif;base64,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';
|
|
36123
36334
|
|
|
36124
|
-
var img$
|
|
36335
|
+
var img$c = 'data:image/gif;base64,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';
|
|
36125
36336
|
|
|
36126
36337
|
var DayNightPeriod = function DayNightPeriod(_ref) {
|
|
36127
36338
|
var _periodOfDaySrcFiles;
|
|
36128
36339
|
var periodOfDay = _ref.periodOfDay;
|
|
36129
|
-
var periodOfDaySrcFiles = (_periodOfDaySrcFiles = {}, _periodOfDaySrcFiles[shared.PeriodOfDay.Morning] = img$
|
|
36340
|
+
var periodOfDaySrcFiles = (_periodOfDaySrcFiles = {}, _periodOfDaySrcFiles[shared.PeriodOfDay.Morning] = img$b, _periodOfDaySrcFiles[shared.PeriodOfDay.Afternoon] = img$a, _periodOfDaySrcFiles[shared.PeriodOfDay.Night] = img$c, _periodOfDaySrcFiles);
|
|
36130
36341
|
return React__default.createElement(GifContainer, null, React__default.createElement("img", {
|
|
36131
36342
|
src: periodOfDaySrcFiles[periodOfDay]
|
|
36132
36343
|
}));
|
|
@@ -36136,7 +36347,7 @@ var GifContainer = /*#__PURE__*/styled.div.withConfig({
|
|
|
36136
36347
|
componentId: "sc-10t97fw-0"
|
|
36137
36348
|
})(["width:100%;img{width:67%;}"]);
|
|
36138
36349
|
|
|
36139
|
-
var img$
|
|
36350
|
+
var img$d = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAABHCAYAAAA0qHhdAAAAAXNSR0IArs4c6QAABGRJREFUeJztnb9PGzEUx7+JMjC0Uge6tVsVdTghQP0D2qgjzGz8D8woE2LO/5CNOcwlU9WJRCgDYmWJRAYkFgak6wDv5HPsO9/P8J79WUhicr7nzz3bOV8uHbRPXOXN2x++1LUfYnh4uu8AQK+FulLy7hbHxn96vrh22tjW0b7xPVtH+87bkMbnj1/jh6f7TqfBOmKgurwy6MJ10VRuKqNylwMl7wBy3U5WuetBOhg9om6ZSRaqEtvImJ2zRfL4/GA3eXy494LJzNwBmcpc//9w7wUAMJn1ktdt5bbnaj228qw6VeqWGbctUEXNxn40Fj+2/jn5lHpel8xUd+oqcedsUajum2HkNHEiqf1oDAD4/e1HkWrYMF8uE6GTWQ+j6aryBCh2lVhUXt77bXJpP2i/+tE41e1y5uo2W1cVmfHd4rhxiXnbdZEqReiv76/jpE1q2YbOFNmUwDxsYreO9lkLvbrtJSLp+Xy5xN9/g8TBYPSIboltv0uRWXU/X1zjbnGM08t527tUC7aM1B0UbXiryE1KNGHKUu4ZqjKarpLMpAlQkcxkIxIw7xP3DLVBnzldZbISSUgXqvtwkclSJCFNqDpu0mdqOkOUJ5O1SEKSUHVWWyQzRYgkJAml7KTMzBszRYkkJAhVu1ny49rNpuAskuAaw9VtL/d0nikwY1ZybQQb+udQ+gzKZbXFtGqiq3Y63yoR6m770Rg3wyi1gK1iel1dQNbLqazsX9M2dKib1bPNi6wkbNl5M4w2tUulGIwe8fB031nrhH0RCbzGpgrVJxSEaYXfdoWCrdxE1lUNtnJ9+6PpKrmgSxUVm45IyTIB8zncnbPF2th58nMbo+kq9zUX8t5XpC4SCQSZVpkovzy4MWiHvRRJSBFaZj0z8E6xyvQlKwE5sYbMFEQXlvHSd97apNL3YtomZKYgjDKljCFFkBBzyExBBJmCCDIFEWQKIsgURJApiCBTEEGmILqA26q4b3Bsk5CZgjDKdL1/gCQkxJzI5NitNAXXtugC6HC5NL9N3tqE1cn3MGYKIiVT7V4kjCGuqLFy7WIBw61jOAdTFikxp66bPT/YXbsnm4RF2yz0Hmgy67EcLwHDmCnlKC0D99hVmcmslntQZaCYuWYlYPgWmOkeOaeXc5bB5XF+sLs2yeMs05iC+rh5uBfF0sbO17EyHSf3HkkfMzunl3P2QZWB88SHsO246JmtpBmsSuYZoMmsJ+5Egn6CQFIvlHUkrk2GKFO5ZiiJ1AVKyEogPwDj7BbgN8M1zVwBOSIBtyDYC/VBJOAeCFuhvogEigXDTqhPIoESd4LmItQ3kUC5oKxCgc1LtUkEZIsEKvx6wnsU6rNIoFpwmUKJpsVmCVT2ARAuEqgeoJNQoH6pLhLf6gU8EAnUE2QMoPDPSxSV6ypP2T499EIkUG+gzlnaND5lo0pjv5/Ztljt2l/vRALNBl2q+y2Kj92pjTYaIDXWVZVruPree4nEJhqi6ppokGfhP6xr60VVr5O+AAAAAElFTkSuQmCC';
|
|
36140
36351
|
|
|
36141
36352
|
var TimeWidget = function TimeWidget(_ref) {
|
|
36142
36353
|
var onClose = _ref.onClose,
|
|
@@ -36154,7 +36365,7 @@ var TimeWidget = function TimeWidget(_ref) {
|
|
|
36154
36365
|
var WidgetContainer = /*#__PURE__*/styled.div.withConfig({
|
|
36155
36366
|
displayName: "TimeWidget__WidgetContainer",
|
|
36156
36367
|
componentId: "sc-1ja236h-0"
|
|
36157
|
-
})(["background-image:url(", ");background-size:10rem;background-repeat:no-repeat;width:10rem;position:absolute;height:100px;"], img$
|
|
36368
|
+
})(["background-image:url(", ");background-size:10rem;background-repeat:no-repeat;width:10rem;position:absolute;height:100px;"], img$d);
|
|
36158
36369
|
var Time = /*#__PURE__*/styled.div.withConfig({
|
|
36159
36370
|
displayName: "TimeWidget__Time",
|
|
36160
36371
|
componentId: "sc-1ja236h-1"
|
|
@@ -36403,230 +36614,17 @@ var Truncate = function Truncate(_ref) {
|
|
|
36403
36614
|
var _ref$maxLines = _ref.maxLines,
|
|
36404
36615
|
maxLines = _ref$maxLines === void 0 ? 1 : _ref$maxLines,
|
|
36405
36616
|
children = _ref.children;
|
|
36406
|
-
return React__default.createElement(Container$
|
|
36617
|
+
return React__default.createElement(Container$o, {
|
|
36407
36618
|
maxLines: maxLines
|
|
36408
36619
|
}, children);
|
|
36409
36620
|
};
|
|
36410
|
-
var Container$
|
|
36621
|
+
var Container$o = /*#__PURE__*/styled.div.withConfig({
|
|
36411
36622
|
displayName: "Truncate__Container",
|
|
36412
36623
|
componentId: "sc-6x00qb-0"
|
|
36413
36624
|
})(["display:-webkit-box;max-width:100%;max-height:100%;-webkit-line-clamp:", ";-webkit-box-orient:vertical;overflow:hidden;"], function (props) {
|
|
36414
36625
|
return props.maxLines;
|
|
36415
36626
|
});
|
|
36416
36627
|
|
|
36417
|
-
var IS_MOBILE_OR_TABLET = /*#__PURE__*/shared.isMobileOrTablet();
|
|
36418
|
-
|
|
36419
|
-
var chunkString = function chunkString(str, length) {
|
|
36420
|
-
return str.match(new RegExp('.{1,' + length + '}', 'g'));
|
|
36421
|
-
};
|
|
36422
|
-
|
|
36423
|
-
var img$d = 'data:image/gif;base64,R0lGODlhEAAQAPIAAAAAABQYLiw1TUBJc2hvmQAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAM9CLrc/lCFGSKYJJP5AhlguDnBMIVgxXgmJapSSp3mKs/pKrT0IMCXUk+2Cgh2oSOnaDz+lswZpSOFUq2KBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAIzhI+py90Bg4OjDrjCELxfFQhQx0mIJkaeaYRp5LJADMdnqXbyOJLYTdKBejjZoRaZJBMFACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAABAAEAAAAjKEj6nL7Y+CDE6OO+QKQ/ifKYEgfR4VddPohQe7lmR0xidNTib65uacYP2AQWGuMlEUAAA7';
|
|
36424
|
-
|
|
36425
|
-
var NPCDialogText = function NPCDialogText(_ref) {
|
|
36426
|
-
var text = _ref.text,
|
|
36427
|
-
onClose = _ref.onClose,
|
|
36428
|
-
onEndStep = _ref.onEndStep,
|
|
36429
|
-
onStartStep = _ref.onStartStep,
|
|
36430
|
-
type = _ref.type;
|
|
36431
|
-
var windowSize = React.useRef([window.innerWidth, window.innerHeight]);
|
|
36432
|
-
function maxCharacters(width) {
|
|
36433
|
-
// Set the font size to 16 pixels
|
|
36434
|
-
var fontSize = 11.2;
|
|
36435
|
-
// Calculate the number of characters that can fit in one line
|
|
36436
|
-
var charactersPerLine = Math.floor(width / 2 / fontSize);
|
|
36437
|
-
// Calculate the number of lines that can fit in the div
|
|
36438
|
-
var linesPerDiv = Math.floor(180 / fontSize);
|
|
36439
|
-
// Calculate the maximum number of characters that can fit in the div
|
|
36440
|
-
var maxCharacters = charactersPerLine * linesPerDiv;
|
|
36441
|
-
// Return the maximum number of characters
|
|
36442
|
-
return Math.round(maxCharacters / 5);
|
|
36443
|
-
}
|
|
36444
|
-
var textChunks = chunkString(text, maxCharacters(windowSize.current[0]));
|
|
36445
|
-
var _useState = React.useState(0),
|
|
36446
|
-
chunkIndex = _useState[0],
|
|
36447
|
-
setChunkIndex = _useState[1];
|
|
36448
|
-
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
36449
|
-
if (event.code === 'Space') {
|
|
36450
|
-
goToNextStep();
|
|
36451
|
-
}
|
|
36452
|
-
};
|
|
36453
|
-
var goToNextStep = function goToNextStep() {
|
|
36454
|
-
var hasNextChunk = (textChunks == null ? void 0 : textChunks[chunkIndex + 1]) || false;
|
|
36455
|
-
if (hasNextChunk) {
|
|
36456
|
-
setChunkIndex(function (prev) {
|
|
36457
|
-
return prev + 1;
|
|
36458
|
-
});
|
|
36459
|
-
} else {
|
|
36460
|
-
// if there's no more text chunks, close the dialog
|
|
36461
|
-
onClose();
|
|
36462
|
-
}
|
|
36463
|
-
};
|
|
36464
|
-
React.useEffect(function () {
|
|
36465
|
-
document.addEventListener('keydown', onHandleSpacePress);
|
|
36466
|
-
return function () {
|
|
36467
|
-
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
36468
|
-
};
|
|
36469
|
-
}, [chunkIndex]);
|
|
36470
|
-
var _useState2 = React.useState(false),
|
|
36471
|
-
showGoNextIndicator = _useState2[0],
|
|
36472
|
-
setShowGoNextIndicator = _useState2[1];
|
|
36473
|
-
return React__default.createElement(Container$m, null, React__default.createElement(DynamicText, {
|
|
36474
|
-
text: (textChunks == null ? void 0 : textChunks[chunkIndex]) || '',
|
|
36475
|
-
onFinish: function onFinish() {
|
|
36476
|
-
setShowGoNextIndicator(true);
|
|
36477
|
-
onEndStep && onEndStep();
|
|
36478
|
-
},
|
|
36479
|
-
onStart: function onStart() {
|
|
36480
|
-
setShowGoNextIndicator(false);
|
|
36481
|
-
onStartStep && onStartStep();
|
|
36482
|
-
}
|
|
36483
|
-
}), showGoNextIndicator && React__default.createElement(PressSpaceIndicator$1, {
|
|
36484
|
-
right: type === exports.NPCDialogType.TextOnly ? '1rem' : '10.5rem',
|
|
36485
|
-
src: IS_MOBILE_OR_TABLET ? img$d : img$7,
|
|
36486
|
-
onPointerDown: function onPointerDown() {
|
|
36487
|
-
goToNextStep();
|
|
36488
|
-
}
|
|
36489
|
-
}));
|
|
36490
|
-
};
|
|
36491
|
-
var Container$m = /*#__PURE__*/styled.div.withConfig({
|
|
36492
|
-
displayName: "NPCDialogText__Container",
|
|
36493
|
-
componentId: "sc-1cxkdh9-0"
|
|
36494
|
-
})([""]);
|
|
36495
|
-
var PressSpaceIndicator$1 = /*#__PURE__*/styled.img.withConfig({
|
|
36496
|
-
displayName: "NPCDialogText__PressSpaceIndicator",
|
|
36497
|
-
componentId: "sc-1cxkdh9-1"
|
|
36498
|
-
})(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref2) {
|
|
36499
|
-
var right = _ref2.right;
|
|
36500
|
-
return right;
|
|
36501
|
-
});
|
|
36502
|
-
|
|
36503
|
-
(function (NPCDialogType) {
|
|
36504
|
-
NPCDialogType["TextOnly"] = "TextOnly";
|
|
36505
|
-
NPCDialogType["TextAndThumbnail"] = "TextAndThumbnail";
|
|
36506
|
-
})(exports.NPCDialogType || (exports.NPCDialogType = {}));
|
|
36507
|
-
var NPCDialog = function NPCDialog(_ref) {
|
|
36508
|
-
var text = _ref.text,
|
|
36509
|
-
type = _ref.type,
|
|
36510
|
-
_onClose = _ref.onClose,
|
|
36511
|
-
imagePath = _ref.imagePath,
|
|
36512
|
-
_ref$isQuestionDialog = _ref.isQuestionDialog,
|
|
36513
|
-
isQuestionDialog = _ref$isQuestionDialog === void 0 ? false : _ref$isQuestionDialog,
|
|
36514
|
-
questions = _ref.questions,
|
|
36515
|
-
answers = _ref.answers;
|
|
36516
|
-
return React__default.createElement(RPGUIContainer, {
|
|
36517
|
-
type: exports.RPGUIContainerTypes.FramedGold,
|
|
36518
|
-
width: isQuestionDialog ? '600px' : '80%',
|
|
36519
|
-
height: '180px'
|
|
36520
|
-
}, isQuestionDialog && questions && answers ? React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer$2, {
|
|
36521
|
-
flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
|
|
36522
|
-
}, React__default.createElement(QuestionDialog, {
|
|
36523
|
-
questions: questions,
|
|
36524
|
-
answers: answers,
|
|
36525
|
-
onClose: function onClose() {
|
|
36526
|
-
if (_onClose) {
|
|
36527
|
-
_onClose();
|
|
36528
|
-
}
|
|
36529
|
-
}
|
|
36530
|
-
})), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
|
|
36531
|
-
src: imagePath || img$6
|
|
36532
|
-
}))) : React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$n, null, React__default.createElement(TextContainer$2, {
|
|
36533
|
-
flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
|
|
36534
|
-
}, React__default.createElement(NPCDialogText, {
|
|
36535
|
-
type: type,
|
|
36536
|
-
text: text || 'No text provided.',
|
|
36537
|
-
onClose: function onClose() {
|
|
36538
|
-
if (_onClose) {
|
|
36539
|
-
_onClose();
|
|
36540
|
-
}
|
|
36541
|
-
}
|
|
36542
|
-
})), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
|
|
36543
|
-
src: imagePath || img$6
|
|
36544
|
-
})))));
|
|
36545
|
-
};
|
|
36546
|
-
var Container$n = /*#__PURE__*/styled.div.withConfig({
|
|
36547
|
-
displayName: "NPCDialog__Container",
|
|
36548
|
-
componentId: "sc-1b4aw74-0"
|
|
36549
|
-
})(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
|
|
36550
|
-
var TextContainer$2 = /*#__PURE__*/styled.div.withConfig({
|
|
36551
|
-
displayName: "NPCDialog__TextContainer",
|
|
36552
|
-
componentId: "sc-1b4aw74-1"
|
|
36553
|
-
})(["flex:", " 0 0;width:355px;"], function (_ref2) {
|
|
36554
|
-
var flex = _ref2.flex;
|
|
36555
|
-
return flex;
|
|
36556
|
-
});
|
|
36557
|
-
var ThumbnailContainer$1 = /*#__PURE__*/styled.div.withConfig({
|
|
36558
|
-
displayName: "NPCDialog__ThumbnailContainer",
|
|
36559
|
-
componentId: "sc-1b4aw74-2"
|
|
36560
|
-
})(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
|
|
36561
|
-
var NPCThumbnail$1 = /*#__PURE__*/styled.img.withConfig({
|
|
36562
|
-
displayName: "NPCDialog__NPCThumbnail",
|
|
36563
|
-
componentId: "sc-1b4aw74-3"
|
|
36564
|
-
})(["image-rendering:pixelated;height:128px;width:128px;"]);
|
|
36565
|
-
|
|
36566
|
-
var HistoryDialog = function HistoryDialog(_ref) {
|
|
36567
|
-
var backgroundImgPath = _ref.backgroundImgPath,
|
|
36568
|
-
fullCoverBackground = _ref.fullCoverBackground,
|
|
36569
|
-
questions = _ref.questions,
|
|
36570
|
-
answers = _ref.answers,
|
|
36571
|
-
text = _ref.text,
|
|
36572
|
-
imagePath = _ref.imagePath,
|
|
36573
|
-
textAndTypeArray = _ref.textAndTypeArray,
|
|
36574
|
-
onClose = _ref.onClose;
|
|
36575
|
-
var _useState = React.useState(0),
|
|
36576
|
-
img = _useState[0],
|
|
36577
|
-
setImage = _useState[1];
|
|
36578
|
-
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
36579
|
-
if (event.code === 'Space') {
|
|
36580
|
-
if (img < (backgroundImgPath == null ? void 0 : backgroundImgPath.length) - 1) {
|
|
36581
|
-
setImage(function (prev) {
|
|
36582
|
-
return prev + 1;
|
|
36583
|
-
});
|
|
36584
|
-
} else {
|
|
36585
|
-
// if there's no more text chunks, close the dialog
|
|
36586
|
-
onClose();
|
|
36587
|
-
}
|
|
36588
|
-
}
|
|
36589
|
-
};
|
|
36590
|
-
React.useEffect(function () {
|
|
36591
|
-
document.addEventListener('keydown', onHandleSpacePress);
|
|
36592
|
-
return function () {
|
|
36593
|
-
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
36594
|
-
};
|
|
36595
|
-
}, [backgroundImgPath]);
|
|
36596
|
-
return React__default.createElement(BackgroundContainer, {
|
|
36597
|
-
imgPath: backgroundImgPath[img],
|
|
36598
|
-
fullImg: fullCoverBackground
|
|
36599
|
-
}, React__default.createElement(DialogContainer, null, textAndTypeArray ? React__default.createElement(NPCMultiDialog, {
|
|
36600
|
-
textAndTypeArray: textAndTypeArray,
|
|
36601
|
-
onClose: onClose
|
|
36602
|
-
}) : questions && answers ? React__default.createElement(QuestionDialog, {
|
|
36603
|
-
questions: questions,
|
|
36604
|
-
answers: answers,
|
|
36605
|
-
onClose: onClose
|
|
36606
|
-
}) : text && imagePath ? React__default.createElement(NPCDialog, {
|
|
36607
|
-
text: text,
|
|
36608
|
-
imagePath: imagePath,
|
|
36609
|
-
onClose: onClose,
|
|
36610
|
-
type: exports.NPCDialogType.TextAndThumbnail
|
|
36611
|
-
}) : React__default.createElement(NPCDialog, {
|
|
36612
|
-
text: text,
|
|
36613
|
-
onClose: onClose,
|
|
36614
|
-
type: exports.NPCDialogType.TextOnly
|
|
36615
|
-
})));
|
|
36616
|
-
};
|
|
36617
|
-
var BackgroundContainer = /*#__PURE__*/styled.div.withConfig({
|
|
36618
|
-
displayName: "HistoryDialog__BackgroundContainer",
|
|
36619
|
-
componentId: "sc-u6oe75-0"
|
|
36620
|
-
})(["width:100%;height:100%;background-image:url(", ");background-size:", ";display:flex;justify-content:space-evenly;align-items:center;"], function (props) {
|
|
36621
|
-
return props.imgPath;
|
|
36622
|
-
}, function (props) {
|
|
36623
|
-
return props.imgPath ? 'cover' : 'auto';
|
|
36624
|
-
});
|
|
36625
|
-
var DialogContainer = /*#__PURE__*/styled.div.withConfig({
|
|
36626
|
-
displayName: "HistoryDialog__DialogContainer",
|
|
36627
|
-
componentId: "sc-u6oe75-1"
|
|
36628
|
-
})(["display:flex;justify-content:center;padding-top:200px;"]);
|
|
36629
|
-
|
|
36630
36628
|
exports.Button = Button;
|
|
36631
36629
|
exports.CharacterSelection = CharacterSelection;
|
|
36632
36630
|
exports.Chat = Chat;
|