@rpg-engine/long-bow 0.3.60 → 0.3.61

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 (142) hide show
  1. package/LICENSE +20 -20
  2. package/README.md +181 -181
  3. package/dist/long-bow.cjs.development.js +919 -913
  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 +733 -727
  8. package/dist/long-bow.esm.js.map +1 -1
  9. package/package.json +100 -100
  10. package/src/components/Abstractions/SlotsContainer.tsx +45 -45
  11. package/src/components/Arrow/SelectArrow.tsx +69 -69
  12. package/src/components/Arrow/img/arrow01-left-clicked.png +0 -0
  13. package/src/components/Arrow/img/arrow01-left.png +0 -0
  14. package/src/components/Arrow/img/arrow01-right-clicked.png +0 -0
  15. package/src/components/Arrow/img/arrow01-right.png +0 -0
  16. package/src/components/Arrow/img/arrow02-left-clicked.png +0 -0
  17. package/src/components/Arrow/img/arrow02-left.png +0 -0
  18. package/src/components/Arrow/img/arrow02-right-clicked.png +0 -0
  19. package/src/components/Arrow/img/arrow02-right.png +0 -0
  20. package/src/components/Button.tsx +40 -40
  21. package/src/components/Character/CharacterSelection.tsx +96 -96
  22. package/src/components/CharacterStatus/CharacterStatus.tsx +120 -120
  23. package/src/components/Chat/Chat.tsx +195 -195
  24. package/src/components/Chatdeprecated/ChatDeprecated.tsx +198 -198
  25. package/src/components/CheckButton.tsx +65 -65
  26. package/src/components/CircularController/CircularController.tsx +248 -248
  27. package/src/components/CraftBook/CraftBook.tsx +227 -224
  28. package/src/components/CraftBook/MockItems.ts +46 -46
  29. package/src/components/DraggableContainer.tsx +153 -153
  30. package/src/components/Dropdown.tsx +90 -90
  31. package/src/components/DropdownSelectorContainer.tsx +42 -42
  32. package/src/components/Equipment/EquipmentSet.tsx +190 -190
  33. package/src/components/HistoryDialog.tsx +104 -104
  34. package/src/components/Input.tsx +15 -15
  35. package/src/components/Item/Cards/ItemTooltip.tsx +33 -33
  36. package/src/components/Item/Inventory/ErrorBoundary.tsx +42 -42
  37. package/src/components/Item/Inventory/ItemContainer.tsx +210 -210
  38. package/src/components/Item/Inventory/ItemContainerTypes.ts +6 -6
  39. package/src/components/Item/Inventory/ItemQuantitySelector.tsx +138 -138
  40. package/src/components/Item/Inventory/ItemSlot.tsx +501 -501
  41. package/src/components/Item/Inventory/itemContainerHelper.ts +156 -156
  42. package/src/components/ListMenu.tsx +63 -63
  43. package/src/components/Multitab/Tab.tsx +66 -66
  44. package/src/components/Multitab/TabBody.tsx +13 -13
  45. package/src/components/Multitab/TabsContainer.tsx +97 -97
  46. package/src/components/NPCDialog/NPCDialog.tsx +121 -121
  47. package/src/components/NPCDialog/NPCDialogText.tsx +113 -113
  48. package/src/components/NPCDialog/NPCMultiDialog.tsx +159 -159
  49. package/src/components/NPCDialog/QuestionDialog/QuestionDialog.tsx +237 -237
  50. package/src/components/ProgressBar.tsx +92 -92
  51. package/src/components/PropertySelect/PropertySelect.tsx +106 -106
  52. package/src/components/QuestInfo/QuestInfo.tsx +230 -230
  53. package/src/components/QuestList.tsx +129 -129
  54. package/src/components/RPGUIContainer.tsx +47 -47
  55. package/src/components/RPGUIForceRenderStart.tsx +45 -45
  56. package/src/components/RPGUIRoot.tsx +14 -14
  57. package/src/components/RadioButton.tsx +53 -53
  58. package/src/components/RadioInput/RadioButton.tsx +96 -96
  59. package/src/components/RadioInput/RadioInput.tsx +102 -102
  60. package/src/components/RadioInput/instruments.ts +15 -15
  61. package/src/components/RangeSlider.tsx +78 -78
  62. package/src/components/RelativeListMenu.tsx +83 -83
  63. package/src/components/ScrollList.tsx +79 -79
  64. package/src/components/Shortcuts/Shortcuts.tsx +151 -151
  65. package/src/components/Shortcuts/ShortcutsSetter.tsx +132 -132
  66. package/src/components/Shortcuts/SingleShortcut.ts +62 -62
  67. package/src/components/SimpleProgressBar.tsx +62 -62
  68. package/src/components/SkillProgressBar.tsx +133 -133
  69. package/src/components/SkillsContainer.tsx +198 -198
  70. package/src/components/Spellbook/Spell.tsx +201 -201
  71. package/src/components/Spellbook/Spellbook.tsx +150 -150
  72. package/src/components/Spellbook/constants.ts +8 -8
  73. package/src/components/Spellbook/mockSpells.ts +60 -60
  74. package/src/components/StaticBook/StaticBook.tsx +103 -103
  75. package/src/components/TextArea.tsx +11 -11
  76. package/src/components/TimeWidget/DayNightPeriod/DayNightPeriod.tsx +35 -35
  77. package/src/components/TimeWidget/TimeWidget.tsx +63 -63
  78. package/src/components/TradingMenu/TradingItemRow.tsx +193 -193
  79. package/src/components/TradingMenu/TradingMenu.tsx +203 -203
  80. package/src/components/TradingMenu/items.mock.ts +96 -96
  81. package/src/components/Truncate.tsx +25 -25
  82. package/src/components/itemSelector/ItemSelector.tsx +136 -136
  83. package/src/components/shared/Column.tsx +16 -16
  84. package/src/components/shared/Ellipsis.tsx +65 -65
  85. package/src/components/shared/SpriteFromAtlas.tsx +102 -102
  86. package/src/components/typography/DynamicText.tsx +49 -49
  87. package/src/constants/uiColors.ts +20 -20
  88. package/src/constants/uiDevices.ts +3 -3
  89. package/src/constants/uiFonts.ts +12 -12
  90. package/src/hooks/useEventListener.ts +21 -21
  91. package/src/hooks/useOutsideAlerter.ts +25 -25
  92. package/src/index.tsx +40 -40
  93. package/src/libs/StringHelpers.ts +3 -3
  94. package/src/mocks/atlas/entities/entities.json +20215 -20215
  95. package/src/mocks/atlas/icons/icons.json +735 -735
  96. package/src/mocks/atlas/items/items.json +12086 -12086
  97. package/src/mocks/equipmentSet.mocks.ts +393 -393
  98. package/src/mocks/itemContainer.mocks.ts +562 -562
  99. package/src/mocks/skills.mocks.ts +128 -128
  100. package/src/stories/Arrow.stories.tsx +26 -26
  101. package/src/stories/Button.stories.tsx +36 -36
  102. package/src/stories/CharacterSelection.stories.tsx +45 -45
  103. package/src/stories/CharacterStatus.stories.tsx +29 -29
  104. package/src/stories/Chat.stories.tsx +187 -187
  105. package/src/stories/ChatDeprecated.stories.tsx +170 -170
  106. package/src/stories/CheckButton.stories.tsx +48 -48
  107. package/src/stories/CircullarController.stories.tsx +37 -37
  108. package/src/stories/CraftBook.stories.tsx +40 -40
  109. package/src/stories/DayNightPeriod.stories.tsx +27 -27
  110. package/src/stories/DraggableContainer.stories.tsx +28 -28
  111. package/src/stories/Dropdown.stories.tsx +46 -46
  112. package/src/stories/DropdownSelectorContainer.stories.tsx +41 -41
  113. package/src/stories/EquipmentSet.stories.tsx +65 -65
  114. package/src/stories/HistoryDialog.stories.tsx +61 -61
  115. package/src/stories/ItemContainer.stories.tsx +198 -198
  116. package/src/stories/ItemQuantitySelector.stories.tsx +26 -26
  117. package/src/stories/ItemSelector.stories.tsx +77 -77
  118. package/src/stories/ItemTradingComponent.stories.tsx +35 -35
  119. package/src/stories/ListMenu.stories.tsx +56 -56
  120. package/src/stories/Multitab.stories.tsx +51 -51
  121. package/src/stories/NPCDialog.stories.tsx +130 -130
  122. package/src/stories/NPCMultiDialog.stories.tsx +71 -71
  123. package/src/stories/ProgressBar.stories.tsx +23 -23
  124. package/src/stories/PropertySelect.stories.tsx +40 -40
  125. package/src/stories/QuestInfo.stories.tsx +107 -107
  126. package/src/stories/QuestList.stories.tsx +82 -82
  127. package/src/stories/RPGUIContainers.stories.tsx +42 -42
  128. package/src/stories/RadioButton.stories.tsx +49 -49
  129. package/src/stories/RadioInput.stories.tsx +34 -34
  130. package/src/stories/RangeSlider.stories.tsx +64 -64
  131. package/src/stories/ScrollList.stories.tsx +85 -85
  132. package/src/stories/Shortcuts.stories.tsx +39 -39
  133. package/src/stories/SimpleProgressBar.stories.tsx +22 -22
  134. package/src/stories/SkillProgressBar.stories.tsx +34 -34
  135. package/src/stories/SkillsContainer.stories.tsx +35 -35
  136. package/src/stories/Spellbook.stories.tsx +104 -104
  137. package/src/stories/StaticBook.stories.tsx +32 -32
  138. package/src/stories/Text.stories.tsx +42 -42
  139. package/src/stories/TimeWidget.stories.tsx +27 -27
  140. package/src/stories/TradingMenu.stories.tsx +45 -45
  141. package/src/types/eventTypes.ts +4 -4
  142. package/src/types/index.d.ts +2 -2
@@ -33459,6 +33459,12 @@ var CraftBook = function CraftBook(_ref) {
33459
33459
  onPointerDown: function onPointerDown() {
33460
33460
  handleClick(option.key);
33461
33461
  },
33462
+ onTouchEnd: function onTouchEnd() {
33463
+ setIsShown({
33464
+ show: true,
33465
+ index: index
33466
+ });
33467
+ },
33462
33468
  style: {
33463
33469
  display: 'flex',
33464
33470
  alignItems: 'center'
@@ -34139,509 +34145,374 @@ var EquipmentColumn = /*#__PURE__*/styled.div.withConfig({
34139
34145
  componentId: "sc-1wuddg2-1"
34140
34146
  })(["display:flex;justify-content:center;flex-wrap:wrap;flex-direction:column;touch-action:none;"]);
34141
34147
 
34142
- var SlotsContainer = function SlotsContainer(_ref) {
34143
- var children = _ref.children,
34144
- title = _ref.title,
34145
- onClose = _ref.onClose,
34146
- _onPositionChange = _ref.onPositionChange,
34147
- onOutsideClick = _ref.onOutsideClick,
34148
- initialPosition = _ref.initialPosition;
34149
- return React__default.createElement(DraggableContainer, {
34150
- title: title,
34151
- type: exports.RPGUIContainerTypes.Framed,
34152
- onCloseButton: function onCloseButton() {
34153
- if (onClose) {
34154
- onClose();
34148
+ var IS_MOBILE_OR_TABLET = /*#__PURE__*/shared.isMobileOrTablet();
34149
+
34150
+ var chunkString = function chunkString(str, length) {
34151
+ return str.match(new RegExp('.{1,' + length + '}', 'g'));
34152
+ };
34153
+
34154
+ var DynamicText = function DynamicText(_ref) {
34155
+ var text = _ref.text,
34156
+ onFinish = _ref.onFinish,
34157
+ onStart = _ref.onStart;
34158
+ var _useState = React.useState(''),
34159
+ textState = _useState[0],
34160
+ setTextState = _useState[1];
34161
+ React.useEffect(function () {
34162
+ var i = 0;
34163
+ var interval = setInterval(function () {
34164
+ // on every interval, show one more character
34165
+ if (i === 0) {
34166
+ if (onStart) {
34167
+ onStart();
34168
+ }
34155
34169
  }
34156
- },
34157
- width: "400px",
34158
- cancelDrag: ".item-container-body, #shortcuts_list",
34159
- onPositionChange: function onPositionChange(_ref2) {
34160
- var x = _ref2.x,
34161
- y = _ref2.y;
34162
- if (_onPositionChange) {
34163
- _onPositionChange({
34164
- x: x,
34165
- y: y
34166
- });
34170
+ if (i < text.length) {
34171
+ setTextState(text.substring(0, i + 1));
34172
+ i++;
34173
+ } else {
34174
+ clearInterval(interval);
34175
+ if (onFinish) {
34176
+ onFinish();
34177
+ }
34167
34178
  }
34168
- },
34169
- onOutsideClick: onOutsideClick,
34170
- initialPosition: initialPosition
34171
- }, children);
34179
+ }, 50);
34180
+ return function () {
34181
+ clearInterval(interval);
34182
+ };
34183
+ }, [text]);
34184
+ return React__default.createElement(TextContainer, null, textState);
34172
34185
  };
34186
+ var TextContainer = /*#__PURE__*/styled.p.withConfig({
34187
+ displayName: "DynamicText__TextContainer",
34188
+ componentId: "sc-1ggl9nd-0"
34189
+ })(["font-size:0.7rem !important;color:white;text-shadow:1px 1px 0px #000000;letter-spacing:1.2px;word-break:normal;"]);
34173
34190
 
34174
- (function (RangeSliderType) {
34175
- RangeSliderType["Slider"] = "rpgui-slider";
34176
- RangeSliderType["GoldSlider"] = "rpgui-slider golden";
34177
- })(exports.RangeSliderType || (exports.RangeSliderType = {}));
34178
- var RangeSlider = function RangeSlider(_ref) {
34179
- var type = _ref.type,
34180
- valueMin = _ref.valueMin,
34181
- valueMax = _ref.valueMax,
34182
- width = _ref.width,
34183
- _onChange = _ref.onChange,
34184
- value = _ref.value;
34185
- var sliderId = uuid.v4();
34186
- var containerRef = React.useRef(null);
34191
+ var img$6 = 'data:image/gif;base64,R0lGODlhEAAQAPIAAAAAABQYLiw1TUBJc2hvmQAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAM9CLrc/lCFGSKYJJP5AhlguDnBMIVgxXgmJapSSp3mKs/pKrT0IMCXUk+2Cgh2oSOnaDz+lswZpSOFUq2KBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAIzhI+py90Bg4OjDrjCELxfFQhQx0mIJkaeaYRp5LJADMdnqXbyOJLYTdKBejjZoRaZJBMFACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAABAAEAAAAjKEj6nL7Y+CDE6OO+QKQ/ifKYEgfR4VddPohQe7lmR0xidNTib65uacYP2AQWGuMlEUAAA7';
34192
+
34193
+ 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';
34194
+
34195
+ var NPCDialogText = function NPCDialogText(_ref) {
34196
+ var text = _ref.text,
34197
+ onClose = _ref.onClose,
34198
+ onEndStep = _ref.onEndStep,
34199
+ onStartStep = _ref.onStartStep,
34200
+ type = _ref.type;
34201
+ var windowSize = React.useRef([window.innerWidth, window.innerHeight]);
34202
+ function maxCharacters(width) {
34203
+ // Set the font size to 16 pixels
34204
+ var fontSize = 11.2;
34205
+ // Calculate the number of characters that can fit in one line
34206
+ var charactersPerLine = Math.floor(width / 2 / fontSize);
34207
+ // Calculate the number of lines that can fit in the div
34208
+ var linesPerDiv = Math.floor(180 / fontSize);
34209
+ // Calculate the maximum number of characters that can fit in the div
34210
+ var maxCharacters = charactersPerLine * linesPerDiv;
34211
+ // Return the maximum number of characters
34212
+ return Math.round(maxCharacters / 5);
34213
+ }
34214
+ var textChunks = chunkString(text, maxCharacters(windowSize.current[0]));
34187
34215
  var _useState = React.useState(0),
34188
- left = _useState[0],
34189
- setLeft = _useState[1];
34216
+ chunkIndex = _useState[0],
34217
+ setChunkIndex = _useState[1];
34218
+ var onHandleSpacePress = function onHandleSpacePress(event) {
34219
+ if (event.code === 'Space') {
34220
+ goToNextStep();
34221
+ }
34222
+ };
34223
+ var goToNextStep = function goToNextStep() {
34224
+ var hasNextChunk = (textChunks == null ? void 0 : textChunks[chunkIndex + 1]) || false;
34225
+ if (hasNextChunk) {
34226
+ setChunkIndex(function (prev) {
34227
+ return prev + 1;
34228
+ });
34229
+ } else {
34230
+ // if there's no more text chunks, close the dialog
34231
+ onClose();
34232
+ }
34233
+ };
34190
34234
  React.useEffect(function () {
34191
- var _containerRef$current;
34192
- var calculatedWidth = ((_containerRef$current = containerRef.current) == null ? void 0 : _containerRef$current.clientWidth) || 0;
34193
- setLeft(Math.max((value - valueMin) / (valueMax - valueMin) * (calculatedWidth - 35) + 10));
34194
- }, [value, valueMin, valueMax]);
34195
- var typeClass = type === exports.RangeSliderType.GoldSlider ? 'golden' : '';
34196
- return React__default.createElement("div", {
34197
- style: {
34198
- width: width,
34199
- position: 'relative'
34235
+ document.addEventListener('keydown', onHandleSpacePress);
34236
+ return function () {
34237
+ return document.removeEventListener('keydown', onHandleSpacePress);
34238
+ };
34239
+ }, [chunkIndex]);
34240
+ var _useState2 = React.useState(false),
34241
+ showGoNextIndicator = _useState2[0],
34242
+ setShowGoNextIndicator = _useState2[1];
34243
+ return React__default.createElement(Container$b, null, React__default.createElement(DynamicText, {
34244
+ text: (textChunks == null ? void 0 : textChunks[chunkIndex]) || '',
34245
+ onFinish: function onFinish() {
34246
+ setShowGoNextIndicator(true);
34247
+ onEndStep && onEndStep();
34200
34248
  },
34201
- className: "rpgui-slider-container " + typeClass,
34202
- id: "rpgui-slider-" + sliderId,
34203
- ref: containerRef
34204
- }, React__default.createElement("div", {
34205
- style: {
34206
- pointerEvents: 'none'
34249
+ onStart: function onStart() {
34250
+ setShowGoNextIndicator(false);
34251
+ onStartStep && onStartStep();
34207
34252
  }
34208
- }, React__default.createElement("div", {
34209
- className: "rpgui-slider-track " + typeClass
34210
- }), React__default.createElement("div", {
34211
- className: "rpgui-slider-left-edge " + typeClass
34212
- }), React__default.createElement("div", {
34213
- className: "rpgui-slider-right-edge " + typeClass
34214
- }), React__default.createElement("div", {
34215
- className: "rpgui-slider-thumb " + typeClass,
34216
- style: {
34217
- left: left
34253
+ }), showGoNextIndicator && React__default.createElement(PressSpaceIndicator, {
34254
+ right: type === exports.NPCDialogType.TextOnly ? '1rem' : '10.5rem',
34255
+ src: IS_MOBILE_OR_TABLET ? img$6 : img$7,
34256
+ onPointerDown: function onPointerDown() {
34257
+ goToNextStep();
34218
34258
  }
34219
- })), React__default.createElement(Input$1, {
34220
- type: "range",
34221
- style: {
34222
- width: width
34223
- },
34224
- min: valueMin,
34225
- max: valueMax,
34226
- onChange: function onChange(e) {
34227
- return _onChange(Number(e.target.value));
34228
- },
34229
- value: value,
34230
- className: "rpgui-cursor-point"
34231
34259
  }));
34232
34260
  };
34233
- var Input$1 = /*#__PURE__*/styled.input.withConfig({
34234
- displayName: "RangeSlider__Input",
34235
- componentId: "sc-v8mte9-0"
34236
- })(["opacity:0;position:absolute;width:100%;height:100%;top:0;left:0;margin-top:-5px;"]);
34261
+ var Container$b = /*#__PURE__*/styled.div.withConfig({
34262
+ displayName: "NPCDialogText__Container",
34263
+ componentId: "sc-1cxkdh9-0"
34264
+ })([""]);
34265
+ var PressSpaceIndicator = /*#__PURE__*/styled.img.withConfig({
34266
+ displayName: "NPCDialogText__PressSpaceIndicator",
34267
+ componentId: "sc-1cxkdh9-1"
34268
+ })(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref2) {
34269
+ var right = _ref2.right;
34270
+ return right;
34271
+ });
34237
34272
 
34238
- var ItemQuantitySelector = function ItemQuantitySelector(_ref) {
34239
- var quantity = _ref.quantity,
34240
- onConfirm = _ref.onConfirm,
34273
+ //@ts-ignore
34274
+ var useEventListener = function useEventListener(type, handler, el) {
34275
+ if (el === void 0) {
34276
+ el = window;
34277
+ }
34278
+ var savedHandler = React__default.useRef();
34279
+ React__default.useEffect(function () {
34280
+ savedHandler.current = handler;
34281
+ }, [handler]);
34282
+ React__default.useEffect(function () {
34283
+ //@ts-ignore
34284
+ var listener = function listener(e) {
34285
+ return savedHandler.current(e);
34286
+ };
34287
+ el.addEventListener(type, listener);
34288
+ return function () {
34289
+ el.removeEventListener(type, listener);
34290
+ };
34291
+ }, [type, el]);
34292
+ };
34293
+
34294
+ var QuestionDialog = function QuestionDialog(_ref) {
34295
+ var questions = _ref.questions,
34296
+ answers = _ref.answers,
34241
34297
  onClose = _ref.onClose;
34242
- var _useState = React.useState(quantity),
34243
- value = _useState[0],
34244
- setValue = _useState[1];
34245
- var inputRef = React.useRef(null);
34246
- React.useEffect(function () {
34247
- if (inputRef.current) {
34248
- inputRef.current.focus();
34249
- inputRef.current.select();
34250
- var closeSelector = function closeSelector(e) {
34251
- if (e.key === 'Escape') {
34252
- onClose();
34253
- }
34254
- };
34255
- document.addEventListener('keydown', closeSelector);
34256
- return function () {
34257
- document.removeEventListener('keydown', closeSelector);
34258
- };
34298
+ var _useState = React.useState(questions[0]),
34299
+ currentQuestion = _useState[0],
34300
+ setCurrentQuestion = _useState[1];
34301
+ var _useState2 = React.useState(false),
34302
+ canShowAnswers = _useState2[0],
34303
+ setCanShowAnswers = _useState2[1];
34304
+ var onGetFirstAnswer = function onGetFirstAnswer() {
34305
+ if (!currentQuestion.answerIds || currentQuestion.answerIds.length === 0) {
34306
+ return null;
34259
34307
  }
34260
- return function () {};
34261
- }, []);
34262
- return React__default.createElement(StyledContainer, {
34263
- type: exports.RPGUIContainerTypes.Framed,
34264
- width: "25rem"
34265
- }, React__default.createElement(CloseButton$2, {
34266
- className: "container-close",
34267
- onPointerDown: onClose
34268
- }, "X"), React__default.createElement("h2", null, "Select quantity to move"), React__default.createElement(StyledForm, {
34269
- style: {
34270
- width: '100%'
34271
- },
34272
- onSubmit: function onSubmit(e) {
34273
- e.preventDefault();
34274
- var numberValue = Number(value);
34275
- if (Number.isNaN(numberValue)) {
34276
- return;
34277
- }
34278
- onConfirm(Math.max(1, Math.min(quantity, numberValue)));
34279
- },
34280
- noValidate: true
34281
- }, React__default.createElement(StyledInput, {
34282
- innerRef: inputRef,
34283
- placeholder: "Enter quantity",
34284
- type: "number",
34285
- min: 1,
34286
- max: quantity,
34287
- value: value,
34288
- onChange: function onChange(e) {
34289
- if (Number(e.target.value) >= quantity) {
34290
- setValue(quantity);
34291
- return;
34292
- }
34293
- setValue(e.target.value);
34294
- },
34295
- onBlur: function onBlur(e) {
34296
- var newValue = Math.max(1, Math.min(quantity, Number(e.target.value)));
34297
- setValue(newValue);
34298
- }
34299
- }), React__default.createElement(RangeSlider, {
34300
- type: exports.RangeSliderType.Slider,
34301
- valueMin: 1,
34302
- valueMax: quantity,
34303
- width: "100%",
34304
- onChange: setValue,
34305
- value: value
34306
- }), React__default.createElement(Button, {
34307
- buttonType: exports.ButtonTypes.RPGUIButton,
34308
- type: "submit"
34309
- }, "Confirm")));
34310
- };
34311
- var StyledContainer = /*#__PURE__*/styled(RPGUIContainer).withConfig({
34312
- displayName: "ItemQuantitySelector__StyledContainer",
34313
- componentId: "sc-yfdtpn-0"
34314
- })(["display:flex;flex-direction:column;align-items:center;"]);
34315
- var StyledForm = /*#__PURE__*/styled.form.withConfig({
34316
- displayName: "ItemQuantitySelector__StyledForm",
34317
- componentId: "sc-yfdtpn-1"
34318
- })(["display:flex;flex-direction:column;align-items:center;width:100%;"]);
34319
- var StyledInput = /*#__PURE__*/styled(Input).withConfig({
34320
- displayName: "ItemQuantitySelector__StyledInput",
34321
- componentId: "sc-yfdtpn-2"
34322
- })(["text-align:center;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;}"]);
34323
- var CloseButton$2 = /*#__PURE__*/styled.div.withConfig({
34324
- displayName: "ItemQuantitySelector__CloseButton",
34325
- componentId: "sc-yfdtpn-3"
34326
- })(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:0.8rem;"]);
34327
-
34328
- var ShortcutsSetter = function ShortcutsSetter(_ref) {
34329
- var setSettingShortcutIndex = _ref.setSettingShortcutIndex,
34330
- settingShortcutIndex = _ref.settingShortcutIndex,
34331
- shortcuts = _ref.shortcuts,
34332
- removeShortcut = _ref.removeShortcut,
34333
- atlasJSON = _ref.atlasJSON,
34334
- atlasIMG = _ref.atlasIMG;
34335
- var getContent = function getContent(index) {
34336
- var _shortcuts$index, _shortcuts$index3;
34337
- if (((_shortcuts$index = shortcuts[index]) == null ? void 0 : _shortcuts$index.type) === shared.ShortcutType.Item) {
34338
- var _shortcuts$index2;
34339
- var _payload = (_shortcuts$index2 = shortcuts[index]) == null ? void 0 : _shortcuts$index2.payload;
34340
- if (!_payload) return null;
34341
- return React__default.createElement(SpriteFromAtlas, {
34342
- atlasIMG: atlasIMG,
34343
- atlasJSON: atlasJSON,
34344
- spriteKey: shared.getItemTextureKeyPath({
34345
- key: _payload.texturePath,
34346
- texturePath: _payload.texturePath,
34347
- stackQty: _payload.stackQty || 1
34348
- }, atlasJSON),
34349
- width: 32,
34350
- height: 32,
34351
- imgScale: 1.6,
34352
- imgStyle: {
34353
- left: '5px'
34354
- }
34308
+ var firstAnswerId = currentQuestion.answerIds[0];
34309
+ return answers.find(function (answer) {
34310
+ return answer.id === firstAnswerId;
34311
+ });
34312
+ };
34313
+ var _useState3 = React.useState(onGetFirstAnswer()),
34314
+ currentAnswer = _useState3[0],
34315
+ setCurrentAnswer = _useState3[1];
34316
+ React.useEffect(function () {
34317
+ setCurrentAnswer(onGetFirstAnswer());
34318
+ }, [currentQuestion]);
34319
+ var onGetAnswers = function onGetAnswers(answerIds) {
34320
+ return answerIds.map(function (answerId) {
34321
+ return answers.find(function (answer) {
34322
+ return answer.id === answerId;
34355
34323
  });
34324
+ });
34325
+ };
34326
+ var onKeyPress = function onKeyPress(e) {
34327
+ switch (e.key) {
34328
+ case 'ArrowDown':
34329
+ // select next answer, if any.
34330
+ // if no next answer, select first answer
34331
+ // const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(
34332
+ // (answer) => answer?.id === currentAnswer!.id + 1
34333
+ // );
34334
+ var nextAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
34335
+ return (answer == null ? void 0 : answer.id) === currentAnswer.id + 1;
34336
+ });
34337
+ var nextAnswerID = currentQuestion.answerIds[nextAnswerIndex];
34338
+ var nextAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
34339
+ return (answer == null ? void 0 : answer.id) === nextAnswerID;
34340
+ });
34341
+ setCurrentAnswer(nextAnswer || onGetFirstAnswer());
34342
+ break;
34343
+ case 'ArrowUp':
34344
+ // select previous answer, if any.
34345
+ // if no previous answer, select last answer
34346
+ var previousAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
34347
+ return (answer == null ? void 0 : answer.id) === currentAnswer.id - 1;
34348
+ });
34349
+ var previousAnswerID = currentQuestion.answerIds && currentQuestion.answerIds[previousAnswerIndex];
34350
+ var previousAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
34351
+ return (answer == null ? void 0 : answer.id) === previousAnswerID;
34352
+ });
34353
+ if (previousAnswer) {
34354
+ setCurrentAnswer(previousAnswer);
34355
+ } else {
34356
+ setCurrentAnswer(onGetAnswers(currentQuestion.answerIds).pop());
34357
+ }
34358
+ break;
34359
+ case 'Enter':
34360
+ setCanShowAnswers(false);
34361
+ if (!(currentAnswer != null && currentAnswer.nextQuestionId)) {
34362
+ onClose();
34363
+ return;
34364
+ } else {
34365
+ setCurrentQuestion(questions.find(function (question) {
34366
+ return question.id === currentAnswer.nextQuestionId;
34367
+ }));
34368
+ }
34369
+ break;
34356
34370
  }
34357
- var payload = (_shortcuts$index3 = shortcuts[index]) == null ? void 0 : _shortcuts$index3.payload;
34358
- return React__default.createElement("span", null, payload == null ? void 0 : payload.magicWords.split(' ').map(function (word) {
34359
- return word[0];
34360
- }));
34361
34371
  };
34362
- return React__default.createElement(Container$b, null, React__default.createElement("p", null, "Shortcuts:"), React__default.createElement(List, {
34363
- id: "shortcuts_list"
34364
- }, Array.from({
34365
- length: 6
34366
- }).map(function (_, i) {
34367
- return React__default.createElement(Shortcut, {
34368
- key: i,
34369
- onPointerDown: function onPointerDown() {
34370
- removeShortcut(i);
34371
- if (!shortcuts[i] || shortcuts[i].type === shared.ShortcutType.None) setSettingShortcutIndex(i);
34372
- },
34373
- disabled: settingShortcutIndex !== -1 && settingShortcutIndex !== i,
34374
- isBeingSet: settingShortcutIndex === i
34375
- }, getContent(i));
34376
- })));
34377
- };
34378
- var Container$b = /*#__PURE__*/styled.div.withConfig({
34379
- displayName: "ShortcutsSetter__Container",
34380
- componentId: "sc-xuouuf-0"
34381
- })(["p{margin:0;margin-left:0.5rem;}"]);
34382
- var Shortcut = /*#__PURE__*/styled.button.withConfig({
34383
- displayName: "ShortcutsSetter__Shortcut",
34384
- componentId: "sc-xuouuf-1"
34385
- })(["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) {
34386
- var isBeingSet = _ref2.isBeingSet;
34387
- return isBeingSet ? uiColors.yellow : uiColors.darkGray;
34388
- }, uiColors.darkGray, uiColors.gray);
34389
- var List = /*#__PURE__*/styled.div.withConfig({
34390
- displayName: "ShortcutsSetter__List",
34391
- componentId: "sc-xuouuf-2"
34392
- })(["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;"]);
34393
-
34394
- var ItemContainer$1 = function ItemContainer(_ref) {
34395
- var itemContainer = _ref.itemContainer,
34396
- onClose = _ref.onClose,
34397
- _onMouseOver = _ref.onMouseOver,
34398
- _onSelected = _ref.onSelected,
34399
- onItemClick = _ref.onItemClick,
34400
- type = _ref.type,
34401
- atlasJSON = _ref.atlasJSON,
34402
- atlasIMG = _ref.atlasIMG,
34403
- _ref$disableContextMe = _ref.disableContextMenu,
34404
- disableContextMenu = _ref$disableContextMe === void 0 ? false : _ref$disableContextMe,
34405
- onItemDragEnd = _ref.onItemDragEnd,
34406
- onItemDragStart = _ref.onItemDragStart,
34407
- onItemPlaceDrop = _ref.onItemPlaceDrop,
34408
- _onOutsideDrop = _ref.onOutsideDrop,
34409
- checkIfItemCanBeMoved = _ref.checkIfItemCanBeMoved,
34410
- initialPosition = _ref.initialPosition,
34411
- checkIfItemShouldDragEnd = _ref.checkIfItemShouldDragEnd,
34412
- dragScale = _ref.dragScale,
34413
- shortcuts = _ref.shortcuts,
34414
- setItemShortcut = _ref.setItemShortcut,
34415
- removeShortcut = _ref.removeShortcut;
34416
- var _useState = React.useState({
34417
- isOpen: false,
34418
- maxQuantity: 1,
34419
- callback: function callback(_quantity) {}
34420
- }),
34421
- quantitySelect = _useState[0],
34422
- setQuantitySelect = _useState[1];
34423
- var _useState2 = React.useState(-1),
34424
- settingShortcutIndex = _useState2[0],
34425
- setSettingShortcutIndex = _useState2[1];
34426
- var onRenderSlots = function onRenderSlots() {
34427
- var slots = [];
34428
- for (var i = 0; i < itemContainer.slotQty; i++) {
34429
- var _itemContainer$slots;
34430
- slots.push(React__default.createElement(ItemSlot, {
34431
- isContextMenuDisabled: disableContextMenu,
34432
- key: i,
34433
- slotIndex: i,
34434
- item: ((_itemContainer$slots = itemContainer.slots) == null ? void 0 : _itemContainer$slots[i]) || null,
34435
- itemContainerType: type,
34436
- onMouseOver: function onMouseOver(event, slotIndex, item) {
34437
- if (_onMouseOver) _onMouseOver(event, slotIndex, item);
34438
- },
34439
- onPointerDown: function onPointerDown(itemType, containerType, item) {
34440
- if (settingShortcutIndex !== -1) {
34441
- setSettingShortcutIndex(-1);
34442
- if (itemType === shared.ItemType.Consumable || itemType === shared.ItemType.Tool) {
34443
- setItemShortcut == null ? void 0 : setItemShortcut(item.key, settingShortcutIndex);
34444
- }
34445
- } else if (onItemClick) onItemClick(item, itemType, containerType);
34446
- },
34447
- onSelected: function onSelected(optionId, item) {
34448
- if (_onSelected) _onSelected(optionId, item);
34449
- },
34450
- onDragStart: function onDragStart(item, slotIndex, itemContainerType) {
34451
- if (onItemDragStart) onItemDragStart(item, slotIndex, itemContainerType);
34452
- },
34453
- onDragEnd: function onDragEnd(quantity) {
34454
- if (onItemDragEnd) onItemDragEnd(quantity);
34455
- },
34456
- dragScale: dragScale,
34457
- checkIfItemCanBeMoved: checkIfItemCanBeMoved,
34458
- checkIfItemShouldDragEnd: checkIfItemShouldDragEnd,
34459
- openQuantitySelector: function openQuantitySelector(maxQuantity, callback) {
34460
- setQuantitySelect({
34461
- isOpen: true,
34462
- maxQuantity: maxQuantity,
34463
- callback: callback
34464
- });
34465
- },
34466
- onPlaceDrop: function onPlaceDrop(item, slotIndex, itemContainerType) {
34467
- if (onItemPlaceDrop) onItemPlaceDrop(item, slotIndex, itemContainerType);
34468
- },
34469
- onOutsideDrop: function onOutsideDrop(item, position) {
34470
- if (_onOutsideDrop) _onOutsideDrop(item, position);
34471
- },
34472
- atlasIMG: atlasIMG,
34473
- atlasJSON: atlasJSON,
34474
- isSelectingShortcut: settingShortcutIndex !== -1
34372
+ useEventListener('keydown', onKeyPress);
34373
+ var onAnswerClick = function onAnswerClick(answer) {
34374
+ setCanShowAnswers(false);
34375
+ if (answer.nextQuestionId) {
34376
+ // if there is a next question, go to it
34377
+ setCurrentQuestion(questions.find(function (question) {
34378
+ return question.id === answer.nextQuestionId;
34475
34379
  }));
34380
+ } else {
34381
+ // else, finish dialog!
34382
+ onClose();
34476
34383
  }
34477
- return slots;
34478
34384
  };
34479
- return React__default.createElement(React__default.Fragment, null, React__default.createElement(SlotsContainer, {
34480
- title: itemContainer.name || 'Container',
34481
- onClose: onClose,
34482
- initialPosition: initialPosition
34483
- }, type === shared.ItemContainerType.Inventory && shortcuts && removeShortcut && React__default.createElement(ShortcutsSetter, {
34484
- setSettingShortcutIndex: setSettingShortcutIndex,
34485
- settingShortcutIndex: settingShortcutIndex,
34486
- shortcuts: shortcuts,
34487
- removeShortcut: removeShortcut,
34488
- atlasIMG: atlasIMG,
34489
- atlasJSON: atlasJSON
34490
- }), React__default.createElement(ItemsContainer, {
34491
- className: "item-container-body"
34492
- }, onRenderSlots())), quantitySelect.isOpen && React__default.createElement(QuantitySelectorContainer, null, React__default.createElement(ItemQuantitySelector, {
34493
- quantity: quantitySelect.maxQuantity,
34494
- onConfirm: function onConfirm(quantity) {
34495
- quantitySelect.callback(quantity);
34496
- setQuantitySelect({
34497
- isOpen: false,
34498
- maxQuantity: 1,
34499
- callback: function callback() {}
34500
- });
34501
- },
34502
- onClose: function onClose() {
34503
- quantitySelect.callback(-1);
34504
- setQuantitySelect({
34505
- isOpen: false,
34506
- maxQuantity: 1,
34507
- callback: function callback() {}
34508
- });
34385
+ var onRenderCurrentAnswers = function onRenderCurrentAnswers() {
34386
+ var answerIds = currentQuestion.answerIds;
34387
+ if (!answerIds) {
34388
+ return null;
34509
34389
  }
34510
- })));
34511
- };
34512
- var ItemsContainer = /*#__PURE__*/styled.div.withConfig({
34513
- displayName: "ItemContainer__ItemsContainer",
34514
- componentId: "sc-15y5p9l-0"
34515
- })(["display:flex;justify-content:center;flex-wrap:wrap;"]);
34516
- var QuantitySelectorContainer = /*#__PURE__*/styled.div.withConfig({
34517
- displayName: "ItemContainer__QuantitySelectorContainer",
34518
- componentId: "sc-15y5p9l-1"
34519
- })(["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);"]);
34520
-
34521
- var ItemSelector = function ItemSelector(_ref) {
34522
- var atlasIMG = _ref.atlasIMG,
34523
- atlasJSON = _ref.atlasJSON,
34524
- options = _ref.options,
34525
- onClose = _ref.onClose,
34526
- onSelect = _ref.onSelect;
34527
- var _useState = React.useState(),
34528
- selectedValue = _useState[0],
34529
- setSelectedValue = _useState[1];
34530
- var handleClick = function handleClick() {
34531
- var element = document.querySelector("input[name='test']:checked");
34532
- var elementValue = element.value;
34533
- setSelectedValue(elementValue);
34534
- };
34535
- React.useEffect(function () {
34536
- if (selectedValue) {
34537
- onSelect(selectedValue);
34390
+ var answers = onGetAnswers(answerIds);
34391
+ if (!answers) {
34392
+ return null;
34538
34393
  }
34539
- }, [selectedValue]);
34540
- return React__default.createElement(DraggableContainer, {
34541
- type: exports.RPGUIContainerTypes.Framed,
34542
- width: "500px",
34543
- cancelDrag: ".equipment-container-body .arrow-selector",
34544
- onCloseButton: function onCloseButton() {
34545
- if (onClose) {
34546
- onClose();
34394
+ return answers.map(function (answer) {
34395
+ var isSelected = (currentAnswer == null ? void 0 : currentAnswer.id) === (answer == null ? void 0 : answer.id);
34396
+ var selectedColor = isSelected ? 'yellow' : 'white';
34397
+ if (answer) {
34398
+ return React__default.createElement(AnswerRow, {
34399
+ key: "answer_" + answer.id
34400
+ }, React__default.createElement(AnswerSelectedIcon, {
34401
+ color: selectedColor
34402
+ }, isSelected ? 'X' : null), React__default.createElement(Answer, {
34403
+ key: answer.id,
34404
+ onPointerDown: function onPointerDown() {
34405
+ return onAnswerClick(answer);
34406
+ },
34407
+ color: selectedColor
34408
+ }, answer.text));
34547
34409
  }
34410
+ return null;
34411
+ });
34412
+ };
34413
+ return React__default.createElement(Container$c, null, React__default.createElement(QuestionContainer, null, React__default.createElement(DynamicText, {
34414
+ text: currentQuestion.text,
34415
+ onStart: function onStart() {
34416
+ return setCanShowAnswers(false);
34417
+ },
34418
+ onFinish: function onFinish() {
34419
+ return setCanShowAnswers(true);
34548
34420
  }
34549
- }, React__default.createElement("div", {
34550
- style: {
34551
- width: '100%'
34552
- }
34553
- }, React__default.createElement(Title$2, null, 'Harvesting instruments'), React__default.createElement(Subtitle$1, null, 'Use the tool, you need it'), React__default.createElement("hr", {
34554
- className: "golden"
34555
- })), React__default.createElement(RadioInputScroller$1, null, options == null ? void 0 : options.map(function (option, index) {
34556
- return React__default.createElement(RadioOptionsWrapper$1, {
34557
- key: index
34558
- }, React__default.createElement(SpriteAtlasWrapper$1, null, React__default.createElement(SpriteFromAtlas, {
34559
- atlasIMG: atlasIMG,
34560
- atlasJSON: atlasJSON,
34561
- spriteKey: option.imageKey,
34562
- imgScale: 3
34563
- })), React__default.createElement("div", null, React__default.createElement("input", {
34564
- className: "rpgui-radio",
34565
- type: "radio",
34566
- value: option.name,
34567
- name: "test"
34568
- }), React__default.createElement("label", {
34569
- onPointerDown: handleClick,
34570
- style: {
34571
- display: 'flex',
34572
- alignItems: 'center'
34573
- }
34574
- }, option.name, " ", React__default.createElement("br", null), option.description)));
34575
- })), React__default.createElement(ButtonWrapper$1, null, React__default.createElement(Button, {
34576
- buttonType: exports.ButtonTypes.RPGUIButton,
34577
- onPointerDown: onClose
34578
- }, "Cancel"), React__default.createElement(Button, {
34579
- buttonType: exports.ButtonTypes.RPGUIButton
34580
- }, "Select")));
34421
+ })), canShowAnswers && React__default.createElement(AnswersContainer, null, onRenderCurrentAnswers()));
34581
34422
  };
34582
- var Title$2 = /*#__PURE__*/styled.h1.withConfig({
34583
- displayName: "ItemSelector__Title",
34584
- componentId: "sc-gptoxp-0"
34585
- })(["font-size:0.6rem;color:yellow !important;"]);
34586
- var Subtitle$1 = /*#__PURE__*/styled.h1.withConfig({
34587
- displayName: "ItemSelector__Subtitle",
34588
- componentId: "sc-gptoxp-1"
34589
- })(["font-size:0.4rem;color:yellow !important;"]);
34590
- var RadioInputScroller$1 = /*#__PURE__*/styled.div.withConfig({
34591
- displayName: "ItemSelector__RadioInputScroller",
34592
- componentId: "sc-gptoxp-2"
34593
- })(["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;"]);
34594
- var SpriteAtlasWrapper$1 = /*#__PURE__*/styled.div.withConfig({
34595
- displayName: "ItemSelector__SpriteAtlasWrapper",
34596
- componentId: "sc-gptoxp-3"
34597
- })(["margin-right:40px;"]);
34598
- var RadioOptionsWrapper$1 = /*#__PURE__*/styled.div.withConfig({
34599
- displayName: "ItemSelector__RadioOptionsWrapper",
34600
- componentId: "sc-gptoxp-4"
34601
- })(["display:flex;align-items:stretch;margin-bottom:40px;"]);
34602
- var ButtonWrapper$1 = /*#__PURE__*/styled.div.withConfig({
34603
- displayName: "ItemSelector__ButtonWrapper",
34604
- componentId: "sc-gptoxp-5"
34605
- })(["display:flex;justify-content:space-around;padding-top:20px;width:100%;"]);
34423
+ var Container$c = /*#__PURE__*/styled.div.withConfig({
34424
+ displayName: "QuestionDialog__Container",
34425
+ componentId: "sc-bxc5u0-0"
34426
+ })(["display:flex;word-break:break-all;box-sizing:border-box;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;"]);
34427
+ var QuestionContainer = /*#__PURE__*/styled.div.withConfig({
34428
+ displayName: "QuestionDialog__QuestionContainer",
34429
+ componentId: "sc-bxc5u0-1"
34430
+ })(["flex:100%;width:100%;"]);
34431
+ var AnswersContainer = /*#__PURE__*/styled.div.withConfig({
34432
+ displayName: "QuestionDialog__AnswersContainer",
34433
+ componentId: "sc-bxc5u0-2"
34434
+ })(["flex:100%;"]);
34435
+ var Answer = /*#__PURE__*/styled.p.withConfig({
34436
+ displayName: "QuestionDialog__Answer",
34437
+ componentId: "sc-bxc5u0-3"
34438
+ })(["flex:auto;color:", " !important;font-size:0.65rem !important;background:inherit;border:none;"], function (props) {
34439
+ return props.color;
34440
+ });
34441
+ var AnswerSelectedIcon = /*#__PURE__*/styled.span.withConfig({
34442
+ displayName: "QuestionDialog__AnswerSelectedIcon",
34443
+ componentId: "sc-bxc5u0-4"
34444
+ })(["flex:5% 0 0;color:", " !important;"], function (props) {
34445
+ return props.color;
34446
+ });
34447
+ var AnswerRow = /*#__PURE__*/styled.div.withConfig({
34448
+ displayName: "QuestionDialog__AnswerRow",
34449
+ componentId: "sc-bxc5u0-5"
34450
+ })(["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;}"]);
34606
34451
 
34607
- var ListMenu = function ListMenu(_ref) {
34608
- var options = _ref.options,
34609
- onSelected = _ref.onSelected,
34610
- x = _ref.x,
34611
- y = _ref.y;
34612
- return React__default.createElement(Container$c, {
34613
- x: x,
34614
- y: y
34615
- }, React__default.createElement("ul", {
34616
- className: "rpgui-list-imp",
34617
- style: {
34618
- overflow: 'hidden'
34452
+ var img$8 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAP1BMVEUAAAA7FyVxQTsUEBPj5v////+5v/tCJDOOUlIiHBr1oJfptaO6dWr61rhzFy1bMTjoanMUNGQoXMQkn97+88DQ3IhAAAAAAXRSTlMAQObYZgAAAAFiS0dEBfhv6ccAAAAHdElNRQfmAw4VOBC7c5LYAAABM0lEQVQ4y3XRi5KDIAwFUAUkbrBgpP//rZsHVHQ009qZ3tPboNN0zmwzvcw8O5sX4y0NOg/Et3jRCXF+ziULorjkOQ9gE24dvuUAzq08DiCO4pe3WN7zCP56vmpubBReQYC11YPS86ySxxCsAABTSgjb5m4g8nfbxvFHBkH2OEEvAItVuCuIsgGgl+Gcr7kDXxhEAx55A2SQEEeQeZwUaIP8Tbo05B0RFPhItAjgj1w6cDnhLluDj+Egkh3pCCP4pKQAw1IPO0W9Nti5gW9RP2dKA3BZd2Dw+baYX+Nt4GM00O4S3kEpF6Alb2Bv4LeC3kkGfAW0/p0RPoJVKr63ghHsKuRh5DIUKOAlGOwrtt9fQekAEfmhZslHUDoglB0zjfkJigN7UnTQQ4GBWomoVhEN/AOPSBh38gy+fwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wMy0xNFQyMTo1NTo1MSswMDowMJcc0eEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDMtMTRUMjE6NTU6NTErMDA6MDDmQWldAAAAAElFTkSuQmCC';
34453
+
34454
+ (function (NPCDialogType) {
34455
+ NPCDialogType["TextOnly"] = "TextOnly";
34456
+ NPCDialogType["TextAndThumbnail"] = "TextAndThumbnail";
34457
+ })(exports.NPCDialogType || (exports.NPCDialogType = {}));
34458
+ var NPCDialog = function NPCDialog(_ref) {
34459
+ var text = _ref.text,
34460
+ type = _ref.type,
34461
+ _onClose = _ref.onClose,
34462
+ imagePath = _ref.imagePath,
34463
+ _ref$isQuestionDialog = _ref.isQuestionDialog,
34464
+ isQuestionDialog = _ref$isQuestionDialog === void 0 ? false : _ref$isQuestionDialog,
34465
+ questions = _ref.questions,
34466
+ answers = _ref.answers;
34467
+ return React__default.createElement(RPGUIContainer, {
34468
+ type: exports.RPGUIContainerTypes.FramedGold,
34469
+ width: isQuestionDialog ? '600px' : '80%',
34470
+ height: '180px'
34471
+ }, isQuestionDialog && questions && answers ? React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer$1, {
34472
+ flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
34473
+ }, React__default.createElement(QuestionDialog, {
34474
+ questions: questions,
34475
+ answers: answers,
34476
+ onClose: function onClose() {
34477
+ if (_onClose) {
34478
+ _onClose();
34479
+ }
34619
34480
  }
34620
- }, options.map(function (params, index) {
34621
- return React__default.createElement(ListElement$1, {
34622
- key: (params == null ? void 0 : params.id) || index,
34623
- onPointerDown: function onPointerDown() {
34624
- onSelected(params == null ? void 0 : params.id);
34481
+ })), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
34482
+ src: imagePath || img$8
34483
+ }))) : React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$d, null, React__default.createElement(TextContainer$1, {
34484
+ flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
34485
+ }, React__default.createElement(NPCDialogText, {
34486
+ type: type,
34487
+ text: text || 'No text provided.',
34488
+ onClose: function onClose() {
34489
+ if (_onClose) {
34490
+ _onClose();
34625
34491
  }
34626
- }, (params == null ? void 0 : params.text) || 'No text');
34627
- })));
34492
+ }
34493
+ })), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
34494
+ src: imagePath || img$8
34495
+ })))));
34628
34496
  };
34629
- var Container$c = /*#__PURE__*/styled.div.withConfig({
34630
- displayName: "ListMenu__Container",
34631
- componentId: "sc-i9097t-0"
34632
- })(["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) {
34633
- return props.y || 0;
34634
- }, function (props) {
34635
- return props.x || 0;
34636
- }, uiFonts.size.xsmall);
34637
- var ListElement$1 = /*#__PURE__*/styled.li.withConfig({
34638
- displayName: "ListMenu__ListElement",
34639
- componentId: "sc-i9097t-1"
34640
- })(["margin-right:0.5rem;"]);
34641
-
34642
- var img$6 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAP1BMVEUAAAA7FyVxQTsUEBPj5v////+5v/tCJDOOUlIiHBr1oJfptaO6dWr61rhzFy1bMTjoanMUNGQoXMQkn97+88DQ3IhAAAAAAXRSTlMAQObYZgAAAAFiS0dEBfhv6ccAAAAHdElNRQfmAw4VOBC7c5LYAAABM0lEQVQ4y3XRi5KDIAwFUAUkbrBgpP//rZsHVHQ009qZ3tPboNN0zmwzvcw8O5sX4y0NOg/Et3jRCXF+ziULorjkOQ9gE24dvuUAzq08DiCO4pe3WN7zCP56vmpubBReQYC11YPS86ySxxCsAABTSgjb5m4g8nfbxvFHBkH2OEEvAItVuCuIsgGgl+Gcr7kDXxhEAx55A2SQEEeQeZwUaIP8Tbo05B0RFPhItAjgj1w6cDnhLluDj+Egkh3pCCP4pKQAw1IPO0W9Nti5gW9RP2dKA3BZd2Dw+baYX+Nt4GM00O4S3kEpF6Alb2Bv4LeC3kkGfAW0/p0RPoJVKr63ghHsKuRh5DIUKOAlGOwrtt9fQekAEfmhZslHUDoglB0zjfkJigN7UnTQQ4GBWomoVhEN/AOPSBh38gy+fwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wMy0xNFQyMTo1NTo1MSswMDowMJcc0eEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDMtMTRUMjE6NTU6NTErMDA6MDDmQWldAAAAAElFTkSuQmCC';
34643
-
34644
- 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';
34497
+ var Container$d = /*#__PURE__*/styled.div.withConfig({
34498
+ displayName: "NPCDialog__Container",
34499
+ componentId: "sc-1b4aw74-0"
34500
+ })(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
34501
+ var TextContainer$1 = /*#__PURE__*/styled.div.withConfig({
34502
+ displayName: "NPCDialog__TextContainer",
34503
+ componentId: "sc-1b4aw74-1"
34504
+ })(["flex:", " 0 0;width:355px;"], function (_ref2) {
34505
+ var flex = _ref2.flex;
34506
+ return flex;
34507
+ });
34508
+ var ThumbnailContainer = /*#__PURE__*/styled.div.withConfig({
34509
+ displayName: "NPCDialog__ThumbnailContainer",
34510
+ componentId: "sc-1b4aw74-2"
34511
+ })(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
34512
+ var NPCThumbnail = /*#__PURE__*/styled.img.withConfig({
34513
+ displayName: "NPCDialog__NPCThumbnail",
34514
+ componentId: "sc-1b4aw74-3"
34515
+ })(["image-rendering:pixelated;height:128px;width:128px;"]);
34645
34516
 
34646
34517
  (function (ImgSide) {
34647
34518
  ImgSide["right"] = "right";
@@ -34679,7 +34550,7 @@ var NPCMultiDialog = function NPCMultiDialog(_ref) {
34679
34550
  type: exports.RPGUIContainerTypes.FramedGold,
34680
34551
  width: '50%',
34681
34552
  height: '180px'
34682
- }, React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$d, null, ((_textAndTypeArray$sli = textAndTypeArray[slide]) == null ? void 0 : _textAndTypeArray$sli.imageSide) === 'right' && React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer, {
34553
+ }, React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$e, null, ((_textAndTypeArray$sli = textAndTypeArray[slide]) == null ? void 0 : _textAndTypeArray$sli.imageSide) === 'right' && React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer$2, {
34683
34554
  flex: '70%'
34684
34555
  }, React__default.createElement(NPCDialogText, {
34685
34556
  onStartStep: function onStartStep() {
@@ -34694,14 +34565,14 @@ var NPCMultiDialog = function NPCMultiDialog(_ref) {
34694
34565
  _onClose();
34695
34566
  }
34696
34567
  }
34697
- })), React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
34698
- src: textAndTypeArray[slide].imagePath || img$6
34699
- })), showGoNextIndicator && React__default.createElement(PressSpaceIndicator, {
34568
+ })), React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
34569
+ src: textAndTypeArray[slide].imagePath || img$8
34570
+ })), showGoNextIndicator && React__default.createElement(PressSpaceIndicator$1, {
34700
34571
  right: '10.5rem',
34701
34572
  src: img$7
34702
- })), textAndTypeArray[slide].imageSide === 'left' && React__default.createElement(React__default.Fragment, null, React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
34703
- src: textAndTypeArray[slide].imagePath || img$6
34704
- })), React__default.createElement(TextContainer, {
34573
+ })), textAndTypeArray[slide].imageSide === 'left' && React__default.createElement(React__default.Fragment, null, React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
34574
+ src: textAndTypeArray[slide].imagePath || img$8
34575
+ })), React__default.createElement(TextContainer$2, {
34705
34576
  flex: '70%'
34706
34577
  }, React__default.createElement(NPCDialogText, {
34707
34578
  onStartStep: function onStartStep() {
@@ -34716,31 +34587,31 @@ var NPCMultiDialog = function NPCMultiDialog(_ref) {
34716
34587
  _onClose();
34717
34588
  }
34718
34589
  }
34719
- })), showGoNextIndicator && React__default.createElement(PressSpaceIndicator, {
34590
+ })), showGoNextIndicator && React__default.createElement(PressSpaceIndicator$1, {
34720
34591
  right: '1rem',
34721
34592
  src: img$7
34722
34593
  }))), ")"));
34723
34594
  };
34724
- var Container$d = /*#__PURE__*/styled.div.withConfig({
34595
+ var Container$e = /*#__PURE__*/styled.div.withConfig({
34725
34596
  displayName: "NPCMultiDialog__Container",
34726
34597
  componentId: "sc-rvu5wg-0"
34727
34598
  })(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
34728
- var TextContainer = /*#__PURE__*/styled.div.withConfig({
34599
+ var TextContainer$2 = /*#__PURE__*/styled.div.withConfig({
34729
34600
  displayName: "NPCMultiDialog__TextContainer",
34730
34601
  componentId: "sc-rvu5wg-1"
34731
34602
  })(["flex:", " 0 0;width:355px;"], function (_ref2) {
34732
34603
  var flex = _ref2.flex;
34733
34604
  return flex;
34734
34605
  });
34735
- var ThumbnailContainer = /*#__PURE__*/styled.div.withConfig({
34606
+ var ThumbnailContainer$1 = /*#__PURE__*/styled.div.withConfig({
34736
34607
  displayName: "NPCMultiDialog__ThumbnailContainer",
34737
34608
  componentId: "sc-rvu5wg-2"
34738
34609
  })(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
34739
- var NPCThumbnail = /*#__PURE__*/styled.img.withConfig({
34610
+ var NPCThumbnail$1 = /*#__PURE__*/styled.img.withConfig({
34740
34611
  displayName: "NPCMultiDialog__NPCThumbnail",
34741
34612
  componentId: "sc-rvu5wg-3"
34742
34613
  })(["image-rendering:pixelated;height:128px;width:128px;"]);
34743
- var PressSpaceIndicator = /*#__PURE__*/styled.img.withConfig({
34614
+ var PressSpaceIndicator$1 = /*#__PURE__*/styled.img.withConfig({
34744
34615
  displayName: "NPCMultiDialog__PressSpaceIndicator",
34745
34616
  componentId: "sc-rvu5wg-4"
34746
34617
  })(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref3) {
@@ -34748,221 +34619,569 @@ var PressSpaceIndicator = /*#__PURE__*/styled.img.withConfig({
34748
34619
  return right;
34749
34620
  });
34750
34621
 
34751
- //@ts-ignore
34752
- var useEventListener = function useEventListener(type, handler, el) {
34753
- if (el === void 0) {
34754
- el = window;
34755
- }
34756
- var savedHandler = React__default.useRef();
34757
- React__default.useEffect(function () {
34758
- savedHandler.current = handler;
34759
- }, [handler]);
34760
- React__default.useEffect(function () {
34761
- //@ts-ignore
34762
- var listener = function listener(e) {
34763
- return savedHandler.current(e);
34764
- };
34765
- el.addEventListener(type, listener);
34622
+ var HistoryDialog = function HistoryDialog(_ref) {
34623
+ var backgroundImgPath = _ref.backgroundImgPath,
34624
+ fullCoverBackground = _ref.fullCoverBackground,
34625
+ questions = _ref.questions,
34626
+ answers = _ref.answers,
34627
+ text = _ref.text,
34628
+ imagePath = _ref.imagePath,
34629
+ textAndTypeArray = _ref.textAndTypeArray,
34630
+ onClose = _ref.onClose;
34631
+ var _useState = React.useState(0),
34632
+ img = _useState[0],
34633
+ setImage = _useState[1];
34634
+ var onHandleSpacePress = function onHandleSpacePress(event) {
34635
+ if (event.code === 'Space') {
34636
+ if (img < (backgroundImgPath == null ? void 0 : backgroundImgPath.length) - 1) {
34637
+ setImage(function (prev) {
34638
+ return prev + 1;
34639
+ });
34640
+ } else {
34641
+ // if there's no more text chunks, close the dialog
34642
+ onClose();
34643
+ }
34644
+ }
34645
+ };
34646
+ React.useEffect(function () {
34647
+ document.addEventListener('keydown', onHandleSpacePress);
34766
34648
  return function () {
34767
- el.removeEventListener(type, listener);
34649
+ return document.removeEventListener('keydown', onHandleSpacePress);
34768
34650
  };
34769
- }, [type, el]);
34651
+ }, [backgroundImgPath]);
34652
+ return React__default.createElement(BackgroundContainer, {
34653
+ imgPath: backgroundImgPath[img],
34654
+ fullImg: fullCoverBackground
34655
+ }, React__default.createElement(DialogContainer, null, textAndTypeArray ? React__default.createElement(NPCMultiDialog, {
34656
+ textAndTypeArray: textAndTypeArray,
34657
+ onClose: onClose
34658
+ }) : questions && answers ? React__default.createElement(QuestionDialog, {
34659
+ questions: questions,
34660
+ answers: answers,
34661
+ onClose: onClose
34662
+ }) : text && imagePath ? React__default.createElement(NPCDialog, {
34663
+ text: text,
34664
+ imagePath: imagePath,
34665
+ onClose: onClose,
34666
+ type: exports.NPCDialogType.TextAndThumbnail
34667
+ }) : React__default.createElement(NPCDialog, {
34668
+ text: text,
34669
+ onClose: onClose,
34670
+ type: exports.NPCDialogType.TextOnly
34671
+ })));
34770
34672
  };
34673
+ var BackgroundContainer = /*#__PURE__*/styled.div.withConfig({
34674
+ displayName: "HistoryDialog__BackgroundContainer",
34675
+ componentId: "sc-u6oe75-0"
34676
+ })(["width:100%;height:100%;background-image:url(", ");background-size:", ";display:flex;justify-content:space-evenly;align-items:center;"], function (props) {
34677
+ return props.imgPath;
34678
+ }, function (props) {
34679
+ return props.imgPath ? 'cover' : 'auto';
34680
+ });
34681
+ var DialogContainer = /*#__PURE__*/styled.div.withConfig({
34682
+ displayName: "HistoryDialog__DialogContainer",
34683
+ componentId: "sc-u6oe75-1"
34684
+ })(["display:flex;justify-content:center;padding-top:200px;"]);
34771
34685
 
34772
- var DynamicText = function DynamicText(_ref) {
34773
- var text = _ref.text,
34774
- onFinish = _ref.onFinish,
34775
- onStart = _ref.onStart;
34776
- var _useState = React.useState(''),
34777
- textState = _useState[0],
34778
- setTextState = _useState[1];
34686
+ var SlotsContainer = function SlotsContainer(_ref) {
34687
+ var children = _ref.children,
34688
+ title = _ref.title,
34689
+ onClose = _ref.onClose,
34690
+ _onPositionChange = _ref.onPositionChange,
34691
+ onOutsideClick = _ref.onOutsideClick,
34692
+ initialPosition = _ref.initialPosition;
34693
+ return React__default.createElement(DraggableContainer, {
34694
+ title: title,
34695
+ type: exports.RPGUIContainerTypes.Framed,
34696
+ onCloseButton: function onCloseButton() {
34697
+ if (onClose) {
34698
+ onClose();
34699
+ }
34700
+ },
34701
+ width: "400px",
34702
+ cancelDrag: ".item-container-body, #shortcuts_list",
34703
+ onPositionChange: function onPositionChange(_ref2) {
34704
+ var x = _ref2.x,
34705
+ y = _ref2.y;
34706
+ if (_onPositionChange) {
34707
+ _onPositionChange({
34708
+ x: x,
34709
+ y: y
34710
+ });
34711
+ }
34712
+ },
34713
+ onOutsideClick: onOutsideClick,
34714
+ initialPosition: initialPosition
34715
+ }, children);
34716
+ };
34717
+
34718
+ (function (RangeSliderType) {
34719
+ RangeSliderType["Slider"] = "rpgui-slider";
34720
+ RangeSliderType["GoldSlider"] = "rpgui-slider golden";
34721
+ })(exports.RangeSliderType || (exports.RangeSliderType = {}));
34722
+ var RangeSlider = function RangeSlider(_ref) {
34723
+ var type = _ref.type,
34724
+ valueMin = _ref.valueMin,
34725
+ valueMax = _ref.valueMax,
34726
+ width = _ref.width,
34727
+ _onChange = _ref.onChange,
34728
+ value = _ref.value;
34729
+ var sliderId = uuid.v4();
34730
+ var containerRef = React.useRef(null);
34731
+ var _useState = React.useState(0),
34732
+ left = _useState[0],
34733
+ setLeft = _useState[1];
34734
+ React.useEffect(function () {
34735
+ var _containerRef$current;
34736
+ var calculatedWidth = ((_containerRef$current = containerRef.current) == null ? void 0 : _containerRef$current.clientWidth) || 0;
34737
+ setLeft(Math.max((value - valueMin) / (valueMax - valueMin) * (calculatedWidth - 35) + 10));
34738
+ }, [value, valueMin, valueMax]);
34739
+ var typeClass = type === exports.RangeSliderType.GoldSlider ? 'golden' : '';
34740
+ return React__default.createElement("div", {
34741
+ style: {
34742
+ width: width,
34743
+ position: 'relative'
34744
+ },
34745
+ className: "rpgui-slider-container " + typeClass,
34746
+ id: "rpgui-slider-" + sliderId,
34747
+ ref: containerRef
34748
+ }, React__default.createElement("div", {
34749
+ style: {
34750
+ pointerEvents: 'none'
34751
+ }
34752
+ }, React__default.createElement("div", {
34753
+ className: "rpgui-slider-track " + typeClass
34754
+ }), React__default.createElement("div", {
34755
+ className: "rpgui-slider-left-edge " + typeClass
34756
+ }), React__default.createElement("div", {
34757
+ className: "rpgui-slider-right-edge " + typeClass
34758
+ }), React__default.createElement("div", {
34759
+ className: "rpgui-slider-thumb " + typeClass,
34760
+ style: {
34761
+ left: left
34762
+ }
34763
+ })), React__default.createElement(Input$1, {
34764
+ type: "range",
34765
+ style: {
34766
+ width: width
34767
+ },
34768
+ min: valueMin,
34769
+ max: valueMax,
34770
+ onChange: function onChange(e) {
34771
+ return _onChange(Number(e.target.value));
34772
+ },
34773
+ value: value,
34774
+ className: "rpgui-cursor-point"
34775
+ }));
34776
+ };
34777
+ var Input$1 = /*#__PURE__*/styled.input.withConfig({
34778
+ displayName: "RangeSlider__Input",
34779
+ componentId: "sc-v8mte9-0"
34780
+ })(["opacity:0;position:absolute;width:100%;height:100%;top:0;left:0;margin-top:-5px;"]);
34781
+
34782
+ var ItemQuantitySelector = function ItemQuantitySelector(_ref) {
34783
+ var quantity = _ref.quantity,
34784
+ onConfirm = _ref.onConfirm,
34785
+ onClose = _ref.onClose;
34786
+ var _useState = React.useState(quantity),
34787
+ value = _useState[0],
34788
+ setValue = _useState[1];
34789
+ var inputRef = React.useRef(null);
34779
34790
  React.useEffect(function () {
34780
- var i = 0;
34781
- var interval = setInterval(function () {
34782
- // on every interval, show one more character
34783
- if (i === 0) {
34784
- if (onStart) {
34785
- onStart();
34791
+ if (inputRef.current) {
34792
+ inputRef.current.focus();
34793
+ inputRef.current.select();
34794
+ var closeSelector = function closeSelector(e) {
34795
+ if (e.key === 'Escape') {
34796
+ onClose();
34786
34797
  }
34798
+ };
34799
+ document.addEventListener('keydown', closeSelector);
34800
+ return function () {
34801
+ document.removeEventListener('keydown', closeSelector);
34802
+ };
34803
+ }
34804
+ return function () {};
34805
+ }, []);
34806
+ return React__default.createElement(StyledContainer, {
34807
+ type: exports.RPGUIContainerTypes.Framed,
34808
+ width: "25rem"
34809
+ }, React__default.createElement(CloseButton$2, {
34810
+ className: "container-close",
34811
+ onPointerDown: onClose
34812
+ }, "X"), React__default.createElement("h2", null, "Select quantity to move"), React__default.createElement(StyledForm, {
34813
+ style: {
34814
+ width: '100%'
34815
+ },
34816
+ onSubmit: function onSubmit(e) {
34817
+ e.preventDefault();
34818
+ var numberValue = Number(value);
34819
+ if (Number.isNaN(numberValue)) {
34820
+ return;
34787
34821
  }
34788
- if (i < text.length) {
34789
- setTextState(text.substring(0, i + 1));
34790
- i++;
34791
- } else {
34792
- clearInterval(interval);
34793
- if (onFinish) {
34794
- onFinish();
34795
- }
34822
+ onConfirm(Math.max(1, Math.min(quantity, numberValue)));
34823
+ },
34824
+ noValidate: true
34825
+ }, React__default.createElement(StyledInput, {
34826
+ innerRef: inputRef,
34827
+ placeholder: "Enter quantity",
34828
+ type: "number",
34829
+ min: 1,
34830
+ max: quantity,
34831
+ value: value,
34832
+ onChange: function onChange(e) {
34833
+ if (Number(e.target.value) >= quantity) {
34834
+ setValue(quantity);
34835
+ return;
34796
34836
  }
34797
- }, 50);
34798
- return function () {
34799
- clearInterval(interval);
34800
- };
34801
- }, [text]);
34802
- return React__default.createElement(TextContainer$1, null, textState);
34837
+ setValue(e.target.value);
34838
+ },
34839
+ onBlur: function onBlur(e) {
34840
+ var newValue = Math.max(1, Math.min(quantity, Number(e.target.value)));
34841
+ setValue(newValue);
34842
+ }
34843
+ }), React__default.createElement(RangeSlider, {
34844
+ type: exports.RangeSliderType.Slider,
34845
+ valueMin: 1,
34846
+ valueMax: quantity,
34847
+ width: "100%",
34848
+ onChange: setValue,
34849
+ value: value
34850
+ }), React__default.createElement(Button, {
34851
+ buttonType: exports.ButtonTypes.RPGUIButton,
34852
+ type: "submit"
34853
+ }, "Confirm")));
34803
34854
  };
34804
- var TextContainer$1 = /*#__PURE__*/styled.p.withConfig({
34805
- displayName: "DynamicText__TextContainer",
34806
- componentId: "sc-1ggl9nd-0"
34807
- })(["font-size:0.7rem !important;color:white;text-shadow:1px 1px 0px #000000;letter-spacing:1.2px;word-break:normal;"]);
34855
+ var StyledContainer = /*#__PURE__*/styled(RPGUIContainer).withConfig({
34856
+ displayName: "ItemQuantitySelector__StyledContainer",
34857
+ componentId: "sc-yfdtpn-0"
34858
+ })(["display:flex;flex-direction:column;align-items:center;"]);
34859
+ var StyledForm = /*#__PURE__*/styled.form.withConfig({
34860
+ displayName: "ItemQuantitySelector__StyledForm",
34861
+ componentId: "sc-yfdtpn-1"
34862
+ })(["display:flex;flex-direction:column;align-items:center;width:100%;"]);
34863
+ var StyledInput = /*#__PURE__*/styled(Input).withConfig({
34864
+ displayName: "ItemQuantitySelector__StyledInput",
34865
+ componentId: "sc-yfdtpn-2"
34866
+ })(["text-align:center;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;}"]);
34867
+ var CloseButton$2 = /*#__PURE__*/styled.div.withConfig({
34868
+ displayName: "ItemQuantitySelector__CloseButton",
34869
+ componentId: "sc-yfdtpn-3"
34870
+ })(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:0.8rem;"]);
34808
34871
 
34809
- var QuestionDialog = function QuestionDialog(_ref) {
34810
- var questions = _ref.questions,
34811
- answers = _ref.answers,
34812
- onClose = _ref.onClose;
34813
- var _useState = React.useState(questions[0]),
34814
- currentQuestion = _useState[0],
34815
- setCurrentQuestion = _useState[1];
34816
- var _useState2 = React.useState(false),
34817
- canShowAnswers = _useState2[0],
34818
- setCanShowAnswers = _useState2[1];
34819
- var onGetFirstAnswer = function onGetFirstAnswer() {
34820
- if (!currentQuestion.answerIds || currentQuestion.answerIds.length === 0) {
34821
- return null;
34872
+ var ShortcutsSetter = function ShortcutsSetter(_ref) {
34873
+ var setSettingShortcutIndex = _ref.setSettingShortcutIndex,
34874
+ settingShortcutIndex = _ref.settingShortcutIndex,
34875
+ shortcuts = _ref.shortcuts,
34876
+ removeShortcut = _ref.removeShortcut,
34877
+ atlasJSON = _ref.atlasJSON,
34878
+ atlasIMG = _ref.atlasIMG;
34879
+ var getContent = function getContent(index) {
34880
+ var _shortcuts$index, _shortcuts$index3;
34881
+ if (((_shortcuts$index = shortcuts[index]) == null ? void 0 : _shortcuts$index.type) === shared.ShortcutType.Item) {
34882
+ var _shortcuts$index2;
34883
+ var _payload = (_shortcuts$index2 = shortcuts[index]) == null ? void 0 : _shortcuts$index2.payload;
34884
+ if (!_payload) return null;
34885
+ return React__default.createElement(SpriteFromAtlas, {
34886
+ atlasIMG: atlasIMG,
34887
+ atlasJSON: atlasJSON,
34888
+ spriteKey: shared.getItemTextureKeyPath({
34889
+ key: _payload.texturePath,
34890
+ texturePath: _payload.texturePath,
34891
+ stackQty: _payload.stackQty || 1
34892
+ }, atlasJSON),
34893
+ width: 32,
34894
+ height: 32,
34895
+ imgScale: 1.6,
34896
+ imgStyle: {
34897
+ left: '5px'
34898
+ }
34899
+ });
34900
+ }
34901
+ var payload = (_shortcuts$index3 = shortcuts[index]) == null ? void 0 : _shortcuts$index3.payload;
34902
+ return React__default.createElement("span", null, payload == null ? void 0 : payload.magicWords.split(' ').map(function (word) {
34903
+ return word[0];
34904
+ }));
34905
+ };
34906
+ return React__default.createElement(Container$f, null, React__default.createElement("p", null, "Shortcuts:"), React__default.createElement(List, {
34907
+ id: "shortcuts_list"
34908
+ }, Array.from({
34909
+ length: 6
34910
+ }).map(function (_, i) {
34911
+ return React__default.createElement(Shortcut, {
34912
+ key: i,
34913
+ onPointerDown: function onPointerDown() {
34914
+ removeShortcut(i);
34915
+ if (!shortcuts[i] || shortcuts[i].type === shared.ShortcutType.None) setSettingShortcutIndex(i);
34916
+ },
34917
+ disabled: settingShortcutIndex !== -1 && settingShortcutIndex !== i,
34918
+ isBeingSet: settingShortcutIndex === i
34919
+ }, getContent(i));
34920
+ })));
34921
+ };
34922
+ var Container$f = /*#__PURE__*/styled.div.withConfig({
34923
+ displayName: "ShortcutsSetter__Container",
34924
+ componentId: "sc-xuouuf-0"
34925
+ })(["p{margin:0;margin-left:0.5rem;}"]);
34926
+ var Shortcut = /*#__PURE__*/styled.button.withConfig({
34927
+ displayName: "ShortcutsSetter__Shortcut",
34928
+ componentId: "sc-xuouuf-1"
34929
+ })(["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) {
34930
+ var isBeingSet = _ref2.isBeingSet;
34931
+ return isBeingSet ? uiColors.yellow : uiColors.darkGray;
34932
+ }, uiColors.darkGray, uiColors.gray);
34933
+ var List = /*#__PURE__*/styled.div.withConfig({
34934
+ displayName: "ShortcutsSetter__List",
34935
+ componentId: "sc-xuouuf-2"
34936
+ })(["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;"]);
34937
+
34938
+ var ItemContainer$1 = function ItemContainer(_ref) {
34939
+ var itemContainer = _ref.itemContainer,
34940
+ onClose = _ref.onClose,
34941
+ _onMouseOver = _ref.onMouseOver,
34942
+ _onSelected = _ref.onSelected,
34943
+ onItemClick = _ref.onItemClick,
34944
+ type = _ref.type,
34945
+ atlasJSON = _ref.atlasJSON,
34946
+ atlasIMG = _ref.atlasIMG,
34947
+ _ref$disableContextMe = _ref.disableContextMenu,
34948
+ disableContextMenu = _ref$disableContextMe === void 0 ? false : _ref$disableContextMe,
34949
+ onItemDragEnd = _ref.onItemDragEnd,
34950
+ onItemDragStart = _ref.onItemDragStart,
34951
+ onItemPlaceDrop = _ref.onItemPlaceDrop,
34952
+ _onOutsideDrop = _ref.onOutsideDrop,
34953
+ checkIfItemCanBeMoved = _ref.checkIfItemCanBeMoved,
34954
+ initialPosition = _ref.initialPosition,
34955
+ checkIfItemShouldDragEnd = _ref.checkIfItemShouldDragEnd,
34956
+ dragScale = _ref.dragScale,
34957
+ shortcuts = _ref.shortcuts,
34958
+ setItemShortcut = _ref.setItemShortcut,
34959
+ removeShortcut = _ref.removeShortcut;
34960
+ var _useState = React.useState({
34961
+ isOpen: false,
34962
+ maxQuantity: 1,
34963
+ callback: function callback(_quantity) {}
34964
+ }),
34965
+ quantitySelect = _useState[0],
34966
+ setQuantitySelect = _useState[1];
34967
+ var _useState2 = React.useState(-1),
34968
+ settingShortcutIndex = _useState2[0],
34969
+ setSettingShortcutIndex = _useState2[1];
34970
+ var onRenderSlots = function onRenderSlots() {
34971
+ var slots = [];
34972
+ for (var i = 0; i < itemContainer.slotQty; i++) {
34973
+ var _itemContainer$slots;
34974
+ slots.push(React__default.createElement(ItemSlot, {
34975
+ isContextMenuDisabled: disableContextMenu,
34976
+ key: i,
34977
+ slotIndex: i,
34978
+ item: ((_itemContainer$slots = itemContainer.slots) == null ? void 0 : _itemContainer$slots[i]) || null,
34979
+ itemContainerType: type,
34980
+ onMouseOver: function onMouseOver(event, slotIndex, item) {
34981
+ if (_onMouseOver) _onMouseOver(event, slotIndex, item);
34982
+ },
34983
+ onPointerDown: function onPointerDown(itemType, containerType, item) {
34984
+ if (settingShortcutIndex !== -1) {
34985
+ setSettingShortcutIndex(-1);
34986
+ if (itemType === shared.ItemType.Consumable || itemType === shared.ItemType.Tool) {
34987
+ setItemShortcut == null ? void 0 : setItemShortcut(item.key, settingShortcutIndex);
34988
+ }
34989
+ } else if (onItemClick) onItemClick(item, itemType, containerType);
34990
+ },
34991
+ onSelected: function onSelected(optionId, item) {
34992
+ if (_onSelected) _onSelected(optionId, item);
34993
+ },
34994
+ onDragStart: function onDragStart(item, slotIndex, itemContainerType) {
34995
+ if (onItemDragStart) onItemDragStart(item, slotIndex, itemContainerType);
34996
+ },
34997
+ onDragEnd: function onDragEnd(quantity) {
34998
+ if (onItemDragEnd) onItemDragEnd(quantity);
34999
+ },
35000
+ dragScale: dragScale,
35001
+ checkIfItemCanBeMoved: checkIfItemCanBeMoved,
35002
+ checkIfItemShouldDragEnd: checkIfItemShouldDragEnd,
35003
+ openQuantitySelector: function openQuantitySelector(maxQuantity, callback) {
35004
+ setQuantitySelect({
35005
+ isOpen: true,
35006
+ maxQuantity: maxQuantity,
35007
+ callback: callback
35008
+ });
35009
+ },
35010
+ onPlaceDrop: function onPlaceDrop(item, slotIndex, itemContainerType) {
35011
+ if (onItemPlaceDrop) onItemPlaceDrop(item, slotIndex, itemContainerType);
35012
+ },
35013
+ onOutsideDrop: function onOutsideDrop(item, position) {
35014
+ if (_onOutsideDrop) _onOutsideDrop(item, position);
35015
+ },
35016
+ atlasIMG: atlasIMG,
35017
+ atlasJSON: atlasJSON,
35018
+ isSelectingShortcut: settingShortcutIndex !== -1
35019
+ }));
34822
35020
  }
34823
- var firstAnswerId = currentQuestion.answerIds[0];
34824
- return answers.find(function (answer) {
34825
- return answer.id === firstAnswerId;
34826
- });
35021
+ return slots;
34827
35022
  };
34828
- var _useState3 = React.useState(onGetFirstAnswer()),
34829
- currentAnswer = _useState3[0],
34830
- setCurrentAnswer = _useState3[1];
34831
- React.useEffect(function () {
34832
- setCurrentAnswer(onGetFirstAnswer());
34833
- }, [currentQuestion]);
34834
- var onGetAnswers = function onGetAnswers(answerIds) {
34835
- return answerIds.map(function (answerId) {
34836
- return answers.find(function (answer) {
34837
- return answer.id === answerId;
35023
+ return React__default.createElement(React__default.Fragment, null, React__default.createElement(SlotsContainer, {
35024
+ title: itemContainer.name || 'Container',
35025
+ onClose: onClose,
35026
+ initialPosition: initialPosition
35027
+ }, type === shared.ItemContainerType.Inventory && shortcuts && removeShortcut && React__default.createElement(ShortcutsSetter, {
35028
+ setSettingShortcutIndex: setSettingShortcutIndex,
35029
+ settingShortcutIndex: settingShortcutIndex,
35030
+ shortcuts: shortcuts,
35031
+ removeShortcut: removeShortcut,
35032
+ atlasIMG: atlasIMG,
35033
+ atlasJSON: atlasJSON
35034
+ }), React__default.createElement(ItemsContainer, {
35035
+ className: "item-container-body"
35036
+ }, onRenderSlots())), quantitySelect.isOpen && React__default.createElement(QuantitySelectorContainer, null, React__default.createElement(ItemQuantitySelector, {
35037
+ quantity: quantitySelect.maxQuantity,
35038
+ onConfirm: function onConfirm(quantity) {
35039
+ quantitySelect.callback(quantity);
35040
+ setQuantitySelect({
35041
+ isOpen: false,
35042
+ maxQuantity: 1,
35043
+ callback: function callback() {}
35044
+ });
35045
+ },
35046
+ onClose: function onClose() {
35047
+ quantitySelect.callback(-1);
35048
+ setQuantitySelect({
35049
+ isOpen: false,
35050
+ maxQuantity: 1,
35051
+ callback: function callback() {}
34838
35052
  });
34839
- });
34840
- };
34841
- var onKeyPress = function onKeyPress(e) {
34842
- switch (e.key) {
34843
- case 'ArrowDown':
34844
- // select next answer, if any.
34845
- // if no next answer, select first answer
34846
- // const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(
34847
- // (answer) => answer?.id === currentAnswer!.id + 1
34848
- // );
34849
- var nextAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
34850
- return (answer == null ? void 0 : answer.id) === currentAnswer.id + 1;
34851
- });
34852
- var nextAnswerID = currentQuestion.answerIds[nextAnswerIndex];
34853
- var nextAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
34854
- return (answer == null ? void 0 : answer.id) === nextAnswerID;
34855
- });
34856
- setCurrentAnswer(nextAnswer || onGetFirstAnswer());
34857
- break;
34858
- case 'ArrowUp':
34859
- // select previous answer, if any.
34860
- // if no previous answer, select last answer
34861
- var previousAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
34862
- return (answer == null ? void 0 : answer.id) === currentAnswer.id - 1;
34863
- });
34864
- var previousAnswerID = currentQuestion.answerIds && currentQuestion.answerIds[previousAnswerIndex];
34865
- var previousAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
34866
- return (answer == null ? void 0 : answer.id) === previousAnswerID;
34867
- });
34868
- if (previousAnswer) {
34869
- setCurrentAnswer(previousAnswer);
34870
- } else {
34871
- setCurrentAnswer(onGetAnswers(currentQuestion.answerIds).pop());
34872
- }
34873
- break;
34874
- case 'Enter':
34875
- setCanShowAnswers(false);
34876
- if (!(currentAnswer != null && currentAnswer.nextQuestionId)) {
34877
- onClose();
34878
- return;
34879
- } else {
34880
- setCurrentQuestion(questions.find(function (question) {
34881
- return question.id === currentAnswer.nextQuestionId;
34882
- }));
34883
- }
34884
- break;
34885
35053
  }
35054
+ })));
35055
+ };
35056
+ var ItemsContainer = /*#__PURE__*/styled.div.withConfig({
35057
+ displayName: "ItemContainer__ItemsContainer",
35058
+ componentId: "sc-15y5p9l-0"
35059
+ })(["display:flex;justify-content:center;flex-wrap:wrap;"]);
35060
+ var QuantitySelectorContainer = /*#__PURE__*/styled.div.withConfig({
35061
+ displayName: "ItemContainer__QuantitySelectorContainer",
35062
+ componentId: "sc-15y5p9l-1"
35063
+ })(["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);"]);
35064
+
35065
+ var ItemSelector = function ItemSelector(_ref) {
35066
+ var atlasIMG = _ref.atlasIMG,
35067
+ atlasJSON = _ref.atlasJSON,
35068
+ options = _ref.options,
35069
+ onClose = _ref.onClose,
35070
+ onSelect = _ref.onSelect;
35071
+ var _useState = React.useState(),
35072
+ selectedValue = _useState[0],
35073
+ setSelectedValue = _useState[1];
35074
+ var handleClick = function handleClick() {
35075
+ var element = document.querySelector("input[name='test']:checked");
35076
+ var elementValue = element.value;
35077
+ setSelectedValue(elementValue);
34886
35078
  };
34887
- useEventListener('keydown', onKeyPress);
34888
- var onAnswerClick = function onAnswerClick(answer) {
34889
- setCanShowAnswers(false);
34890
- if (answer.nextQuestionId) {
34891
- // if there is a next question, go to it
34892
- setCurrentQuestion(questions.find(function (question) {
34893
- return question.id === answer.nextQuestionId;
34894
- }));
34895
- } else {
34896
- // else, finish dialog!
34897
- onClose();
35079
+ React.useEffect(function () {
35080
+ if (selectedValue) {
35081
+ onSelect(selectedValue);
34898
35082
  }
34899
- };
34900
- var onRenderCurrentAnswers = function onRenderCurrentAnswers() {
34901
- var answerIds = currentQuestion.answerIds;
34902
- if (!answerIds) {
34903
- return null;
35083
+ }, [selectedValue]);
35084
+ return React__default.createElement(DraggableContainer, {
35085
+ type: exports.RPGUIContainerTypes.Framed,
35086
+ width: "500px",
35087
+ cancelDrag: ".equipment-container-body .arrow-selector",
35088
+ onCloseButton: function onCloseButton() {
35089
+ if (onClose) {
35090
+ onClose();
35091
+ }
34904
35092
  }
34905
- var answers = onGetAnswers(answerIds);
34906
- if (!answers) {
34907
- return null;
35093
+ }, React__default.createElement("div", {
35094
+ style: {
35095
+ width: '100%'
34908
35096
  }
34909
- return answers.map(function (answer) {
34910
- var isSelected = (currentAnswer == null ? void 0 : currentAnswer.id) === (answer == null ? void 0 : answer.id);
34911
- var selectedColor = isSelected ? 'yellow' : 'white';
34912
- if (answer) {
34913
- return React__default.createElement(AnswerRow, {
34914
- key: "answer_" + answer.id
34915
- }, React__default.createElement(AnswerSelectedIcon, {
34916
- color: selectedColor
34917
- }, isSelected ? 'X' : null), React__default.createElement(Answer, {
34918
- key: answer.id,
34919
- onPointerDown: function onPointerDown() {
34920
- return onAnswerClick(answer);
34921
- },
34922
- color: selectedColor
34923
- }, answer.text));
35097
+ }, React__default.createElement(Title$2, null, 'Harvesting instruments'), React__default.createElement(Subtitle$1, null, 'Use the tool, you need it'), React__default.createElement("hr", {
35098
+ className: "golden"
35099
+ })), React__default.createElement(RadioInputScroller$1, null, options == null ? void 0 : options.map(function (option, index) {
35100
+ return React__default.createElement(RadioOptionsWrapper$1, {
35101
+ key: index
35102
+ }, React__default.createElement(SpriteAtlasWrapper$1, null, React__default.createElement(SpriteFromAtlas, {
35103
+ atlasIMG: atlasIMG,
35104
+ atlasJSON: atlasJSON,
35105
+ spriteKey: option.imageKey,
35106
+ imgScale: 3
35107
+ })), React__default.createElement("div", null, React__default.createElement("input", {
35108
+ className: "rpgui-radio",
35109
+ type: "radio",
35110
+ value: option.name,
35111
+ name: "test"
35112
+ }), React__default.createElement("label", {
35113
+ onPointerDown: handleClick,
35114
+ style: {
35115
+ display: 'flex',
35116
+ alignItems: 'center'
34924
35117
  }
34925
- return null;
34926
- });
34927
- };
34928
- return React__default.createElement(Container$e, null, React__default.createElement(QuestionContainer, null, React__default.createElement(DynamicText, {
34929
- text: currentQuestion.text,
34930
- onStart: function onStart() {
34931
- return setCanShowAnswers(false);
34932
- },
34933
- onFinish: function onFinish() {
34934
- return setCanShowAnswers(true);
35118
+ }, option.name, " ", React__default.createElement("br", null), option.description)));
35119
+ })), React__default.createElement(ButtonWrapper$1, null, React__default.createElement(Button, {
35120
+ buttonType: exports.ButtonTypes.RPGUIButton,
35121
+ onPointerDown: onClose
35122
+ }, "Cancel"), React__default.createElement(Button, {
35123
+ buttonType: exports.ButtonTypes.RPGUIButton
35124
+ }, "Select")));
35125
+ };
35126
+ var Title$2 = /*#__PURE__*/styled.h1.withConfig({
35127
+ displayName: "ItemSelector__Title",
35128
+ componentId: "sc-gptoxp-0"
35129
+ })(["font-size:0.6rem;color:yellow !important;"]);
35130
+ var Subtitle$1 = /*#__PURE__*/styled.h1.withConfig({
35131
+ displayName: "ItemSelector__Subtitle",
35132
+ componentId: "sc-gptoxp-1"
35133
+ })(["font-size:0.4rem;color:yellow !important;"]);
35134
+ var RadioInputScroller$1 = /*#__PURE__*/styled.div.withConfig({
35135
+ displayName: "ItemSelector__RadioInputScroller",
35136
+ componentId: "sc-gptoxp-2"
35137
+ })(["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;"]);
35138
+ var SpriteAtlasWrapper$1 = /*#__PURE__*/styled.div.withConfig({
35139
+ displayName: "ItemSelector__SpriteAtlasWrapper",
35140
+ componentId: "sc-gptoxp-3"
35141
+ })(["margin-right:40px;"]);
35142
+ var RadioOptionsWrapper$1 = /*#__PURE__*/styled.div.withConfig({
35143
+ displayName: "ItemSelector__RadioOptionsWrapper",
35144
+ componentId: "sc-gptoxp-4"
35145
+ })(["display:flex;align-items:stretch;margin-bottom:40px;"]);
35146
+ var ButtonWrapper$1 = /*#__PURE__*/styled.div.withConfig({
35147
+ displayName: "ItemSelector__ButtonWrapper",
35148
+ componentId: "sc-gptoxp-5"
35149
+ })(["display:flex;justify-content:space-around;padding-top:20px;width:100%;"]);
35150
+
35151
+ var ListMenu = function ListMenu(_ref) {
35152
+ var options = _ref.options,
35153
+ onSelected = _ref.onSelected,
35154
+ x = _ref.x,
35155
+ y = _ref.y;
35156
+ return React__default.createElement(Container$g, {
35157
+ x: x,
35158
+ y: y
35159
+ }, React__default.createElement("ul", {
35160
+ className: "rpgui-list-imp",
35161
+ style: {
35162
+ overflow: 'hidden'
34935
35163
  }
34936
- })), canShowAnswers && React__default.createElement(AnswersContainer, null, onRenderCurrentAnswers()));
35164
+ }, options.map(function (params, index) {
35165
+ return React__default.createElement(ListElement$1, {
35166
+ key: (params == null ? void 0 : params.id) || index,
35167
+ onPointerDown: function onPointerDown() {
35168
+ onSelected(params == null ? void 0 : params.id);
35169
+ }
35170
+ }, (params == null ? void 0 : params.text) || 'No text');
35171
+ })));
34937
35172
  };
34938
- var Container$e = /*#__PURE__*/styled.div.withConfig({
34939
- displayName: "QuestionDialog__Container",
34940
- componentId: "sc-bxc5u0-0"
34941
- })(["display:flex;word-break:break-all;box-sizing:border-box;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;"]);
34942
- var QuestionContainer = /*#__PURE__*/styled.div.withConfig({
34943
- displayName: "QuestionDialog__QuestionContainer",
34944
- componentId: "sc-bxc5u0-1"
34945
- })(["flex:100%;width:100%;"]);
34946
- var AnswersContainer = /*#__PURE__*/styled.div.withConfig({
34947
- displayName: "QuestionDialog__AnswersContainer",
34948
- componentId: "sc-bxc5u0-2"
34949
- })(["flex:100%;"]);
34950
- var Answer = /*#__PURE__*/styled.p.withConfig({
34951
- displayName: "QuestionDialog__Answer",
34952
- componentId: "sc-bxc5u0-3"
34953
- })(["flex:auto;color:", " !important;font-size:0.65rem !important;background:inherit;border:none;"], function (props) {
34954
- return props.color;
34955
- });
34956
- var AnswerSelectedIcon = /*#__PURE__*/styled.span.withConfig({
34957
- displayName: "QuestionDialog__AnswerSelectedIcon",
34958
- componentId: "sc-bxc5u0-4"
34959
- })(["flex:5% 0 0;color:", " !important;"], function (props) {
34960
- return props.color;
34961
- });
34962
- var AnswerRow = /*#__PURE__*/styled.div.withConfig({
34963
- displayName: "QuestionDialog__AnswerRow",
34964
- componentId: "sc-bxc5u0-5"
34965
- })(["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;}"]);
35173
+ var Container$g = /*#__PURE__*/styled.div.withConfig({
35174
+ displayName: "ListMenu__Container",
35175
+ componentId: "sc-i9097t-0"
35176
+ })(["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) {
35177
+ return props.y || 0;
35178
+ }, function (props) {
35179
+ return props.x || 0;
35180
+ }, uiFonts.size.xsmall);
35181
+ var ListElement$1 = /*#__PURE__*/styled.li.withConfig({
35182
+ displayName: "ListMenu__ListElement",
35183
+ componentId: "sc-i9097t-1"
35184
+ })(["margin-right:0.5rem;"]);
34966
35185
 
34967
35186
  var ProgressBar = function ProgressBar(_ref) {
34968
35187
  var max = _ref.max,
@@ -34981,7 +35200,7 @@ var ProgressBar = function ProgressBar(_ref) {
34981
35200
  }
34982
35201
  return value * 100 / max;
34983
35202
  };
34984
- return React__default.createElement(Container$f, {
35203
+ return React__default.createElement(Container$h, {
34985
35204
  className: "rpgui-progress",
34986
35205
  "data-value": calculatePercentageValue(max, value) / 100,
34987
35206
  "data-rpguitype": "progress",
@@ -35010,7 +35229,7 @@ var TextOverlay$1 = /*#__PURE__*/styled.div.withConfig({
35010
35229
  displayName: "ProgressBar__TextOverlay",
35011
35230
  componentId: "sc-qa6fzh-1"
35012
35231
  })(["width:100%;position:relative;"]);
35013
- var Container$f = /*#__PURE__*/styled.div.withConfig({
35232
+ var Container$h = /*#__PURE__*/styled.div.withConfig({
35014
35233
  displayName: "ProgressBar__Container",
35015
35234
  componentId: "sc-qa6fzh-2"
35016
35235
  })(["display:flex;flex-direction:column;min-width:", "px;width:", "%;justify-content:start;align-items:flex-start;", ""], function (props) {
@@ -35021,7 +35240,7 @@ var Container$f = /*#__PURE__*/styled.div.withConfig({
35021
35240
  return props.style;
35022
35241
  });
35023
35242
 
35024
- var img$8 = '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==';
35243
+ 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==';
35025
35244
 
35026
35245
  var QuestInfo = function QuestInfo(_ref) {
35027
35246
  var quests = _ref.quests,
@@ -35063,7 +35282,7 @@ var QuestInfo = function QuestInfo(_ref) {
35063
35282
  }), React__default.createElement(QuestContainer, null, React__default.createElement(TitleContainer$1, {
35064
35283
  className: "drag-handler"
35065
35284
  }, React__default.createElement(Title$3, null, React__default.createElement(Thumbnail, {
35066
- src: quests[currentIndex].thumbnail || img$8
35285
+ src: quests[currentIndex].thumbnail || img$9
35067
35286
  }), quests[currentIndex].title), React__default.createElement(QuestSplitDiv, null, React__default.createElement("hr", {
35068
35287
  className: "golden"
35069
35288
  }))), React__default.createElement(Content, null, React__default.createElement("p", null, quests[currentIndex].description)), React__default.createElement(QuestColumn, {
@@ -35082,7 +35301,7 @@ var QuestInfo = function QuestInfo(_ref) {
35082
35301
  })))) : React__default.createElement(QuestsContainer, null, React__default.createElement(QuestContainer, null, React__default.createElement(TitleContainer$1, {
35083
35302
  className: "drag-handler"
35084
35303
  }, React__default.createElement(Title$3, null, React__default.createElement(Thumbnail, {
35085
- src: quests[0].thumbnail || img$8
35304
+ src: quests[0].thumbnail || img$9
35086
35305
  }), quests[0].title), React__default.createElement(QuestSplitDiv, null, React__default.createElement("hr", {
35087
35306
  className: "golden"
35088
35307
  }))), React__default.createElement(Content, null, React__default.createElement("p", null, quests[0].description)), React__default.createElement(QuestColumn, {
@@ -35331,7 +35550,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
35331
35550
  bgColor = _ref$bgColor === void 0 ? 'red' : _ref$bgColor,
35332
35551
  _ref$margin = _ref.margin,
35333
35552
  margin = _ref$margin === void 0 ? 20 : _ref$margin;
35334
- return React__default.createElement(Container$g, {
35553
+ return React__default.createElement(Container$i, {
35335
35554
  className: "simple-progress-bar"
35336
35555
  }, React__default.createElement(ProgressBarContainer, {
35337
35556
  margin: margin
@@ -35340,7 +35559,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
35340
35559
  bgColor: bgColor
35341
35560
  }))));
35342
35561
  };
35343
- var Container$g = /*#__PURE__*/styled.div.withConfig({
35562
+ var Container$i = /*#__PURE__*/styled.div.withConfig({
35344
35563
  displayName: "SimpleProgressBar__Container",
35345
35564
  componentId: "sc-mbeil3-0"
35346
35565
  })(["display:flex;justify-content:center;align-items:center;width:100%;"]);
@@ -35567,7 +35786,7 @@ var Spell = function Spell(_ref) {
35567
35786
  isSettingShortcut = _ref.isSettingShortcut,
35568
35787
  minMagicLevelRequired = _ref.minMagicLevelRequired;
35569
35788
  var disabled = isSettingShortcut ? charMagicLevel < minMagicLevelRequired : manaCost > charMana || charMagicLevel < minMagicLevelRequired;
35570
- return React__default.createElement(Container$h, {
35789
+ return React__default.createElement(Container$j, {
35571
35790
  disabled: disabled,
35572
35791
  onPointerDown: onPointerDown == null ? void 0 : onPointerDown.bind(null, spellKey),
35573
35792
  isSettingShortcut: isSettingShortcut && !disabled,
@@ -35580,7 +35799,7 @@ var Spell = function Spell(_ref) {
35580
35799
  className: "mana"
35581
35800
  }, manaCost)));
35582
35801
  };
35583
- var Container$h = /*#__PURE__*/styled.button.withConfig({
35802
+ var Container$j = /*#__PURE__*/styled.button.withConfig({
35584
35803
  displayName: "Spell__Container",
35585
35804
  componentId: "sc-j96fa2-0"
35586
35805
  })(["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) {
@@ -35665,7 +35884,7 @@ var Spellbook = function Spellbook(_ref) {
35665
35884
  width: "inherit",
35666
35885
  height: "inherit",
35667
35886
  cancelDrag: "#spellbook-search, #shortcuts_list, .spell"
35668
- }, React__default.createElement(Container$i, null, React__default.createElement(Title$6, null, "Learned Spells"), React__default.createElement(ShortcutsSetter, {
35887
+ }, React__default.createElement(Container$k, null, React__default.createElement(Title$6, null, "Learned Spells"), React__default.createElement(ShortcutsSetter, {
35669
35888
  setSettingShortcutIndex: setSettingShortcutIndex,
35670
35889
  settingShortcutIndex: settingShortcutIndex,
35671
35890
  shortcuts: shortcuts,
@@ -35697,7 +35916,7 @@ var Title$6 = /*#__PURE__*/styled.h1.withConfig({
35697
35916
  displayName: "Spellbook__Title",
35698
35917
  componentId: "sc-r02nfq-0"
35699
35918
  })(["font-size:", " !important;margin-bottom:0 !important;"], uiFonts.size.large);
35700
- var Container$i = /*#__PURE__*/styled.div.withConfig({
35919
+ var Container$k = /*#__PURE__*/styled.div.withConfig({
35701
35920
  displayName: "Spellbook__Container",
35702
35921
  componentId: "sc-r02nfq-1"
35703
35922
  })(["width:100%;height:100%;color:white;display:flex;flex-direction:column;"]);
@@ -35711,16 +35930,16 @@ var TextArea = function TextArea(_ref) {
35711
35930
  return React__default.createElement("textarea", Object.assign({}, props));
35712
35931
  };
35713
35932
 
35714
- var img$9 = 'data:image/gif;base64,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';
35933
+ var img$a = 'data:image/gif;base64,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';
35715
35934
 
35716
- var img$a = 'data:image/gif;base64,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';
35935
+ var img$b = 'data:image/gif;base64,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';
35717
35936
 
35718
- var img$b = 'data:image/gif;base64,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';
35937
+ var img$c = 'data:image/gif;base64,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';
35719
35938
 
35720
35939
  var DayNightPeriod = function DayNightPeriod(_ref) {
35721
35940
  var _periodOfDaySrcFiles;
35722
35941
  var periodOfDay = _ref.periodOfDay;
35723
- var periodOfDaySrcFiles = (_periodOfDaySrcFiles = {}, _periodOfDaySrcFiles[shared.PeriodOfDay.Morning] = img$a, _periodOfDaySrcFiles[shared.PeriodOfDay.Afternoon] = img$9, _periodOfDaySrcFiles[shared.PeriodOfDay.Night] = img$b, _periodOfDaySrcFiles);
35942
+ var periodOfDaySrcFiles = (_periodOfDaySrcFiles = {}, _periodOfDaySrcFiles[shared.PeriodOfDay.Morning] = img$b, _periodOfDaySrcFiles[shared.PeriodOfDay.Afternoon] = img$a, _periodOfDaySrcFiles[shared.PeriodOfDay.Night] = img$c, _periodOfDaySrcFiles);
35724
35943
  return React__default.createElement(GifContainer, null, React__default.createElement("img", {
35725
35944
  src: periodOfDaySrcFiles[periodOfDay]
35726
35945
  }));
@@ -35730,7 +35949,7 @@ var GifContainer = /*#__PURE__*/styled.div.withConfig({
35730
35949
  componentId: "sc-10t97fw-0"
35731
35950
  })(["width:100%;img{width:67%;}"]);
35732
35951
 
35733
- 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';
35952
+ 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';
35734
35953
 
35735
35954
  var TimeWidget = function TimeWidget(_ref) {
35736
35955
  var onClose = _ref.onClose,
@@ -35745,7 +35964,7 @@ var TimeWidget = function TimeWidget(_ref) {
35745
35964
  var WidgetContainer = /*#__PURE__*/styled.div.withConfig({
35746
35965
  displayName: "TimeWidget__WidgetContainer",
35747
35966
  componentId: "sc-1ja236h-0"
35748
- })(["background-image:url(", ");background-size:10rem;background-repeat:no-repeat;width:10rem;position:absolute;height:100px;"], img$c);
35967
+ })(["background-image:url(", ");background-size:10rem;background-repeat:no-repeat;width:10rem;position:absolute;height:100px;"], img$d);
35749
35968
  var Time = /*#__PURE__*/styled.div.withConfig({
35750
35969
  displayName: "TimeWidget__Time",
35751
35970
  componentId: "sc-1ja236h-1"
@@ -35993,230 +36212,17 @@ var Truncate = function Truncate(_ref) {
35993
36212
  var _ref$maxLines = _ref.maxLines,
35994
36213
  maxLines = _ref$maxLines === void 0 ? 1 : _ref$maxLines,
35995
36214
  children = _ref.children;
35996
- return React__default.createElement(Container$j, {
36215
+ return React__default.createElement(Container$l, {
35997
36216
  maxLines: maxLines
35998
36217
  }, children);
35999
36218
  };
36000
- var Container$j = /*#__PURE__*/styled.div.withConfig({
36219
+ var Container$l = /*#__PURE__*/styled.div.withConfig({
36001
36220
  displayName: "Truncate__Container",
36002
36221
  componentId: "sc-6x00qb-0"
36003
36222
  })(["display:-webkit-box;max-width:100%;max-height:100%;-webkit-line-clamp:", ";-webkit-box-orient:vertical;overflow:hidden;"], function (props) {
36004
36223
  return props.maxLines;
36005
36224
  });
36006
36225
 
36007
- var IS_MOBILE_OR_TABLET = /*#__PURE__*/shared.isMobileOrTablet();
36008
-
36009
- var chunkString = function chunkString(str, length) {
36010
- return str.match(new RegExp('.{1,' + length + '}', 'g'));
36011
- };
36012
-
36013
- var img$d = 'data:image/gif;base64,R0lGODlhEAAQAPIAAAAAABQYLiw1TUBJc2hvmQAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAM9CLrc/lCFGSKYJJP5AhlguDnBMIVgxXgmJapSSp3mKs/pKrT0IMCXUk+2Cgh2oSOnaDz+lswZpSOFUq2KBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAIzhI+py90Bg4OjDrjCELxfFQhQx0mIJkaeaYRp5LJADMdnqXbyOJLYTdKBejjZoRaZJBMFACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAABAAEAAAAjKEj6nL7Y+CDE6OO+QKQ/ifKYEgfR4VddPohQe7lmR0xidNTib65uacYP2AQWGuMlEUAAA7';
36014
-
36015
- var NPCDialogText = function NPCDialogText(_ref) {
36016
- var text = _ref.text,
36017
- onClose = _ref.onClose,
36018
- onEndStep = _ref.onEndStep,
36019
- onStartStep = _ref.onStartStep,
36020
- type = _ref.type;
36021
- var windowSize = React.useRef([window.innerWidth, window.innerHeight]);
36022
- function maxCharacters(width) {
36023
- // Set the font size to 16 pixels
36024
- var fontSize = 11.2;
36025
- // Calculate the number of characters that can fit in one line
36026
- var charactersPerLine = Math.floor(width / 2 / fontSize);
36027
- // Calculate the number of lines that can fit in the div
36028
- var linesPerDiv = Math.floor(180 / fontSize);
36029
- // Calculate the maximum number of characters that can fit in the div
36030
- var maxCharacters = charactersPerLine * linesPerDiv;
36031
- // Return the maximum number of characters
36032
- return Math.round(maxCharacters / 5);
36033
- }
36034
- var textChunks = chunkString(text, maxCharacters(windowSize.current[0]));
36035
- var _useState = React.useState(0),
36036
- chunkIndex = _useState[0],
36037
- setChunkIndex = _useState[1];
36038
- var onHandleSpacePress = function onHandleSpacePress(event) {
36039
- if (event.code === 'Space') {
36040
- goToNextStep();
36041
- }
36042
- };
36043
- var goToNextStep = function goToNextStep() {
36044
- var hasNextChunk = (textChunks == null ? void 0 : textChunks[chunkIndex + 1]) || false;
36045
- if (hasNextChunk) {
36046
- setChunkIndex(function (prev) {
36047
- return prev + 1;
36048
- });
36049
- } else {
36050
- // if there's no more text chunks, close the dialog
36051
- onClose();
36052
- }
36053
- };
36054
- React.useEffect(function () {
36055
- document.addEventListener('keydown', onHandleSpacePress);
36056
- return function () {
36057
- return document.removeEventListener('keydown', onHandleSpacePress);
36058
- };
36059
- }, [chunkIndex]);
36060
- var _useState2 = React.useState(false),
36061
- showGoNextIndicator = _useState2[0],
36062
- setShowGoNextIndicator = _useState2[1];
36063
- return React__default.createElement(Container$k, null, React__default.createElement(DynamicText, {
36064
- text: (textChunks == null ? void 0 : textChunks[chunkIndex]) || '',
36065
- onFinish: function onFinish() {
36066
- setShowGoNextIndicator(true);
36067
- onEndStep && onEndStep();
36068
- },
36069
- onStart: function onStart() {
36070
- setShowGoNextIndicator(false);
36071
- onStartStep && onStartStep();
36072
- }
36073
- }), showGoNextIndicator && React__default.createElement(PressSpaceIndicator$1, {
36074
- right: type === exports.NPCDialogType.TextOnly ? '1rem' : '10.5rem',
36075
- src: IS_MOBILE_OR_TABLET ? img$d : img$7,
36076
- onPointerDown: function onPointerDown() {
36077
- goToNextStep();
36078
- }
36079
- }));
36080
- };
36081
- var Container$k = /*#__PURE__*/styled.div.withConfig({
36082
- displayName: "NPCDialogText__Container",
36083
- componentId: "sc-1cxkdh9-0"
36084
- })([""]);
36085
- var PressSpaceIndicator$1 = /*#__PURE__*/styled.img.withConfig({
36086
- displayName: "NPCDialogText__PressSpaceIndicator",
36087
- componentId: "sc-1cxkdh9-1"
36088
- })(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref2) {
36089
- var right = _ref2.right;
36090
- return right;
36091
- });
36092
-
36093
- (function (NPCDialogType) {
36094
- NPCDialogType["TextOnly"] = "TextOnly";
36095
- NPCDialogType["TextAndThumbnail"] = "TextAndThumbnail";
36096
- })(exports.NPCDialogType || (exports.NPCDialogType = {}));
36097
- var NPCDialog = function NPCDialog(_ref) {
36098
- var text = _ref.text,
36099
- type = _ref.type,
36100
- _onClose = _ref.onClose,
36101
- imagePath = _ref.imagePath,
36102
- _ref$isQuestionDialog = _ref.isQuestionDialog,
36103
- isQuestionDialog = _ref$isQuestionDialog === void 0 ? false : _ref$isQuestionDialog,
36104
- questions = _ref.questions,
36105
- answers = _ref.answers;
36106
- return React__default.createElement(RPGUIContainer, {
36107
- type: exports.RPGUIContainerTypes.FramedGold,
36108
- width: isQuestionDialog ? '600px' : '80%',
36109
- height: '180px'
36110
- }, isQuestionDialog && questions && answers ? React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer$2, {
36111
- flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
36112
- }, React__default.createElement(QuestionDialog, {
36113
- questions: questions,
36114
- answers: answers,
36115
- onClose: function onClose() {
36116
- if (_onClose) {
36117
- _onClose();
36118
- }
36119
- }
36120
- })), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
36121
- src: imagePath || img$6
36122
- }))) : React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$l, null, React__default.createElement(TextContainer$2, {
36123
- flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
36124
- }, React__default.createElement(NPCDialogText, {
36125
- type: type,
36126
- text: text || 'No text provided.',
36127
- onClose: function onClose() {
36128
- if (_onClose) {
36129
- _onClose();
36130
- }
36131
- }
36132
- })), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
36133
- src: imagePath || img$6
36134
- })))));
36135
- };
36136
- var Container$l = /*#__PURE__*/styled.div.withConfig({
36137
- displayName: "NPCDialog__Container",
36138
- componentId: "sc-1b4aw74-0"
36139
- })(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
36140
- var TextContainer$2 = /*#__PURE__*/styled.div.withConfig({
36141
- displayName: "NPCDialog__TextContainer",
36142
- componentId: "sc-1b4aw74-1"
36143
- })(["flex:", " 0 0;width:355px;"], function (_ref2) {
36144
- var flex = _ref2.flex;
36145
- return flex;
36146
- });
36147
- var ThumbnailContainer$1 = /*#__PURE__*/styled.div.withConfig({
36148
- displayName: "NPCDialog__ThumbnailContainer",
36149
- componentId: "sc-1b4aw74-2"
36150
- })(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
36151
- var NPCThumbnail$1 = /*#__PURE__*/styled.img.withConfig({
36152
- displayName: "NPCDialog__NPCThumbnail",
36153
- componentId: "sc-1b4aw74-3"
36154
- })(["image-rendering:pixelated;height:128px;width:128px;"]);
36155
-
36156
- var HistoryDialog = function HistoryDialog(_ref) {
36157
- var backgroundImgPath = _ref.backgroundImgPath,
36158
- fullCoverBackground = _ref.fullCoverBackground,
36159
- questions = _ref.questions,
36160
- answers = _ref.answers,
36161
- text = _ref.text,
36162
- imagePath = _ref.imagePath,
36163
- textAndTypeArray = _ref.textAndTypeArray,
36164
- onClose = _ref.onClose;
36165
- var _useState = React.useState(0),
36166
- img = _useState[0],
36167
- setImage = _useState[1];
36168
- var onHandleSpacePress = function onHandleSpacePress(event) {
36169
- if (event.code === 'Space') {
36170
- if (img < (backgroundImgPath == null ? void 0 : backgroundImgPath.length) - 1) {
36171
- setImage(function (prev) {
36172
- return prev + 1;
36173
- });
36174
- } else {
36175
- // if there's no more text chunks, close the dialog
36176
- onClose();
36177
- }
36178
- }
36179
- };
36180
- React.useEffect(function () {
36181
- document.addEventListener('keydown', onHandleSpacePress);
36182
- return function () {
36183
- return document.removeEventListener('keydown', onHandleSpacePress);
36184
- };
36185
- }, [backgroundImgPath]);
36186
- return React__default.createElement(BackgroundContainer, {
36187
- imgPath: backgroundImgPath[img],
36188
- fullImg: fullCoverBackground
36189
- }, React__default.createElement(DialogContainer, null, textAndTypeArray ? React__default.createElement(NPCMultiDialog, {
36190
- textAndTypeArray: textAndTypeArray,
36191
- onClose: onClose
36192
- }) : questions && answers ? React__default.createElement(QuestionDialog, {
36193
- questions: questions,
36194
- answers: answers,
36195
- onClose: onClose
36196
- }) : text && imagePath ? React__default.createElement(NPCDialog, {
36197
- text: text,
36198
- imagePath: imagePath,
36199
- onClose: onClose,
36200
- type: exports.NPCDialogType.TextAndThumbnail
36201
- }) : React__default.createElement(NPCDialog, {
36202
- text: text,
36203
- onClose: onClose,
36204
- type: exports.NPCDialogType.TextOnly
36205
- })));
36206
- };
36207
- var BackgroundContainer = /*#__PURE__*/styled.div.withConfig({
36208
- displayName: "HistoryDialog__BackgroundContainer",
36209
- componentId: "sc-u6oe75-0"
36210
- })(["width:100%;height:100%;background-image:url(", ");background-size:", ";display:flex;justify-content:space-evenly;align-items:center;"], function (props) {
36211
- return props.imgPath;
36212
- }, function (props) {
36213
- return props.imgPath ? 'cover' : 'auto';
36214
- });
36215
- var DialogContainer = /*#__PURE__*/styled.div.withConfig({
36216
- displayName: "HistoryDialog__DialogContainer",
36217
- componentId: "sc-u6oe75-1"
36218
- })(["display:flex;justify-content:center;padding-top:200px;"]);
36219
-
36220
36226
  exports.Button = Button;
36221
36227
  exports.CharacterSelection = CharacterSelection;
36222
36228
  exports.Chat = Chat;