@rpg-engine/long-bow 0.3.86 → 0.3.87

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.
Files changed (148) hide show
  1. package/LICENSE +20 -20
  2. package/README.md +181 -181
  3. package/dist/long-bow.cjs.development.js +952 -950
  4. package/dist/long-bow.cjs.development.js.map +1 -1
  5. package/dist/long-bow.cjs.production.min.js +1 -1
  6. package/dist/long-bow.cjs.production.min.js.map +1 -1
  7. package/dist/long-bow.esm.js +731 -729
  8. package/dist/long-bow.esm.js.map +1 -1
  9. package/package.json +100 -100
  10. package/src/components/Abstractions/ModalPortal.tsx +22 -22
  11. package/src/components/Abstractions/SlotsContainer.tsx +62 -62
  12. package/src/components/Arrow/SelectArrow.tsx +69 -69
  13. package/src/components/Arrow/img/arrow01-left-clicked.png +0 -0
  14. package/src/components/Arrow/img/arrow01-left.png +0 -0
  15. package/src/components/Arrow/img/arrow01-right-clicked.png +0 -0
  16. package/src/components/Arrow/img/arrow01-right.png +0 -0
  17. package/src/components/Arrow/img/arrow02-left-clicked.png +0 -0
  18. package/src/components/Arrow/img/arrow02-left.png +0 -0
  19. package/src/components/Arrow/img/arrow02-right-clicked.png +0 -0
  20. package/src/components/Arrow/img/arrow02-right.png +0 -0
  21. package/src/components/Button.tsx +40 -40
  22. package/src/components/Character/CharacterSelection.tsx +96 -96
  23. package/src/components/CharacterStatus/CharacterStatus.tsx +120 -120
  24. package/src/components/Chat/Chat.tsx +196 -196
  25. package/src/components/Chatdeprecated/ChatDeprecated.tsx +198 -198
  26. package/src/components/CheckButton.tsx +65 -65
  27. package/src/components/CircularController/CircularController.tsx +248 -248
  28. package/src/components/CraftBook/CraftBook.tsx +241 -241
  29. package/src/components/CraftBook/MockItems.ts +77 -77
  30. package/src/components/DraggableContainer.tsx +176 -176
  31. package/src/components/Dropdown.tsx +90 -90
  32. package/src/components/DropdownSelectorContainer.tsx +42 -42
  33. package/src/components/Equipment/EquipmentSet.tsx +199 -199
  34. package/src/components/HistoryDialog.tsx +104 -104
  35. package/src/components/Input.tsx +15 -15
  36. package/src/components/Item/Cards/ItemInfo.tsx +252 -252
  37. package/src/components/Item/Cards/ItemInfoDisplay.tsx +128 -128
  38. package/src/components/Item/Cards/ItemInfoWrapper.tsx +62 -62
  39. package/src/components/Item/Cards/ItemTooltip.tsx +83 -83
  40. package/src/components/Item/Cards/MobileItemTooltip.tsx +149 -149
  41. package/src/components/Item/Inventory/ErrorBoundary.tsx +42 -42
  42. package/src/components/Item/Inventory/ItemContainer.tsx +227 -227
  43. package/src/components/Item/Inventory/ItemContainerTypes.ts +6 -6
  44. package/src/components/Item/Inventory/ItemQuantitySelector.tsx +138 -138
  45. package/src/components/Item/Inventory/ItemSlot.tsx +566 -564
  46. package/src/components/Item/Inventory/itemContainerHelper.ts +175 -175
  47. package/src/components/ListMenu.tsx +63 -63
  48. package/src/components/Multitab/Tab.tsx +66 -66
  49. package/src/components/Multitab/TabBody.tsx +13 -13
  50. package/src/components/Multitab/TabsContainer.tsx +97 -97
  51. package/src/components/NPCDialog/NPCDialog.tsx +121 -121
  52. package/src/components/NPCDialog/NPCDialogText.tsx +113 -113
  53. package/src/components/NPCDialog/NPCMultiDialog.tsx +159 -159
  54. package/src/components/NPCDialog/QuestionDialog/QuestionDialog.tsx +237 -237
  55. package/src/components/ProgressBar.tsx +92 -92
  56. package/src/components/PropertySelect/PropertySelect.tsx +106 -106
  57. package/src/components/QuestInfo/QuestInfo.tsx +233 -233
  58. package/src/components/QuestList.tsx +135 -135
  59. package/src/components/RPGUIContainer.tsx +47 -47
  60. package/src/components/RPGUIForceRenderStart.tsx +45 -45
  61. package/src/components/RPGUIRoot.tsx +14 -14
  62. package/src/components/RadioButton.tsx +53 -53
  63. package/src/components/RadioInput/RadioButton.tsx +96 -96
  64. package/src/components/RadioInput/RadioInput.tsx +102 -102
  65. package/src/components/RadioInput/instruments.ts +15 -15
  66. package/src/components/RangeSlider.tsx +78 -78
  67. package/src/components/RelativeListMenu.tsx +90 -90
  68. package/src/components/ScrollList.tsx +79 -79
  69. package/src/components/Shortcuts/Shortcuts.tsx +151 -151
  70. package/src/components/Shortcuts/ShortcutsSetter.tsx +132 -132
  71. package/src/components/Shortcuts/SingleShortcut.ts +62 -62
  72. package/src/components/SimpleProgressBar.tsx +62 -62
  73. package/src/components/SkillProgressBar.tsx +133 -133
  74. package/src/components/SkillsContainer.tsx +206 -206
  75. package/src/components/Spellbook/Spell.tsx +201 -201
  76. package/src/components/Spellbook/Spellbook.tsx +153 -153
  77. package/src/components/Spellbook/constants.ts +8 -8
  78. package/src/components/Spellbook/mockSpells.ts +60 -60
  79. package/src/components/StaticBook/StaticBook.tsx +103 -103
  80. package/src/components/TextArea.tsx +11 -11
  81. package/src/components/TimeWidget/DayNightPeriod/DayNightPeriod.tsx +35 -35
  82. package/src/components/TimeWidget/TimeWidget.tsx +65 -65
  83. package/src/components/TradingMenu/TradingItemRow.tsx +198 -198
  84. package/src/components/TradingMenu/TradingMenu.tsx +216 -216
  85. package/src/components/TradingMenu/items.mock.ts +48 -48
  86. package/src/components/Truncate.tsx +25 -25
  87. package/src/components/itemSelector/ItemSelector.tsx +136 -136
  88. package/src/components/shared/Column.tsx +16 -16
  89. package/src/components/shared/Ellipsis.tsx +65 -65
  90. package/src/components/shared/SpriteFromAtlas.tsx +104 -104
  91. package/src/components/typography/DynamicText.tsx +49 -49
  92. package/src/constants/uiColors.ts +20 -20
  93. package/src/constants/uiDevices.ts +3 -3
  94. package/src/constants/uiFonts.ts +12 -12
  95. package/src/hooks/useEventListener.ts +21 -21
  96. package/src/hooks/useOutsideAlerter.ts +25 -25
  97. package/src/index.tsx +40 -40
  98. package/src/libs/StringHelpers.ts +3 -3
  99. package/src/mocks/atlas/entities/entities.json +20215 -20215
  100. package/src/mocks/atlas/icons/icons.json +735 -735
  101. package/src/mocks/atlas/items/items.json +12086 -12086
  102. package/src/mocks/equipmentSet.mocks.ts +391 -391
  103. package/src/mocks/itemContainer.mocks.ts +563 -563
  104. package/src/mocks/skills.mocks.ts +128 -128
  105. package/src/stories/Arrow.stories.tsx +26 -26
  106. package/src/stories/Button.stories.tsx +36 -36
  107. package/src/stories/CharacterSelection.stories.tsx +45 -45
  108. package/src/stories/CharacterStatus.stories.tsx +29 -29
  109. package/src/stories/Chat.stories.tsx +187 -187
  110. package/src/stories/ChatDeprecated.stories.tsx +170 -170
  111. package/src/stories/CheckButton.stories.tsx +48 -48
  112. package/src/stories/CircullarController.stories.tsx +37 -37
  113. package/src/stories/CraftBook.stories.tsx +42 -42
  114. package/src/stories/DayNightPeriod.stories.tsx +27 -27
  115. package/src/stories/DraggableContainer.stories.tsx +28 -28
  116. package/src/stories/Dropdown.stories.tsx +46 -46
  117. package/src/stories/DropdownSelectorContainer.stories.tsx +41 -41
  118. package/src/stories/EquipmentSet.stories.tsx +65 -65
  119. package/src/stories/HistoryDialog.stories.tsx +61 -61
  120. package/src/stories/ItemContainer.stories.tsx +201 -201
  121. package/src/stories/ItemInfoDisplay.stories.tsx +33 -33
  122. package/src/stories/ItemQuantitySelector.stories.tsx +26 -26
  123. package/src/stories/ItemSelector.stories.tsx +77 -77
  124. package/src/stories/ItemTradingComponent.stories.tsx +35 -35
  125. package/src/stories/ListMenu.stories.tsx +56 -56
  126. package/src/stories/Multitab.stories.tsx +51 -51
  127. package/src/stories/NPCDialog.stories.tsx +130 -130
  128. package/src/stories/NPCMultiDialog.stories.tsx +71 -71
  129. package/src/stories/ProgressBar.stories.tsx +23 -23
  130. package/src/stories/PropertySelect.stories.tsx +40 -40
  131. package/src/stories/QuestInfo.stories.tsx +107 -107
  132. package/src/stories/QuestList.stories.tsx +82 -82
  133. package/src/stories/RPGUIContainers.stories.tsx +42 -42
  134. package/src/stories/RadioButton.stories.tsx +49 -49
  135. package/src/stories/RadioInput.stories.tsx +34 -34
  136. package/src/stories/RangeSlider.stories.tsx +64 -64
  137. package/src/stories/ScrollList.stories.tsx +85 -85
  138. package/src/stories/Shortcuts.stories.tsx +39 -39
  139. package/src/stories/SimpleProgressBar.stories.tsx +22 -22
  140. package/src/stories/SkillProgressBar.stories.tsx +34 -34
  141. package/src/stories/SkillsContainer.stories.tsx +35 -35
  142. package/src/stories/Spellbook.stories.tsx +104 -104
  143. package/src/stories/StaticBook.stories.tsx +32 -32
  144. package/src/stories/Text.stories.tsx +42 -42
  145. package/src/stories/TimeWidget.stories.tsx +27 -27
  146. package/src/stories/TradingMenu.stories.tsx +47 -47
  147. package/src/types/eventTypes.ts +4 -4
  148. package/src/types/index.d.ts +2 -2
@@ -33739,7 +33739,8 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
33739
33739
  spriteKey: shared.getItemTextureKeyPath({
33740
33740
  key: itemToRender.texturePath,
33741
33741
  texturePath: itemToRender.texturePath,
33742
- stackQty: itemToRender.stackQty || 1
33742
+ stackQty: itemToRender.stackQty || 1,
33743
+ isStackable: itemToRender.isStackable
33743
33744
  }, atlasJSON),
33744
33745
  imgScale: 3,
33745
33746
  imgClassname: "sprite-from-atlas-img--item"
@@ -33765,7 +33766,8 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
33765
33766
  spriteKey: shared.getItemTextureKeyPath({
33766
33767
  key: itemToRender.texturePath,
33767
33768
  texturePath: itemToRender.texturePath,
33768
- stackQty: itemToRender.stackQty || 1
33769
+ stackQty: itemToRender.stackQty || 1,
33770
+ isStackable: itemToRender.isStackable
33769
33771
  }, atlasJSON),
33770
33772
  imgScale: 3,
33771
33773
  imgClassname: "sprite-from-atlas-img--item"
@@ -34589,542 +34591,374 @@ var EquipmentColumn = /*#__PURE__*/styled.div.withConfig({
34589
34591
  componentId: "sc-1wuddg2-1"
34590
34592
  })(["display:flex;justify-content:center;flex-wrap:wrap;flex-direction:column;touch-action:none;"]);
34591
34593
 
34592
- var SlotsContainer = function SlotsContainer(_ref) {
34593
- var children = _ref.children,
34594
- title = _ref.title,
34595
- onClose = _ref.onClose,
34596
- _onPositionChange = _ref.onPositionChange,
34597
- _onPositionChangeEnd = _ref.onPositionChangeEnd,
34598
- _onPositionChangeStart = _ref.onPositionChangeStart,
34599
- onOutsideClick = _ref.onOutsideClick,
34600
- initialPosition = _ref.initialPosition,
34601
- scale = _ref.scale;
34602
- return React__default.createElement(DraggableContainer, {
34603
- title: title,
34604
- type: exports.RPGUIContainerTypes.Framed,
34605
- onCloseButton: function onCloseButton() {
34606
- if (onClose) {
34607
- onClose();
34608
- }
34609
- },
34610
- width: "400px",
34611
- cancelDrag: ".item-container-body, #shortcuts_list",
34612
- onPositionChange: function onPositionChange(_ref2) {
34613
- var x = _ref2.x,
34614
- y = _ref2.y;
34615
- if (_onPositionChange) {
34616
- _onPositionChange({
34617
- x: x,
34618
- y: y
34619
- });
34620
- }
34621
- },
34622
- onPositionChangeEnd: function onPositionChangeEnd(_ref3) {
34623
- var x = _ref3.x,
34624
- y = _ref3.y;
34625
- if (_onPositionChangeEnd) {
34626
- _onPositionChangeEnd({
34627
- x: x,
34628
- y: y
34629
- });
34594
+ var IS_MOBILE_OR_TABLET = /*#__PURE__*/shared.isMobileOrTablet();
34595
+
34596
+ var chunkString = function chunkString(str, length) {
34597
+ return str.match(new RegExp('.{1,' + length + '}', 'g'));
34598
+ };
34599
+
34600
+ var DynamicText = function DynamicText(_ref) {
34601
+ var text = _ref.text,
34602
+ onFinish = _ref.onFinish,
34603
+ onStart = _ref.onStart;
34604
+ var _useState = React.useState(''),
34605
+ textState = _useState[0],
34606
+ setTextState = _useState[1];
34607
+ React.useEffect(function () {
34608
+ var i = 0;
34609
+ var interval = setInterval(function () {
34610
+ // on every interval, show one more character
34611
+ if (i === 0) {
34612
+ if (onStart) {
34613
+ onStart();
34614
+ }
34630
34615
  }
34631
- },
34632
- onPositionChangeStart: function onPositionChangeStart(_ref4) {
34633
- var x = _ref4.x,
34634
- y = _ref4.y;
34635
- if (_onPositionChangeStart) {
34636
- _onPositionChangeStart({
34637
- x: x,
34638
- y: y
34639
- });
34616
+ if (i < text.length) {
34617
+ setTextState(text.substring(0, i + 1));
34618
+ i++;
34619
+ } else {
34620
+ clearInterval(interval);
34621
+ if (onFinish) {
34622
+ onFinish();
34623
+ }
34640
34624
  }
34641
- },
34642
- onOutsideClick: onOutsideClick,
34643
- initialPosition: initialPosition,
34644
- scale: scale
34645
- }, children);
34625
+ }, 50);
34626
+ return function () {
34627
+ clearInterval(interval);
34628
+ };
34629
+ }, [text]);
34630
+ return React__default.createElement(TextContainer, null, textState);
34646
34631
  };
34632
+ var TextContainer = /*#__PURE__*/styled.p.withConfig({
34633
+ displayName: "DynamicText__TextContainer",
34634
+ componentId: "sc-1ggl9nd-0"
34635
+ })(["font-size:0.7rem !important;color:white;text-shadow:1px 1px 0px #000000;letter-spacing:1.2px;word-break:normal;"]);
34647
34636
 
34648
- (function (RangeSliderType) {
34649
- RangeSliderType["Slider"] = "rpgui-slider";
34650
- RangeSliderType["GoldSlider"] = "rpgui-slider golden";
34651
- })(exports.RangeSliderType || (exports.RangeSliderType = {}));
34652
- var RangeSlider = function RangeSlider(_ref) {
34653
- var type = _ref.type,
34654
- valueMin = _ref.valueMin,
34655
- valueMax = _ref.valueMax,
34656
- width = _ref.width,
34657
- _onChange = _ref.onChange,
34658
- value = _ref.value;
34659
- var sliderId = uuid.v4();
34660
- var containerRef = React.useRef(null);
34637
+ var img$6 = 'data:image/gif;base64,R0lGODlhEAAQAPIAAAAAABQYLiw1TUBJc2hvmQAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAM9CLrc/lCFGSKYJJP5AhlguDnBMIVgxXgmJapSSp3mKs/pKrT0IMCXUk+2Cgh2oSOnaDz+lswZpSOFUq2KBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAIzhI+py90Bg4OjDrjCELxfFQhQx0mIJkaeaYRp5LJADMdnqXbyOJLYTdKBejjZoRaZJBMFACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAABAAEAAAAjKEj6nL7Y+CDE6OO+QKQ/ifKYEgfR4VddPohQe7lmR0xidNTib65uacYP2AQWGuMlEUAAA7';
34638
+
34639
+ 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';
34640
+
34641
+ var NPCDialogText = function NPCDialogText(_ref) {
34642
+ var text = _ref.text,
34643
+ onClose = _ref.onClose,
34644
+ onEndStep = _ref.onEndStep,
34645
+ onStartStep = _ref.onStartStep,
34646
+ type = _ref.type;
34647
+ var windowSize = React.useRef([window.innerWidth, window.innerHeight]);
34648
+ function maxCharacters(width) {
34649
+ // Set the font size to 16 pixels
34650
+ var fontSize = 11.2;
34651
+ // Calculate the number of characters that can fit in one line
34652
+ var charactersPerLine = Math.floor(width / 2 / fontSize);
34653
+ // Calculate the number of lines that can fit in the div
34654
+ var linesPerDiv = Math.floor(180 / fontSize);
34655
+ // Calculate the maximum number of characters that can fit in the div
34656
+ var maxCharacters = charactersPerLine * linesPerDiv;
34657
+ // Return the maximum number of characters
34658
+ return Math.round(maxCharacters / 5);
34659
+ }
34660
+ var textChunks = chunkString(text, maxCharacters(windowSize.current[0]));
34661
34661
  var _useState = React.useState(0),
34662
- left = _useState[0],
34663
- setLeft = _useState[1];
34662
+ chunkIndex = _useState[0],
34663
+ setChunkIndex = _useState[1];
34664
+ var onHandleSpacePress = function onHandleSpacePress(event) {
34665
+ if (event.code === 'Space') {
34666
+ goToNextStep();
34667
+ }
34668
+ };
34669
+ var goToNextStep = function goToNextStep() {
34670
+ var hasNextChunk = (textChunks == null ? void 0 : textChunks[chunkIndex + 1]) || false;
34671
+ if (hasNextChunk) {
34672
+ setChunkIndex(function (prev) {
34673
+ return prev + 1;
34674
+ });
34675
+ } else {
34676
+ // if there's no more text chunks, close the dialog
34677
+ onClose();
34678
+ }
34679
+ };
34664
34680
  React.useEffect(function () {
34665
- var _containerRef$current;
34666
- var calculatedWidth = ((_containerRef$current = containerRef.current) == null ? void 0 : _containerRef$current.clientWidth) || 0;
34667
- setLeft(Math.max((value - valueMin) / (valueMax - valueMin) * (calculatedWidth - 35) + 10));
34668
- }, [value, valueMin, valueMax]);
34669
- var typeClass = type === exports.RangeSliderType.GoldSlider ? 'golden' : '';
34670
- return React__default.createElement("div", {
34671
- style: {
34672
- width: width,
34673
- position: 'relative'
34681
+ document.addEventListener('keydown', onHandleSpacePress);
34682
+ return function () {
34683
+ return document.removeEventListener('keydown', onHandleSpacePress);
34684
+ };
34685
+ }, [chunkIndex]);
34686
+ var _useState2 = React.useState(false),
34687
+ showGoNextIndicator = _useState2[0],
34688
+ setShowGoNextIndicator = _useState2[1];
34689
+ return React__default.createElement(Container$e, null, React__default.createElement(DynamicText, {
34690
+ text: (textChunks == null ? void 0 : textChunks[chunkIndex]) || '',
34691
+ onFinish: function onFinish() {
34692
+ setShowGoNextIndicator(true);
34693
+ onEndStep && onEndStep();
34674
34694
  },
34675
- className: "rpgui-slider-container " + typeClass,
34676
- id: "rpgui-slider-" + sliderId,
34677
- ref: containerRef
34678
- }, React__default.createElement("div", {
34679
- style: {
34680
- pointerEvents: 'none'
34695
+ onStart: function onStart() {
34696
+ setShowGoNextIndicator(false);
34697
+ onStartStep && onStartStep();
34681
34698
  }
34682
- }, React__default.createElement("div", {
34683
- className: "rpgui-slider-track " + typeClass
34684
- }), React__default.createElement("div", {
34685
- className: "rpgui-slider-left-edge " + typeClass
34686
- }), React__default.createElement("div", {
34687
- className: "rpgui-slider-right-edge " + typeClass
34688
- }), React__default.createElement("div", {
34689
- className: "rpgui-slider-thumb " + typeClass,
34690
- style: {
34691
- left: left
34699
+ }), showGoNextIndicator && React__default.createElement(PressSpaceIndicator, {
34700
+ right: type === exports.NPCDialogType.TextOnly ? '1rem' : '10.5rem',
34701
+ src: IS_MOBILE_OR_TABLET ? img$6 : img$7,
34702
+ onPointerDown: function onPointerDown() {
34703
+ goToNextStep();
34692
34704
  }
34693
- })), React__default.createElement(Input$1, {
34694
- type: "range",
34695
- style: {
34696
- width: width
34697
- },
34698
- min: valueMin,
34699
- max: valueMax,
34700
- onChange: function onChange(e) {
34701
- return _onChange(Number(e.target.value));
34702
- },
34703
- value: value,
34704
- className: "rpgui-cursor-point"
34705
34705
  }));
34706
34706
  };
34707
- var Input$1 = /*#__PURE__*/styled.input.withConfig({
34708
- displayName: "RangeSlider__Input",
34709
- componentId: "sc-v8mte9-0"
34710
- })(["opacity:0;position:absolute;width:100%;height:100%;top:0;left:0;margin-top:-5px;"]);
34707
+ var Container$e = /*#__PURE__*/styled.div.withConfig({
34708
+ displayName: "NPCDialogText__Container",
34709
+ componentId: "sc-1cxkdh9-0"
34710
+ })([""]);
34711
+ var PressSpaceIndicator = /*#__PURE__*/styled.img.withConfig({
34712
+ displayName: "NPCDialogText__PressSpaceIndicator",
34713
+ componentId: "sc-1cxkdh9-1"
34714
+ })(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref2) {
34715
+ var right = _ref2.right;
34716
+ return right;
34717
+ });
34711
34718
 
34712
- var ItemQuantitySelector = function ItemQuantitySelector(_ref) {
34713
- var quantity = _ref.quantity,
34714
- onConfirm = _ref.onConfirm,
34719
+ //@ts-ignore
34720
+ var useEventListener = function useEventListener(type, handler, el) {
34721
+ if (el === void 0) {
34722
+ el = window;
34723
+ }
34724
+ var savedHandler = React__default.useRef();
34725
+ React__default.useEffect(function () {
34726
+ savedHandler.current = handler;
34727
+ }, [handler]);
34728
+ React__default.useEffect(function () {
34729
+ //@ts-ignore
34730
+ var listener = function listener(e) {
34731
+ return savedHandler.current(e);
34732
+ };
34733
+ el.addEventListener(type, listener);
34734
+ return function () {
34735
+ el.removeEventListener(type, listener);
34736
+ };
34737
+ }, [type, el]);
34738
+ };
34739
+
34740
+ var QuestionDialog = function QuestionDialog(_ref) {
34741
+ var questions = _ref.questions,
34742
+ answers = _ref.answers,
34715
34743
  onClose = _ref.onClose;
34716
- var _useState = React.useState(quantity),
34717
- value = _useState[0],
34718
- setValue = _useState[1];
34719
- var inputRef = React.useRef(null);
34720
- React.useEffect(function () {
34721
- if (inputRef.current) {
34722
- inputRef.current.focus();
34723
- inputRef.current.select();
34724
- var closeSelector = function closeSelector(e) {
34725
- if (e.key === 'Escape') {
34726
- onClose();
34727
- }
34728
- };
34729
- document.addEventListener('keydown', closeSelector);
34730
- return function () {
34731
- document.removeEventListener('keydown', closeSelector);
34732
- };
34733
- }
34734
- return function () {};
34735
- }, []);
34736
- return React__default.createElement(StyledContainer, {
34737
- type: exports.RPGUIContainerTypes.Framed,
34738
- width: "25rem"
34739
- }, React__default.createElement(CloseButton$2, {
34740
- className: "container-close",
34741
- onPointerDown: onClose
34742
- }, "X"), React__default.createElement("h2", null, "Select quantity to move"), React__default.createElement(StyledForm, {
34743
- style: {
34744
- width: '100%'
34745
- },
34746
- onSubmit: function onSubmit(e) {
34747
- e.preventDefault();
34748
- var numberValue = Number(value);
34749
- if (Number.isNaN(numberValue)) {
34750
- return;
34751
- }
34752
- onConfirm(Math.max(1, Math.min(quantity, numberValue)));
34753
- },
34754
- noValidate: true
34755
- }, React__default.createElement(StyledInput, {
34756
- innerRef: inputRef,
34757
- placeholder: "Enter quantity",
34758
- type: "number",
34759
- min: 1,
34760
- max: quantity,
34761
- value: value,
34762
- onChange: function onChange(e) {
34763
- if (Number(e.target.value) >= quantity) {
34764
- setValue(quantity);
34765
- return;
34766
- }
34767
- setValue(e.target.value);
34768
- },
34769
- onBlur: function onBlur(e) {
34770
- var newValue = Math.max(1, Math.min(quantity, Number(e.target.value)));
34771
- setValue(newValue);
34744
+ var _useState = React.useState(questions[0]),
34745
+ currentQuestion = _useState[0],
34746
+ setCurrentQuestion = _useState[1];
34747
+ var _useState2 = React.useState(false),
34748
+ canShowAnswers = _useState2[0],
34749
+ setCanShowAnswers = _useState2[1];
34750
+ var onGetFirstAnswer = function onGetFirstAnswer() {
34751
+ if (!currentQuestion.answerIds || currentQuestion.answerIds.length === 0) {
34752
+ return null;
34772
34753
  }
34773
- }), React__default.createElement(RangeSlider, {
34774
- type: exports.RangeSliderType.Slider,
34775
- valueMin: 1,
34776
- valueMax: quantity,
34777
- width: "100%",
34778
- onChange: setValue,
34779
- value: value
34780
- }), React__default.createElement(Button, {
34781
- buttonType: exports.ButtonTypes.RPGUIButton,
34782
- type: "submit"
34783
- }, "Confirm")));
34784
- };
34785
- var StyledContainer = /*#__PURE__*/styled(RPGUIContainer).withConfig({
34786
- displayName: "ItemQuantitySelector__StyledContainer",
34787
- componentId: "sc-yfdtpn-0"
34788
- })(["display:flex;flex-direction:column;align-items:center;"]);
34789
- var StyledForm = /*#__PURE__*/styled.form.withConfig({
34790
- displayName: "ItemQuantitySelector__StyledForm",
34791
- componentId: "sc-yfdtpn-1"
34792
- })(["display:flex;flex-direction:column;align-items:center;width:100%;"]);
34793
- var StyledInput = /*#__PURE__*/styled(Input).withConfig({
34794
- displayName: "ItemQuantitySelector__StyledInput",
34795
- componentId: "sc-yfdtpn-2"
34796
- })(["text-align:center;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;}"]);
34797
- var CloseButton$2 = /*#__PURE__*/styled.div.withConfig({
34798
- displayName: "ItemQuantitySelector__CloseButton",
34799
- componentId: "sc-yfdtpn-3"
34800
- })(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:0.8rem;"]);
34801
-
34802
- var ShortcutsSetter = function ShortcutsSetter(_ref) {
34803
- var setSettingShortcutIndex = _ref.setSettingShortcutIndex,
34804
- settingShortcutIndex = _ref.settingShortcutIndex,
34805
- shortcuts = _ref.shortcuts,
34806
- removeShortcut = _ref.removeShortcut,
34807
- atlasJSON = _ref.atlasJSON,
34808
- atlasIMG = _ref.atlasIMG;
34809
- var getContent = function getContent(index) {
34810
- var _shortcuts$index, _shortcuts$index3;
34811
- if (((_shortcuts$index = shortcuts[index]) == null ? void 0 : _shortcuts$index.type) === shared.ShortcutType.Item) {
34812
- var _shortcuts$index2;
34813
- var _payload = (_shortcuts$index2 = shortcuts[index]) == null ? void 0 : _shortcuts$index2.payload;
34814
- if (!_payload) return null;
34815
- return React__default.createElement(SpriteFromAtlas, {
34816
- atlasIMG: atlasIMG,
34817
- atlasJSON: atlasJSON,
34818
- spriteKey: shared.getItemTextureKeyPath({
34819
- key: _payload.texturePath,
34820
- texturePath: _payload.texturePath,
34821
- stackQty: _payload.stackQty || 1
34822
- }, atlasJSON),
34823
- width: 32,
34824
- height: 32,
34825
- imgScale: 1.6,
34826
- imgStyle: {
34827
- left: '5px'
34828
- }
34754
+ var firstAnswerId = currentQuestion.answerIds[0];
34755
+ return answers.find(function (answer) {
34756
+ return answer.id === firstAnswerId;
34757
+ });
34758
+ };
34759
+ var _useState3 = React.useState(onGetFirstAnswer()),
34760
+ currentAnswer = _useState3[0],
34761
+ setCurrentAnswer = _useState3[1];
34762
+ React.useEffect(function () {
34763
+ setCurrentAnswer(onGetFirstAnswer());
34764
+ }, [currentQuestion]);
34765
+ var onGetAnswers = function onGetAnswers(answerIds) {
34766
+ return answerIds.map(function (answerId) {
34767
+ return answers.find(function (answer) {
34768
+ return answer.id === answerId;
34829
34769
  });
34830
- }
34831
- var payload = (_shortcuts$index3 = shortcuts[index]) == null ? void 0 : _shortcuts$index3.payload;
34832
- return React__default.createElement("span", null, payload == null ? void 0 : payload.magicWords.split(' ').map(function (word) {
34833
- return word[0];
34834
- }));
34770
+ });
34835
34771
  };
34836
- return React__default.createElement(Container$e, null, React__default.createElement("p", null, "Shortcuts:"), React__default.createElement(List, {
34837
- id: "shortcuts_list"
34838
- }, Array.from({
34839
- length: 6
34840
- }).map(function (_, i) {
34841
- return React__default.createElement(Shortcut, {
34842
- key: i,
34843
- onPointerDown: function onPointerDown() {
34844
- removeShortcut(i);
34845
- if (!shortcuts[i] || shortcuts[i].type === shared.ShortcutType.None) setSettingShortcutIndex(i);
34846
- },
34847
- disabled: settingShortcutIndex !== -1 && settingShortcutIndex !== i,
34848
- isBeingSet: settingShortcutIndex === i
34849
- }, getContent(i));
34850
- })));
34851
- };
34852
- var Container$e = /*#__PURE__*/styled.div.withConfig({
34853
- displayName: "ShortcutsSetter__Container",
34854
- componentId: "sc-xuouuf-0"
34855
- })(["p{margin:0;margin-left:0.5rem;}"]);
34856
- var Shortcut = /*#__PURE__*/styled.button.withConfig({
34857
- displayName: "ShortcutsSetter__Shortcut",
34858
- componentId: "sc-xuouuf-1"
34859
- })(["width:2.6rem;height:2.6rem;background-color:", ";border:2px solid ", ";border-radius:50%;text-transform:uppercase;font-size:0.7rem;font-weight:bold;display:flex;align-items:center;justify-content:center;span{margin-top:4px;}&:hover,&:focus{background-color:", ";}&:active{background-color:", ";}&:disabled{opacity:0.5;}"], uiColors.lightGray, function (_ref2) {
34860
- var isBeingSet = _ref2.isBeingSet;
34861
- return isBeingSet ? uiColors.yellow : uiColors.darkGray;
34862
- }, uiColors.darkGray, uiColors.gray);
34863
- var List = /*#__PURE__*/styled.div.withConfig({
34864
- displayName: "ShortcutsSetter__List",
34865
- componentId: "sc-xuouuf-2"
34866
- })(["width:100%;display:flex;align-items:center;gap:0.5rem;padding-bottom:0.5rem;padding-left:0.5rem;box-sizing:border-box;margin:0 !important;"]);
34867
-
34868
- var ItemContainer$1 = function ItemContainer(_ref) {
34869
- var itemContainer = _ref.itemContainer,
34870
- onClose = _ref.onClose,
34871
- _onMouseOver = _ref.onMouseOver,
34872
- _onSelected = _ref.onSelected,
34873
- onItemClick = _ref.onItemClick,
34874
- type = _ref.type,
34875
- atlasJSON = _ref.atlasJSON,
34876
- atlasIMG = _ref.atlasIMG,
34877
- _ref$disableContextMe = _ref.disableContextMenu,
34878
- disableContextMenu = _ref$disableContextMe === void 0 ? false : _ref$disableContextMe,
34879
- onItemDragEnd = _ref.onItemDragEnd,
34880
- onItemDragStart = _ref.onItemDragStart,
34881
- onItemPlaceDrop = _ref.onItemPlaceDrop,
34882
- _onOutsideDrop = _ref.onOutsideDrop,
34883
- checkIfItemCanBeMoved = _ref.checkIfItemCanBeMoved,
34884
- initialPosition = _ref.initialPosition,
34885
- checkIfItemShouldDragEnd = _ref.checkIfItemShouldDragEnd,
34886
- scale = _ref.scale,
34887
- shortcuts = _ref.shortcuts,
34888
- setItemShortcut = _ref.setItemShortcut,
34889
- removeShortcut = _ref.removeShortcut,
34890
- equipmentSet = _ref.equipmentSet,
34891
- isDepotSystem = _ref.isDepotSystem,
34892
- onPositionChangeEnd = _ref.onPositionChangeEnd,
34893
- onPositionChangeStart = _ref.onPositionChangeStart;
34894
- var _useState = React.useState({
34895
- isOpen: false,
34896
- maxQuantity: 1,
34897
- callback: function callback(_quantity) {}
34898
- }),
34899
- quantitySelect = _useState[0],
34900
- setQuantitySelect = _useState[1];
34901
- var _useState2 = React.useState(-1),
34902
- settingShortcutIndex = _useState2[0],
34903
- setSettingShortcutIndex = _useState2[1];
34904
- var onRenderSlots = function onRenderSlots() {
34905
- var slots = [];
34906
- for (var i = 0; i < itemContainer.slotQty; i++) {
34907
- var _itemContainer$slots;
34908
- slots.push(React__default.createElement(ItemSlot, {
34909
- isContextMenuDisabled: disableContextMenu,
34910
- key: i,
34911
- slotIndex: i,
34912
- item: ((_itemContainer$slots = itemContainer.slots) == null ? void 0 : _itemContainer$slots[i]) || null,
34913
- itemContainerType: type,
34914
- onMouseOver: function onMouseOver(event, slotIndex, item) {
34915
- if (_onMouseOver) _onMouseOver(event, slotIndex, item);
34916
- },
34917
- onPointerDown: function onPointerDown(itemType, containerType, item) {
34918
- if (settingShortcutIndex !== -1) {
34919
- setSettingShortcutIndex(-1);
34920
- if (itemType === shared.ItemType.Consumable || itemType === shared.ItemType.Tool) {
34921
- setItemShortcut == null ? void 0 : setItemShortcut(item.key, settingShortcutIndex);
34922
- }
34923
- } else if (onItemClick) onItemClick(item, itemType, containerType);
34924
- },
34925
- onSelected: function onSelected(optionId, item) {
34926
- if (_onSelected) _onSelected(optionId, item);
34927
- },
34928
- onDragStart: function onDragStart(item, slotIndex, itemContainerType) {
34929
- if (onItemDragStart) onItemDragStart(item, slotIndex, itemContainerType);
34930
- },
34931
- onDragEnd: function onDragEnd(quantity) {
34932
- if (onItemDragEnd) onItemDragEnd(quantity);
34933
- },
34934
- dragScale: scale,
34935
- checkIfItemCanBeMoved: checkIfItemCanBeMoved,
34936
- checkIfItemShouldDragEnd: checkIfItemShouldDragEnd,
34937
- openQuantitySelector: function openQuantitySelector(maxQuantity, callback) {
34938
- setQuantitySelect({
34939
- isOpen: true,
34940
- maxQuantity: maxQuantity,
34941
- callback: callback
34942
- });
34943
- },
34944
- onPlaceDrop: function onPlaceDrop(item, slotIndex, itemContainerType) {
34945
- if (onItemPlaceDrop) onItemPlaceDrop(item, slotIndex, itemContainerType);
34946
- },
34947
- onOutsideDrop: function onOutsideDrop(item, position) {
34948
- if (_onOutsideDrop) _onOutsideDrop(item, position);
34949
- },
34950
- atlasIMG: atlasIMG,
34951
- atlasJSON: atlasJSON,
34952
- isSelectingShortcut: settingShortcutIndex !== -1,
34953
- equipmentSet: equipmentSet,
34954
- isDepotSystem: isDepotSystem
34955
- }));
34772
+ var onKeyPress = function onKeyPress(e) {
34773
+ switch (e.key) {
34774
+ case 'ArrowDown':
34775
+ // select next answer, if any.
34776
+ // if no next answer, select first answer
34777
+ // const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(
34778
+ // (answer) => answer?.id === currentAnswer!.id + 1
34779
+ // );
34780
+ var nextAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
34781
+ return (answer == null ? void 0 : answer.id) === currentAnswer.id + 1;
34782
+ });
34783
+ var nextAnswerID = currentQuestion.answerIds[nextAnswerIndex];
34784
+ var nextAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
34785
+ return (answer == null ? void 0 : answer.id) === nextAnswerID;
34786
+ });
34787
+ setCurrentAnswer(nextAnswer || onGetFirstAnswer());
34788
+ break;
34789
+ case 'ArrowUp':
34790
+ // select previous answer, if any.
34791
+ // if no previous answer, select last answer
34792
+ var previousAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
34793
+ return (answer == null ? void 0 : answer.id) === currentAnswer.id - 1;
34794
+ });
34795
+ var previousAnswerID = currentQuestion.answerIds && currentQuestion.answerIds[previousAnswerIndex];
34796
+ var previousAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
34797
+ return (answer == null ? void 0 : answer.id) === previousAnswerID;
34798
+ });
34799
+ if (previousAnswer) {
34800
+ setCurrentAnswer(previousAnswer);
34801
+ } else {
34802
+ setCurrentAnswer(onGetAnswers(currentQuestion.answerIds).pop());
34803
+ }
34804
+ break;
34805
+ case 'Enter':
34806
+ setCanShowAnswers(false);
34807
+ if (!(currentAnswer != null && currentAnswer.nextQuestionId)) {
34808
+ onClose();
34809
+ return;
34810
+ } else {
34811
+ setCurrentQuestion(questions.find(function (question) {
34812
+ return question.id === currentAnswer.nextQuestionId;
34813
+ }));
34814
+ }
34815
+ break;
34956
34816
  }
34957
- return slots;
34958
34817
  };
34959
- return React__default.createElement(React__default.Fragment, null, React__default.createElement(SlotsContainer, {
34960
- title: itemContainer.name || 'Container',
34961
- onClose: onClose,
34962
- initialPosition: initialPosition,
34963
- scale: scale,
34964
- onPositionChangeEnd: onPositionChangeEnd,
34965
- onPositionChangeStart: onPositionChangeStart
34966
- }, type === shared.ItemContainerType.Inventory && shortcuts && removeShortcut && React__default.createElement(ShortcutsSetter, {
34967
- setSettingShortcutIndex: setSettingShortcutIndex,
34968
- settingShortcutIndex: settingShortcutIndex,
34969
- shortcuts: shortcuts,
34970
- removeShortcut: removeShortcut,
34971
- atlasIMG: atlasIMG,
34972
- atlasJSON: atlasJSON
34973
- }), React__default.createElement(ItemsContainer, {
34974
- className: "item-container-body"
34975
- }, onRenderSlots())), quantitySelect.isOpen && React__default.createElement(ModalPortal, null, React__default.createElement(QuantitySelectorContainer, null, React__default.createElement(ItemQuantitySelector, {
34976
- quantity: quantitySelect.maxQuantity,
34977
- onConfirm: function onConfirm(quantity) {
34978
- quantitySelect.callback(quantity);
34979
- setQuantitySelect({
34980
- isOpen: false,
34981
- maxQuantity: 1,
34982
- callback: function callback() {}
34983
- });
34984
- },
34985
- onClose: function onClose() {
34986
- quantitySelect.callback(-1);
34987
- setQuantitySelect({
34988
- isOpen: false,
34989
- maxQuantity: 1,
34990
- callback: function callback() {}
34991
- });
34818
+ useEventListener('keydown', onKeyPress);
34819
+ var onAnswerClick = function onAnswerClick(answer) {
34820
+ setCanShowAnswers(false);
34821
+ if (answer.nextQuestionId) {
34822
+ // if there is a next question, go to it
34823
+ setCurrentQuestion(questions.find(function (question) {
34824
+ return question.id === answer.nextQuestionId;
34825
+ }));
34826
+ } else {
34827
+ // else, finish dialog!
34828
+ onClose();
34992
34829
  }
34993
- }))));
34994
- };
34995
- var ItemsContainer = /*#__PURE__*/styled.div.withConfig({
34996
- displayName: "ItemContainer__ItemsContainer",
34997
- componentId: "sc-15y5p9l-0"
34998
- })(["display:flex;justify-content:center;flex-wrap:wrap;"]);
34999
- var QuantitySelectorContainer = /*#__PURE__*/styled.div.withConfig({
35000
- displayName: "ItemContainer__QuantitySelectorContainer",
35001
- componentId: "sc-15y5p9l-1"
35002
- })(["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);"]);
35003
-
35004
- var ItemSelector = function ItemSelector(_ref) {
35005
- var atlasIMG = _ref.atlasIMG,
35006
- atlasJSON = _ref.atlasJSON,
35007
- options = _ref.options,
35008
- onClose = _ref.onClose,
35009
- onSelect = _ref.onSelect;
35010
- var _useState = React.useState(),
35011
- selectedValue = _useState[0],
35012
- setSelectedValue = _useState[1];
35013
- var handleClick = function handleClick() {
35014
- var element = document.querySelector("input[name='test']:checked");
35015
- var elementValue = element.value;
35016
- setSelectedValue(elementValue);
35017
34830
  };
35018
- React.useEffect(function () {
35019
- if (selectedValue) {
35020
- onSelect(selectedValue);
35021
- }
35022
- }, [selectedValue]);
35023
- return React__default.createElement(DraggableContainer, {
35024
- type: exports.RPGUIContainerTypes.Framed,
35025
- width: "500px",
35026
- cancelDrag: ".equipment-container-body .arrow-selector",
35027
- onCloseButton: function onCloseButton() {
35028
- if (onClose) {
35029
- onClose();
35030
- }
34831
+ var onRenderCurrentAnswers = function onRenderCurrentAnswers() {
34832
+ var answerIds = currentQuestion.answerIds;
34833
+ if (!answerIds) {
34834
+ return null;
35031
34835
  }
35032
- }, React__default.createElement("div", {
35033
- style: {
35034
- width: '100%'
34836
+ var answers = onGetAnswers(answerIds);
34837
+ if (!answers) {
34838
+ return null;
35035
34839
  }
35036
- }, React__default.createElement(Title$3, null, 'Harvesting instruments'), React__default.createElement(Subtitle$1, null, 'Use the tool, you need it'), React__default.createElement("hr", {
35037
- className: "golden"
35038
- })), React__default.createElement(RadioInputScroller$1, null, options == null ? void 0 : options.map(function (option, index) {
35039
- return React__default.createElement(RadioOptionsWrapper$1, {
35040
- key: index
35041
- }, React__default.createElement(SpriteAtlasWrapper$1, null, React__default.createElement(SpriteFromAtlas, {
35042
- atlasIMG: atlasIMG,
35043
- atlasJSON: atlasJSON,
35044
- spriteKey: option.imageKey,
35045
- imgScale: 3
35046
- })), React__default.createElement("div", null, React__default.createElement("input", {
35047
- className: "rpgui-radio",
35048
- type: "radio",
35049
- value: option.name,
35050
- name: "test"
35051
- }), React__default.createElement("label", {
35052
- onPointerDown: handleClick,
35053
- style: {
35054
- display: 'flex',
35055
- alignItems: 'center'
34840
+ return answers.map(function (answer) {
34841
+ var isSelected = (currentAnswer == null ? void 0 : currentAnswer.id) === (answer == null ? void 0 : answer.id);
34842
+ var selectedColor = isSelected ? 'yellow' : 'white';
34843
+ if (answer) {
34844
+ return React__default.createElement(AnswerRow, {
34845
+ key: "answer_" + answer.id
34846
+ }, React__default.createElement(AnswerSelectedIcon, {
34847
+ color: selectedColor
34848
+ }, isSelected ? 'X' : null), React__default.createElement(Answer, {
34849
+ key: answer.id,
34850
+ onPointerDown: function onPointerDown() {
34851
+ return onAnswerClick(answer);
34852
+ },
34853
+ color: selectedColor
34854
+ }, answer.text));
35056
34855
  }
35057
- }, option.name, " ", React__default.createElement("br", null), option.description)));
35058
- })), React__default.createElement(ButtonWrapper$1, null, React__default.createElement(Button, {
35059
- buttonType: exports.ButtonTypes.RPGUIButton,
35060
- onPointerDown: onClose
35061
- }, "Cancel"), React__default.createElement(Button, {
35062
- buttonType: exports.ButtonTypes.RPGUIButton
35063
- }, "Select")));
34856
+ return null;
34857
+ });
34858
+ };
34859
+ return React__default.createElement(Container$f, null, React__default.createElement(QuestionContainer, null, React__default.createElement(DynamicText, {
34860
+ text: currentQuestion.text,
34861
+ onStart: function onStart() {
34862
+ return setCanShowAnswers(false);
34863
+ },
34864
+ onFinish: function onFinish() {
34865
+ return setCanShowAnswers(true);
34866
+ }
34867
+ })), canShowAnswers && React__default.createElement(AnswersContainer, null, onRenderCurrentAnswers()));
35064
34868
  };
35065
- var Title$3 = /*#__PURE__*/styled.h1.withConfig({
35066
- displayName: "ItemSelector__Title",
35067
- componentId: "sc-gptoxp-0"
35068
- })(["font-size:0.6rem;color:yellow !important;"]);
35069
- var Subtitle$1 = /*#__PURE__*/styled.h1.withConfig({
35070
- displayName: "ItemSelector__Subtitle",
35071
- componentId: "sc-gptoxp-1"
35072
- })(["font-size:0.4rem;color:yellow !important;"]);
35073
- var RadioInputScroller$1 = /*#__PURE__*/styled.div.withConfig({
35074
- displayName: "ItemSelector__RadioInputScroller",
35075
- componentId: "sc-gptoxp-2"
35076
- })(["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;"]);
35077
- var SpriteAtlasWrapper$1 = /*#__PURE__*/styled.div.withConfig({
35078
- displayName: "ItemSelector__SpriteAtlasWrapper",
35079
- componentId: "sc-gptoxp-3"
35080
- })(["margin-right:40px;"]);
35081
- var RadioOptionsWrapper$1 = /*#__PURE__*/styled.div.withConfig({
35082
- displayName: "ItemSelector__RadioOptionsWrapper",
35083
- componentId: "sc-gptoxp-4"
35084
- })(["display:flex;align-items:stretch;margin-bottom:40px;"]);
35085
- var ButtonWrapper$1 = /*#__PURE__*/styled.div.withConfig({
35086
- displayName: "ItemSelector__ButtonWrapper",
35087
- componentId: "sc-gptoxp-5"
35088
- })(["display:flex;justify-content:space-around;padding-top:20px;width:100%;"]);
34869
+ var Container$f = /*#__PURE__*/styled.div.withConfig({
34870
+ displayName: "QuestionDialog__Container",
34871
+ componentId: "sc-bxc5u0-0"
34872
+ })(["display:flex;word-break:break-all;box-sizing:border-box;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;"]);
34873
+ var QuestionContainer = /*#__PURE__*/styled.div.withConfig({
34874
+ displayName: "QuestionDialog__QuestionContainer",
34875
+ componentId: "sc-bxc5u0-1"
34876
+ })(["flex:100%;width:100%;"]);
34877
+ var AnswersContainer = /*#__PURE__*/styled.div.withConfig({
34878
+ displayName: "QuestionDialog__AnswersContainer",
34879
+ componentId: "sc-bxc5u0-2"
34880
+ })(["flex:100%;"]);
34881
+ var Answer = /*#__PURE__*/styled.p.withConfig({
34882
+ displayName: "QuestionDialog__Answer",
34883
+ componentId: "sc-bxc5u0-3"
34884
+ })(["flex:auto;color:", " !important;font-size:0.65rem !important;background:inherit;border:none;"], function (props) {
34885
+ return props.color;
34886
+ });
34887
+ var AnswerSelectedIcon = /*#__PURE__*/styled.span.withConfig({
34888
+ displayName: "QuestionDialog__AnswerSelectedIcon",
34889
+ componentId: "sc-bxc5u0-4"
34890
+ })(["flex:5% 0 0;color:", " !important;"], function (props) {
34891
+ return props.color;
34892
+ });
34893
+ var AnswerRow = /*#__PURE__*/styled.div.withConfig({
34894
+ displayName: "QuestionDialog__AnswerRow",
34895
+ componentId: "sc-bxc5u0-5"
34896
+ })(["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;}"]);
35089
34897
 
35090
- var ListMenu = function ListMenu(_ref) {
35091
- var options = _ref.options,
35092
- onSelected = _ref.onSelected,
35093
- x = _ref.x,
35094
- y = _ref.y;
35095
- return React__default.createElement(Container$f, {
35096
- x: x,
35097
- y: y
35098
- }, React__default.createElement("ul", {
35099
- className: "rpgui-list-imp",
35100
- style: {
35101
- overflow: 'hidden'
35102
- }
35103
- }, options.map(function (params, index) {
35104
- return React__default.createElement(ListElement$1, {
35105
- key: (params == null ? void 0 : params.id) || index,
35106
- onPointerDown: function onPointerDown() {
35107
- onSelected(params == null ? void 0 : params.id);
34898
+ var img$8 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAP1BMVEUAAAA7FyVxQTsUEBPj5v////+5v/tCJDOOUlIiHBr1oJfptaO6dWr61rhzFy1bMTjoanMUNGQoXMQkn97+88DQ3IhAAAAAAXRSTlMAQObYZgAAAAFiS0dEBfhv6ccAAAAHdElNRQfmAw4VOBC7c5LYAAABM0lEQVQ4y3XRi5KDIAwFUAUkbrBgpP//rZsHVHQ009qZ3tPboNN0zmwzvcw8O5sX4y0NOg/Et3jRCXF+ziULorjkOQ9gE24dvuUAzq08DiCO4pe3WN7zCP56vmpubBReQYC11YPS86ySxxCsAABTSgjb5m4g8nfbxvFHBkH2OEEvAItVuCuIsgGgl+Gcr7kDXxhEAx55A2SQEEeQeZwUaIP8Tbo05B0RFPhItAjgj1w6cDnhLluDj+Egkh3pCCP4pKQAw1IPO0W9Nti5gW9RP2dKA3BZd2Dw+baYX+Nt4GM00O4S3kEpF6Alb2Bv4LeC3kkGfAW0/p0RPoJVKr63ghHsKuRh5DIUKOAlGOwrtt9fQekAEfmhZslHUDoglB0zjfkJigN7UnTQQ4GBWomoVhEN/AOPSBh38gy+fwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wMy0xNFQyMTo1NTo1MSswMDowMJcc0eEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDMtMTRUMjE6NTU6NTErMDA6MDDmQWldAAAAAElFTkSuQmCC';
34899
+
34900
+ (function (NPCDialogType) {
34901
+ NPCDialogType["TextOnly"] = "TextOnly";
34902
+ NPCDialogType["TextAndThumbnail"] = "TextAndThumbnail";
34903
+ })(exports.NPCDialogType || (exports.NPCDialogType = {}));
34904
+ var NPCDialog = function NPCDialog(_ref) {
34905
+ var text = _ref.text,
34906
+ type = _ref.type,
34907
+ _onClose = _ref.onClose,
34908
+ imagePath = _ref.imagePath,
34909
+ _ref$isQuestionDialog = _ref.isQuestionDialog,
34910
+ isQuestionDialog = _ref$isQuestionDialog === void 0 ? false : _ref$isQuestionDialog,
34911
+ questions = _ref.questions,
34912
+ answers = _ref.answers;
34913
+ return React__default.createElement(RPGUIContainer, {
34914
+ type: exports.RPGUIContainerTypes.FramedGold,
34915
+ width: isQuestionDialog ? '600px' : '80%',
34916
+ height: '180px'
34917
+ }, isQuestionDialog && questions && answers ? React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer$1, {
34918
+ flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
34919
+ }, React__default.createElement(QuestionDialog, {
34920
+ questions: questions,
34921
+ answers: answers,
34922
+ onClose: function onClose() {
34923
+ if (_onClose) {
34924
+ _onClose();
35108
34925
  }
35109
- }, (params == null ? void 0 : params.text) || 'No text');
35110
- })));
34926
+ }
34927
+ })), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
34928
+ src: imagePath || img$8
34929
+ }))) : React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$g, null, React__default.createElement(TextContainer$1, {
34930
+ flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
34931
+ }, React__default.createElement(NPCDialogText, {
34932
+ type: type,
34933
+ text: text || 'No text provided.',
34934
+ onClose: function onClose() {
34935
+ if (_onClose) {
34936
+ _onClose();
34937
+ }
34938
+ }
34939
+ })), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
34940
+ src: imagePath || img$8
34941
+ })))));
35111
34942
  };
35112
- var Container$f = /*#__PURE__*/styled.div.withConfig({
35113
- displayName: "ListMenu__Container",
35114
- componentId: "sc-i9097t-0"
35115
- })(["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) {
35116
- return props.y || 0;
35117
- }, function (props) {
35118
- return props.x || 0;
35119
- }, uiFonts.size.xsmall);
35120
- var ListElement$1 = /*#__PURE__*/styled.li.withConfig({
35121
- displayName: "ListMenu__ListElement",
35122
- componentId: "sc-i9097t-1"
35123
- })(["margin-right:0.5rem;"]);
35124
-
35125
- var img$6 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAP1BMVEUAAAA7FyVxQTsUEBPj5v////+5v/tCJDOOUlIiHBr1oJfptaO6dWr61rhzFy1bMTjoanMUNGQoXMQkn97+88DQ3IhAAAAAAXRSTlMAQObYZgAAAAFiS0dEBfhv6ccAAAAHdElNRQfmAw4VOBC7c5LYAAABM0lEQVQ4y3XRi5KDIAwFUAUkbrBgpP//rZsHVHQ009qZ3tPboNN0zmwzvcw8O5sX4y0NOg/Et3jRCXF+ziULorjkOQ9gE24dvuUAzq08DiCO4pe3WN7zCP56vmpubBReQYC11YPS86ySxxCsAABTSgjb5m4g8nfbxvFHBkH2OEEvAItVuCuIsgGgl+Gcr7kDXxhEAx55A2SQEEeQeZwUaIP8Tbo05B0RFPhItAjgj1w6cDnhLluDj+Egkh3pCCP4pKQAw1IPO0W9Nti5gW9RP2dKA3BZd2Dw+baYX+Nt4GM00O4S3kEpF6Alb2Bv4LeC3kkGfAW0/p0RPoJVKr63ghHsKuRh5DIUKOAlGOwrtt9fQekAEfmhZslHUDoglB0zjfkJigN7UnTQQ4GBWomoVhEN/AOPSBh38gy+fwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wMy0xNFQyMTo1NTo1MSswMDowMJcc0eEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDMtMTRUMjE6NTU6NTErMDA6MDDmQWldAAAAAElFTkSuQmCC';
35126
-
35127
- 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';
34943
+ var Container$g = /*#__PURE__*/styled.div.withConfig({
34944
+ displayName: "NPCDialog__Container",
34945
+ componentId: "sc-1b4aw74-0"
34946
+ })(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
34947
+ var TextContainer$1 = /*#__PURE__*/styled.div.withConfig({
34948
+ displayName: "NPCDialog__TextContainer",
34949
+ componentId: "sc-1b4aw74-1"
34950
+ })(["flex:", " 0 0;width:355px;"], function (_ref2) {
34951
+ var flex = _ref2.flex;
34952
+ return flex;
34953
+ });
34954
+ var ThumbnailContainer = /*#__PURE__*/styled.div.withConfig({
34955
+ displayName: "NPCDialog__ThumbnailContainer",
34956
+ componentId: "sc-1b4aw74-2"
34957
+ })(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
34958
+ var NPCThumbnail = /*#__PURE__*/styled.img.withConfig({
34959
+ displayName: "NPCDialog__NPCThumbnail",
34960
+ componentId: "sc-1b4aw74-3"
34961
+ })(["image-rendering:pixelated;height:128px;width:128px;"]);
35128
34962
 
35129
34963
  (function (ImgSide) {
35130
34964
  ImgSide["right"] = "right";
@@ -35162,7 +34996,7 @@ var NPCMultiDialog = function NPCMultiDialog(_ref) {
35162
34996
  type: exports.RPGUIContainerTypes.FramedGold,
35163
34997
  width: '50%',
35164
34998
  height: '180px'
35165
- }, 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, {
34999
+ }, 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, {
35166
35000
  flex: '70%'
35167
35001
  }, React__default.createElement(NPCDialogText, {
35168
35002
  onStartStep: function onStartStep() {
@@ -35177,14 +35011,14 @@ var NPCMultiDialog = function NPCMultiDialog(_ref) {
35177
35011
  _onClose();
35178
35012
  }
35179
35013
  }
35180
- })), React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
35181
- src: textAndTypeArray[slide].imagePath || img$6
35182
- })), showGoNextIndicator && React__default.createElement(PressSpaceIndicator, {
35014
+ })), React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
35015
+ src: textAndTypeArray[slide].imagePath || img$8
35016
+ })), showGoNextIndicator && React__default.createElement(PressSpaceIndicator$1, {
35183
35017
  right: '10.5rem',
35184
35018
  src: img$7
35185
- })), textAndTypeArray[slide].imageSide === 'left' && React__default.createElement(React__default.Fragment, null, React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
35186
- src: textAndTypeArray[slide].imagePath || img$6
35187
- })), React__default.createElement(TextContainer, {
35019
+ })), textAndTypeArray[slide].imageSide === 'left' && React__default.createElement(React__default.Fragment, null, React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
35020
+ src: textAndTypeArray[slide].imagePath || img$8
35021
+ })), React__default.createElement(TextContainer$2, {
35188
35022
  flex: '70%'
35189
35023
  }, React__default.createElement(NPCDialogText, {
35190
35024
  onStartStep: function onStartStep() {
@@ -35199,31 +35033,31 @@ var NPCMultiDialog = function NPCMultiDialog(_ref) {
35199
35033
  _onClose();
35200
35034
  }
35201
35035
  }
35202
- })), showGoNextIndicator && React__default.createElement(PressSpaceIndicator, {
35036
+ })), showGoNextIndicator && React__default.createElement(PressSpaceIndicator$1, {
35203
35037
  right: '1rem',
35204
35038
  src: img$7
35205
35039
  }))), ")"));
35206
35040
  };
35207
- var Container$g = /*#__PURE__*/styled.div.withConfig({
35041
+ var Container$h = /*#__PURE__*/styled.div.withConfig({
35208
35042
  displayName: "NPCMultiDialog__Container",
35209
35043
  componentId: "sc-rvu5wg-0"
35210
35044
  })(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
35211
- var TextContainer = /*#__PURE__*/styled.div.withConfig({
35045
+ var TextContainer$2 = /*#__PURE__*/styled.div.withConfig({
35212
35046
  displayName: "NPCMultiDialog__TextContainer",
35213
35047
  componentId: "sc-rvu5wg-1"
35214
35048
  })(["flex:", " 0 0;width:355px;"], function (_ref2) {
35215
35049
  var flex = _ref2.flex;
35216
35050
  return flex;
35217
35051
  });
35218
- var ThumbnailContainer = /*#__PURE__*/styled.div.withConfig({
35052
+ var ThumbnailContainer$1 = /*#__PURE__*/styled.div.withConfig({
35219
35053
  displayName: "NPCMultiDialog__ThumbnailContainer",
35220
35054
  componentId: "sc-rvu5wg-2"
35221
35055
  })(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
35222
- var NPCThumbnail = /*#__PURE__*/styled.img.withConfig({
35056
+ var NPCThumbnail$1 = /*#__PURE__*/styled.img.withConfig({
35223
35057
  displayName: "NPCMultiDialog__NPCThumbnail",
35224
35058
  componentId: "sc-rvu5wg-3"
35225
35059
  })(["image-rendering:pixelated;height:128px;width:128px;"]);
35226
- var PressSpaceIndicator = /*#__PURE__*/styled.img.withConfig({
35060
+ var PressSpaceIndicator$1 = /*#__PURE__*/styled.img.withConfig({
35227
35061
  displayName: "NPCMultiDialog__PressSpaceIndicator",
35228
35062
  componentId: "sc-rvu5wg-4"
35229
35063
  })(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref3) {
@@ -35231,221 +35065,602 @@ var PressSpaceIndicator = /*#__PURE__*/styled.img.withConfig({
35231
35065
  return right;
35232
35066
  });
35233
35067
 
35234
- //@ts-ignore
35235
- var useEventListener = function useEventListener(type, handler, el) {
35236
- if (el === void 0) {
35237
- el = window;
35238
- }
35239
- var savedHandler = React__default.useRef();
35240
- React__default.useEffect(function () {
35241
- savedHandler.current = handler;
35242
- }, [handler]);
35243
- React__default.useEffect(function () {
35244
- //@ts-ignore
35245
- var listener = function listener(e) {
35246
- return savedHandler.current(e);
35247
- };
35248
- el.addEventListener(type, listener);
35068
+ var HistoryDialog = function HistoryDialog(_ref) {
35069
+ var backgroundImgPath = _ref.backgroundImgPath,
35070
+ fullCoverBackground = _ref.fullCoverBackground,
35071
+ questions = _ref.questions,
35072
+ answers = _ref.answers,
35073
+ text = _ref.text,
35074
+ imagePath = _ref.imagePath,
35075
+ textAndTypeArray = _ref.textAndTypeArray,
35076
+ onClose = _ref.onClose;
35077
+ var _useState = React.useState(0),
35078
+ img = _useState[0],
35079
+ setImage = _useState[1];
35080
+ var onHandleSpacePress = function onHandleSpacePress(event) {
35081
+ if (event.code === 'Space') {
35082
+ if (img < (backgroundImgPath == null ? void 0 : backgroundImgPath.length) - 1) {
35083
+ setImage(function (prev) {
35084
+ return prev + 1;
35085
+ });
35086
+ } else {
35087
+ // if there's no more text chunks, close the dialog
35088
+ onClose();
35089
+ }
35090
+ }
35091
+ };
35092
+ React.useEffect(function () {
35093
+ document.addEventListener('keydown', onHandleSpacePress);
35249
35094
  return function () {
35250
- el.removeEventListener(type, listener);
35095
+ return document.removeEventListener('keydown', onHandleSpacePress);
35251
35096
  };
35252
- }, [type, el]);
35097
+ }, [backgroundImgPath]);
35098
+ return React__default.createElement(BackgroundContainer, {
35099
+ imgPath: backgroundImgPath[img],
35100
+ fullImg: fullCoverBackground
35101
+ }, React__default.createElement(DialogContainer, null, textAndTypeArray ? React__default.createElement(NPCMultiDialog, {
35102
+ textAndTypeArray: textAndTypeArray,
35103
+ onClose: onClose
35104
+ }) : questions && answers ? React__default.createElement(QuestionDialog, {
35105
+ questions: questions,
35106
+ answers: answers,
35107
+ onClose: onClose
35108
+ }) : text && imagePath ? React__default.createElement(NPCDialog, {
35109
+ text: text,
35110
+ imagePath: imagePath,
35111
+ onClose: onClose,
35112
+ type: exports.NPCDialogType.TextAndThumbnail
35113
+ }) : React__default.createElement(NPCDialog, {
35114
+ text: text,
35115
+ onClose: onClose,
35116
+ type: exports.NPCDialogType.TextOnly
35117
+ })));
35253
35118
  };
35119
+ var BackgroundContainer = /*#__PURE__*/styled.div.withConfig({
35120
+ displayName: "HistoryDialog__BackgroundContainer",
35121
+ componentId: "sc-u6oe75-0"
35122
+ })(["width:100%;height:100%;background-image:url(", ");background-size:", ";display:flex;justify-content:space-evenly;align-items:center;"], function (props) {
35123
+ return props.imgPath;
35124
+ }, function (props) {
35125
+ return props.imgPath ? 'cover' : 'auto';
35126
+ });
35127
+ var DialogContainer = /*#__PURE__*/styled.div.withConfig({
35128
+ displayName: "HistoryDialog__DialogContainer",
35129
+ componentId: "sc-u6oe75-1"
35130
+ })(["display:flex;justify-content:center;padding-top:200px;"]);
35254
35131
 
35255
- var DynamicText = function DynamicText(_ref) {
35256
- var text = _ref.text,
35257
- onFinish = _ref.onFinish,
35258
- onStart = _ref.onStart;
35259
- var _useState = React.useState(''),
35260
- textState = _useState[0],
35261
- setTextState = _useState[1];
35132
+ var SlotsContainer = function SlotsContainer(_ref) {
35133
+ var children = _ref.children,
35134
+ title = _ref.title,
35135
+ onClose = _ref.onClose,
35136
+ _onPositionChange = _ref.onPositionChange,
35137
+ _onPositionChangeEnd = _ref.onPositionChangeEnd,
35138
+ _onPositionChangeStart = _ref.onPositionChangeStart,
35139
+ onOutsideClick = _ref.onOutsideClick,
35140
+ initialPosition = _ref.initialPosition,
35141
+ scale = _ref.scale;
35142
+ return React__default.createElement(DraggableContainer, {
35143
+ title: title,
35144
+ type: exports.RPGUIContainerTypes.Framed,
35145
+ onCloseButton: function onCloseButton() {
35146
+ if (onClose) {
35147
+ onClose();
35148
+ }
35149
+ },
35150
+ width: "400px",
35151
+ cancelDrag: ".item-container-body, #shortcuts_list",
35152
+ onPositionChange: function onPositionChange(_ref2) {
35153
+ var x = _ref2.x,
35154
+ y = _ref2.y;
35155
+ if (_onPositionChange) {
35156
+ _onPositionChange({
35157
+ x: x,
35158
+ y: y
35159
+ });
35160
+ }
35161
+ },
35162
+ onPositionChangeEnd: function onPositionChangeEnd(_ref3) {
35163
+ var x = _ref3.x,
35164
+ y = _ref3.y;
35165
+ if (_onPositionChangeEnd) {
35166
+ _onPositionChangeEnd({
35167
+ x: x,
35168
+ y: y
35169
+ });
35170
+ }
35171
+ },
35172
+ onPositionChangeStart: function onPositionChangeStart(_ref4) {
35173
+ var x = _ref4.x,
35174
+ y = _ref4.y;
35175
+ if (_onPositionChangeStart) {
35176
+ _onPositionChangeStart({
35177
+ x: x,
35178
+ y: y
35179
+ });
35180
+ }
35181
+ },
35182
+ onOutsideClick: onOutsideClick,
35183
+ initialPosition: initialPosition,
35184
+ scale: scale
35185
+ }, children);
35186
+ };
35187
+
35188
+ (function (RangeSliderType) {
35189
+ RangeSliderType["Slider"] = "rpgui-slider";
35190
+ RangeSliderType["GoldSlider"] = "rpgui-slider golden";
35191
+ })(exports.RangeSliderType || (exports.RangeSliderType = {}));
35192
+ var RangeSlider = function RangeSlider(_ref) {
35193
+ var type = _ref.type,
35194
+ valueMin = _ref.valueMin,
35195
+ valueMax = _ref.valueMax,
35196
+ width = _ref.width,
35197
+ _onChange = _ref.onChange,
35198
+ value = _ref.value;
35199
+ var sliderId = uuid.v4();
35200
+ var containerRef = React.useRef(null);
35201
+ var _useState = React.useState(0),
35202
+ left = _useState[0],
35203
+ setLeft = _useState[1];
35204
+ React.useEffect(function () {
35205
+ var _containerRef$current;
35206
+ var calculatedWidth = ((_containerRef$current = containerRef.current) == null ? void 0 : _containerRef$current.clientWidth) || 0;
35207
+ setLeft(Math.max((value - valueMin) / (valueMax - valueMin) * (calculatedWidth - 35) + 10));
35208
+ }, [value, valueMin, valueMax]);
35209
+ var typeClass = type === exports.RangeSliderType.GoldSlider ? 'golden' : '';
35210
+ return React__default.createElement("div", {
35211
+ style: {
35212
+ width: width,
35213
+ position: 'relative'
35214
+ },
35215
+ className: "rpgui-slider-container " + typeClass,
35216
+ id: "rpgui-slider-" + sliderId,
35217
+ ref: containerRef
35218
+ }, React__default.createElement("div", {
35219
+ style: {
35220
+ pointerEvents: 'none'
35221
+ }
35222
+ }, React__default.createElement("div", {
35223
+ className: "rpgui-slider-track " + typeClass
35224
+ }), React__default.createElement("div", {
35225
+ className: "rpgui-slider-left-edge " + typeClass
35226
+ }), React__default.createElement("div", {
35227
+ className: "rpgui-slider-right-edge " + typeClass
35228
+ }), React__default.createElement("div", {
35229
+ className: "rpgui-slider-thumb " + typeClass,
35230
+ style: {
35231
+ left: left
35232
+ }
35233
+ })), React__default.createElement(Input$1, {
35234
+ type: "range",
35235
+ style: {
35236
+ width: width
35237
+ },
35238
+ min: valueMin,
35239
+ max: valueMax,
35240
+ onChange: function onChange(e) {
35241
+ return _onChange(Number(e.target.value));
35242
+ },
35243
+ value: value,
35244
+ className: "rpgui-cursor-point"
35245
+ }));
35246
+ };
35247
+ var Input$1 = /*#__PURE__*/styled.input.withConfig({
35248
+ displayName: "RangeSlider__Input",
35249
+ componentId: "sc-v8mte9-0"
35250
+ })(["opacity:0;position:absolute;width:100%;height:100%;top:0;left:0;margin-top:-5px;"]);
35251
+
35252
+ var ItemQuantitySelector = function ItemQuantitySelector(_ref) {
35253
+ var quantity = _ref.quantity,
35254
+ onConfirm = _ref.onConfirm,
35255
+ onClose = _ref.onClose;
35256
+ var _useState = React.useState(quantity),
35257
+ value = _useState[0],
35258
+ setValue = _useState[1];
35259
+ var inputRef = React.useRef(null);
35262
35260
  React.useEffect(function () {
35263
- var i = 0;
35264
- var interval = setInterval(function () {
35265
- // on every interval, show one more character
35266
- if (i === 0) {
35267
- if (onStart) {
35268
- onStart();
35261
+ if (inputRef.current) {
35262
+ inputRef.current.focus();
35263
+ inputRef.current.select();
35264
+ var closeSelector = function closeSelector(e) {
35265
+ if (e.key === 'Escape') {
35266
+ onClose();
35269
35267
  }
35268
+ };
35269
+ document.addEventListener('keydown', closeSelector);
35270
+ return function () {
35271
+ document.removeEventListener('keydown', closeSelector);
35272
+ };
35273
+ }
35274
+ return function () {};
35275
+ }, []);
35276
+ return React__default.createElement(StyledContainer, {
35277
+ type: exports.RPGUIContainerTypes.Framed,
35278
+ width: "25rem"
35279
+ }, React__default.createElement(CloseButton$2, {
35280
+ className: "container-close",
35281
+ onPointerDown: onClose
35282
+ }, "X"), React__default.createElement("h2", null, "Select quantity to move"), React__default.createElement(StyledForm, {
35283
+ style: {
35284
+ width: '100%'
35285
+ },
35286
+ onSubmit: function onSubmit(e) {
35287
+ e.preventDefault();
35288
+ var numberValue = Number(value);
35289
+ if (Number.isNaN(numberValue)) {
35290
+ return;
35270
35291
  }
35271
- if (i < text.length) {
35272
- setTextState(text.substring(0, i + 1));
35273
- i++;
35274
- } else {
35275
- clearInterval(interval);
35276
- if (onFinish) {
35277
- onFinish();
35278
- }
35292
+ onConfirm(Math.max(1, Math.min(quantity, numberValue)));
35293
+ },
35294
+ noValidate: true
35295
+ }, React__default.createElement(StyledInput, {
35296
+ innerRef: inputRef,
35297
+ placeholder: "Enter quantity",
35298
+ type: "number",
35299
+ min: 1,
35300
+ max: quantity,
35301
+ value: value,
35302
+ onChange: function onChange(e) {
35303
+ if (Number(e.target.value) >= quantity) {
35304
+ setValue(quantity);
35305
+ return;
35279
35306
  }
35280
- }, 50);
35281
- return function () {
35282
- clearInterval(interval);
35283
- };
35284
- }, [text]);
35285
- return React__default.createElement(TextContainer$1, null, textState);
35307
+ setValue(e.target.value);
35308
+ },
35309
+ onBlur: function onBlur(e) {
35310
+ var newValue = Math.max(1, Math.min(quantity, Number(e.target.value)));
35311
+ setValue(newValue);
35312
+ }
35313
+ }), React__default.createElement(RangeSlider, {
35314
+ type: exports.RangeSliderType.Slider,
35315
+ valueMin: 1,
35316
+ valueMax: quantity,
35317
+ width: "100%",
35318
+ onChange: setValue,
35319
+ value: value
35320
+ }), React__default.createElement(Button, {
35321
+ buttonType: exports.ButtonTypes.RPGUIButton,
35322
+ type: "submit"
35323
+ }, "Confirm")));
35286
35324
  };
35287
- var TextContainer$1 = /*#__PURE__*/styled.p.withConfig({
35288
- displayName: "DynamicText__TextContainer",
35289
- componentId: "sc-1ggl9nd-0"
35290
- })(["font-size:0.7rem !important;color:white;text-shadow:1px 1px 0px #000000;letter-spacing:1.2px;word-break:normal;"]);
35325
+ var StyledContainer = /*#__PURE__*/styled(RPGUIContainer).withConfig({
35326
+ displayName: "ItemQuantitySelector__StyledContainer",
35327
+ componentId: "sc-yfdtpn-0"
35328
+ })(["display:flex;flex-direction:column;align-items:center;"]);
35329
+ var StyledForm = /*#__PURE__*/styled.form.withConfig({
35330
+ displayName: "ItemQuantitySelector__StyledForm",
35331
+ componentId: "sc-yfdtpn-1"
35332
+ })(["display:flex;flex-direction:column;align-items:center;width:100%;"]);
35333
+ var StyledInput = /*#__PURE__*/styled(Input).withConfig({
35334
+ displayName: "ItemQuantitySelector__StyledInput",
35335
+ componentId: "sc-yfdtpn-2"
35336
+ })(["text-align:center;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;}"]);
35337
+ var CloseButton$2 = /*#__PURE__*/styled.div.withConfig({
35338
+ displayName: "ItemQuantitySelector__CloseButton",
35339
+ componentId: "sc-yfdtpn-3"
35340
+ })(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:0.8rem;"]);
35291
35341
 
35292
- var QuestionDialog = function QuestionDialog(_ref) {
35293
- var questions = _ref.questions,
35294
- answers = _ref.answers,
35295
- onClose = _ref.onClose;
35296
- var _useState = React.useState(questions[0]),
35297
- currentQuestion = _useState[0],
35298
- setCurrentQuestion = _useState[1];
35299
- var _useState2 = React.useState(false),
35300
- canShowAnswers = _useState2[0],
35301
- setCanShowAnswers = _useState2[1];
35302
- var onGetFirstAnswer = function onGetFirstAnswer() {
35303
- if (!currentQuestion.answerIds || currentQuestion.answerIds.length === 0) {
35304
- return null;
35342
+ var ShortcutsSetter = function ShortcutsSetter(_ref) {
35343
+ var setSettingShortcutIndex = _ref.setSettingShortcutIndex,
35344
+ settingShortcutIndex = _ref.settingShortcutIndex,
35345
+ shortcuts = _ref.shortcuts,
35346
+ removeShortcut = _ref.removeShortcut,
35347
+ atlasJSON = _ref.atlasJSON,
35348
+ atlasIMG = _ref.atlasIMG;
35349
+ var getContent = function getContent(index) {
35350
+ var _shortcuts$index, _shortcuts$index3;
35351
+ if (((_shortcuts$index = shortcuts[index]) == null ? void 0 : _shortcuts$index.type) === shared.ShortcutType.Item) {
35352
+ var _shortcuts$index2;
35353
+ var _payload = (_shortcuts$index2 = shortcuts[index]) == null ? void 0 : _shortcuts$index2.payload;
35354
+ if (!_payload) return null;
35355
+ return React__default.createElement(SpriteFromAtlas, {
35356
+ atlasIMG: atlasIMG,
35357
+ atlasJSON: atlasJSON,
35358
+ spriteKey: shared.getItemTextureKeyPath({
35359
+ key: _payload.texturePath,
35360
+ texturePath: _payload.texturePath,
35361
+ stackQty: _payload.stackQty || 1
35362
+ }, atlasJSON),
35363
+ width: 32,
35364
+ height: 32,
35365
+ imgScale: 1.6,
35366
+ imgStyle: {
35367
+ left: '5px'
35368
+ }
35369
+ });
35370
+ }
35371
+ var payload = (_shortcuts$index3 = shortcuts[index]) == null ? void 0 : _shortcuts$index3.payload;
35372
+ return React__default.createElement("span", null, payload == null ? void 0 : payload.magicWords.split(' ').map(function (word) {
35373
+ return word[0];
35374
+ }));
35375
+ };
35376
+ return React__default.createElement(Container$i, null, React__default.createElement("p", null, "Shortcuts:"), React__default.createElement(List, {
35377
+ id: "shortcuts_list"
35378
+ }, Array.from({
35379
+ length: 6
35380
+ }).map(function (_, i) {
35381
+ return React__default.createElement(Shortcut, {
35382
+ key: i,
35383
+ onPointerDown: function onPointerDown() {
35384
+ removeShortcut(i);
35385
+ if (!shortcuts[i] || shortcuts[i].type === shared.ShortcutType.None) setSettingShortcutIndex(i);
35386
+ },
35387
+ disabled: settingShortcutIndex !== -1 && settingShortcutIndex !== i,
35388
+ isBeingSet: settingShortcutIndex === i
35389
+ }, getContent(i));
35390
+ })));
35391
+ };
35392
+ var Container$i = /*#__PURE__*/styled.div.withConfig({
35393
+ displayName: "ShortcutsSetter__Container",
35394
+ componentId: "sc-xuouuf-0"
35395
+ })(["p{margin:0;margin-left:0.5rem;}"]);
35396
+ var Shortcut = /*#__PURE__*/styled.button.withConfig({
35397
+ displayName: "ShortcutsSetter__Shortcut",
35398
+ componentId: "sc-xuouuf-1"
35399
+ })(["width:2.6rem;height:2.6rem;background-color:", ";border:2px solid ", ";border-radius:50%;text-transform:uppercase;font-size:0.7rem;font-weight:bold;display:flex;align-items:center;justify-content:center;span{margin-top:4px;}&:hover,&:focus{background-color:", ";}&:active{background-color:", ";}&:disabled{opacity:0.5;}"], uiColors.lightGray, function (_ref2) {
35400
+ var isBeingSet = _ref2.isBeingSet;
35401
+ return isBeingSet ? uiColors.yellow : uiColors.darkGray;
35402
+ }, uiColors.darkGray, uiColors.gray);
35403
+ var List = /*#__PURE__*/styled.div.withConfig({
35404
+ displayName: "ShortcutsSetter__List",
35405
+ componentId: "sc-xuouuf-2"
35406
+ })(["width:100%;display:flex;align-items:center;gap:0.5rem;padding-bottom:0.5rem;padding-left:0.5rem;box-sizing:border-box;margin:0 !important;"]);
35407
+
35408
+ var ItemContainer$1 = function ItemContainer(_ref) {
35409
+ var itemContainer = _ref.itemContainer,
35410
+ onClose = _ref.onClose,
35411
+ _onMouseOver = _ref.onMouseOver,
35412
+ _onSelected = _ref.onSelected,
35413
+ onItemClick = _ref.onItemClick,
35414
+ type = _ref.type,
35415
+ atlasJSON = _ref.atlasJSON,
35416
+ atlasIMG = _ref.atlasIMG,
35417
+ _ref$disableContextMe = _ref.disableContextMenu,
35418
+ disableContextMenu = _ref$disableContextMe === void 0 ? false : _ref$disableContextMe,
35419
+ onItemDragEnd = _ref.onItemDragEnd,
35420
+ onItemDragStart = _ref.onItemDragStart,
35421
+ onItemPlaceDrop = _ref.onItemPlaceDrop,
35422
+ _onOutsideDrop = _ref.onOutsideDrop,
35423
+ checkIfItemCanBeMoved = _ref.checkIfItemCanBeMoved,
35424
+ initialPosition = _ref.initialPosition,
35425
+ checkIfItemShouldDragEnd = _ref.checkIfItemShouldDragEnd,
35426
+ scale = _ref.scale,
35427
+ shortcuts = _ref.shortcuts,
35428
+ setItemShortcut = _ref.setItemShortcut,
35429
+ removeShortcut = _ref.removeShortcut,
35430
+ equipmentSet = _ref.equipmentSet,
35431
+ isDepotSystem = _ref.isDepotSystem,
35432
+ onPositionChangeEnd = _ref.onPositionChangeEnd,
35433
+ onPositionChangeStart = _ref.onPositionChangeStart;
35434
+ var _useState = React.useState({
35435
+ isOpen: false,
35436
+ maxQuantity: 1,
35437
+ callback: function callback(_quantity) {}
35438
+ }),
35439
+ quantitySelect = _useState[0],
35440
+ setQuantitySelect = _useState[1];
35441
+ var _useState2 = React.useState(-1),
35442
+ settingShortcutIndex = _useState2[0],
35443
+ setSettingShortcutIndex = _useState2[1];
35444
+ var onRenderSlots = function onRenderSlots() {
35445
+ var slots = [];
35446
+ for (var i = 0; i < itemContainer.slotQty; i++) {
35447
+ var _itemContainer$slots;
35448
+ slots.push(React__default.createElement(ItemSlot, {
35449
+ isContextMenuDisabled: disableContextMenu,
35450
+ key: i,
35451
+ slotIndex: i,
35452
+ item: ((_itemContainer$slots = itemContainer.slots) == null ? void 0 : _itemContainer$slots[i]) || null,
35453
+ itemContainerType: type,
35454
+ onMouseOver: function onMouseOver(event, slotIndex, item) {
35455
+ if (_onMouseOver) _onMouseOver(event, slotIndex, item);
35456
+ },
35457
+ onPointerDown: function onPointerDown(itemType, containerType, item) {
35458
+ if (settingShortcutIndex !== -1) {
35459
+ setSettingShortcutIndex(-1);
35460
+ if (itemType === shared.ItemType.Consumable || itemType === shared.ItemType.Tool) {
35461
+ setItemShortcut == null ? void 0 : setItemShortcut(item.key, settingShortcutIndex);
35462
+ }
35463
+ } else if (onItemClick) onItemClick(item, itemType, containerType);
35464
+ },
35465
+ onSelected: function onSelected(optionId, item) {
35466
+ if (_onSelected) _onSelected(optionId, item);
35467
+ },
35468
+ onDragStart: function onDragStart(item, slotIndex, itemContainerType) {
35469
+ if (onItemDragStart) onItemDragStart(item, slotIndex, itemContainerType);
35470
+ },
35471
+ onDragEnd: function onDragEnd(quantity) {
35472
+ if (onItemDragEnd) onItemDragEnd(quantity);
35473
+ },
35474
+ dragScale: scale,
35475
+ checkIfItemCanBeMoved: checkIfItemCanBeMoved,
35476
+ checkIfItemShouldDragEnd: checkIfItemShouldDragEnd,
35477
+ openQuantitySelector: function openQuantitySelector(maxQuantity, callback) {
35478
+ setQuantitySelect({
35479
+ isOpen: true,
35480
+ maxQuantity: maxQuantity,
35481
+ callback: callback
35482
+ });
35483
+ },
35484
+ onPlaceDrop: function onPlaceDrop(item, slotIndex, itemContainerType) {
35485
+ if (onItemPlaceDrop) onItemPlaceDrop(item, slotIndex, itemContainerType);
35486
+ },
35487
+ onOutsideDrop: function onOutsideDrop(item, position) {
35488
+ if (_onOutsideDrop) _onOutsideDrop(item, position);
35489
+ },
35490
+ atlasIMG: atlasIMG,
35491
+ atlasJSON: atlasJSON,
35492
+ isSelectingShortcut: settingShortcutIndex !== -1,
35493
+ equipmentSet: equipmentSet,
35494
+ isDepotSystem: isDepotSystem
35495
+ }));
35305
35496
  }
35306
- var firstAnswerId = currentQuestion.answerIds[0];
35307
- return answers.find(function (answer) {
35308
- return answer.id === firstAnswerId;
35309
- });
35497
+ return slots;
35310
35498
  };
35311
- var _useState3 = React.useState(onGetFirstAnswer()),
35312
- currentAnswer = _useState3[0],
35313
- setCurrentAnswer = _useState3[1];
35314
- React.useEffect(function () {
35315
- setCurrentAnswer(onGetFirstAnswer());
35316
- }, [currentQuestion]);
35317
- var onGetAnswers = function onGetAnswers(answerIds) {
35318
- return answerIds.map(function (answerId) {
35319
- return answers.find(function (answer) {
35320
- return answer.id === answerId;
35499
+ return React__default.createElement(React__default.Fragment, null, React__default.createElement(SlotsContainer, {
35500
+ title: itemContainer.name || 'Container',
35501
+ onClose: onClose,
35502
+ initialPosition: initialPosition,
35503
+ scale: scale,
35504
+ onPositionChangeEnd: onPositionChangeEnd,
35505
+ onPositionChangeStart: onPositionChangeStart
35506
+ }, type === shared.ItemContainerType.Inventory && shortcuts && removeShortcut && React__default.createElement(ShortcutsSetter, {
35507
+ setSettingShortcutIndex: setSettingShortcutIndex,
35508
+ settingShortcutIndex: settingShortcutIndex,
35509
+ shortcuts: shortcuts,
35510
+ removeShortcut: removeShortcut,
35511
+ atlasIMG: atlasIMG,
35512
+ atlasJSON: atlasJSON
35513
+ }), React__default.createElement(ItemsContainer, {
35514
+ className: "item-container-body"
35515
+ }, onRenderSlots())), quantitySelect.isOpen && React__default.createElement(ModalPortal, null, React__default.createElement(QuantitySelectorContainer, null, React__default.createElement(ItemQuantitySelector, {
35516
+ quantity: quantitySelect.maxQuantity,
35517
+ onConfirm: function onConfirm(quantity) {
35518
+ quantitySelect.callback(quantity);
35519
+ setQuantitySelect({
35520
+ isOpen: false,
35521
+ maxQuantity: 1,
35522
+ callback: function callback() {}
35523
+ });
35524
+ },
35525
+ onClose: function onClose() {
35526
+ quantitySelect.callback(-1);
35527
+ setQuantitySelect({
35528
+ isOpen: false,
35529
+ maxQuantity: 1,
35530
+ callback: function callback() {}
35321
35531
  });
35322
- });
35323
- };
35324
- var onKeyPress = function onKeyPress(e) {
35325
- switch (e.key) {
35326
- case 'ArrowDown':
35327
- // select next answer, if any.
35328
- // if no next answer, select first answer
35329
- // const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(
35330
- // (answer) => answer?.id === currentAnswer!.id + 1
35331
- // );
35332
- var nextAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
35333
- return (answer == null ? void 0 : answer.id) === currentAnswer.id + 1;
35334
- });
35335
- var nextAnswerID = currentQuestion.answerIds[nextAnswerIndex];
35336
- var nextAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
35337
- return (answer == null ? void 0 : answer.id) === nextAnswerID;
35338
- });
35339
- setCurrentAnswer(nextAnswer || onGetFirstAnswer());
35340
- break;
35341
- case 'ArrowUp':
35342
- // select previous answer, if any.
35343
- // if no previous answer, select last answer
35344
- var previousAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
35345
- return (answer == null ? void 0 : answer.id) === currentAnswer.id - 1;
35346
- });
35347
- var previousAnswerID = currentQuestion.answerIds && currentQuestion.answerIds[previousAnswerIndex];
35348
- var previousAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
35349
- return (answer == null ? void 0 : answer.id) === previousAnswerID;
35350
- });
35351
- if (previousAnswer) {
35352
- setCurrentAnswer(previousAnswer);
35353
- } else {
35354
- setCurrentAnswer(onGetAnswers(currentQuestion.answerIds).pop());
35355
- }
35356
- break;
35357
- case 'Enter':
35358
- setCanShowAnswers(false);
35359
- if (!(currentAnswer != null && currentAnswer.nextQuestionId)) {
35360
- onClose();
35361
- return;
35362
- } else {
35363
- setCurrentQuestion(questions.find(function (question) {
35364
- return question.id === currentAnswer.nextQuestionId;
35365
- }));
35366
- }
35367
- break;
35368
35532
  }
35533
+ }))));
35534
+ };
35535
+ var ItemsContainer = /*#__PURE__*/styled.div.withConfig({
35536
+ displayName: "ItemContainer__ItemsContainer",
35537
+ componentId: "sc-15y5p9l-0"
35538
+ })(["display:flex;justify-content:center;flex-wrap:wrap;"]);
35539
+ var QuantitySelectorContainer = /*#__PURE__*/styled.div.withConfig({
35540
+ displayName: "ItemContainer__QuantitySelectorContainer",
35541
+ componentId: "sc-15y5p9l-1"
35542
+ })(["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);"]);
35543
+
35544
+ var ItemSelector = function ItemSelector(_ref) {
35545
+ var atlasIMG = _ref.atlasIMG,
35546
+ atlasJSON = _ref.atlasJSON,
35547
+ options = _ref.options,
35548
+ onClose = _ref.onClose,
35549
+ onSelect = _ref.onSelect;
35550
+ var _useState = React.useState(),
35551
+ selectedValue = _useState[0],
35552
+ setSelectedValue = _useState[1];
35553
+ var handleClick = function handleClick() {
35554
+ var element = document.querySelector("input[name='test']:checked");
35555
+ var elementValue = element.value;
35556
+ setSelectedValue(elementValue);
35369
35557
  };
35370
- useEventListener('keydown', onKeyPress);
35371
- var onAnswerClick = function onAnswerClick(answer) {
35372
- setCanShowAnswers(false);
35373
- if (answer.nextQuestionId) {
35374
- // if there is a next question, go to it
35375
- setCurrentQuestion(questions.find(function (question) {
35376
- return question.id === answer.nextQuestionId;
35377
- }));
35378
- } else {
35379
- // else, finish dialog!
35380
- onClose();
35558
+ React.useEffect(function () {
35559
+ if (selectedValue) {
35560
+ onSelect(selectedValue);
35381
35561
  }
35382
- };
35383
- var onRenderCurrentAnswers = function onRenderCurrentAnswers() {
35384
- var answerIds = currentQuestion.answerIds;
35385
- if (!answerIds) {
35386
- return null;
35562
+ }, [selectedValue]);
35563
+ return React__default.createElement(DraggableContainer, {
35564
+ type: exports.RPGUIContainerTypes.Framed,
35565
+ width: "500px",
35566
+ cancelDrag: ".equipment-container-body .arrow-selector",
35567
+ onCloseButton: function onCloseButton() {
35568
+ if (onClose) {
35569
+ onClose();
35570
+ }
35387
35571
  }
35388
- var answers = onGetAnswers(answerIds);
35389
- if (!answers) {
35390
- return null;
35572
+ }, React__default.createElement("div", {
35573
+ style: {
35574
+ width: '100%'
35391
35575
  }
35392
- return answers.map(function (answer) {
35393
- var isSelected = (currentAnswer == null ? void 0 : currentAnswer.id) === (answer == null ? void 0 : answer.id);
35394
- var selectedColor = isSelected ? 'yellow' : 'white';
35395
- if (answer) {
35396
- return React__default.createElement(AnswerRow, {
35397
- key: "answer_" + answer.id
35398
- }, React__default.createElement(AnswerSelectedIcon, {
35399
- color: selectedColor
35400
- }, isSelected ? 'X' : null), React__default.createElement(Answer, {
35401
- key: answer.id,
35402
- onPointerDown: function onPointerDown() {
35403
- return onAnswerClick(answer);
35404
- },
35405
- color: selectedColor
35406
- }, answer.text));
35576
+ }, React__default.createElement(Title$3, null, 'Harvesting instruments'), React__default.createElement(Subtitle$1, null, 'Use the tool, you need it'), React__default.createElement("hr", {
35577
+ className: "golden"
35578
+ })), React__default.createElement(RadioInputScroller$1, null, options == null ? void 0 : options.map(function (option, index) {
35579
+ return React__default.createElement(RadioOptionsWrapper$1, {
35580
+ key: index
35581
+ }, React__default.createElement(SpriteAtlasWrapper$1, null, React__default.createElement(SpriteFromAtlas, {
35582
+ atlasIMG: atlasIMG,
35583
+ atlasJSON: atlasJSON,
35584
+ spriteKey: option.imageKey,
35585
+ imgScale: 3
35586
+ })), React__default.createElement("div", null, React__default.createElement("input", {
35587
+ className: "rpgui-radio",
35588
+ type: "radio",
35589
+ value: option.name,
35590
+ name: "test"
35591
+ }), React__default.createElement("label", {
35592
+ onPointerDown: handleClick,
35593
+ style: {
35594
+ display: 'flex',
35595
+ alignItems: 'center'
35407
35596
  }
35408
- return null;
35409
- });
35410
- };
35411
- return React__default.createElement(Container$h, null, React__default.createElement(QuestionContainer, null, React__default.createElement(DynamicText, {
35412
- text: currentQuestion.text,
35413
- onStart: function onStart() {
35414
- return setCanShowAnswers(false);
35415
- },
35416
- onFinish: function onFinish() {
35417
- return setCanShowAnswers(true);
35597
+ }, option.name, " ", React__default.createElement("br", null), option.description)));
35598
+ })), React__default.createElement(ButtonWrapper$1, null, React__default.createElement(Button, {
35599
+ buttonType: exports.ButtonTypes.RPGUIButton,
35600
+ onPointerDown: onClose
35601
+ }, "Cancel"), React__default.createElement(Button, {
35602
+ buttonType: exports.ButtonTypes.RPGUIButton
35603
+ }, "Select")));
35604
+ };
35605
+ var Title$3 = /*#__PURE__*/styled.h1.withConfig({
35606
+ displayName: "ItemSelector__Title",
35607
+ componentId: "sc-gptoxp-0"
35608
+ })(["font-size:0.6rem;color:yellow !important;"]);
35609
+ var Subtitle$1 = /*#__PURE__*/styled.h1.withConfig({
35610
+ displayName: "ItemSelector__Subtitle",
35611
+ componentId: "sc-gptoxp-1"
35612
+ })(["font-size:0.4rem;color:yellow !important;"]);
35613
+ var RadioInputScroller$1 = /*#__PURE__*/styled.div.withConfig({
35614
+ displayName: "ItemSelector__RadioInputScroller",
35615
+ componentId: "sc-gptoxp-2"
35616
+ })(["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;"]);
35617
+ var SpriteAtlasWrapper$1 = /*#__PURE__*/styled.div.withConfig({
35618
+ displayName: "ItemSelector__SpriteAtlasWrapper",
35619
+ componentId: "sc-gptoxp-3"
35620
+ })(["margin-right:40px;"]);
35621
+ var RadioOptionsWrapper$1 = /*#__PURE__*/styled.div.withConfig({
35622
+ displayName: "ItemSelector__RadioOptionsWrapper",
35623
+ componentId: "sc-gptoxp-4"
35624
+ })(["display:flex;align-items:stretch;margin-bottom:40px;"]);
35625
+ var ButtonWrapper$1 = /*#__PURE__*/styled.div.withConfig({
35626
+ displayName: "ItemSelector__ButtonWrapper",
35627
+ componentId: "sc-gptoxp-5"
35628
+ })(["display:flex;justify-content:space-around;padding-top:20px;width:100%;"]);
35629
+
35630
+ var ListMenu = function ListMenu(_ref) {
35631
+ var options = _ref.options,
35632
+ onSelected = _ref.onSelected,
35633
+ x = _ref.x,
35634
+ y = _ref.y;
35635
+ return React__default.createElement(Container$j, {
35636
+ x: x,
35637
+ y: y
35638
+ }, React__default.createElement("ul", {
35639
+ className: "rpgui-list-imp",
35640
+ style: {
35641
+ overflow: 'hidden'
35418
35642
  }
35419
- })), canShowAnswers && React__default.createElement(AnswersContainer, null, onRenderCurrentAnswers()));
35643
+ }, options.map(function (params, index) {
35644
+ return React__default.createElement(ListElement$1, {
35645
+ key: (params == null ? void 0 : params.id) || index,
35646
+ onPointerDown: function onPointerDown() {
35647
+ onSelected(params == null ? void 0 : params.id);
35648
+ }
35649
+ }, (params == null ? void 0 : params.text) || 'No text');
35650
+ })));
35420
35651
  };
35421
- var Container$h = /*#__PURE__*/styled.div.withConfig({
35422
- displayName: "QuestionDialog__Container",
35423
- componentId: "sc-bxc5u0-0"
35424
- })(["display:flex;word-break:break-all;box-sizing:border-box;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;"]);
35425
- var QuestionContainer = /*#__PURE__*/styled.div.withConfig({
35426
- displayName: "QuestionDialog__QuestionContainer",
35427
- componentId: "sc-bxc5u0-1"
35428
- })(["flex:100%;width:100%;"]);
35429
- var AnswersContainer = /*#__PURE__*/styled.div.withConfig({
35430
- displayName: "QuestionDialog__AnswersContainer",
35431
- componentId: "sc-bxc5u0-2"
35432
- })(["flex:100%;"]);
35433
- var Answer = /*#__PURE__*/styled.p.withConfig({
35434
- displayName: "QuestionDialog__Answer",
35435
- componentId: "sc-bxc5u0-3"
35436
- })(["flex:auto;color:", " !important;font-size:0.65rem !important;background:inherit;border:none;"], function (props) {
35437
- return props.color;
35438
- });
35439
- var AnswerSelectedIcon = /*#__PURE__*/styled.span.withConfig({
35440
- displayName: "QuestionDialog__AnswerSelectedIcon",
35441
- componentId: "sc-bxc5u0-4"
35442
- })(["flex:5% 0 0;color:", " !important;"], function (props) {
35443
- return props.color;
35444
- });
35445
- var AnswerRow = /*#__PURE__*/styled.div.withConfig({
35446
- displayName: "QuestionDialog__AnswerRow",
35447
- componentId: "sc-bxc5u0-5"
35448
- })(["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;}"]);
35652
+ var Container$j = /*#__PURE__*/styled.div.withConfig({
35653
+ displayName: "ListMenu__Container",
35654
+ componentId: "sc-i9097t-0"
35655
+ })(["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) {
35656
+ return props.y || 0;
35657
+ }, function (props) {
35658
+ return props.x || 0;
35659
+ }, uiFonts.size.xsmall);
35660
+ var ListElement$1 = /*#__PURE__*/styled.li.withConfig({
35661
+ displayName: "ListMenu__ListElement",
35662
+ componentId: "sc-i9097t-1"
35663
+ })(["margin-right:0.5rem;"]);
35449
35664
 
35450
35665
  var ProgressBar = function ProgressBar(_ref) {
35451
35666
  var max = _ref.max,
@@ -35464,7 +35679,7 @@ var ProgressBar = function ProgressBar(_ref) {
35464
35679
  }
35465
35680
  return value * 100 / max;
35466
35681
  };
35467
- return React__default.createElement(Container$i, {
35682
+ return React__default.createElement(Container$k, {
35468
35683
  className: "rpgui-progress",
35469
35684
  "data-value": calculatePercentageValue(max, value) / 100,
35470
35685
  "data-rpguitype": "progress",
@@ -35493,7 +35708,7 @@ var TextOverlay$1 = /*#__PURE__*/styled.div.withConfig({
35493
35708
  displayName: "ProgressBar__TextOverlay",
35494
35709
  componentId: "sc-qa6fzh-1"
35495
35710
  })(["width:100%;position:relative;"]);
35496
- var Container$i = /*#__PURE__*/styled.div.withConfig({
35711
+ var Container$k = /*#__PURE__*/styled.div.withConfig({
35497
35712
  displayName: "ProgressBar__Container",
35498
35713
  componentId: "sc-qa6fzh-2"
35499
35714
  })(["display:flex;flex-direction:column;min-width:", "px;width:", "%;justify-content:start;align-items:flex-start;", ""], function (props) {
@@ -35504,7 +35719,7 @@ var Container$i = /*#__PURE__*/styled.div.withConfig({
35504
35719
  return props.style;
35505
35720
  });
35506
35721
 
35507
- var img$8 = 'data:image/png;base64,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';
35722
+ var img$9 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAEZ0FNQQAAsY58+1GTAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAHcSURBVHja7Ji/agJBEId/K/cCdoKFFjZCbGxCekmVOunzCil8hhS+gr3WVmIvKbQxIILFKQjXhCPkASZN5tjd27ud9SRYOKV3u/ftN7P/VESEa4gariRuIHZEkpeUUkYhEZEKbeNrG0mJJ/MlOq0m9odTKRg/W+2OaDfqRh9xkmbPbaBIMrLJfInB/R0AoN2o4+v7B3GSAkAOzAXAwW0XH59QSpEOIzLCEHanuq31Zot+r1sIYcdwNDZgahIblww2GTxrXDb02B9OAIB+r4tOqymCYXtspRQkxMZ6s82lK8SG14jPBnccYmM6W6Df62ZWSkGkNjgt59p4eXyAt1h9NvSoasMJcs5MqWqj0IjEBncuNVdmIwcSYmN/OIlSUjZTnCD2Ui7pXLqK+tKSgTCEtOikBcrAvrQAQE2HkIwwTlJj2l7CBgBERKSUUrTaHQ3lcZI6t3G2IZ0pEhvZ7ssww9E4Wym5YUi6qoQioqDZwmB6emxDtg3ej97fXv0nNN64OHQrutbpbGG8o//2/DRwpsyXFsOI9DDjCv0j+oCkNowakR6iXSks+rjURtDhWS9q+1DtMiL5eC41lar9D8w2pQMVrR1nGym7p9hA/25EcrESXchu/wbcQDzxOwDLF0pIXBCe1wAAAABJRU5ErkJggg==';
35508
35723
 
35509
35724
  var QuestInfo = function QuestInfo(_ref) {
35510
35725
  var quests = _ref.quests,
@@ -35548,7 +35763,7 @@ var QuestInfo = function QuestInfo(_ref) {
35548
35763
  }), React__default.createElement(QuestContainer, null, React__default.createElement(TitleContainer$1, {
35549
35764
  className: "drag-handler"
35550
35765
  }, React__default.createElement(Title$4, null, React__default.createElement(Thumbnail, {
35551
- src: quests[currentIndex].thumbnail || img$8
35766
+ src: quests[currentIndex].thumbnail || img$9
35552
35767
  }), quests[currentIndex].title), React__default.createElement(QuestSplitDiv, null, React__default.createElement("hr", {
35553
35768
  className: "golden"
35554
35769
  }))), React__default.createElement(Content, null, React__default.createElement("p", null, quests[currentIndex].description)), React__default.createElement(QuestColumn, {
@@ -35567,7 +35782,7 @@ var QuestInfo = function QuestInfo(_ref) {
35567
35782
  })))) : React__default.createElement(QuestsContainer, null, React__default.createElement(QuestContainer, null, React__default.createElement(TitleContainer$1, {
35568
35783
  className: "drag-handler"
35569
35784
  }, React__default.createElement(Title$4, null, React__default.createElement(Thumbnail, {
35570
- src: quests[0].thumbnail || img$8
35785
+ src: quests[0].thumbnail || img$9
35571
35786
  }), quests[0].title), React__default.createElement(QuestSplitDiv, null, React__default.createElement("hr", {
35572
35787
  className: "golden"
35573
35788
  }))), React__default.createElement(Content, null, React__default.createElement("p", null, quests[0].description)), React__default.createElement(QuestColumn, {
@@ -35818,7 +36033,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
35818
36033
  bgColor = _ref$bgColor === void 0 ? 'red' : _ref$bgColor,
35819
36034
  _ref$margin = _ref.margin,
35820
36035
  margin = _ref$margin === void 0 ? 20 : _ref$margin;
35821
- return React__default.createElement(Container$j, {
36036
+ return React__default.createElement(Container$l, {
35822
36037
  className: "simple-progress-bar"
35823
36038
  }, React__default.createElement(ProgressBarContainer, {
35824
36039
  margin: margin
@@ -35827,7 +36042,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
35827
36042
  bgColor: bgColor
35828
36043
  }))));
35829
36044
  };
35830
- var Container$j = /*#__PURE__*/styled.div.withConfig({
36045
+ var Container$l = /*#__PURE__*/styled.div.withConfig({
35831
36046
  displayName: "SimpleProgressBar__Container",
35832
36047
  componentId: "sc-mbeil3-0"
35833
36048
  })(["display:flex;justify-content:center;align-items:center;width:100%;"]);
@@ -36058,7 +36273,7 @@ var Spell = function Spell(_ref) {
36058
36273
  isSettingShortcut = _ref.isSettingShortcut,
36059
36274
  minMagicLevelRequired = _ref.minMagicLevelRequired;
36060
36275
  var disabled = isSettingShortcut ? charMagicLevel < minMagicLevelRequired : manaCost > charMana || charMagicLevel < minMagicLevelRequired;
36061
- return React__default.createElement(Container$k, {
36276
+ return React__default.createElement(Container$m, {
36062
36277
  disabled: disabled,
36063
36278
  onPointerDown: onPointerDown == null ? void 0 : onPointerDown.bind(null, spellKey),
36064
36279
  isSettingShortcut: isSettingShortcut && !disabled,
@@ -36071,7 +36286,7 @@ var Spell = function Spell(_ref) {
36071
36286
  className: "mana"
36072
36287
  }, manaCost)));
36073
36288
  };
36074
- var Container$k = /*#__PURE__*/styled.button.withConfig({
36289
+ var Container$m = /*#__PURE__*/styled.button.withConfig({
36075
36290
  displayName: "Spell__Container",
36076
36291
  componentId: "sc-j96fa2-0"
36077
36292
  })(["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) {
@@ -36158,7 +36373,7 @@ var Spellbook = function Spellbook(_ref) {
36158
36373
  height: "inherit",
36159
36374
  cancelDrag: "#spellbook-search, #shortcuts_list, .spell",
36160
36375
  scale: scale
36161
- }, React__default.createElement(Container$l, null, React__default.createElement(Title$7, null, "Learned Spells"), React__default.createElement(ShortcutsSetter, {
36376
+ }, React__default.createElement(Container$n, null, React__default.createElement(Title$7, null, "Learned Spells"), React__default.createElement(ShortcutsSetter, {
36162
36377
  setSettingShortcutIndex: setSettingShortcutIndex,
36163
36378
  settingShortcutIndex: settingShortcutIndex,
36164
36379
  shortcuts: shortcuts,
@@ -36190,7 +36405,7 @@ var Title$7 = /*#__PURE__*/styled.h1.withConfig({
36190
36405
  displayName: "Spellbook__Title",
36191
36406
  componentId: "sc-r02nfq-0"
36192
36407
  })(["font-size:", " !important;margin-bottom:0 !important;"], uiFonts.size.large);
36193
- var Container$l = /*#__PURE__*/styled.div.withConfig({
36408
+ var Container$n = /*#__PURE__*/styled.div.withConfig({
36194
36409
  displayName: "Spellbook__Container",
36195
36410
  componentId: "sc-r02nfq-1"
36196
36411
  })(["width:100%;height:100%;color:white;display:flex;flex-direction:column;"]);
@@ -36204,16 +36419,16 @@ var TextArea = function TextArea(_ref) {
36204
36419
  return React__default.createElement("textarea", Object.assign({}, props));
36205
36420
  };
36206
36421
 
36207
- var img$9 = 'data:image/gif;base64,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';
36422
+ var img$a = 'data:image/gif;base64,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';
36208
36423
 
36209
- var img$a = 'data:image/gif;base64,R0lGODlhTgBNAPMAAAAAALcILyZ31ESZ+lrC/1Ds//vvpv3wo4G8//////38+QAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAAIf4gQ3JlYXRlZCB3aXRoIGV6Z2lmLmNvbSBHSUYgbWFrZXIALAAAAABOAE0AAAT/EMhJq7046827/2AojmRpnmiqrmzrvnAsz2tg37hNq7jg/0AfbjeyAQfIpBIJ1BE5N99ySmUKbk9M4FftUn+BLMXoLXev4exWYG5/r8+te/5Nz+T0vBIu2yL+gIGCg4SFgXwvfoaLjIyILIqNkpOAjymRlAgHm5ybmZV2KHh0naWcepYlo22mradzqUUClK61nJSxIJiMrgm+v664oSKrXqa/yMmmbrkexVXHydK+y2bNULON0dPTppLXGs9UpdzlCaVt4FpsZuTm5ejWwx3iU53v753p89jtnPj49JVRZ2ELgYMFoP0DaE6gF4JjBBycSCChEncMucV7yC+DQYoI/y8uzAjvFUddEkGGRHKPZMlN8lCqXDmgpctuJs90XDdzpc2bynJWgSjh40yLP4ECE1pHZs8CB5MqPcd0ClEARlVCjTpy6kadTrWC7KpU4NaDVndeyNqT64GpSzedBblHbcGUbSmSddlprsokV7HizUtAKsO+hAkMCCw48UTD+RAnZsw2L0aApfy2pTw48eWGczX3ZNzYsdtNAf2KVkm6tOnC2+JqXg2ytWBStiSLzWv7dh5XBnS/Pti7nj9TW2kT7u1bT03dBZSPtuuMnfMkqqXXpl79uhLR2icyj+gdSfjN3FF6Pz89kXU3itnPHO/xfXlm6VXZv3+ShnH+gOUnikAUAFpFny7/XYeGGBOssR8qQjBYQRQPpoOGgHc4WOEeYGAYB4VBBDGEhMTkYCKJKKao4oostujiizDGKOOMF0QAACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAAE4ATQAABP8QyEmrvTjrzbv/YCiOZGmeaKqubOu+cCzPa2DfuE2ruOD/QB9uN7IBB8ikEgnUETk333JKZQpuT0zgV+1Sf4Esxegtd6/h7FZgbn+vz617/k3P5PS8Ei7bIv6AgYKDhIWBfC9+houMjIgsio2Sk4CPKZGUmY2WJnh6B6ChoHpMdieec6KqoXqcRQKaq7Khmq4gmI2zurSUth6oZbMJw8Szc74dwF2rxM3Oq27IG7iGzM7Xw6uT0hnKVNbY2NBm3Bfe36Lh6gmq0aa/bGaq6+vt5O/J8cGh9PSibeUqbCFAoMAyfv38sSoTcMJAggQNTkmXsN5Chvg0PIRYcMm8iur/7HlpCGAjR4lIKIIMefFMxm4COEJEOUDlSnEtq5A0eTKJzZvPcta5FVNmRJ8IgV77h5Go0YgEayZV2ozpyJdaihotAPEnVXZCp+zUepLjx69gF3KFuGTsU6Negf5bazSJ27dmp1IVRfdpqRA838YFyRcvRJISAj89e1NV37eIS5I1zLiiY8OHscLEnFevP7oHHkPWvJkzwcohH4s2GjnxZMyol4peLbO161SyloKiTZug7du4dRkobLo26Wn6gs9a29vwb+B5ls9s/vS5w+R0Lp+kztH6dVJTVnP3ffzDOTrjR7c43yZ99fIi2FchMMA9a/ivwIP3jlx/Hv5QYOefQUtxSDGgTgCaJx8paIhxnYH+geGgQEYIGA0a+NFQIYRngJGhGlEEIeIQE8aXw4klpqjiiiy26OKLMMYo44w0XhABACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAAE4ATQAABP8QyEmrvTjrzbv/YCiOZGmeaKqubOu+cCzPa2DfuE2ruOD/QB9uN7IBB8ikEgnUETk333JKZQpuT0zgV+1Sf4Esxegtd6/h7FZgbn+vz617/k3P5PS8Ei7bIv6AgYKDhIWBfC9+houMjIgsio2Sk4CPKZGUmY2WJnh6n2d2J555B6anpqCcRQKaf6iwp64IqyCYk7G5spq1HqRmusGndL0dv166CcrLunPFG7eLscvU1bGUzxnHVdPV3sqxbtkX21Td39/hbeMV5VOw6PEJsOKivmzAqPLy9GbsYwIIFCijbx+/Yf7sQQlIoOFAc6cMGkS1TqGGLQ0zPlxSUGI8ign/bTHMKJBjR4/pQHr5BwAjyZJKTqJMmaoMS5cvNw6QOdMawpUWtY0kqZNnT2Y/Q4l86bAhEqNH5yWtcnOoxow7I0b1plLpB5xXSUI9qrIAyT1BtVhlSgDeVqTDzLJlkpbcWrZjUVKUy5bAAJYt777M6xEV376AA/cdrHXr3sUNE4Nd7JasYciR66rFnLGyXr4DDiPWvJnzOYkHRItmmljCZMqe+a1e/bK1a3z5CM+jLXCx7dtzklFTcJlzbdIXcbcRVpw35N/A6TDnW8A5W+gT3HXRpdo6SezZlUuHRdt75hriQZkf3UJ7m/XXkYtwX8UvfNbyWYFSlZ8E/f1LgGdMRXoAUtXfKFIUSJWAtvyXBxpihJcggGBE2I4RBK6DxoF9rDHhGWBwSEQPQZQ4hIXz5aAiiiy26OKLMMYo44w01mjjjRdEAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAABOAE0AAAT/EMhJq7046827/2AojmRpnmiqrmzrvnAsz2tg37hNq7jg/0AfbjeyAQfIpBIJ1BE5N99ySmUKbk9M4FftUn+BLMXoLXev4exWYG5/r8+te/5Nz+T0vBIu2yL+gIGCg4SFgXwvfoaLjIyILIqNkpOAjymRlJmNliZ4ep9ndieeoKV7oiWYmgesrayah6giqpSutq2wf5wgpG63v616ux+9ZcDHwXPDHbSLwAnQ0cCZyxvFXbfR2tu3yrLMbL622+TStt6z4WbZ5e3dbdVa6sau7fYJ5/Df1gIF6/X37OUrE8/CFgII/WFrFTCgKzcFxwhAmLAKwIb3HpqJOOEgRQIK/5dcxOguGcF98j6CnDKOpECNXjhK8PgxJJKRLsvBDMVrokqbA3Dm5GaSJzGfNREmETrUHKuNKC/QpFiA4k2GTXUWrSITwFSQKoNizUr0aZKqVplENYhU5UemWTWidTug61e3BFqShXZuLt6uXtvizTt270O/bgEHHvy2MNnDjAkovosXLknIkScLHqx36IG5AxAnXpsyMsLOlxGL/qh45ubKqB2KXk2xtes27Bp+Hkzb9m3csaMp4LvbtErfgec8I4qWNmPkycUhYzW3gPPRl+b9O6b6em3SHq7R+7Xau2Tw4bVLd2X+L/qjppC0x+5CvBkCoY27j2E/Ptf3JPTn30cpOwg4IHQ9qTdgXQiGQMaCSaAhRkdcxAfGhBVEoSA8aAB4xxpSEASGh3FoGEQQQ2A4Sw4squjiizDGKOOMNNZo44045nhBBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAABOAE0AAAT/EMhJq7046827/2AojmRpnmiqrmzrvnAsz2tg37hNq7jg/0AfbjeyAQfIpBIJ1BE5N99ySmUKbk9M4FftUn+BLMXoLXev4exWYG5/r8+te/5Nz+T0vBIu2yL+gIGCg4SFgXwvfoaLjIyILIqNkpOAjymRlJmNliZ4ep9ndieeoKV7oiWYmgesrayah6giqpSutq2wf5wgpG63v616ux+9ZcDHwXPDHbSLwAnQ0cCZyxvFXbfR2tu3yrLMbL622+TStt6z4WbZ5e3dbdVa6sau7fYJ5/Df1gIF6/X37OUrE8/CFgII/WFrFTCgKzcFxwhAmLAKwIb3HpqJOOEgRQIK/5dcxOguGcF98j6CnDKOpECNXjhK8PgxJJKRLsvBDMVrokqbA3Dm5GaSJzGfNREmETrUHKuNKC/QpFiA4k2GTXUWrSITwFSQKoNizUr0aZKqVplENYhU5UemWTWidTug61e3BFqShXZuLt6uXtvizTt270O/bgEHHvy2MNnDjAkovosXLknIkScLHqx36IG5AxAnXpsyMsLOlxGL/qh45ubKqB2KXk2xtes27Bp+Hkzb9m3csaMp4LvbtErfgec8I4qWNmPkycUhYzW3gPPRl+b9O6b6em3SHq7R+7Xau2Tw4bVLd2X+L/qjppC0x+5CvBkCoY27j2E/Ptf3JPTn30cpOwg4IHQ9qTdgXQiGQMaCSaAhRkdcxAfGhBVEoSA8aAB4xxpSEASGh3FoGEQQQ2A4Sw4squjiizDGKOOMNNZo44045nhBBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAABOAE0AAAT/EMhJq7046827/2AojmRpnmiqrmzrvnAsz2tg37hNq7jg/0AfbjeyAQfIpBIJ1BE5N99ySmUKbk9M4FftUn+BLMXoLXev4exWYG5/r8+te/5Nz+T0vBIu2yL+gIGCg4SFgXwvfoaLjIyILIqNkpOAjymRlJmNliZ4ep9ndieeeQemp6agnEUCmn+osKeuCKsgmJOxubKatR6kZrrBp3S9Hb9eugnKy7pzxRu3i7HL1NWxlM8Zx1XT1d7KsW7ZF9tU3d/f4W3jFeVTsOjxCbDior5swKjy8vRm7GMCCBQoo28fv2H+7EEJSKDhQHOnDBpEtU6hhi0NMz5cUlBiPIoJ/20xzCiQY0eP6UB6+QcAI8mSSk6iTJmqDEuXLzcOkDnTGsKVFrWNJKmTZ09mP0OJfOmwIRKjR+clrXJzqMaMOyNG9aZS6QecV0lCPaqyAMk9QbVYZUoA3lakw8yyZZKW3Fq2Y1FSlMuWwACWLe++zOsRFd++gAP3Hax1697FDRODXeyWrGHIkeuqxZyxsl6+Aw4j1ryZ8zmJB0SLZppYwmTKnvmtXv2ytWt8+QjPoy1wse3bc5JRU3CZc23SF3G3EVacN+TfwOkw51vAOVvoE9x10aXaOkns2ZVLh0Xbe+Ya4kGZH91Ce5v115GLcF/FL3zW8lmBUpWfBP39S4BnTEV6AFLV3yhSFEiVgLb8lwcaYoSXIIBgRNiOEQSug8aBfawx4RlgcEhED0GUOISF8+WgIoostujiizDGKOOMNNZo440XRAAAIf8LSW1hZ2VNYWdpY2sNZ2FtbWE9MC40NTQ1NQAh+QQBFAAAACwAAAAATgBNAAAE/xDISau9OOvNu/9gKI5kaZ5oqq5s675wLM9rYN+4Tau44P9AH243sgEHyKQSCdQROTffckplCm5PTOBX7VJ/gSzF6C13r+HsVmBuf6/PrXv+Tc/k9LwSLtsi/oCBgoOEhYF8L36Gi4yMiCyKjZKTgI8pkZSZjZYmeHoHoKGgekx2J55zoqqhepxFApqrsqGariCYjbO6tJS2HqhlswnDxLNzvh3AXavEzc6rbsgbuIbMztfDq5PSGcpU1tjY0GbcF97fouHqCarRpr9sZqrr6+3k78nxwaH09KJt5SpsIUCgwDJ+/fyxKhNwwkCCBA1OSZew3kKG+DQ8hFhwybyK6v/seWkIYCNHiUgoggx58UzGbgI4QkQ5QOVKcS2rkDR5MonNm89y1rkVU2ZEnwiBXvuHkajRiARrJlXajOnIl1qKGi0A8SdVdkKn7NR6kuPHr2AXcoW4ZOxTo16B/ltrNInbt2anUhVF92mpEDzfxgXJFy9EkhICPz17U1Xft4hLkjXMuKJjw4exwsTctbI/ugceQ9a8mTMBcJ9lijYaOfFkyp6Xil4ts7XrVLKWgqJNm6Dt27h1GShsujbpafqCz1rb2/Bv4HmWz2z+9LnD5HQun6TO0fp1UlNWc/d9/MM5OuNHtzjfJn318iLYVyEwwD1r+K/Ag/eOXH8e/lBg559BS3FIMaBOAJonHyloiHGdgf6B4aBARggYDRr40VAhhGeAkaEaUQQh4hATxpfDiSWmqOKKLLbo4oswxijjjDReEAEAIf8LSW1hZ2VNYWdpY2sNZ2FtbWE9MC40NTQ1NQAh+QQBFAAAACwAAAAATgBNAAAE/xDISau9OOvNu/9gKI5kaZ5oqq5s675wLM9rYN+4Tau44P9AH243sgEHyKQSCdQROTffckplCm5PTOBX7VJ/gSzF6C13r+HsVmBuf6/PrXv+Tc/k9LwSLtsi/oCBgoOEhYF8L36Gi4yMiCyKjZKTgI8pkZQIB5ucm5mVdih4dJ2lnHqWJaNtpq2nc6lFApSutZyUsSCYjK4Jvr+uuKEiq16mv8jJpm65HsVVx8nSvstmzVCzjdHT06aS1xrPVKXc5QmlbeBabGbk5uXo1sMd4lOd7++d6fPY7Zz4+PSVUWdhC4GDBaD9A2hOoBeCYwQcnEggoRJ3DLnFe8gvg0GKCP8vLswI7xVHXRJBhkRyj2TJTfJQqlw5oKXLbibPdFw3c6XNm8pyVoEo4eNMiz+BAhNaR2bPAgeTKj3HdApRAEZVQo06cupGnU61guyqVODWg1Z3Xsjak+uBqUs3nQW5R23BlG0pknXZaa7KJFex4s1LQCrDvoQJDAgsOPFEw/kQJ2bMNi9GgKX8tqU8OPHlhnM192Tc2LHbTQH9ilZJurTpwtvial4NsrVgUrYki81r+3YeVwZ0vz7Yu54/U1tpE+7tW09N3QWUj7brjJ3zJKql16Ze/boS0donMo/oHUn4zdxRej8/PZF1N4rZzxzv8X15ZulV2b9/koZx/oDlJ4pAFABaRZ8u/12HhhgTrLEfKkIwWEEUD6aDhoB3OFjhHmBgGAeFQQQxhITE5GAiiSimqOKKLLbo4oswxijjjBdEAAA7';
36424
+ var img$b = 'data:image/gif;base64,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';
36210
36425
 
36211
- var img$b = 'data:image/gif;base64,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';
36426
+ var img$c = 'data:image/gif;base64,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';
36212
36427
 
36213
36428
  var DayNightPeriod = function DayNightPeriod(_ref) {
36214
36429
  var _periodOfDaySrcFiles;
36215
36430
  var periodOfDay = _ref.periodOfDay;
36216
- var periodOfDaySrcFiles = (_periodOfDaySrcFiles = {}, _periodOfDaySrcFiles[shared.PeriodOfDay.Morning] = img$a, _periodOfDaySrcFiles[shared.PeriodOfDay.Afternoon] = img$9, _periodOfDaySrcFiles[shared.PeriodOfDay.Night] = img$b, _periodOfDaySrcFiles);
36431
+ var periodOfDaySrcFiles = (_periodOfDaySrcFiles = {}, _periodOfDaySrcFiles[shared.PeriodOfDay.Morning] = img$b, _periodOfDaySrcFiles[shared.PeriodOfDay.Afternoon] = img$a, _periodOfDaySrcFiles[shared.PeriodOfDay.Night] = img$c, _periodOfDaySrcFiles);
36217
36432
  return React__default.createElement(GifContainer, null, React__default.createElement("img", {
36218
36433
  src: periodOfDaySrcFiles[periodOfDay]
36219
36434
  }));
@@ -36223,7 +36438,7 @@ var GifContainer = /*#__PURE__*/styled.div.withConfig({
36223
36438
  componentId: "sc-10t97fw-0"
36224
36439
  })(["width:100%;img{width:67%;}"]);
36225
36440
 
36226
- 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';
36441
+ var img$d = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAABHCAYAAAA0qHhdAAAAAXNSR0IArs4c6QAABGRJREFUeJztnb9PGzEUx7+JMjC0Uge6tVsVdTghQP0D2qgjzGz8D8woE2LO/5CNOcwlU9WJRCgDYmWJRAYkFgak6wDv5HPsO9/P8J79WUhicr7nzz3bOV8uHbRPXOXN2x++1LUfYnh4uu8AQK+FulLy7hbHxn96vrh22tjW0b7xPVtH+87bkMbnj1/jh6f7TqfBOmKgurwy6MJ10VRuKqNylwMl7wBy3U5WuetBOhg9om6ZSRaqEtvImJ2zRfL4/GA3eXy494LJzNwBmcpc//9w7wUAMJn1ktdt5bbnaj228qw6VeqWGbctUEXNxn40Fj+2/jn5lHpel8xUd+oqcedsUajum2HkNHEiqf1oDAD4/e1HkWrYMF8uE6GTWQ+j6aryBCh2lVhUXt77bXJpP2i/+tE41e1y5uo2W1cVmfHd4rhxiXnbdZEqReiv76/jpE1q2YbOFNmUwDxsYreO9lkLvbrtJSLp+Xy5xN9/g8TBYPSIboltv0uRWXU/X1zjbnGM08t527tUC7aM1B0UbXiryE1KNGHKUu4ZqjKarpLMpAlQkcxkIxIw7xP3DLVBnzldZbISSUgXqvtwkclSJCFNqDpu0mdqOkOUJ5O1SEKSUHVWWyQzRYgkJAml7KTMzBszRYkkJAhVu1ny49rNpuAskuAaw9VtL/d0nikwY1ZybQQb+udQ+gzKZbXFtGqiq3Y63yoR6m770Rg3wyi1gK1iel1dQNbLqazsX9M2dKib1bPNi6wkbNl5M4w2tUulGIwe8fB031nrhH0RCbzGpgrVJxSEaYXfdoWCrdxE1lUNtnJ9+6PpKrmgSxUVm45IyTIB8zncnbPF2th58nMbo+kq9zUX8t5XpC4SCQSZVpkovzy4MWiHvRRJSBFaZj0z8E6xyvQlKwE5sYbMFEQXlvHSd97apNL3YtomZKYgjDKljCFFkBBzyExBBJmCCDIFEWQKIsgURJApiCBTEEGmILqA26q4b3Bsk5CZgjDKdL1/gCQkxJzI5NitNAXXtugC6HC5NL9N3tqE1cn3MGYKIiVT7V4kjCGuqLFy7WIBw61jOAdTFikxp66bPT/YXbsnm4RF2yz0Hmgy67EcLwHDmCnlKC0D99hVmcmslntQZaCYuWYlYPgWmOkeOaeXc5bB5XF+sLs2yeMs05iC+rh5uBfF0sbO17EyHSf3HkkfMzunl3P2QZWB88SHsO246JmtpBmsSuYZoMmsJ+5Egn6CQFIvlHUkrk2GKFO5ZiiJ1AVKyEogPwDj7BbgN8M1zVwBOSIBtyDYC/VBJOAeCFuhvogEigXDTqhPIoESd4LmItQ3kUC5oKxCgc1LtUkEZIsEKvx6wnsU6rNIoFpwmUKJpsVmCVT2ARAuEqgeoJNQoH6pLhLf6gU8EAnUE2QMoPDPSxSV6ypP2T499EIkUG+gzlnaND5lo0pjv5/Ztljt2l/vRALNBl2q+y2Kj92pjTYaIDXWVZVruPree4nEJhqi6ppokGfhP6xr60VVr5O+AAAAAElFTkSuQmCC';
36227
36442
 
36228
36443
  var TimeWidget = function TimeWidget(_ref) {
36229
36444
  var onClose = _ref.onClose,
@@ -36241,7 +36456,7 @@ var TimeWidget = function TimeWidget(_ref) {
36241
36456
  var WidgetContainer = /*#__PURE__*/styled.div.withConfig({
36242
36457
  displayName: "TimeWidget__WidgetContainer",
36243
36458
  componentId: "sc-1ja236h-0"
36244
- })(["background-image:url(", ");background-size:10rem;background-repeat:no-repeat;width:10rem;position:absolute;height:100px;"], img$c);
36459
+ })(["background-image:url(", ");background-size:10rem;background-repeat:no-repeat;width:10rem;position:absolute;height:100px;"], img$d);
36245
36460
  var Time = /*#__PURE__*/styled.div.withConfig({
36246
36461
  displayName: "TimeWidget__Time",
36247
36462
  componentId: "sc-1ja236h-1"
@@ -36490,230 +36705,17 @@ var Truncate = function Truncate(_ref) {
36490
36705
  var _ref$maxLines = _ref.maxLines,
36491
36706
  maxLines = _ref$maxLines === void 0 ? 1 : _ref$maxLines,
36492
36707
  children = _ref.children;
36493
- return React__default.createElement(Container$m, {
36708
+ return React__default.createElement(Container$o, {
36494
36709
  maxLines: maxLines
36495
36710
  }, children);
36496
36711
  };
36497
- var Container$m = /*#__PURE__*/styled.div.withConfig({
36712
+ var Container$o = /*#__PURE__*/styled.div.withConfig({
36498
36713
  displayName: "Truncate__Container",
36499
36714
  componentId: "sc-6x00qb-0"
36500
36715
  })(["display:-webkit-box;max-width:100%;max-height:100%;-webkit-line-clamp:", ";-webkit-box-orient:vertical;overflow:hidden;"], function (props) {
36501
36716
  return props.maxLines;
36502
36717
  });
36503
36718
 
36504
- var IS_MOBILE_OR_TABLET = /*#__PURE__*/shared.isMobileOrTablet();
36505
-
36506
- var chunkString = function chunkString(str, length) {
36507
- return str.match(new RegExp('.{1,' + length + '}', 'g'));
36508
- };
36509
-
36510
- var img$d = 'data:image/gif;base64,R0lGODlhEAAQAPIAAAAAABQYLiw1TUBJc2hvmQAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAM9CLrc/lCFGSKYJJP5AhlguDnBMIVgxXgmJapSSp3mKs/pKrT0IMCXUk+2Cgh2oSOnaDz+lswZpSOFUq2KBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAIzhI+py90Bg4OjDrjCELxfFQhQx0mIJkaeaYRp5LJADMdnqXbyOJLYTdKBejjZoRaZJBMFACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAABAAEAAAAjKEj6nL7Y+CDE6OO+QKQ/ifKYEgfR4VddPohQe7lmR0xidNTib65uacYP2AQWGuMlEUAAA7';
36511
-
36512
- var NPCDialogText = function NPCDialogText(_ref) {
36513
- var text = _ref.text,
36514
- onClose = _ref.onClose,
36515
- onEndStep = _ref.onEndStep,
36516
- onStartStep = _ref.onStartStep,
36517
- type = _ref.type;
36518
- var windowSize = React.useRef([window.innerWidth, window.innerHeight]);
36519
- function maxCharacters(width) {
36520
- // Set the font size to 16 pixels
36521
- var fontSize = 11.2;
36522
- // Calculate the number of characters that can fit in one line
36523
- var charactersPerLine = Math.floor(width / 2 / fontSize);
36524
- // Calculate the number of lines that can fit in the div
36525
- var linesPerDiv = Math.floor(180 / fontSize);
36526
- // Calculate the maximum number of characters that can fit in the div
36527
- var maxCharacters = charactersPerLine * linesPerDiv;
36528
- // Return the maximum number of characters
36529
- return Math.round(maxCharacters / 5);
36530
- }
36531
- var textChunks = chunkString(text, maxCharacters(windowSize.current[0]));
36532
- var _useState = React.useState(0),
36533
- chunkIndex = _useState[0],
36534
- setChunkIndex = _useState[1];
36535
- var onHandleSpacePress = function onHandleSpacePress(event) {
36536
- if (event.code === 'Space') {
36537
- goToNextStep();
36538
- }
36539
- };
36540
- var goToNextStep = function goToNextStep() {
36541
- var hasNextChunk = (textChunks == null ? void 0 : textChunks[chunkIndex + 1]) || false;
36542
- if (hasNextChunk) {
36543
- setChunkIndex(function (prev) {
36544
- return prev + 1;
36545
- });
36546
- } else {
36547
- // if there's no more text chunks, close the dialog
36548
- onClose();
36549
- }
36550
- };
36551
- React.useEffect(function () {
36552
- document.addEventListener('keydown', onHandleSpacePress);
36553
- return function () {
36554
- return document.removeEventListener('keydown', onHandleSpacePress);
36555
- };
36556
- }, [chunkIndex]);
36557
- var _useState2 = React.useState(false),
36558
- showGoNextIndicator = _useState2[0],
36559
- setShowGoNextIndicator = _useState2[1];
36560
- return React__default.createElement(Container$n, null, React__default.createElement(DynamicText, {
36561
- text: (textChunks == null ? void 0 : textChunks[chunkIndex]) || '',
36562
- onFinish: function onFinish() {
36563
- setShowGoNextIndicator(true);
36564
- onEndStep && onEndStep();
36565
- },
36566
- onStart: function onStart() {
36567
- setShowGoNextIndicator(false);
36568
- onStartStep && onStartStep();
36569
- }
36570
- }), showGoNextIndicator && React__default.createElement(PressSpaceIndicator$1, {
36571
- right: type === exports.NPCDialogType.TextOnly ? '1rem' : '10.5rem',
36572
- src: IS_MOBILE_OR_TABLET ? img$d : img$7,
36573
- onPointerDown: function onPointerDown() {
36574
- goToNextStep();
36575
- }
36576
- }));
36577
- };
36578
- var Container$n = /*#__PURE__*/styled.div.withConfig({
36579
- displayName: "NPCDialogText__Container",
36580
- componentId: "sc-1cxkdh9-0"
36581
- })([""]);
36582
- var PressSpaceIndicator$1 = /*#__PURE__*/styled.img.withConfig({
36583
- displayName: "NPCDialogText__PressSpaceIndicator",
36584
- componentId: "sc-1cxkdh9-1"
36585
- })(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref2) {
36586
- var right = _ref2.right;
36587
- return right;
36588
- });
36589
-
36590
- (function (NPCDialogType) {
36591
- NPCDialogType["TextOnly"] = "TextOnly";
36592
- NPCDialogType["TextAndThumbnail"] = "TextAndThumbnail";
36593
- })(exports.NPCDialogType || (exports.NPCDialogType = {}));
36594
- var NPCDialog = function NPCDialog(_ref) {
36595
- var text = _ref.text,
36596
- type = _ref.type,
36597
- _onClose = _ref.onClose,
36598
- imagePath = _ref.imagePath,
36599
- _ref$isQuestionDialog = _ref.isQuestionDialog,
36600
- isQuestionDialog = _ref$isQuestionDialog === void 0 ? false : _ref$isQuestionDialog,
36601
- questions = _ref.questions,
36602
- answers = _ref.answers;
36603
- return React__default.createElement(RPGUIContainer, {
36604
- type: exports.RPGUIContainerTypes.FramedGold,
36605
- width: isQuestionDialog ? '600px' : '80%',
36606
- height: '180px'
36607
- }, isQuestionDialog && questions && answers ? React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer$2, {
36608
- flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
36609
- }, React__default.createElement(QuestionDialog, {
36610
- questions: questions,
36611
- answers: answers,
36612
- onClose: function onClose() {
36613
- if (_onClose) {
36614
- _onClose();
36615
- }
36616
- }
36617
- })), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
36618
- src: imagePath || img$6
36619
- }))) : React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$o, null, React__default.createElement(TextContainer$2, {
36620
- flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
36621
- }, React__default.createElement(NPCDialogText, {
36622
- type: type,
36623
- text: text || 'No text provided.',
36624
- onClose: function onClose() {
36625
- if (_onClose) {
36626
- _onClose();
36627
- }
36628
- }
36629
- })), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
36630
- src: imagePath || img$6
36631
- })))));
36632
- };
36633
- var Container$o = /*#__PURE__*/styled.div.withConfig({
36634
- displayName: "NPCDialog__Container",
36635
- componentId: "sc-1b4aw74-0"
36636
- })(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
36637
- var TextContainer$2 = /*#__PURE__*/styled.div.withConfig({
36638
- displayName: "NPCDialog__TextContainer",
36639
- componentId: "sc-1b4aw74-1"
36640
- })(["flex:", " 0 0;width:355px;"], function (_ref2) {
36641
- var flex = _ref2.flex;
36642
- return flex;
36643
- });
36644
- var ThumbnailContainer$1 = /*#__PURE__*/styled.div.withConfig({
36645
- displayName: "NPCDialog__ThumbnailContainer",
36646
- componentId: "sc-1b4aw74-2"
36647
- })(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
36648
- var NPCThumbnail$1 = /*#__PURE__*/styled.img.withConfig({
36649
- displayName: "NPCDialog__NPCThumbnail",
36650
- componentId: "sc-1b4aw74-3"
36651
- })(["image-rendering:pixelated;height:128px;width:128px;"]);
36652
-
36653
- var HistoryDialog = function HistoryDialog(_ref) {
36654
- var backgroundImgPath = _ref.backgroundImgPath,
36655
- fullCoverBackground = _ref.fullCoverBackground,
36656
- questions = _ref.questions,
36657
- answers = _ref.answers,
36658
- text = _ref.text,
36659
- imagePath = _ref.imagePath,
36660
- textAndTypeArray = _ref.textAndTypeArray,
36661
- onClose = _ref.onClose;
36662
- var _useState = React.useState(0),
36663
- img = _useState[0],
36664
- setImage = _useState[1];
36665
- var onHandleSpacePress = function onHandleSpacePress(event) {
36666
- if (event.code === 'Space') {
36667
- if (img < (backgroundImgPath == null ? void 0 : backgroundImgPath.length) - 1) {
36668
- setImage(function (prev) {
36669
- return prev + 1;
36670
- });
36671
- } else {
36672
- // if there's no more text chunks, close the dialog
36673
- onClose();
36674
- }
36675
- }
36676
- };
36677
- React.useEffect(function () {
36678
- document.addEventListener('keydown', onHandleSpacePress);
36679
- return function () {
36680
- return document.removeEventListener('keydown', onHandleSpacePress);
36681
- };
36682
- }, [backgroundImgPath]);
36683
- return React__default.createElement(BackgroundContainer, {
36684
- imgPath: backgroundImgPath[img],
36685
- fullImg: fullCoverBackground
36686
- }, React__default.createElement(DialogContainer, null, textAndTypeArray ? React__default.createElement(NPCMultiDialog, {
36687
- textAndTypeArray: textAndTypeArray,
36688
- onClose: onClose
36689
- }) : questions && answers ? React__default.createElement(QuestionDialog, {
36690
- questions: questions,
36691
- answers: answers,
36692
- onClose: onClose
36693
- }) : text && imagePath ? React__default.createElement(NPCDialog, {
36694
- text: text,
36695
- imagePath: imagePath,
36696
- onClose: onClose,
36697
- type: exports.NPCDialogType.TextAndThumbnail
36698
- }) : React__default.createElement(NPCDialog, {
36699
- text: text,
36700
- onClose: onClose,
36701
- type: exports.NPCDialogType.TextOnly
36702
- })));
36703
- };
36704
- var BackgroundContainer = /*#__PURE__*/styled.div.withConfig({
36705
- displayName: "HistoryDialog__BackgroundContainer",
36706
- componentId: "sc-u6oe75-0"
36707
- })(["width:100%;height:100%;background-image:url(", ");background-size:", ";display:flex;justify-content:space-evenly;align-items:center;"], function (props) {
36708
- return props.imgPath;
36709
- }, function (props) {
36710
- return props.imgPath ? 'cover' : 'auto';
36711
- });
36712
- var DialogContainer = /*#__PURE__*/styled.div.withConfig({
36713
- displayName: "HistoryDialog__DialogContainer",
36714
- componentId: "sc-u6oe75-1"
36715
- })(["display:flex;justify-content:center;padding-top:200px;"]);
36716
-
36717
36719
  exports.Button = Button;
36718
36720
  exports.CharacterSelection = CharacterSelection;
36719
36721
  exports.Chat = Chat;