@rpg-engine/long-bow 0.3.82 → 0.3.83
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/SlotsContainer.d.ts +2 -0
- package/dist/components/DraggableContainer.d.ts +2 -0
- package/dist/components/Equipment/EquipmentSet.d.ts +2 -0
- package/dist/components/Item/Inventory/ItemContainer.d.ts +3 -0
- package/dist/components/Item/Inventory/ItemSlot.d.ts +1 -0
- package/dist/components/Item/Inventory/itemContainerHelper.d.ts +1 -1
- package/dist/components/RelativeListMenu.d.ts +4 -0
- package/dist/long-bow.cjs.development.js +944 -858
- 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 +830 -744
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +100 -100
- package/src/components/Abstractions/ModalPortal.tsx +22 -22
- package/src/components/Abstractions/SlotsContainer.tsx +62 -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 -196
- 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 +176 -156
- package/src/components/Dropdown.tsx +90 -90
- package/src/components/DropdownSelectorContainer.tsx +42 -42
- package/src/components/Equipment/EquipmentSet.tsx +199 -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 -83
- package/src/components/Item/Cards/MobileItemTooltip.tsx +149 -149
- package/src/components/Item/Inventory/ErrorBoundary.tsx +42 -42
- package/src/components/Item/Inventory/ItemContainer.tsx +227 -218
- 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 +564 -546
- package/src/components/Item/Inventory/itemContainerHelper.ts +172 -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 +90 -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 +201 -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
|
@@ -33220,6 +33220,8 @@ var DraggableContainer = function DraggableContainer(_ref) {
|
|
|
33220
33220
|
imgWidth = _ref$imgWidth === void 0 ? '20px' : _ref$imgWidth,
|
|
33221
33221
|
cancelDrag = _ref.cancelDrag,
|
|
33222
33222
|
onPositionChange = _ref.onPositionChange,
|
|
33223
|
+
onPositionChangeEnd = _ref.onPositionChangeEnd,
|
|
33224
|
+
onPositionChangeStart = _ref.onPositionChangeStart,
|
|
33223
33225
|
onOutsideClick = _ref.onOutsideClick,
|
|
33224
33226
|
_ref$initialPosition = _ref.initialPosition,
|
|
33225
33227
|
initialPosition = _ref$initialPosition === void 0 ? {
|
|
@@ -33252,6 +33254,22 @@ var DraggableContainer = function DraggableContainer(_ref) {
|
|
|
33252
33254
|
});
|
|
33253
33255
|
}
|
|
33254
33256
|
},
|
|
33257
|
+
onStop: function onStop(_e, data) {
|
|
33258
|
+
if (onPositionChangeEnd) {
|
|
33259
|
+
onPositionChangeEnd({
|
|
33260
|
+
x: data.x,
|
|
33261
|
+
y: data.y
|
|
33262
|
+
});
|
|
33263
|
+
}
|
|
33264
|
+
},
|
|
33265
|
+
onStart: function onStart(_e, data) {
|
|
33266
|
+
if (onPositionChangeStart) {
|
|
33267
|
+
onPositionChangeStart({
|
|
33268
|
+
x: data.x,
|
|
33269
|
+
y: data.y
|
|
33270
|
+
});
|
|
33271
|
+
}
|
|
33272
|
+
},
|
|
33255
33273
|
defaultPosition: initialPosition,
|
|
33256
33274
|
scale: scale
|
|
33257
33275
|
}, React__default.createElement(Container$6, {
|
|
@@ -33384,7 +33402,8 @@ var RelativeListMenu = function RelativeListMenu(_ref) {
|
|
|
33384
33402
|
onSelected = _ref.onSelected,
|
|
33385
33403
|
onOutsideClick = _ref.onOutsideClick,
|
|
33386
33404
|
_ref$fontSize = _ref.fontSize,
|
|
33387
|
-
fontSize = _ref$fontSize === void 0 ? 0.8 : _ref$fontSize
|
|
33405
|
+
fontSize = _ref$fontSize === void 0 ? 0.8 : _ref$fontSize,
|
|
33406
|
+
pos = _ref.pos;
|
|
33388
33407
|
var ref = React.useRef(null);
|
|
33389
33408
|
useOutsideClick(ref, 'relative-context-menu');
|
|
33390
33409
|
React.useEffect(function () {
|
|
@@ -33400,10 +33419,10 @@ var RelativeListMenu = function RelativeListMenu(_ref) {
|
|
|
33400
33419
|
document.removeEventListener('clickOutside', function (_e) {});
|
|
33401
33420
|
};
|
|
33402
33421
|
}, []);
|
|
33403
|
-
return React__default.createElement(Container$9, {
|
|
33422
|
+
return React__default.createElement(ModalPortal, null, React__default.createElement(Container$9, Object.assign({
|
|
33404
33423
|
fontSize: fontSize,
|
|
33405
33424
|
ref: ref
|
|
33406
|
-
}, React__default.createElement("ul", {
|
|
33425
|
+
}, pos), React__default.createElement("ul", {
|
|
33407
33426
|
className: "rpgui-list-imp",
|
|
33408
33427
|
style: {
|
|
33409
33428
|
overflow: 'hidden'
|
|
@@ -33415,12 +33434,16 @@ var RelativeListMenu = function RelativeListMenu(_ref) {
|
|
|
33415
33434
|
onSelected(params == null ? void 0 : params.id);
|
|
33416
33435
|
}
|
|
33417
33436
|
}, (params == null ? void 0 : params.text) || 'No text');
|
|
33418
|
-
})));
|
|
33437
|
+
}))));
|
|
33419
33438
|
};
|
|
33420
33439
|
var Container$9 = /*#__PURE__*/styled.div.withConfig({
|
|
33421
33440
|
displayName: "RelativeListMenu__Container",
|
|
33422
33441
|
componentId: "sc-7hohf-0"
|
|
33423
|
-
})(["position:absolute;top:
|
|
33442
|
+
})(["position:absolute;top:", "px;left:", "px;display:flex;flex-direction:column;width:max-content;justify-content:start;align-items:flex-start;li{font-size:", "em;}"], function (props) {
|
|
33443
|
+
return props.y;
|
|
33444
|
+
}, function (props) {
|
|
33445
|
+
return props.x;
|
|
33446
|
+
}, function (props) {
|
|
33424
33447
|
return props.fontSize;
|
|
33425
33448
|
});
|
|
33426
33449
|
var ListElement = /*#__PURE__*/styled.li.withConfig({
|
|
@@ -33493,7 +33516,7 @@ var generateContextMenuListOptions = function generateContextMenuListOptions(act
|
|
|
33493
33516
|
});
|
|
33494
33517
|
return contextMenu;
|
|
33495
33518
|
};
|
|
33496
|
-
var generateContextMenu = function generateContextMenu(item, itemContainerType) {
|
|
33519
|
+
var generateContextMenu = function generateContextMenu(item, itemContainerType, isDepotSystem) {
|
|
33497
33520
|
var contextActionMenu = [];
|
|
33498
33521
|
if (itemContainerType === shared.ItemContainerType.Inventory) {
|
|
33499
33522
|
switch (item.type) {
|
|
@@ -33519,6 +33542,12 @@ var generateContextMenu = function generateContextMenu(item, itemContainerType)
|
|
|
33519
33542
|
contextActionMenu = generateContextMenuListOptions(shared.ActionsForInventory.Other);
|
|
33520
33543
|
break;
|
|
33521
33544
|
}
|
|
33545
|
+
if (isDepotSystem) {
|
|
33546
|
+
contextActionMenu.push({
|
|
33547
|
+
id: shared.DepotSocketEvents.Deposit,
|
|
33548
|
+
text: 'Deposit'
|
|
33549
|
+
});
|
|
33550
|
+
}
|
|
33522
33551
|
}
|
|
33523
33552
|
if (itemContainerType === shared.ItemContainerType.Equipment) {
|
|
33524
33553
|
switch (item.type) {
|
|
@@ -33581,6 +33610,12 @@ var generateContextMenu = function generateContextMenu(item, itemContainerType)
|
|
|
33581
33610
|
text: 'Use with...'
|
|
33582
33611
|
});
|
|
33583
33612
|
}
|
|
33613
|
+
if (isDepotSystem) {
|
|
33614
|
+
contextActionMenu.push({
|
|
33615
|
+
id: shared.DepotSocketEvents.Withdraw,
|
|
33616
|
+
text: 'Withdraw'
|
|
33617
|
+
});
|
|
33618
|
+
}
|
|
33584
33619
|
}
|
|
33585
33620
|
return contextActionMenu;
|
|
33586
33621
|
};
|
|
@@ -33619,7 +33654,8 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
|
|
|
33619
33654
|
checkIfItemShouldDragEnd = _ref.checkIfItemShouldDragEnd,
|
|
33620
33655
|
dragScale = _ref.dragScale,
|
|
33621
33656
|
isSelectingShortcut = _ref.isSelectingShortcut,
|
|
33622
|
-
equipmentSet = _ref.equipmentSet
|
|
33657
|
+
equipmentSet = _ref.equipmentSet,
|
|
33658
|
+
isDepotSystem = _ref.isDepotSystem;
|
|
33623
33659
|
var _useState = React.useState(false),
|
|
33624
33660
|
isTooltipVisible = _useState[0],
|
|
33625
33661
|
setTooltipVisible = _useState[1];
|
|
@@ -33629,25 +33665,31 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
|
|
|
33629
33665
|
var _useState3 = React.useState(false),
|
|
33630
33666
|
isContextMenuVisible = _useState3[0],
|
|
33631
33667
|
setIsContextMenuVisible = _useState3[1];
|
|
33632
|
-
var _useState4 = React.useState(
|
|
33633
|
-
|
|
33634
|
-
|
|
33668
|
+
var _useState4 = React.useState({
|
|
33669
|
+
x: 0,
|
|
33670
|
+
y: 0
|
|
33671
|
+
}),
|
|
33672
|
+
contextMenuPosition = _useState4[0],
|
|
33673
|
+
setContextMenuPosition = _useState4[1];
|
|
33635
33674
|
var _useState5 = React.useState(false),
|
|
33636
|
-
|
|
33637
|
-
|
|
33638
|
-
var _useState6 = React.useState(
|
|
33675
|
+
isFocused = _useState5[0],
|
|
33676
|
+
setIsFocused = _useState5[1];
|
|
33677
|
+
var _useState6 = React.useState(false),
|
|
33678
|
+
wasDragged = _useState6[0],
|
|
33679
|
+
setWasDragged = _useState6[1];
|
|
33680
|
+
var _useState7 = React.useState({
|
|
33639
33681
|
x: 0,
|
|
33640
33682
|
y: 0
|
|
33641
33683
|
}),
|
|
33642
|
-
dragPosition =
|
|
33643
|
-
setDragPosition =
|
|
33644
|
-
var
|
|
33645
|
-
dropPosition =
|
|
33646
|
-
setDropPosition =
|
|
33684
|
+
dragPosition = _useState7[0],
|
|
33685
|
+
setDragPosition = _useState7[1];
|
|
33686
|
+
var _useState8 = React.useState(null),
|
|
33687
|
+
dropPosition = _useState8[0],
|
|
33688
|
+
setDropPosition = _useState8[1];
|
|
33647
33689
|
var dragContainer = React.useRef(null);
|
|
33648
|
-
var
|
|
33649
|
-
contextActions =
|
|
33650
|
-
setContextActions =
|
|
33690
|
+
var _useState9 = React.useState([]),
|
|
33691
|
+
contextActions = _useState9[0],
|
|
33692
|
+
setContextActions = _useState9[1];
|
|
33651
33693
|
React.useEffect(function () {
|
|
33652
33694
|
setDragPosition({
|
|
33653
33695
|
x: 0,
|
|
@@ -33655,9 +33697,9 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
|
|
|
33655
33697
|
});
|
|
33656
33698
|
setIsFocused(false);
|
|
33657
33699
|
if (item) {
|
|
33658
|
-
setContextActions(generateContextMenu(item, containerType));
|
|
33700
|
+
setContextActions(generateContextMenu(item, containerType, isDepotSystem));
|
|
33659
33701
|
}
|
|
33660
|
-
}, [item]);
|
|
33702
|
+
}, [item, isDepotSystem]);
|
|
33661
33703
|
React.useEffect(function () {
|
|
33662
33704
|
if (onDrop && item && dropPosition) {
|
|
33663
33705
|
onDrop(item, dropPosition);
|
|
@@ -33839,7 +33881,16 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
|
|
|
33839
33881
|
isTouch = true;
|
|
33840
33882
|
setIsTooltipMobileVisible(true);
|
|
33841
33883
|
}
|
|
33842
|
-
if (!isContextMenuDisabled && !isSelectingShortcut && !isTouch)
|
|
33884
|
+
if (!isContextMenuDisabled && !isSelectingShortcut && !isTouch) {
|
|
33885
|
+
setIsContextMenuVisible(!isContextMenuVisible);
|
|
33886
|
+
var event = e;
|
|
33887
|
+
if (event.clientX && event.clientY) {
|
|
33888
|
+
setContextMenuPosition({
|
|
33889
|
+
x: event.clientX - 10,
|
|
33890
|
+
y: event.clientY - 5
|
|
33891
|
+
});
|
|
33892
|
+
}
|
|
33893
|
+
}
|
|
33843
33894
|
onPointerDown(item.type, containerType, item);
|
|
33844
33895
|
}
|
|
33845
33896
|
},
|
|
@@ -33905,7 +33956,8 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
|
|
|
33905
33956
|
},
|
|
33906
33957
|
onOutsideClick: function onOutsideClick() {
|
|
33907
33958
|
setIsContextMenuVisible(false);
|
|
33908
|
-
}
|
|
33959
|
+
},
|
|
33960
|
+
pos: contextMenuPosition
|
|
33909
33961
|
}));
|
|
33910
33962
|
});
|
|
33911
33963
|
var rarityColor = function rarityColor(item) {
|
|
@@ -34447,7 +34499,10 @@ var EquipmentSet = function EquipmentSet(_ref) {
|
|
|
34447
34499
|
onItemOutsideDrop = _ref.onItemOutsideDrop,
|
|
34448
34500
|
checkIfItemCanBeMoved = _ref.checkIfItemCanBeMoved,
|
|
34449
34501
|
checkIfItemShouldDragEnd = _ref.checkIfItemShouldDragEnd,
|
|
34450
|
-
scale = _ref.scale
|
|
34502
|
+
scale = _ref.scale,
|
|
34503
|
+
initialPosition = _ref.initialPosition,
|
|
34504
|
+
onPositionChangeEnd = _ref.onPositionChangeEnd,
|
|
34505
|
+
onPositionChangeStart = _ref.onPositionChangeStart;
|
|
34451
34506
|
var neck = equipmentSet.neck,
|
|
34452
34507
|
leftHand = equipmentSet.leftHand,
|
|
34453
34508
|
ring = equipmentSet.ring,
|
|
@@ -34514,7 +34569,10 @@ var EquipmentSet = function EquipmentSet(_ref) {
|
|
|
34514
34569
|
},
|
|
34515
34570
|
width: "330px",
|
|
34516
34571
|
cancelDrag: ".equipment-container-body",
|
|
34517
|
-
scale: scale
|
|
34572
|
+
scale: scale,
|
|
34573
|
+
initialPosition: initialPosition,
|
|
34574
|
+
onPositionChangeEnd: onPositionChangeEnd,
|
|
34575
|
+
onPositionChangeStart: onPositionChangeStart
|
|
34518
34576
|
}, React__default.createElement(EquipmentSetContainer, {
|
|
34519
34577
|
className: "equipment-container-body"
|
|
34520
34578
|
}, React__default.createElement(EquipmentColumn, null, onRenderEquipmentSlotRange(0, 3)), React__default.createElement(EquipmentColumn, null, onRenderEquipmentSlotRange(3, 7)), React__default.createElement(EquipmentColumn, null, onRenderEquipmentSlotRange(7, 10))));
|
|
@@ -34528,714 +34586,198 @@ var EquipmentColumn = /*#__PURE__*/styled.div.withConfig({
|
|
|
34528
34586
|
componentId: "sc-1wuddg2-1"
|
|
34529
34587
|
})(["display:flex;justify-content:center;flex-wrap:wrap;flex-direction:column;touch-action:none;"]);
|
|
34530
34588
|
|
|
34531
|
-
var
|
|
34532
|
-
|
|
34533
|
-
|
|
34534
|
-
|
|
34535
|
-
|
|
34536
|
-
|
|
34537
|
-
|
|
34538
|
-
|
|
34539
|
-
|
|
34540
|
-
|
|
34541
|
-
|
|
34542
|
-
|
|
34543
|
-
|
|
34544
|
-
|
|
34545
|
-
|
|
34546
|
-
|
|
34547
|
-
// on every interval, show one more character
|
|
34548
|
-
if (i === 0) {
|
|
34549
|
-
if (onStart) {
|
|
34550
|
-
onStart();
|
|
34551
|
-
}
|
|
34589
|
+
var SlotsContainer = function SlotsContainer(_ref) {
|
|
34590
|
+
var children = _ref.children,
|
|
34591
|
+
title = _ref.title,
|
|
34592
|
+
onClose = _ref.onClose,
|
|
34593
|
+
_onPositionChange = _ref.onPositionChange,
|
|
34594
|
+
_onPositionChangeEnd = _ref.onPositionChangeEnd,
|
|
34595
|
+
_onPositionChangeStart = _ref.onPositionChangeStart,
|
|
34596
|
+
onOutsideClick = _ref.onOutsideClick,
|
|
34597
|
+
initialPosition = _ref.initialPosition,
|
|
34598
|
+
scale = _ref.scale;
|
|
34599
|
+
return React__default.createElement(DraggableContainer, {
|
|
34600
|
+
title: title,
|
|
34601
|
+
type: exports.RPGUIContainerTypes.Framed,
|
|
34602
|
+
onCloseButton: function onCloseButton() {
|
|
34603
|
+
if (onClose) {
|
|
34604
|
+
onClose();
|
|
34552
34605
|
}
|
|
34553
|
-
|
|
34554
|
-
|
|
34555
|
-
|
|
34556
|
-
|
|
34557
|
-
|
|
34558
|
-
|
|
34559
|
-
|
|
34560
|
-
|
|
34606
|
+
},
|
|
34607
|
+
width: "400px",
|
|
34608
|
+
cancelDrag: ".item-container-body, #shortcuts_list",
|
|
34609
|
+
onPositionChange: function onPositionChange(_ref2) {
|
|
34610
|
+
var x = _ref2.x,
|
|
34611
|
+
y = _ref2.y;
|
|
34612
|
+
if (_onPositionChange) {
|
|
34613
|
+
_onPositionChange({
|
|
34614
|
+
x: x,
|
|
34615
|
+
y: y
|
|
34616
|
+
});
|
|
34561
34617
|
}
|
|
34562
|
-
},
|
|
34563
|
-
|
|
34564
|
-
|
|
34565
|
-
|
|
34566
|
-
|
|
34567
|
-
|
|
34618
|
+
},
|
|
34619
|
+
onPositionChangeEnd: function onPositionChangeEnd(_ref3) {
|
|
34620
|
+
var x = _ref3.x,
|
|
34621
|
+
y = _ref3.y;
|
|
34622
|
+
if (_onPositionChangeEnd) {
|
|
34623
|
+
_onPositionChangeEnd({
|
|
34624
|
+
x: x,
|
|
34625
|
+
y: y
|
|
34626
|
+
});
|
|
34627
|
+
}
|
|
34628
|
+
},
|
|
34629
|
+
onPositionChangeStart: function onPositionChangeStart(_ref4) {
|
|
34630
|
+
var x = _ref4.x,
|
|
34631
|
+
y = _ref4.y;
|
|
34632
|
+
if (_onPositionChangeStart) {
|
|
34633
|
+
_onPositionChangeStart({
|
|
34634
|
+
x: x,
|
|
34635
|
+
y: y
|
|
34636
|
+
});
|
|
34637
|
+
}
|
|
34638
|
+
},
|
|
34639
|
+
onOutsideClick: onOutsideClick,
|
|
34640
|
+
initialPosition: initialPosition,
|
|
34641
|
+
scale: scale
|
|
34642
|
+
}, children);
|
|
34568
34643
|
};
|
|
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;"]);
|
|
34573
|
-
|
|
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
34644
|
|
|
34578
|
-
|
|
34579
|
-
|
|
34580
|
-
|
|
34581
|
-
|
|
34582
|
-
|
|
34583
|
-
|
|
34584
|
-
|
|
34585
|
-
|
|
34586
|
-
|
|
34587
|
-
|
|
34588
|
-
|
|
34589
|
-
|
|
34590
|
-
|
|
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]));
|
|
34645
|
+
(function (RangeSliderType) {
|
|
34646
|
+
RangeSliderType["Slider"] = "rpgui-slider";
|
|
34647
|
+
RangeSliderType["GoldSlider"] = "rpgui-slider golden";
|
|
34648
|
+
})(exports.RangeSliderType || (exports.RangeSliderType = {}));
|
|
34649
|
+
var RangeSlider = function RangeSlider(_ref) {
|
|
34650
|
+
var type = _ref.type,
|
|
34651
|
+
valueMin = _ref.valueMin,
|
|
34652
|
+
valueMax = _ref.valueMax,
|
|
34653
|
+
width = _ref.width,
|
|
34654
|
+
_onChange = _ref.onChange,
|
|
34655
|
+
value = _ref.value;
|
|
34656
|
+
var sliderId = uuid.v4();
|
|
34657
|
+
var containerRef = React.useRef(null);
|
|
34598
34658
|
var _useState = React.useState(0),
|
|
34599
|
-
|
|
34600
|
-
|
|
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
|
-
};
|
|
34659
|
+
left = _useState[0],
|
|
34660
|
+
setLeft = _useState[1];
|
|
34617
34661
|
React.useEffect(function () {
|
|
34618
|
-
|
|
34619
|
-
|
|
34620
|
-
|
|
34621
|
-
|
|
34622
|
-
|
|
34623
|
-
|
|
34624
|
-
|
|
34625
|
-
|
|
34626
|
-
|
|
34627
|
-
text: (textChunks == null ? void 0 : textChunks[chunkIndex]) || '',
|
|
34628
|
-
onFinish: function onFinish() {
|
|
34629
|
-
setShowGoNextIndicator(true);
|
|
34630
|
-
onEndStep && onEndStep();
|
|
34662
|
+
var _containerRef$current;
|
|
34663
|
+
var calculatedWidth = ((_containerRef$current = containerRef.current) == null ? void 0 : _containerRef$current.clientWidth) || 0;
|
|
34664
|
+
setLeft(Math.max((value - valueMin) / (valueMax - valueMin) * (calculatedWidth - 35) + 10));
|
|
34665
|
+
}, [value, valueMin, valueMax]);
|
|
34666
|
+
var typeClass = type === exports.RangeSliderType.GoldSlider ? 'golden' : '';
|
|
34667
|
+
return React__default.createElement("div", {
|
|
34668
|
+
style: {
|
|
34669
|
+
width: width,
|
|
34670
|
+
position: 'relative'
|
|
34631
34671
|
},
|
|
34632
|
-
|
|
34633
|
-
|
|
34634
|
-
|
|
34672
|
+
className: "rpgui-slider-container " + typeClass,
|
|
34673
|
+
id: "rpgui-slider-" + sliderId,
|
|
34674
|
+
ref: containerRef
|
|
34675
|
+
}, React__default.createElement("div", {
|
|
34676
|
+
style: {
|
|
34677
|
+
pointerEvents: 'none'
|
|
34635
34678
|
}
|
|
34636
|
-
}
|
|
34637
|
-
|
|
34638
|
-
|
|
34639
|
-
|
|
34640
|
-
|
|
34679
|
+
}, React__default.createElement("div", {
|
|
34680
|
+
className: "rpgui-slider-track " + typeClass
|
|
34681
|
+
}), React__default.createElement("div", {
|
|
34682
|
+
className: "rpgui-slider-left-edge " + typeClass
|
|
34683
|
+
}), React__default.createElement("div", {
|
|
34684
|
+
className: "rpgui-slider-right-edge " + typeClass
|
|
34685
|
+
}), React__default.createElement("div", {
|
|
34686
|
+
className: "rpgui-slider-thumb " + typeClass,
|
|
34687
|
+
style: {
|
|
34688
|
+
left: left
|
|
34641
34689
|
}
|
|
34690
|
+
})), React__default.createElement(Input$1, {
|
|
34691
|
+
type: "range",
|
|
34692
|
+
style: {
|
|
34693
|
+
width: width
|
|
34694
|
+
},
|
|
34695
|
+
min: valueMin,
|
|
34696
|
+
max: valueMax,
|
|
34697
|
+
onChange: function onChange(e) {
|
|
34698
|
+
return _onChange(Number(e.target.value));
|
|
34699
|
+
},
|
|
34700
|
+
value: value,
|
|
34701
|
+
className: "rpgui-cursor-point"
|
|
34642
34702
|
}));
|
|
34643
34703
|
};
|
|
34644
|
-
var
|
|
34645
|
-
displayName: "
|
|
34646
|
-
componentId: "sc-
|
|
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
|
-
});
|
|
34704
|
+
var Input$1 = /*#__PURE__*/styled.input.withConfig({
|
|
34705
|
+
displayName: "RangeSlider__Input",
|
|
34706
|
+
componentId: "sc-v8mte9-0"
|
|
34707
|
+
})(["opacity:0;position:absolute;width:100%;height:100%;top:0;left:0;margin-top:-5px;"]);
|
|
34655
34708
|
|
|
34656
|
-
|
|
34657
|
-
var
|
|
34658
|
-
|
|
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,
|
|
34709
|
+
var ItemQuantitySelector = function ItemQuantitySelector(_ref) {
|
|
34710
|
+
var quantity = _ref.quantity,
|
|
34711
|
+
onConfirm = _ref.onConfirm,
|
|
34680
34712
|
onClose = _ref.onClose;
|
|
34681
|
-
var _useState = React.useState(
|
|
34682
|
-
|
|
34683
|
-
|
|
34684
|
-
var
|
|
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];
|
|
34713
|
+
var _useState = React.useState(quantity),
|
|
34714
|
+
value = _useState[0],
|
|
34715
|
+
setValue = _useState[1];
|
|
34716
|
+
var inputRef = React.useRef(null);
|
|
34699
34717
|
React.useEffect(function () {
|
|
34700
|
-
|
|
34701
|
-
|
|
34702
|
-
|
|
34703
|
-
|
|
34704
|
-
|
|
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)) {
|
|
34718
|
+
if (inputRef.current) {
|
|
34719
|
+
inputRef.current.focus();
|
|
34720
|
+
inputRef.current.select();
|
|
34721
|
+
var closeSelector = function closeSelector(e) {
|
|
34722
|
+
if (e.key === 'Escape') {
|
|
34745
34723
|
onClose();
|
|
34746
|
-
return;
|
|
34747
|
-
} else {
|
|
34748
|
-
setCurrentQuestion(questions.find(function (question) {
|
|
34749
|
-
return question.id === currentAnswer.nextQuestionId;
|
|
34750
|
-
}));
|
|
34751
34724
|
}
|
|
34752
|
-
|
|
34753
|
-
|
|
34754
|
-
|
|
34755
|
-
|
|
34756
|
-
|
|
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;
|
|
34725
|
+
};
|
|
34726
|
+
document.addEventListener('keydown', closeSelector);
|
|
34727
|
+
return function () {
|
|
34728
|
+
document.removeEventListener('keydown', closeSelector);
|
|
34729
|
+
};
|
|
34776
34730
|
}
|
|
34777
|
-
return
|
|
34778
|
-
|
|
34779
|
-
|
|
34780
|
-
|
|
34781
|
-
|
|
34782
|
-
|
|
34783
|
-
|
|
34784
|
-
|
|
34785
|
-
|
|
34786
|
-
|
|
34787
|
-
|
|
34788
|
-
return onAnswerClick(answer);
|
|
34789
|
-
},
|
|
34790
|
-
color: selectedColor
|
|
34791
|
-
}, answer.text));
|
|
34792
|
-
}
|
|
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);
|
|
34731
|
+
return function () {};
|
|
34732
|
+
}, []);
|
|
34733
|
+
return React__default.createElement(StyledContainer, {
|
|
34734
|
+
type: exports.RPGUIContainerTypes.Framed,
|
|
34735
|
+
width: "25rem"
|
|
34736
|
+
}, React__default.createElement(CloseButton$2, {
|
|
34737
|
+
className: "container-close",
|
|
34738
|
+
onPointerDown: onClose
|
|
34739
|
+
}, "X"), React__default.createElement("h2", null, "Select quantity to move"), React__default.createElement(StyledForm, {
|
|
34740
|
+
style: {
|
|
34741
|
+
width: '100%'
|
|
34800
34742
|
},
|
|
34801
|
-
|
|
34802
|
-
|
|
34803
|
-
|
|
34804
|
-
|
|
34805
|
-
|
|
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;}"]);
|
|
34834
|
-
|
|
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();
|
|
34743
|
+
onSubmit: function onSubmit(e) {
|
|
34744
|
+
e.preventDefault();
|
|
34745
|
+
var numberValue = Number(value);
|
|
34746
|
+
if (Number.isNaN(numberValue)) {
|
|
34747
|
+
return;
|
|
34862
34748
|
}
|
|
34863
|
-
|
|
34864
|
-
|
|
34865
|
-
|
|
34866
|
-
}
|
|
34867
|
-
|
|
34868
|
-
|
|
34869
|
-
type:
|
|
34870
|
-
|
|
34871
|
-
|
|
34872
|
-
|
|
34873
|
-
|
|
34749
|
+
onConfirm(Math.max(1, Math.min(quantity, numberValue)));
|
|
34750
|
+
},
|
|
34751
|
+
noValidate: true
|
|
34752
|
+
}, React__default.createElement(StyledInput, {
|
|
34753
|
+
innerRef: inputRef,
|
|
34754
|
+
placeholder: "Enter quantity",
|
|
34755
|
+
type: "number",
|
|
34756
|
+
min: 1,
|
|
34757
|
+
max: quantity,
|
|
34758
|
+
value: value,
|
|
34759
|
+
onChange: function onChange(e) {
|
|
34760
|
+
if (Number(e.target.value) >= quantity) {
|
|
34761
|
+
setValue(quantity);
|
|
34762
|
+
return;
|
|
34874
34763
|
}
|
|
34764
|
+
setValue(e.target.value);
|
|
34765
|
+
},
|
|
34766
|
+
onBlur: function onBlur(e) {
|
|
34767
|
+
var newValue = Math.max(1, Math.min(quantity, Number(e.target.value)));
|
|
34768
|
+
setValue(newValue);
|
|
34875
34769
|
}
|
|
34876
|
-
})
|
|
34877
|
-
|
|
34878
|
-
|
|
34879
|
-
|
|
34880
|
-
|
|
34881
|
-
|
|
34882
|
-
|
|
34883
|
-
})(
|
|
34884
|
-
|
|
34885
|
-
|
|
34886
|
-
|
|
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")));
|
|
34770
|
+
}), React__default.createElement(RangeSlider, {
|
|
34771
|
+
type: exports.RangeSliderType.Slider,
|
|
34772
|
+
valueMin: 1,
|
|
34773
|
+
valueMax: quantity,
|
|
34774
|
+
width: "100%",
|
|
34775
|
+
onChange: setValue,
|
|
34776
|
+
value: value
|
|
34777
|
+
}), React__default.createElement(Button, {
|
|
34778
|
+
buttonType: exports.ButtonTypes.RPGUIButton,
|
|
34779
|
+
type: "submit"
|
|
34780
|
+
}, "Confirm")));
|
|
35239
34781
|
};
|
|
35240
34782
|
var StyledContainer = /*#__PURE__*/styled(RPGUIContainer).withConfig({
|
|
35241
34783
|
displayName: "ItemQuantitySelector__StyledContainer",
|
|
@@ -35288,7 +34830,7 @@ var ShortcutsSetter = function ShortcutsSetter(_ref) {
|
|
|
35288
34830
|
return word[0];
|
|
35289
34831
|
}));
|
|
35290
34832
|
};
|
|
35291
|
-
return React__default.createElement(Container$
|
|
34833
|
+
return React__default.createElement(Container$e, null, React__default.createElement("p", null, "Shortcuts:"), React__default.createElement(List, {
|
|
35292
34834
|
id: "shortcuts_list"
|
|
35293
34835
|
}, Array.from({
|
|
35294
34836
|
length: 6
|
|
@@ -35304,7 +34846,7 @@ var ShortcutsSetter = function ShortcutsSetter(_ref) {
|
|
|
35304
34846
|
}, getContent(i));
|
|
35305
34847
|
})));
|
|
35306
34848
|
};
|
|
35307
|
-
var Container$
|
|
34849
|
+
var Container$e = /*#__PURE__*/styled.div.withConfig({
|
|
35308
34850
|
displayName: "ShortcutsSetter__Container",
|
|
35309
34851
|
componentId: "sc-xuouuf-0"
|
|
35310
34852
|
})(["p{margin:0;margin-left:0.5rem;}"]);
|
|
@@ -35342,7 +34884,10 @@ var ItemContainer$1 = function ItemContainer(_ref) {
|
|
|
35342
34884
|
shortcuts = _ref.shortcuts,
|
|
35343
34885
|
setItemShortcut = _ref.setItemShortcut,
|
|
35344
34886
|
removeShortcut = _ref.removeShortcut,
|
|
35345
|
-
equipmentSet = _ref.equipmentSet
|
|
34887
|
+
equipmentSet = _ref.equipmentSet,
|
|
34888
|
+
isDepotSystem = _ref.isDepotSystem,
|
|
34889
|
+
onPositionChangeEnd = _ref.onPositionChangeEnd,
|
|
34890
|
+
onPositionChangeStart = _ref.onPositionChangeStart;
|
|
35346
34891
|
var _useState = React.useState({
|
|
35347
34892
|
isOpen: false,
|
|
35348
34893
|
maxQuantity: 1,
|
|
@@ -35402,7 +34947,8 @@ var ItemContainer$1 = function ItemContainer(_ref) {
|
|
|
35402
34947
|
atlasIMG: atlasIMG,
|
|
35403
34948
|
atlasJSON: atlasJSON,
|
|
35404
34949
|
isSelectingShortcut: settingShortcutIndex !== -1,
|
|
35405
|
-
equipmentSet: equipmentSet
|
|
34950
|
+
equipmentSet: equipmentSet,
|
|
34951
|
+
isDepotSystem: isDepotSystem
|
|
35406
34952
|
}));
|
|
35407
34953
|
}
|
|
35408
34954
|
return slots;
|
|
@@ -35411,7 +34957,9 @@ var ItemContainer$1 = function ItemContainer(_ref) {
|
|
|
35411
34957
|
title: itemContainer.name || 'Container',
|
|
35412
34958
|
onClose: onClose,
|
|
35413
34959
|
initialPosition: initialPosition,
|
|
35414
|
-
scale: scale
|
|
34960
|
+
scale: scale,
|
|
34961
|
+
onPositionChangeEnd: onPositionChangeEnd,
|
|
34962
|
+
onPositionChangeStart: onPositionChangeStart
|
|
35415
34963
|
}, type === shared.ItemContainerType.Inventory && shortcuts && removeShortcut && React__default.createElement(ShortcutsSetter, {
|
|
35416
34964
|
setSettingShortcutIndex: setSettingShortcutIndex,
|
|
35417
34965
|
settingShortcutIndex: settingShortcutIndex,
|
|
@@ -35441,135 +34989,460 @@ var ItemContainer$1 = function ItemContainer(_ref) {
|
|
|
35441
34989
|
}
|
|
35442
34990
|
}))));
|
|
35443
34991
|
};
|
|
35444
|
-
var ItemsContainer = /*#__PURE__*/styled.div.withConfig({
|
|
35445
|
-
displayName: "ItemContainer__ItemsContainer",
|
|
35446
|
-
componentId: "sc-15y5p9l-0"
|
|
35447
|
-
})(["display:flex;justify-content:center;flex-wrap:wrap;"]);
|
|
35448
|
-
var QuantitySelectorContainer = /*#__PURE__*/styled.div.withConfig({
|
|
35449
|
-
displayName: "ItemContainer__QuantitySelectorContainer",
|
|
35450
|
-
componentId: "sc-15y5p9l-1"
|
|
35451
|
-
})(["position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:100;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.5);"]);
|
|
34992
|
+
var ItemsContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34993
|
+
displayName: "ItemContainer__ItemsContainer",
|
|
34994
|
+
componentId: "sc-15y5p9l-0"
|
|
34995
|
+
})(["display:flex;justify-content:center;flex-wrap:wrap;"]);
|
|
34996
|
+
var QuantitySelectorContainer = /*#__PURE__*/styled.div.withConfig({
|
|
34997
|
+
displayName: "ItemContainer__QuantitySelectorContainer",
|
|
34998
|
+
componentId: "sc-15y5p9l-1"
|
|
34999
|
+
})(["position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:100;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.5);"]);
|
|
35000
|
+
|
|
35001
|
+
var ItemSelector = function ItemSelector(_ref) {
|
|
35002
|
+
var atlasIMG = _ref.atlasIMG,
|
|
35003
|
+
atlasJSON = _ref.atlasJSON,
|
|
35004
|
+
options = _ref.options,
|
|
35005
|
+
onClose = _ref.onClose,
|
|
35006
|
+
onSelect = _ref.onSelect;
|
|
35007
|
+
var _useState = React.useState(),
|
|
35008
|
+
selectedValue = _useState[0],
|
|
35009
|
+
setSelectedValue = _useState[1];
|
|
35010
|
+
var handleClick = function handleClick() {
|
|
35011
|
+
var element = document.querySelector("input[name='test']:checked");
|
|
35012
|
+
var elementValue = element.value;
|
|
35013
|
+
setSelectedValue(elementValue);
|
|
35014
|
+
};
|
|
35015
|
+
React.useEffect(function () {
|
|
35016
|
+
if (selectedValue) {
|
|
35017
|
+
onSelect(selectedValue);
|
|
35018
|
+
}
|
|
35019
|
+
}, [selectedValue]);
|
|
35020
|
+
return React__default.createElement(DraggableContainer, {
|
|
35021
|
+
type: exports.RPGUIContainerTypes.Framed,
|
|
35022
|
+
width: "500px",
|
|
35023
|
+
cancelDrag: ".equipment-container-body .arrow-selector",
|
|
35024
|
+
onCloseButton: function onCloseButton() {
|
|
35025
|
+
if (onClose) {
|
|
35026
|
+
onClose();
|
|
35027
|
+
}
|
|
35028
|
+
}
|
|
35029
|
+
}, React__default.createElement("div", {
|
|
35030
|
+
style: {
|
|
35031
|
+
width: '100%'
|
|
35032
|
+
}
|
|
35033
|
+
}, React__default.createElement(Title$3, null, 'Harvesting instruments'), React__default.createElement(Subtitle$1, null, 'Use the tool, you need it'), React__default.createElement("hr", {
|
|
35034
|
+
className: "golden"
|
|
35035
|
+
})), React__default.createElement(RadioInputScroller$1, null, options == null ? void 0 : options.map(function (option, index) {
|
|
35036
|
+
return React__default.createElement(RadioOptionsWrapper$1, {
|
|
35037
|
+
key: index
|
|
35038
|
+
}, React__default.createElement(SpriteAtlasWrapper$1, null, React__default.createElement(SpriteFromAtlas, {
|
|
35039
|
+
atlasIMG: atlasIMG,
|
|
35040
|
+
atlasJSON: atlasJSON,
|
|
35041
|
+
spriteKey: option.imageKey,
|
|
35042
|
+
imgScale: 3
|
|
35043
|
+
})), React__default.createElement("div", null, React__default.createElement("input", {
|
|
35044
|
+
className: "rpgui-radio",
|
|
35045
|
+
type: "radio",
|
|
35046
|
+
value: option.name,
|
|
35047
|
+
name: "test"
|
|
35048
|
+
}), React__default.createElement("label", {
|
|
35049
|
+
onPointerDown: handleClick,
|
|
35050
|
+
style: {
|
|
35051
|
+
display: 'flex',
|
|
35052
|
+
alignItems: 'center'
|
|
35053
|
+
}
|
|
35054
|
+
}, option.name, " ", React__default.createElement("br", null), option.description)));
|
|
35055
|
+
})), React__default.createElement(ButtonWrapper$1, null, React__default.createElement(Button, {
|
|
35056
|
+
buttonType: exports.ButtonTypes.RPGUIButton,
|
|
35057
|
+
onPointerDown: onClose
|
|
35058
|
+
}, "Cancel"), React__default.createElement(Button, {
|
|
35059
|
+
buttonType: exports.ButtonTypes.RPGUIButton
|
|
35060
|
+
}, "Select")));
|
|
35061
|
+
};
|
|
35062
|
+
var Title$3 = /*#__PURE__*/styled.h1.withConfig({
|
|
35063
|
+
displayName: "ItemSelector__Title",
|
|
35064
|
+
componentId: "sc-gptoxp-0"
|
|
35065
|
+
})(["font-size:0.6rem;color:yellow !important;"]);
|
|
35066
|
+
var Subtitle$1 = /*#__PURE__*/styled.h1.withConfig({
|
|
35067
|
+
displayName: "ItemSelector__Subtitle",
|
|
35068
|
+
componentId: "sc-gptoxp-1"
|
|
35069
|
+
})(["font-size:0.4rem;color:yellow !important;"]);
|
|
35070
|
+
var RadioInputScroller$1 = /*#__PURE__*/styled.div.withConfig({
|
|
35071
|
+
displayName: "ItemSelector__RadioInputScroller",
|
|
35072
|
+
componentId: "sc-gptoxp-2"
|
|
35073
|
+
})(["padding-left:15px;padding-top:10px;width:100%;margin-top:1rem;align-items:center;margin-left:20px;align-items:flex-start;overflow-y:scroll;height:360px;"]);
|
|
35074
|
+
var SpriteAtlasWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
35075
|
+
displayName: "ItemSelector__SpriteAtlasWrapper",
|
|
35076
|
+
componentId: "sc-gptoxp-3"
|
|
35077
|
+
})(["margin-right:40px;"]);
|
|
35078
|
+
var RadioOptionsWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
35079
|
+
displayName: "ItemSelector__RadioOptionsWrapper",
|
|
35080
|
+
componentId: "sc-gptoxp-4"
|
|
35081
|
+
})(["display:flex;align-items:stretch;margin-bottom:40px;"]);
|
|
35082
|
+
var ButtonWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
35083
|
+
displayName: "ItemSelector__ButtonWrapper",
|
|
35084
|
+
componentId: "sc-gptoxp-5"
|
|
35085
|
+
})(["display:flex;justify-content:space-around;padding-top:20px;width:100%;"]);
|
|
35086
|
+
|
|
35087
|
+
var ListMenu = function ListMenu(_ref) {
|
|
35088
|
+
var options = _ref.options,
|
|
35089
|
+
onSelected = _ref.onSelected,
|
|
35090
|
+
x = _ref.x,
|
|
35091
|
+
y = _ref.y;
|
|
35092
|
+
return React__default.createElement(Container$f, {
|
|
35093
|
+
x: x,
|
|
35094
|
+
y: y
|
|
35095
|
+
}, React__default.createElement("ul", {
|
|
35096
|
+
className: "rpgui-list-imp",
|
|
35097
|
+
style: {
|
|
35098
|
+
overflow: 'hidden'
|
|
35099
|
+
}
|
|
35100
|
+
}, options.map(function (params, index) {
|
|
35101
|
+
return React__default.createElement(ListElement$1, {
|
|
35102
|
+
key: (params == null ? void 0 : params.id) || index,
|
|
35103
|
+
onPointerDown: function onPointerDown() {
|
|
35104
|
+
onSelected(params == null ? void 0 : params.id);
|
|
35105
|
+
}
|
|
35106
|
+
}, (params == null ? void 0 : params.text) || 'No text');
|
|
35107
|
+
})));
|
|
35108
|
+
};
|
|
35109
|
+
var Container$f = /*#__PURE__*/styled.div.withConfig({
|
|
35110
|
+
displayName: "ListMenu__Container",
|
|
35111
|
+
componentId: "sc-i9097t-0"
|
|
35112
|
+
})(["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) {
|
|
35113
|
+
return props.y || 0;
|
|
35114
|
+
}, function (props) {
|
|
35115
|
+
return props.x || 0;
|
|
35116
|
+
}, uiFonts.size.xsmall);
|
|
35117
|
+
var ListElement$1 = /*#__PURE__*/styled.li.withConfig({
|
|
35118
|
+
displayName: "ListMenu__ListElement",
|
|
35119
|
+
componentId: "sc-i9097t-1"
|
|
35120
|
+
})(["margin-right:0.5rem;"]);
|
|
35121
|
+
|
|
35122
|
+
var img$6 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAP1BMVEUAAAA7FyVxQTsUEBPj5v////+5v/tCJDOOUlIiHBr1oJfptaO6dWr61rhzFy1bMTjoanMUNGQoXMQkn97+88DQ3IhAAAAAAXRSTlMAQObYZgAAAAFiS0dEBfhv6ccAAAAHdElNRQfmAw4VOBC7c5LYAAABM0lEQVQ4y3XRi5KDIAwFUAUkbrBgpP//rZsHVHQ009qZ3tPboNN0zmwzvcw8O5sX4y0NOg/Et3jRCXF+ziULorjkOQ9gE24dvuUAzq08DiCO4pe3WN7zCP56vmpubBReQYC11YPS86ySxxCsAABTSgjb5m4g8nfbxvFHBkH2OEEvAItVuCuIsgGgl+Gcr7kDXxhEAx55A2SQEEeQeZwUaIP8Tbo05B0RFPhItAjgj1w6cDnhLluDj+Egkh3pCCP4pKQAw1IPO0W9Nti5gW9RP2dKA3BZd2Dw+baYX+Nt4GM00O4S3kEpF6Alb2Bv4LeC3kkGfAW0/p0RPoJVKr63ghHsKuRh5DIUKOAlGOwrtt9fQekAEfmhZslHUDoglB0zjfkJigN7UnTQQ4GBWomoVhEN/AOPSBh38gy+fwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wMy0xNFQyMTo1NTo1MSswMDowMJcc0eEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDMtMTRUMjE6NTU6NTErMDA6MDDmQWldAAAAAElFTkSuQmCC';
|
|
35123
|
+
|
|
35124
|
+
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';
|
|
35125
|
+
|
|
35126
|
+
(function (ImgSide) {
|
|
35127
|
+
ImgSide["right"] = "right";
|
|
35128
|
+
ImgSide["left"] = "left";
|
|
35129
|
+
})(exports.ImgSide || (exports.ImgSide = {}));
|
|
35130
|
+
var NPCMultiDialog = function NPCMultiDialog(_ref) {
|
|
35131
|
+
var _textAndTypeArray$sli;
|
|
35132
|
+
var _onClose = _ref.onClose,
|
|
35133
|
+
textAndTypeArray = _ref.textAndTypeArray;
|
|
35134
|
+
var _useState = React.useState(false),
|
|
35135
|
+
showGoNextIndicator = _useState[0],
|
|
35136
|
+
setShowGoNextIndicator = _useState[1];
|
|
35137
|
+
var _useState2 = React.useState(0),
|
|
35138
|
+
slide = _useState2[0],
|
|
35139
|
+
setSlide = _useState2[1];
|
|
35140
|
+
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
35141
|
+
if (event.code === 'Space') {
|
|
35142
|
+
if (slide < (textAndTypeArray == null ? void 0 : textAndTypeArray.length) - 1) {
|
|
35143
|
+
setSlide(function (prev) {
|
|
35144
|
+
return prev + 1;
|
|
35145
|
+
});
|
|
35146
|
+
} else {
|
|
35147
|
+
// if there's no more text chunks, close the dialog
|
|
35148
|
+
_onClose();
|
|
35149
|
+
}
|
|
35150
|
+
}
|
|
35151
|
+
};
|
|
35152
|
+
React.useEffect(function () {
|
|
35153
|
+
document.addEventListener('keydown', onHandleSpacePress);
|
|
35154
|
+
return function () {
|
|
35155
|
+
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
35156
|
+
};
|
|
35157
|
+
}, [slide]);
|
|
35158
|
+
return React__default.createElement(RPGUIContainer, {
|
|
35159
|
+
type: exports.RPGUIContainerTypes.FramedGold,
|
|
35160
|
+
width: '50%',
|
|
35161
|
+
height: '180px'
|
|
35162
|
+
}, React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$g, null, ((_textAndTypeArray$sli = textAndTypeArray[slide]) == null ? void 0 : _textAndTypeArray$sli.imageSide) === 'right' && React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer, {
|
|
35163
|
+
flex: '70%'
|
|
35164
|
+
}, React__default.createElement(NPCDialogText, {
|
|
35165
|
+
onStartStep: function onStartStep() {
|
|
35166
|
+
return setShowGoNextIndicator(false);
|
|
35167
|
+
},
|
|
35168
|
+
onEndStep: function onEndStep() {
|
|
35169
|
+
return setShowGoNextIndicator(true);
|
|
35170
|
+
},
|
|
35171
|
+
text: textAndTypeArray[slide].text || 'No text provided.',
|
|
35172
|
+
onClose: function onClose() {
|
|
35173
|
+
if (_onClose) {
|
|
35174
|
+
_onClose();
|
|
35175
|
+
}
|
|
35176
|
+
}
|
|
35177
|
+
})), React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
|
|
35178
|
+
src: textAndTypeArray[slide].imagePath || img$6
|
|
35179
|
+
})), showGoNextIndicator && React__default.createElement(PressSpaceIndicator, {
|
|
35180
|
+
right: '10.5rem',
|
|
35181
|
+
src: img$7
|
|
35182
|
+
})), textAndTypeArray[slide].imageSide === 'left' && React__default.createElement(React__default.Fragment, null, React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
|
|
35183
|
+
src: textAndTypeArray[slide].imagePath || img$6
|
|
35184
|
+
})), React__default.createElement(TextContainer, {
|
|
35185
|
+
flex: '70%'
|
|
35186
|
+
}, React__default.createElement(NPCDialogText, {
|
|
35187
|
+
onStartStep: function onStartStep() {
|
|
35188
|
+
return setShowGoNextIndicator(false);
|
|
35189
|
+
},
|
|
35190
|
+
onEndStep: function onEndStep() {
|
|
35191
|
+
return setShowGoNextIndicator(true);
|
|
35192
|
+
},
|
|
35193
|
+
text: textAndTypeArray[slide].text || 'No text provided.',
|
|
35194
|
+
onClose: function onClose() {
|
|
35195
|
+
if (_onClose) {
|
|
35196
|
+
_onClose();
|
|
35197
|
+
}
|
|
35198
|
+
}
|
|
35199
|
+
})), showGoNextIndicator && React__default.createElement(PressSpaceIndicator, {
|
|
35200
|
+
right: '1rem',
|
|
35201
|
+
src: img$7
|
|
35202
|
+
}))), ")"));
|
|
35203
|
+
};
|
|
35204
|
+
var Container$g = /*#__PURE__*/styled.div.withConfig({
|
|
35205
|
+
displayName: "NPCMultiDialog__Container",
|
|
35206
|
+
componentId: "sc-rvu5wg-0"
|
|
35207
|
+
})(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
|
|
35208
|
+
var TextContainer = /*#__PURE__*/styled.div.withConfig({
|
|
35209
|
+
displayName: "NPCMultiDialog__TextContainer",
|
|
35210
|
+
componentId: "sc-rvu5wg-1"
|
|
35211
|
+
})(["flex:", " 0 0;width:355px;"], function (_ref2) {
|
|
35212
|
+
var flex = _ref2.flex;
|
|
35213
|
+
return flex;
|
|
35214
|
+
});
|
|
35215
|
+
var ThumbnailContainer = /*#__PURE__*/styled.div.withConfig({
|
|
35216
|
+
displayName: "NPCMultiDialog__ThumbnailContainer",
|
|
35217
|
+
componentId: "sc-rvu5wg-2"
|
|
35218
|
+
})(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
|
|
35219
|
+
var NPCThumbnail = /*#__PURE__*/styled.img.withConfig({
|
|
35220
|
+
displayName: "NPCMultiDialog__NPCThumbnail",
|
|
35221
|
+
componentId: "sc-rvu5wg-3"
|
|
35222
|
+
})(["image-rendering:pixelated;height:128px;width:128px;"]);
|
|
35223
|
+
var PressSpaceIndicator = /*#__PURE__*/styled.img.withConfig({
|
|
35224
|
+
displayName: "NPCMultiDialog__PressSpaceIndicator",
|
|
35225
|
+
componentId: "sc-rvu5wg-4"
|
|
35226
|
+
})(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref3) {
|
|
35227
|
+
var right = _ref3.right;
|
|
35228
|
+
return right;
|
|
35229
|
+
});
|
|
35230
|
+
|
|
35231
|
+
//@ts-ignore
|
|
35232
|
+
var useEventListener = function useEventListener(type, handler, el) {
|
|
35233
|
+
if (el === void 0) {
|
|
35234
|
+
el = window;
|
|
35235
|
+
}
|
|
35236
|
+
var savedHandler = React__default.useRef();
|
|
35237
|
+
React__default.useEffect(function () {
|
|
35238
|
+
savedHandler.current = handler;
|
|
35239
|
+
}, [handler]);
|
|
35240
|
+
React__default.useEffect(function () {
|
|
35241
|
+
//@ts-ignore
|
|
35242
|
+
var listener = function listener(e) {
|
|
35243
|
+
return savedHandler.current(e);
|
|
35244
|
+
};
|
|
35245
|
+
el.addEventListener(type, listener);
|
|
35246
|
+
return function () {
|
|
35247
|
+
el.removeEventListener(type, listener);
|
|
35248
|
+
};
|
|
35249
|
+
}, [type, el]);
|
|
35250
|
+
};
|
|
35251
|
+
|
|
35252
|
+
var DynamicText = function DynamicText(_ref) {
|
|
35253
|
+
var text = _ref.text,
|
|
35254
|
+
onFinish = _ref.onFinish,
|
|
35255
|
+
onStart = _ref.onStart;
|
|
35256
|
+
var _useState = React.useState(''),
|
|
35257
|
+
textState = _useState[0],
|
|
35258
|
+
setTextState = _useState[1];
|
|
35259
|
+
React.useEffect(function () {
|
|
35260
|
+
var i = 0;
|
|
35261
|
+
var interval = setInterval(function () {
|
|
35262
|
+
// on every interval, show one more character
|
|
35263
|
+
if (i === 0) {
|
|
35264
|
+
if (onStart) {
|
|
35265
|
+
onStart();
|
|
35266
|
+
}
|
|
35267
|
+
}
|
|
35268
|
+
if (i < text.length) {
|
|
35269
|
+
setTextState(text.substring(0, i + 1));
|
|
35270
|
+
i++;
|
|
35271
|
+
} else {
|
|
35272
|
+
clearInterval(interval);
|
|
35273
|
+
if (onFinish) {
|
|
35274
|
+
onFinish();
|
|
35275
|
+
}
|
|
35276
|
+
}
|
|
35277
|
+
}, 50);
|
|
35278
|
+
return function () {
|
|
35279
|
+
clearInterval(interval);
|
|
35280
|
+
};
|
|
35281
|
+
}, [text]);
|
|
35282
|
+
return React__default.createElement(TextContainer$1, null, textState);
|
|
35283
|
+
};
|
|
35284
|
+
var TextContainer$1 = /*#__PURE__*/styled.p.withConfig({
|
|
35285
|
+
displayName: "DynamicText__TextContainer",
|
|
35286
|
+
componentId: "sc-1ggl9nd-0"
|
|
35287
|
+
})(["font-size:0.7rem !important;color:white;text-shadow:1px 1px 0px #000000;letter-spacing:1.2px;word-break:normal;"]);
|
|
35452
35288
|
|
|
35453
|
-
var
|
|
35454
|
-
var
|
|
35455
|
-
|
|
35456
|
-
|
|
35457
|
-
|
|
35458
|
-
|
|
35459
|
-
|
|
35460
|
-
|
|
35461
|
-
|
|
35462
|
-
|
|
35463
|
-
|
|
35464
|
-
|
|
35465
|
-
|
|
35289
|
+
var QuestionDialog = function QuestionDialog(_ref) {
|
|
35290
|
+
var questions = _ref.questions,
|
|
35291
|
+
answers = _ref.answers,
|
|
35292
|
+
onClose = _ref.onClose;
|
|
35293
|
+
var _useState = React.useState(questions[0]),
|
|
35294
|
+
currentQuestion = _useState[0],
|
|
35295
|
+
setCurrentQuestion = _useState[1];
|
|
35296
|
+
var _useState2 = React.useState(false),
|
|
35297
|
+
canShowAnswers = _useState2[0],
|
|
35298
|
+
setCanShowAnswers = _useState2[1];
|
|
35299
|
+
var onGetFirstAnswer = function onGetFirstAnswer() {
|
|
35300
|
+
if (!currentQuestion.answerIds || currentQuestion.answerIds.length === 0) {
|
|
35301
|
+
return null;
|
|
35302
|
+
}
|
|
35303
|
+
var firstAnswerId = currentQuestion.answerIds[0];
|
|
35304
|
+
return answers.find(function (answer) {
|
|
35305
|
+
return answer.id === firstAnswerId;
|
|
35306
|
+
});
|
|
35466
35307
|
};
|
|
35308
|
+
var _useState3 = React.useState(onGetFirstAnswer()),
|
|
35309
|
+
currentAnswer = _useState3[0],
|
|
35310
|
+
setCurrentAnswer = _useState3[1];
|
|
35467
35311
|
React.useEffect(function () {
|
|
35468
|
-
|
|
35469
|
-
|
|
35312
|
+
setCurrentAnswer(onGetFirstAnswer());
|
|
35313
|
+
}, [currentQuestion]);
|
|
35314
|
+
var onGetAnswers = function onGetAnswers(answerIds) {
|
|
35315
|
+
return answerIds.map(function (answerId) {
|
|
35316
|
+
return answers.find(function (answer) {
|
|
35317
|
+
return answer.id === answerId;
|
|
35318
|
+
});
|
|
35319
|
+
});
|
|
35320
|
+
};
|
|
35321
|
+
var onKeyPress = function onKeyPress(e) {
|
|
35322
|
+
switch (e.key) {
|
|
35323
|
+
case 'ArrowDown':
|
|
35324
|
+
// select next answer, if any.
|
|
35325
|
+
// if no next answer, select first answer
|
|
35326
|
+
// const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(
|
|
35327
|
+
// (answer) => answer?.id === currentAnswer!.id + 1
|
|
35328
|
+
// );
|
|
35329
|
+
var nextAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
|
|
35330
|
+
return (answer == null ? void 0 : answer.id) === currentAnswer.id + 1;
|
|
35331
|
+
});
|
|
35332
|
+
var nextAnswerID = currentQuestion.answerIds[nextAnswerIndex];
|
|
35333
|
+
var nextAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
|
|
35334
|
+
return (answer == null ? void 0 : answer.id) === nextAnswerID;
|
|
35335
|
+
});
|
|
35336
|
+
setCurrentAnswer(nextAnswer || onGetFirstAnswer());
|
|
35337
|
+
break;
|
|
35338
|
+
case 'ArrowUp':
|
|
35339
|
+
// select previous answer, if any.
|
|
35340
|
+
// if no previous answer, select last answer
|
|
35341
|
+
var previousAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
|
|
35342
|
+
return (answer == null ? void 0 : answer.id) === currentAnswer.id - 1;
|
|
35343
|
+
});
|
|
35344
|
+
var previousAnswerID = currentQuestion.answerIds && currentQuestion.answerIds[previousAnswerIndex];
|
|
35345
|
+
var previousAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
|
|
35346
|
+
return (answer == null ? void 0 : answer.id) === previousAnswerID;
|
|
35347
|
+
});
|
|
35348
|
+
if (previousAnswer) {
|
|
35349
|
+
setCurrentAnswer(previousAnswer);
|
|
35350
|
+
} else {
|
|
35351
|
+
setCurrentAnswer(onGetAnswers(currentQuestion.answerIds).pop());
|
|
35352
|
+
}
|
|
35353
|
+
break;
|
|
35354
|
+
case 'Enter':
|
|
35355
|
+
setCanShowAnswers(false);
|
|
35356
|
+
if (!(currentAnswer != null && currentAnswer.nextQuestionId)) {
|
|
35357
|
+
onClose();
|
|
35358
|
+
return;
|
|
35359
|
+
} else {
|
|
35360
|
+
setCurrentQuestion(questions.find(function (question) {
|
|
35361
|
+
return question.id === currentAnswer.nextQuestionId;
|
|
35362
|
+
}));
|
|
35363
|
+
}
|
|
35364
|
+
break;
|
|
35470
35365
|
}
|
|
35471
|
-
}
|
|
35472
|
-
|
|
35473
|
-
|
|
35474
|
-
|
|
35475
|
-
|
|
35476
|
-
|
|
35477
|
-
|
|
35478
|
-
|
|
35479
|
-
}
|
|
35366
|
+
};
|
|
35367
|
+
useEventListener('keydown', onKeyPress);
|
|
35368
|
+
var onAnswerClick = function onAnswerClick(answer) {
|
|
35369
|
+
setCanShowAnswers(false);
|
|
35370
|
+
if (answer.nextQuestionId) {
|
|
35371
|
+
// if there is a next question, go to it
|
|
35372
|
+
setCurrentQuestion(questions.find(function (question) {
|
|
35373
|
+
return question.id === answer.nextQuestionId;
|
|
35374
|
+
}));
|
|
35375
|
+
} else {
|
|
35376
|
+
// else, finish dialog!
|
|
35377
|
+
onClose();
|
|
35480
35378
|
}
|
|
35481
|
-
}
|
|
35482
|
-
|
|
35483
|
-
|
|
35379
|
+
};
|
|
35380
|
+
var onRenderCurrentAnswers = function onRenderCurrentAnswers() {
|
|
35381
|
+
var answerIds = currentQuestion.answerIds;
|
|
35382
|
+
if (!answerIds) {
|
|
35383
|
+
return null;
|
|
35484
35384
|
}
|
|
35485
|
-
|
|
35486
|
-
|
|
35487
|
-
|
|
35488
|
-
return React__default.createElement(RadioOptionsWrapper$1, {
|
|
35489
|
-
key: index
|
|
35490
|
-
}, React__default.createElement(SpriteAtlasWrapper$1, null, React__default.createElement(SpriteFromAtlas, {
|
|
35491
|
-
atlasIMG: atlasIMG,
|
|
35492
|
-
atlasJSON: atlasJSON,
|
|
35493
|
-
spriteKey: option.imageKey,
|
|
35494
|
-
imgScale: 3
|
|
35495
|
-
})), React__default.createElement("div", null, React__default.createElement("input", {
|
|
35496
|
-
className: "rpgui-radio",
|
|
35497
|
-
type: "radio",
|
|
35498
|
-
value: option.name,
|
|
35499
|
-
name: "test"
|
|
35500
|
-
}), React__default.createElement("label", {
|
|
35501
|
-
onPointerDown: handleClick,
|
|
35502
|
-
style: {
|
|
35503
|
-
display: 'flex',
|
|
35504
|
-
alignItems: 'center'
|
|
35505
|
-
}
|
|
35506
|
-
}, option.name, " ", React__default.createElement("br", null), option.description)));
|
|
35507
|
-
})), React__default.createElement(ButtonWrapper$1, null, React__default.createElement(Button, {
|
|
35508
|
-
buttonType: exports.ButtonTypes.RPGUIButton,
|
|
35509
|
-
onPointerDown: onClose
|
|
35510
|
-
}, "Cancel"), React__default.createElement(Button, {
|
|
35511
|
-
buttonType: exports.ButtonTypes.RPGUIButton
|
|
35512
|
-
}, "Select")));
|
|
35513
|
-
};
|
|
35514
|
-
var Title$3 = /*#__PURE__*/styled.h1.withConfig({
|
|
35515
|
-
displayName: "ItemSelector__Title",
|
|
35516
|
-
componentId: "sc-gptoxp-0"
|
|
35517
|
-
})(["font-size:0.6rem;color:yellow !important;"]);
|
|
35518
|
-
var Subtitle$1 = /*#__PURE__*/styled.h1.withConfig({
|
|
35519
|
-
displayName: "ItemSelector__Subtitle",
|
|
35520
|
-
componentId: "sc-gptoxp-1"
|
|
35521
|
-
})(["font-size:0.4rem;color:yellow !important;"]);
|
|
35522
|
-
var RadioInputScroller$1 = /*#__PURE__*/styled.div.withConfig({
|
|
35523
|
-
displayName: "ItemSelector__RadioInputScroller",
|
|
35524
|
-
componentId: "sc-gptoxp-2"
|
|
35525
|
-
})(["padding-left:15px;padding-top:10px;width:100%;margin-top:1rem;align-items:center;margin-left:20px;align-items:flex-start;overflow-y:scroll;height:360px;"]);
|
|
35526
|
-
var SpriteAtlasWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
35527
|
-
displayName: "ItemSelector__SpriteAtlasWrapper",
|
|
35528
|
-
componentId: "sc-gptoxp-3"
|
|
35529
|
-
})(["margin-right:40px;"]);
|
|
35530
|
-
var RadioOptionsWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
35531
|
-
displayName: "ItemSelector__RadioOptionsWrapper",
|
|
35532
|
-
componentId: "sc-gptoxp-4"
|
|
35533
|
-
})(["display:flex;align-items:stretch;margin-bottom:40px;"]);
|
|
35534
|
-
var ButtonWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
35535
|
-
displayName: "ItemSelector__ButtonWrapper",
|
|
35536
|
-
componentId: "sc-gptoxp-5"
|
|
35537
|
-
})(["display:flex;justify-content:space-around;padding-top:20px;width:100%;"]);
|
|
35538
|
-
|
|
35539
|
-
var ListMenu = function ListMenu(_ref) {
|
|
35540
|
-
var options = _ref.options,
|
|
35541
|
-
onSelected = _ref.onSelected,
|
|
35542
|
-
x = _ref.x,
|
|
35543
|
-
y = _ref.y;
|
|
35544
|
-
return React__default.createElement(Container$j, {
|
|
35545
|
-
x: x,
|
|
35546
|
-
y: y
|
|
35547
|
-
}, React__default.createElement("ul", {
|
|
35548
|
-
className: "rpgui-list-imp",
|
|
35549
|
-
style: {
|
|
35550
|
-
overflow: 'hidden'
|
|
35385
|
+
var answers = onGetAnswers(answerIds);
|
|
35386
|
+
if (!answers) {
|
|
35387
|
+
return null;
|
|
35551
35388
|
}
|
|
35552
|
-
|
|
35553
|
-
|
|
35554
|
-
|
|
35555
|
-
|
|
35556
|
-
|
|
35389
|
+
return answers.map(function (answer) {
|
|
35390
|
+
var isSelected = (currentAnswer == null ? void 0 : currentAnswer.id) === (answer == null ? void 0 : answer.id);
|
|
35391
|
+
var selectedColor = isSelected ? 'yellow' : 'white';
|
|
35392
|
+
if (answer) {
|
|
35393
|
+
return React__default.createElement(AnswerRow, {
|
|
35394
|
+
key: "answer_" + answer.id
|
|
35395
|
+
}, React__default.createElement(AnswerSelectedIcon, {
|
|
35396
|
+
color: selectedColor
|
|
35397
|
+
}, isSelected ? 'X' : null), React__default.createElement(Answer, {
|
|
35398
|
+
key: answer.id,
|
|
35399
|
+
onPointerDown: function onPointerDown() {
|
|
35400
|
+
return onAnswerClick(answer);
|
|
35401
|
+
},
|
|
35402
|
+
color: selectedColor
|
|
35403
|
+
}, answer.text));
|
|
35557
35404
|
}
|
|
35558
|
-
|
|
35559
|
-
|
|
35405
|
+
return null;
|
|
35406
|
+
});
|
|
35407
|
+
};
|
|
35408
|
+
return React__default.createElement(Container$h, null, React__default.createElement(QuestionContainer, null, React__default.createElement(DynamicText, {
|
|
35409
|
+
text: currentQuestion.text,
|
|
35410
|
+
onStart: function onStart() {
|
|
35411
|
+
return setCanShowAnswers(false);
|
|
35412
|
+
},
|
|
35413
|
+
onFinish: function onFinish() {
|
|
35414
|
+
return setCanShowAnswers(true);
|
|
35415
|
+
}
|
|
35416
|
+
})), canShowAnswers && React__default.createElement(AnswersContainer, null, onRenderCurrentAnswers()));
|
|
35560
35417
|
};
|
|
35561
|
-
var Container$
|
|
35562
|
-
displayName: "
|
|
35563
|
-
componentId: "sc-
|
|
35564
|
-
})(["display:flex;
|
|
35565
|
-
|
|
35566
|
-
|
|
35567
|
-
|
|
35568
|
-
}
|
|
35569
|
-
var
|
|
35570
|
-
displayName: "
|
|
35571
|
-
componentId: "sc-
|
|
35572
|
-
})(["
|
|
35418
|
+
var Container$h = /*#__PURE__*/styled.div.withConfig({
|
|
35419
|
+
displayName: "QuestionDialog__Container",
|
|
35420
|
+
componentId: "sc-bxc5u0-0"
|
|
35421
|
+
})(["display:flex;word-break:break-all;box-sizing:border-box;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;"]);
|
|
35422
|
+
var QuestionContainer = /*#__PURE__*/styled.div.withConfig({
|
|
35423
|
+
displayName: "QuestionDialog__QuestionContainer",
|
|
35424
|
+
componentId: "sc-bxc5u0-1"
|
|
35425
|
+
})(["flex:100%;width:100%;"]);
|
|
35426
|
+
var AnswersContainer = /*#__PURE__*/styled.div.withConfig({
|
|
35427
|
+
displayName: "QuestionDialog__AnswersContainer",
|
|
35428
|
+
componentId: "sc-bxc5u0-2"
|
|
35429
|
+
})(["flex:100%;"]);
|
|
35430
|
+
var Answer = /*#__PURE__*/styled.p.withConfig({
|
|
35431
|
+
displayName: "QuestionDialog__Answer",
|
|
35432
|
+
componentId: "sc-bxc5u0-3"
|
|
35433
|
+
})(["flex:auto;color:", " !important;font-size:0.65rem !important;background:inherit;border:none;"], function (props) {
|
|
35434
|
+
return props.color;
|
|
35435
|
+
});
|
|
35436
|
+
var AnswerSelectedIcon = /*#__PURE__*/styled.span.withConfig({
|
|
35437
|
+
displayName: "QuestionDialog__AnswerSelectedIcon",
|
|
35438
|
+
componentId: "sc-bxc5u0-4"
|
|
35439
|
+
})(["flex:5% 0 0;color:", " !important;"], function (props) {
|
|
35440
|
+
return props.color;
|
|
35441
|
+
});
|
|
35442
|
+
var AnswerRow = /*#__PURE__*/styled.div.withConfig({
|
|
35443
|
+
displayName: "QuestionDialog__AnswerRow",
|
|
35444
|
+
componentId: "sc-bxc5u0-5"
|
|
35445
|
+
})(["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;}"]);
|
|
35573
35446
|
|
|
35574
35447
|
var ProgressBar = function ProgressBar(_ref) {
|
|
35575
35448
|
var max = _ref.max,
|
|
@@ -35588,7 +35461,7 @@ var ProgressBar = function ProgressBar(_ref) {
|
|
|
35588
35461
|
}
|
|
35589
35462
|
return value * 100 / max;
|
|
35590
35463
|
};
|
|
35591
|
-
return React__default.createElement(Container$
|
|
35464
|
+
return React__default.createElement(Container$i, {
|
|
35592
35465
|
className: "rpgui-progress",
|
|
35593
35466
|
"data-value": calculatePercentageValue(max, value) / 100,
|
|
35594
35467
|
"data-rpguitype": "progress",
|
|
@@ -35617,7 +35490,7 @@ var TextOverlay$1 = /*#__PURE__*/styled.div.withConfig({
|
|
|
35617
35490
|
displayName: "ProgressBar__TextOverlay",
|
|
35618
35491
|
componentId: "sc-qa6fzh-1"
|
|
35619
35492
|
})(["width:100%;position:relative;"]);
|
|
35620
|
-
var Container$
|
|
35493
|
+
var Container$i = /*#__PURE__*/styled.div.withConfig({
|
|
35621
35494
|
displayName: "ProgressBar__Container",
|
|
35622
35495
|
componentId: "sc-qa6fzh-2"
|
|
35623
35496
|
})(["display:flex;flex-direction:column;min-width:", "px;width:", "%;justify-content:start;align-items:flex-start;", ""], function (props) {
|
|
@@ -35628,7 +35501,7 @@ var Container$k = /*#__PURE__*/styled.div.withConfig({
|
|
|
35628
35501
|
return props.style;
|
|
35629
35502
|
});
|
|
35630
35503
|
|
|
35631
|
-
var img$
|
|
35504
|
+
var img$8 = 'data:image/png;base64,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';
|
|
35632
35505
|
|
|
35633
35506
|
var QuestInfo = function QuestInfo(_ref) {
|
|
35634
35507
|
var quests = _ref.quests,
|
|
@@ -35672,7 +35545,7 @@ var QuestInfo = function QuestInfo(_ref) {
|
|
|
35672
35545
|
}), React__default.createElement(QuestContainer, null, React__default.createElement(TitleContainer$1, {
|
|
35673
35546
|
className: "drag-handler"
|
|
35674
35547
|
}, React__default.createElement(Title$4, null, React__default.createElement(Thumbnail, {
|
|
35675
|
-
src: quests[currentIndex].thumbnail || img$
|
|
35548
|
+
src: quests[currentIndex].thumbnail || img$8
|
|
35676
35549
|
}), quests[currentIndex].title), React__default.createElement(QuestSplitDiv, null, React__default.createElement("hr", {
|
|
35677
35550
|
className: "golden"
|
|
35678
35551
|
}))), React__default.createElement(Content, null, React__default.createElement("p", null, quests[currentIndex].description)), React__default.createElement(QuestColumn, {
|
|
@@ -35691,7 +35564,7 @@ var QuestInfo = function QuestInfo(_ref) {
|
|
|
35691
35564
|
})))) : React__default.createElement(QuestsContainer, null, React__default.createElement(QuestContainer, null, React__default.createElement(TitleContainer$1, {
|
|
35692
35565
|
className: "drag-handler"
|
|
35693
35566
|
}, React__default.createElement(Title$4, null, React__default.createElement(Thumbnail, {
|
|
35694
|
-
src: quests[0].thumbnail || img$
|
|
35567
|
+
src: quests[0].thumbnail || img$8
|
|
35695
35568
|
}), quests[0].title), React__default.createElement(QuestSplitDiv, null, React__default.createElement("hr", {
|
|
35696
35569
|
className: "golden"
|
|
35697
35570
|
}))), React__default.createElement(Content, null, React__default.createElement("p", null, quests[0].description)), React__default.createElement(QuestColumn, {
|
|
@@ -35942,7 +35815,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
|
|
|
35942
35815
|
bgColor = _ref$bgColor === void 0 ? 'red' : _ref$bgColor,
|
|
35943
35816
|
_ref$margin = _ref.margin,
|
|
35944
35817
|
margin = _ref$margin === void 0 ? 20 : _ref$margin;
|
|
35945
|
-
return React__default.createElement(Container$
|
|
35818
|
+
return React__default.createElement(Container$j, {
|
|
35946
35819
|
className: "simple-progress-bar"
|
|
35947
35820
|
}, React__default.createElement(ProgressBarContainer, {
|
|
35948
35821
|
margin: margin
|
|
@@ -35951,7 +35824,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
|
|
|
35951
35824
|
bgColor: bgColor
|
|
35952
35825
|
}))));
|
|
35953
35826
|
};
|
|
35954
|
-
var Container$
|
|
35827
|
+
var Container$j = /*#__PURE__*/styled.div.withConfig({
|
|
35955
35828
|
displayName: "SimpleProgressBar__Container",
|
|
35956
35829
|
componentId: "sc-mbeil3-0"
|
|
35957
35830
|
})(["display:flex;justify-content:center;align-items:center;width:100%;"]);
|
|
@@ -36182,7 +36055,7 @@ var Spell = function Spell(_ref) {
|
|
|
36182
36055
|
isSettingShortcut = _ref.isSettingShortcut,
|
|
36183
36056
|
minMagicLevelRequired = _ref.minMagicLevelRequired;
|
|
36184
36057
|
var disabled = isSettingShortcut ? charMagicLevel < minMagicLevelRequired : manaCost > charMana || charMagicLevel < minMagicLevelRequired;
|
|
36185
|
-
return React__default.createElement(Container$
|
|
36058
|
+
return React__default.createElement(Container$k, {
|
|
36186
36059
|
disabled: disabled,
|
|
36187
36060
|
onPointerDown: onPointerDown == null ? void 0 : onPointerDown.bind(null, spellKey),
|
|
36188
36061
|
isSettingShortcut: isSettingShortcut && !disabled,
|
|
@@ -36195,7 +36068,7 @@ var Spell = function Spell(_ref) {
|
|
|
36195
36068
|
className: "mana"
|
|
36196
36069
|
}, manaCost)));
|
|
36197
36070
|
};
|
|
36198
|
-
var Container$
|
|
36071
|
+
var Container$k = /*#__PURE__*/styled.button.withConfig({
|
|
36199
36072
|
displayName: "Spell__Container",
|
|
36200
36073
|
componentId: "sc-j96fa2-0"
|
|
36201
36074
|
})(["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) {
|
|
@@ -36282,7 +36155,7 @@ var Spellbook = function Spellbook(_ref) {
|
|
|
36282
36155
|
height: "inherit",
|
|
36283
36156
|
cancelDrag: "#spellbook-search, #shortcuts_list, .spell",
|
|
36284
36157
|
scale: scale
|
|
36285
|
-
}, React__default.createElement(Container$
|
|
36158
|
+
}, React__default.createElement(Container$l, null, React__default.createElement(Title$7, null, "Learned Spells"), React__default.createElement(ShortcutsSetter, {
|
|
36286
36159
|
setSettingShortcutIndex: setSettingShortcutIndex,
|
|
36287
36160
|
settingShortcutIndex: settingShortcutIndex,
|
|
36288
36161
|
shortcuts: shortcuts,
|
|
@@ -36314,7 +36187,7 @@ var Title$7 = /*#__PURE__*/styled.h1.withConfig({
|
|
|
36314
36187
|
displayName: "Spellbook__Title",
|
|
36315
36188
|
componentId: "sc-r02nfq-0"
|
|
36316
36189
|
})(["font-size:", " !important;margin-bottom:0 !important;"], uiFonts.size.large);
|
|
36317
|
-
var Container$
|
|
36190
|
+
var Container$l = /*#__PURE__*/styled.div.withConfig({
|
|
36318
36191
|
displayName: "Spellbook__Container",
|
|
36319
36192
|
componentId: "sc-r02nfq-1"
|
|
36320
36193
|
})(["width:100%;height:100%;color:white;display:flex;flex-direction:column;"]);
|
|
@@ -36328,16 +36201,16 @@ var TextArea = function TextArea(_ref) {
|
|
|
36328
36201
|
return React__default.createElement("textarea", Object.assign({}, props));
|
|
36329
36202
|
};
|
|
36330
36203
|
|
|
36331
|
-
var img$
|
|
36204
|
+
var img$9 = 'data:image/gif;base64,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';
|
|
36332
36205
|
|
|
36333
|
-
var img$
|
|
36206
|
+
var img$a = 'data:image/gif;base64,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';
|
|
36334
36207
|
|
|
36335
|
-
var img$
|
|
36208
|
+
var img$b = 'data:image/gif;base64,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';
|
|
36336
36209
|
|
|
36337
36210
|
var DayNightPeriod = function DayNightPeriod(_ref) {
|
|
36338
36211
|
var _periodOfDaySrcFiles;
|
|
36339
36212
|
var periodOfDay = _ref.periodOfDay;
|
|
36340
|
-
var periodOfDaySrcFiles = (_periodOfDaySrcFiles = {}, _periodOfDaySrcFiles[shared.PeriodOfDay.Morning] = img$
|
|
36213
|
+
var periodOfDaySrcFiles = (_periodOfDaySrcFiles = {}, _periodOfDaySrcFiles[shared.PeriodOfDay.Morning] = img$a, _periodOfDaySrcFiles[shared.PeriodOfDay.Afternoon] = img$9, _periodOfDaySrcFiles[shared.PeriodOfDay.Night] = img$b, _periodOfDaySrcFiles);
|
|
36341
36214
|
return React__default.createElement(GifContainer, null, React__default.createElement("img", {
|
|
36342
36215
|
src: periodOfDaySrcFiles[periodOfDay]
|
|
36343
36216
|
}));
|
|
@@ -36347,7 +36220,7 @@ var GifContainer = /*#__PURE__*/styled.div.withConfig({
|
|
|
36347
36220
|
componentId: "sc-10t97fw-0"
|
|
36348
36221
|
})(["width:100%;img{width:67%;}"]);
|
|
36349
36222
|
|
|
36350
|
-
var img$
|
|
36223
|
+
var img$c = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAABHCAYAAAA0qHhdAAAAAXNSR0IArs4c6QAABGRJREFUeJztnb9PGzEUx7+JMjC0Uge6tVsVdTghQP0D2qgjzGz8D8woE2LO/5CNOcwlU9WJRCgDYmWJRAYkFgak6wDv5HPsO9/P8J79WUhicr7nzz3bOV8uHbRPXOXN2x++1LUfYnh4uu8AQK+FulLy7hbHxn96vrh22tjW0b7xPVtH+87bkMbnj1/jh6f7TqfBOmKgurwy6MJ10VRuKqNylwMl7wBy3U5WuetBOhg9om6ZSRaqEtvImJ2zRfL4/GA3eXy494LJzNwBmcpc//9w7wUAMJn1ktdt5bbnaj228qw6VeqWGbctUEXNxn40Fj+2/jn5lHpel8xUd+oqcedsUajum2HkNHEiqf1oDAD4/e1HkWrYMF8uE6GTWQ+j6aryBCh2lVhUXt77bXJpP2i/+tE41e1y5uo2W1cVmfHd4rhxiXnbdZEqReiv76/jpE1q2YbOFNmUwDxsYreO9lkLvbrtJSLp+Xy5xN9/g8TBYPSIboltv0uRWXU/X1zjbnGM08t527tUC7aM1B0UbXiryE1KNGHKUu4ZqjKarpLMpAlQkcxkIxIw7xP3DLVBnzldZbISSUgXqvtwkclSJCFNqDpu0mdqOkOUJ5O1SEKSUHVWWyQzRYgkJAml7KTMzBszRYkkJAhVu1ny49rNpuAskuAaw9VtL/d0nikwY1ZybQQb+udQ+gzKZbXFtGqiq3Y63yoR6m770Rg3wyi1gK1iel1dQNbLqazsX9M2dKib1bPNi6wkbNl5M4w2tUulGIwe8fB031nrhH0RCbzGpgrVJxSEaYXfdoWCrdxE1lUNtnJ9+6PpKrmgSxUVm45IyTIB8zncnbPF2th58nMbo+kq9zUX8t5XpC4SCQSZVpkovzy4MWiHvRRJSBFaZj0z8E6xyvQlKwE5sYbMFEQXlvHSd97apNL3YtomZKYgjDKljCFFkBBzyExBBJmCCDIFEWQKIsgURJApiCBTEEGmILqA26q4b3Bsk5CZgjDKdL1/gCQkxJzI5NitNAXXtugC6HC5NL9N3tqE1cn3MGYKIiVT7V4kjCGuqLFy7WIBw61jOAdTFikxp66bPT/YXbsnm4RF2yz0Hmgy67EcLwHDmCnlKC0D99hVmcmslntQZaCYuWYlYPgWmOkeOaeXc5bB5XF+sLs2yeMs05iC+rh5uBfF0sbO17EyHSf3HkkfMzunl3P2QZWB88SHsO246JmtpBmsSuYZoMmsJ+5Egn6CQFIvlHUkrk2GKFO5ZiiJ1AVKyEogPwDj7BbgN8M1zVwBOSIBtyDYC/VBJOAeCFuhvogEigXDTqhPIoESd4LmItQ3kUC5oKxCgc1LtUkEZIsEKvx6wnsU6rNIoFpwmUKJpsVmCVT2ARAuEqgeoJNQoH6pLhLf6gU8EAnUE2QMoPDPSxSV6ypP2T499EIkUG+gzlnaND5lo0pjv5/Ztljt2l/vRALNBl2q+y2Kj92pjTYaIDXWVZVruPree4nEJhqi6ppokGfhP6xr60VVr5O+AAAAAElFTkSuQmCC';
|
|
36351
36224
|
|
|
36352
36225
|
var TimeWidget = function TimeWidget(_ref) {
|
|
36353
36226
|
var onClose = _ref.onClose,
|
|
@@ -36365,7 +36238,7 @@ var TimeWidget = function TimeWidget(_ref) {
|
|
|
36365
36238
|
var WidgetContainer = /*#__PURE__*/styled.div.withConfig({
|
|
36366
36239
|
displayName: "TimeWidget__WidgetContainer",
|
|
36367
36240
|
componentId: "sc-1ja236h-0"
|
|
36368
|
-
})(["background-image:url(", ");background-size:10rem;background-repeat:no-repeat;width:10rem;position:absolute;height:100px;"], img$
|
|
36241
|
+
})(["background-image:url(", ");background-size:10rem;background-repeat:no-repeat;width:10rem;position:absolute;height:100px;"], img$c);
|
|
36369
36242
|
var Time = /*#__PURE__*/styled.div.withConfig({
|
|
36370
36243
|
displayName: "TimeWidget__Time",
|
|
36371
36244
|
componentId: "sc-1ja236h-1"
|
|
@@ -36614,17 +36487,230 @@ var Truncate = function Truncate(_ref) {
|
|
|
36614
36487
|
var _ref$maxLines = _ref.maxLines,
|
|
36615
36488
|
maxLines = _ref$maxLines === void 0 ? 1 : _ref$maxLines,
|
|
36616
36489
|
children = _ref.children;
|
|
36617
|
-
return React__default.createElement(Container$
|
|
36490
|
+
return React__default.createElement(Container$m, {
|
|
36618
36491
|
maxLines: maxLines
|
|
36619
36492
|
}, children);
|
|
36620
36493
|
};
|
|
36621
|
-
var Container$
|
|
36494
|
+
var Container$m = /*#__PURE__*/styled.div.withConfig({
|
|
36622
36495
|
displayName: "Truncate__Container",
|
|
36623
36496
|
componentId: "sc-6x00qb-0"
|
|
36624
36497
|
})(["display:-webkit-box;max-width:100%;max-height:100%;-webkit-line-clamp:", ";-webkit-box-orient:vertical;overflow:hidden;"], function (props) {
|
|
36625
36498
|
return props.maxLines;
|
|
36626
36499
|
});
|
|
36627
36500
|
|
|
36501
|
+
var IS_MOBILE_OR_TABLET = /*#__PURE__*/shared.isMobileOrTablet();
|
|
36502
|
+
|
|
36503
|
+
var chunkString = function chunkString(str, length) {
|
|
36504
|
+
return str.match(new RegExp('.{1,' + length + '}', 'g'));
|
|
36505
|
+
};
|
|
36506
|
+
|
|
36507
|
+
var img$d = 'data:image/gif;base64,R0lGODlhEAAQAPIAAAAAABQYLiw1TUBJc2hvmQAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAM9CLrc/lCFGSKYJJP5AhlguDnBMIVgxXgmJapSSp3mKs/pKrT0IMCXUk+2Cgh2oSOnaDz+lswZpSOFUq2KBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAIzhI+py90Bg4OjDrjCELxfFQhQx0mIJkaeaYRp5LJADMdnqXbyOJLYTdKBejjZoRaZJBMFACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAABAAEAAAAjKEj6nL7Y+CDE6OO+QKQ/ifKYEgfR4VddPohQe7lmR0xidNTib65uacYP2AQWGuMlEUAAA7';
|
|
36508
|
+
|
|
36509
|
+
var NPCDialogText = function NPCDialogText(_ref) {
|
|
36510
|
+
var text = _ref.text,
|
|
36511
|
+
onClose = _ref.onClose,
|
|
36512
|
+
onEndStep = _ref.onEndStep,
|
|
36513
|
+
onStartStep = _ref.onStartStep,
|
|
36514
|
+
type = _ref.type;
|
|
36515
|
+
var windowSize = React.useRef([window.innerWidth, window.innerHeight]);
|
|
36516
|
+
function maxCharacters(width) {
|
|
36517
|
+
// Set the font size to 16 pixels
|
|
36518
|
+
var fontSize = 11.2;
|
|
36519
|
+
// Calculate the number of characters that can fit in one line
|
|
36520
|
+
var charactersPerLine = Math.floor(width / 2 / fontSize);
|
|
36521
|
+
// Calculate the number of lines that can fit in the div
|
|
36522
|
+
var linesPerDiv = Math.floor(180 / fontSize);
|
|
36523
|
+
// Calculate the maximum number of characters that can fit in the div
|
|
36524
|
+
var maxCharacters = charactersPerLine * linesPerDiv;
|
|
36525
|
+
// Return the maximum number of characters
|
|
36526
|
+
return Math.round(maxCharacters / 5);
|
|
36527
|
+
}
|
|
36528
|
+
var textChunks = chunkString(text, maxCharacters(windowSize.current[0]));
|
|
36529
|
+
var _useState = React.useState(0),
|
|
36530
|
+
chunkIndex = _useState[0],
|
|
36531
|
+
setChunkIndex = _useState[1];
|
|
36532
|
+
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
36533
|
+
if (event.code === 'Space') {
|
|
36534
|
+
goToNextStep();
|
|
36535
|
+
}
|
|
36536
|
+
};
|
|
36537
|
+
var goToNextStep = function goToNextStep() {
|
|
36538
|
+
var hasNextChunk = (textChunks == null ? void 0 : textChunks[chunkIndex + 1]) || false;
|
|
36539
|
+
if (hasNextChunk) {
|
|
36540
|
+
setChunkIndex(function (prev) {
|
|
36541
|
+
return prev + 1;
|
|
36542
|
+
});
|
|
36543
|
+
} else {
|
|
36544
|
+
// if there's no more text chunks, close the dialog
|
|
36545
|
+
onClose();
|
|
36546
|
+
}
|
|
36547
|
+
};
|
|
36548
|
+
React.useEffect(function () {
|
|
36549
|
+
document.addEventListener('keydown', onHandleSpacePress);
|
|
36550
|
+
return function () {
|
|
36551
|
+
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
36552
|
+
};
|
|
36553
|
+
}, [chunkIndex]);
|
|
36554
|
+
var _useState2 = React.useState(false),
|
|
36555
|
+
showGoNextIndicator = _useState2[0],
|
|
36556
|
+
setShowGoNextIndicator = _useState2[1];
|
|
36557
|
+
return React__default.createElement(Container$n, null, React__default.createElement(DynamicText, {
|
|
36558
|
+
text: (textChunks == null ? void 0 : textChunks[chunkIndex]) || '',
|
|
36559
|
+
onFinish: function onFinish() {
|
|
36560
|
+
setShowGoNextIndicator(true);
|
|
36561
|
+
onEndStep && onEndStep();
|
|
36562
|
+
},
|
|
36563
|
+
onStart: function onStart() {
|
|
36564
|
+
setShowGoNextIndicator(false);
|
|
36565
|
+
onStartStep && onStartStep();
|
|
36566
|
+
}
|
|
36567
|
+
}), showGoNextIndicator && React__default.createElement(PressSpaceIndicator$1, {
|
|
36568
|
+
right: type === exports.NPCDialogType.TextOnly ? '1rem' : '10.5rem',
|
|
36569
|
+
src: IS_MOBILE_OR_TABLET ? img$d : img$7,
|
|
36570
|
+
onPointerDown: function onPointerDown() {
|
|
36571
|
+
goToNextStep();
|
|
36572
|
+
}
|
|
36573
|
+
}));
|
|
36574
|
+
};
|
|
36575
|
+
var Container$n = /*#__PURE__*/styled.div.withConfig({
|
|
36576
|
+
displayName: "NPCDialogText__Container",
|
|
36577
|
+
componentId: "sc-1cxkdh9-0"
|
|
36578
|
+
})([""]);
|
|
36579
|
+
var PressSpaceIndicator$1 = /*#__PURE__*/styled.img.withConfig({
|
|
36580
|
+
displayName: "NPCDialogText__PressSpaceIndicator",
|
|
36581
|
+
componentId: "sc-1cxkdh9-1"
|
|
36582
|
+
})(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref2) {
|
|
36583
|
+
var right = _ref2.right;
|
|
36584
|
+
return right;
|
|
36585
|
+
});
|
|
36586
|
+
|
|
36587
|
+
(function (NPCDialogType) {
|
|
36588
|
+
NPCDialogType["TextOnly"] = "TextOnly";
|
|
36589
|
+
NPCDialogType["TextAndThumbnail"] = "TextAndThumbnail";
|
|
36590
|
+
})(exports.NPCDialogType || (exports.NPCDialogType = {}));
|
|
36591
|
+
var NPCDialog = function NPCDialog(_ref) {
|
|
36592
|
+
var text = _ref.text,
|
|
36593
|
+
type = _ref.type,
|
|
36594
|
+
_onClose = _ref.onClose,
|
|
36595
|
+
imagePath = _ref.imagePath,
|
|
36596
|
+
_ref$isQuestionDialog = _ref.isQuestionDialog,
|
|
36597
|
+
isQuestionDialog = _ref$isQuestionDialog === void 0 ? false : _ref$isQuestionDialog,
|
|
36598
|
+
questions = _ref.questions,
|
|
36599
|
+
answers = _ref.answers;
|
|
36600
|
+
return React__default.createElement(RPGUIContainer, {
|
|
36601
|
+
type: exports.RPGUIContainerTypes.FramedGold,
|
|
36602
|
+
width: isQuestionDialog ? '600px' : '80%',
|
|
36603
|
+
height: '180px'
|
|
36604
|
+
}, isQuestionDialog && questions && answers ? React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer$2, {
|
|
36605
|
+
flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
|
|
36606
|
+
}, React__default.createElement(QuestionDialog, {
|
|
36607
|
+
questions: questions,
|
|
36608
|
+
answers: answers,
|
|
36609
|
+
onClose: function onClose() {
|
|
36610
|
+
if (_onClose) {
|
|
36611
|
+
_onClose();
|
|
36612
|
+
}
|
|
36613
|
+
}
|
|
36614
|
+
})), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
|
|
36615
|
+
src: imagePath || img$6
|
|
36616
|
+
}))) : React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$o, null, React__default.createElement(TextContainer$2, {
|
|
36617
|
+
flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
|
|
36618
|
+
}, React__default.createElement(NPCDialogText, {
|
|
36619
|
+
type: type,
|
|
36620
|
+
text: text || 'No text provided.',
|
|
36621
|
+
onClose: function onClose() {
|
|
36622
|
+
if (_onClose) {
|
|
36623
|
+
_onClose();
|
|
36624
|
+
}
|
|
36625
|
+
}
|
|
36626
|
+
})), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
|
|
36627
|
+
src: imagePath || img$6
|
|
36628
|
+
})))));
|
|
36629
|
+
};
|
|
36630
|
+
var Container$o = /*#__PURE__*/styled.div.withConfig({
|
|
36631
|
+
displayName: "NPCDialog__Container",
|
|
36632
|
+
componentId: "sc-1b4aw74-0"
|
|
36633
|
+
})(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
|
|
36634
|
+
var TextContainer$2 = /*#__PURE__*/styled.div.withConfig({
|
|
36635
|
+
displayName: "NPCDialog__TextContainer",
|
|
36636
|
+
componentId: "sc-1b4aw74-1"
|
|
36637
|
+
})(["flex:", " 0 0;width:355px;"], function (_ref2) {
|
|
36638
|
+
var flex = _ref2.flex;
|
|
36639
|
+
return flex;
|
|
36640
|
+
});
|
|
36641
|
+
var ThumbnailContainer$1 = /*#__PURE__*/styled.div.withConfig({
|
|
36642
|
+
displayName: "NPCDialog__ThumbnailContainer",
|
|
36643
|
+
componentId: "sc-1b4aw74-2"
|
|
36644
|
+
})(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
|
|
36645
|
+
var NPCThumbnail$1 = /*#__PURE__*/styled.img.withConfig({
|
|
36646
|
+
displayName: "NPCDialog__NPCThumbnail",
|
|
36647
|
+
componentId: "sc-1b4aw74-3"
|
|
36648
|
+
})(["image-rendering:pixelated;height:128px;width:128px;"]);
|
|
36649
|
+
|
|
36650
|
+
var HistoryDialog = function HistoryDialog(_ref) {
|
|
36651
|
+
var backgroundImgPath = _ref.backgroundImgPath,
|
|
36652
|
+
fullCoverBackground = _ref.fullCoverBackground,
|
|
36653
|
+
questions = _ref.questions,
|
|
36654
|
+
answers = _ref.answers,
|
|
36655
|
+
text = _ref.text,
|
|
36656
|
+
imagePath = _ref.imagePath,
|
|
36657
|
+
textAndTypeArray = _ref.textAndTypeArray,
|
|
36658
|
+
onClose = _ref.onClose;
|
|
36659
|
+
var _useState = React.useState(0),
|
|
36660
|
+
img = _useState[0],
|
|
36661
|
+
setImage = _useState[1];
|
|
36662
|
+
var onHandleSpacePress = function onHandleSpacePress(event) {
|
|
36663
|
+
if (event.code === 'Space') {
|
|
36664
|
+
if (img < (backgroundImgPath == null ? void 0 : backgroundImgPath.length) - 1) {
|
|
36665
|
+
setImage(function (prev) {
|
|
36666
|
+
return prev + 1;
|
|
36667
|
+
});
|
|
36668
|
+
} else {
|
|
36669
|
+
// if there's no more text chunks, close the dialog
|
|
36670
|
+
onClose();
|
|
36671
|
+
}
|
|
36672
|
+
}
|
|
36673
|
+
};
|
|
36674
|
+
React.useEffect(function () {
|
|
36675
|
+
document.addEventListener('keydown', onHandleSpacePress);
|
|
36676
|
+
return function () {
|
|
36677
|
+
return document.removeEventListener('keydown', onHandleSpacePress);
|
|
36678
|
+
};
|
|
36679
|
+
}, [backgroundImgPath]);
|
|
36680
|
+
return React__default.createElement(BackgroundContainer, {
|
|
36681
|
+
imgPath: backgroundImgPath[img],
|
|
36682
|
+
fullImg: fullCoverBackground
|
|
36683
|
+
}, React__default.createElement(DialogContainer, null, textAndTypeArray ? React__default.createElement(NPCMultiDialog, {
|
|
36684
|
+
textAndTypeArray: textAndTypeArray,
|
|
36685
|
+
onClose: onClose
|
|
36686
|
+
}) : questions && answers ? React__default.createElement(QuestionDialog, {
|
|
36687
|
+
questions: questions,
|
|
36688
|
+
answers: answers,
|
|
36689
|
+
onClose: onClose
|
|
36690
|
+
}) : text && imagePath ? React__default.createElement(NPCDialog, {
|
|
36691
|
+
text: text,
|
|
36692
|
+
imagePath: imagePath,
|
|
36693
|
+
onClose: onClose,
|
|
36694
|
+
type: exports.NPCDialogType.TextAndThumbnail
|
|
36695
|
+
}) : React__default.createElement(NPCDialog, {
|
|
36696
|
+
text: text,
|
|
36697
|
+
onClose: onClose,
|
|
36698
|
+
type: exports.NPCDialogType.TextOnly
|
|
36699
|
+
})));
|
|
36700
|
+
};
|
|
36701
|
+
var BackgroundContainer = /*#__PURE__*/styled.div.withConfig({
|
|
36702
|
+
displayName: "HistoryDialog__BackgroundContainer",
|
|
36703
|
+
componentId: "sc-u6oe75-0"
|
|
36704
|
+
})(["width:100%;height:100%;background-image:url(", ");background-size:", ";display:flex;justify-content:space-evenly;align-items:center;"], function (props) {
|
|
36705
|
+
return props.imgPath;
|
|
36706
|
+
}, function (props) {
|
|
36707
|
+
return props.imgPath ? 'cover' : 'auto';
|
|
36708
|
+
});
|
|
36709
|
+
var DialogContainer = /*#__PURE__*/styled.div.withConfig({
|
|
36710
|
+
displayName: "HistoryDialog__DialogContainer",
|
|
36711
|
+
componentId: "sc-u6oe75-1"
|
|
36712
|
+
})(["display:flex;justify-content:center;padding-top:200px;"]);
|
|
36713
|
+
|
|
36628
36714
|
exports.Button = Button;
|
|
36629
36715
|
exports.CharacterSelection = CharacterSelection;
|
|
36630
36716
|
exports.Chat = Chat;
|