@rpg-engine/long-bow 0.3.81 → 0.3.82

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (148) hide show
  1. package/LICENSE +20 -20
  2. package/README.md +181 -181
  3. package/dist/long-bow.cjs.development.js +919 -918
  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 +728 -727
  8. package/dist/long-bow.esm.js.map +1 -1
  9. package/package.json +100 -100
  10. package/src/components/Abstractions/ModalPortal.tsx +22 -22
  11. package/src/components/Abstractions/SlotsContainer.tsx +48 -48
  12. package/src/components/Arrow/SelectArrow.tsx +69 -69
  13. package/src/components/Arrow/img/arrow01-left-clicked.png +0 -0
  14. package/src/components/Arrow/img/arrow01-left.png +0 -0
  15. package/src/components/Arrow/img/arrow01-right-clicked.png +0 -0
  16. package/src/components/Arrow/img/arrow01-right.png +0 -0
  17. package/src/components/Arrow/img/arrow02-left-clicked.png +0 -0
  18. package/src/components/Arrow/img/arrow02-left.png +0 -0
  19. package/src/components/Arrow/img/arrow02-right-clicked.png +0 -0
  20. package/src/components/Arrow/img/arrow02-right.png +0 -0
  21. package/src/components/Button.tsx +40 -40
  22. package/src/components/Character/CharacterSelection.tsx +96 -96
  23. package/src/components/CharacterStatus/CharacterStatus.tsx +120 -120
  24. package/src/components/Chat/Chat.tsx +196 -195
  25. package/src/components/Chatdeprecated/ChatDeprecated.tsx +198 -198
  26. package/src/components/CheckButton.tsx +65 -65
  27. package/src/components/CircularController/CircularController.tsx +248 -248
  28. package/src/components/CraftBook/CraftBook.tsx +241 -241
  29. package/src/components/CraftBook/MockItems.ts +77 -77
  30. package/src/components/DraggableContainer.tsx +156 -156
  31. package/src/components/Dropdown.tsx +90 -90
  32. package/src/components/DropdownSelectorContainer.tsx +42 -42
  33. package/src/components/Equipment/EquipmentSet.tsx +191 -191
  34. package/src/components/HistoryDialog.tsx +104 -104
  35. package/src/components/Input.tsx +15 -15
  36. package/src/components/Item/Cards/ItemInfo.tsx +252 -252
  37. package/src/components/Item/Cards/ItemInfoDisplay.tsx +128 -128
  38. package/src/components/Item/Cards/ItemInfoWrapper.tsx +62 -62
  39. package/src/components/Item/Cards/ItemTooltip.tsx +83 -83
  40. package/src/components/Item/Cards/MobileItemTooltip.tsx +149 -149
  41. package/src/components/Item/Inventory/ErrorBoundary.tsx +42 -42
  42. package/src/components/Item/Inventory/ItemContainer.tsx +218 -218
  43. package/src/components/Item/Inventory/ItemContainerTypes.ts +6 -6
  44. package/src/components/Item/Inventory/ItemQuantitySelector.tsx +138 -138
  45. package/src/components/Item/Inventory/ItemSlot.tsx +546 -546
  46. package/src/components/Item/Inventory/itemContainerHelper.ts +156 -156
  47. package/src/components/ListMenu.tsx +63 -63
  48. package/src/components/Multitab/Tab.tsx +66 -66
  49. package/src/components/Multitab/TabBody.tsx +13 -13
  50. package/src/components/Multitab/TabsContainer.tsx +97 -97
  51. package/src/components/NPCDialog/NPCDialog.tsx +121 -121
  52. package/src/components/NPCDialog/NPCDialogText.tsx +113 -113
  53. package/src/components/NPCDialog/NPCMultiDialog.tsx +159 -159
  54. package/src/components/NPCDialog/QuestionDialog/QuestionDialog.tsx +237 -237
  55. package/src/components/ProgressBar.tsx +92 -92
  56. package/src/components/PropertySelect/PropertySelect.tsx +106 -106
  57. package/src/components/QuestInfo/QuestInfo.tsx +233 -233
  58. package/src/components/QuestList.tsx +135 -135
  59. package/src/components/RPGUIContainer.tsx +47 -47
  60. package/src/components/RPGUIForceRenderStart.tsx +45 -45
  61. package/src/components/RPGUIRoot.tsx +14 -14
  62. package/src/components/RadioButton.tsx +53 -53
  63. package/src/components/RadioInput/RadioButton.tsx +96 -96
  64. package/src/components/RadioInput/RadioInput.tsx +102 -102
  65. package/src/components/RadioInput/instruments.ts +15 -15
  66. package/src/components/RangeSlider.tsx +78 -78
  67. package/src/components/RelativeListMenu.tsx +83 -83
  68. package/src/components/ScrollList.tsx +79 -79
  69. package/src/components/Shortcuts/Shortcuts.tsx +151 -151
  70. package/src/components/Shortcuts/ShortcutsSetter.tsx +132 -132
  71. package/src/components/Shortcuts/SingleShortcut.ts +62 -62
  72. package/src/components/SimpleProgressBar.tsx +62 -62
  73. package/src/components/SkillProgressBar.tsx +133 -133
  74. package/src/components/SkillsContainer.tsx +206 -206
  75. package/src/components/Spellbook/Spell.tsx +201 -201
  76. package/src/components/Spellbook/Spellbook.tsx +153 -153
  77. package/src/components/Spellbook/constants.ts +8 -8
  78. package/src/components/Spellbook/mockSpells.ts +60 -60
  79. package/src/components/StaticBook/StaticBook.tsx +103 -103
  80. package/src/components/TextArea.tsx +11 -11
  81. package/src/components/TimeWidget/DayNightPeriod/DayNightPeriod.tsx +35 -35
  82. package/src/components/TimeWidget/TimeWidget.tsx +65 -65
  83. package/src/components/TradingMenu/TradingItemRow.tsx +198 -198
  84. package/src/components/TradingMenu/TradingMenu.tsx +216 -216
  85. package/src/components/TradingMenu/items.mock.ts +48 -48
  86. package/src/components/Truncate.tsx +25 -25
  87. package/src/components/itemSelector/ItemSelector.tsx +136 -136
  88. package/src/components/shared/Column.tsx +16 -16
  89. package/src/components/shared/Ellipsis.tsx +65 -65
  90. package/src/components/shared/SpriteFromAtlas.tsx +104 -104
  91. package/src/components/typography/DynamicText.tsx +49 -49
  92. package/src/constants/uiColors.ts +20 -20
  93. package/src/constants/uiDevices.ts +3 -3
  94. package/src/constants/uiFonts.ts +12 -12
  95. package/src/hooks/useEventListener.ts +21 -21
  96. package/src/hooks/useOutsideAlerter.ts +25 -25
  97. package/src/index.tsx +40 -40
  98. package/src/libs/StringHelpers.ts +3 -3
  99. package/src/mocks/atlas/entities/entities.json +20215 -20215
  100. package/src/mocks/atlas/icons/icons.json +735 -735
  101. package/src/mocks/atlas/items/items.json +12086 -12086
  102. package/src/mocks/equipmentSet.mocks.ts +391 -391
  103. package/src/mocks/itemContainer.mocks.ts +563 -563
  104. package/src/mocks/skills.mocks.ts +128 -128
  105. package/src/stories/Arrow.stories.tsx +26 -26
  106. package/src/stories/Button.stories.tsx +36 -36
  107. package/src/stories/CharacterSelection.stories.tsx +45 -45
  108. package/src/stories/CharacterStatus.stories.tsx +29 -29
  109. package/src/stories/Chat.stories.tsx +187 -187
  110. package/src/stories/ChatDeprecated.stories.tsx +170 -170
  111. package/src/stories/CheckButton.stories.tsx +48 -48
  112. package/src/stories/CircullarController.stories.tsx +37 -37
  113. package/src/stories/CraftBook.stories.tsx +42 -42
  114. package/src/stories/DayNightPeriod.stories.tsx +27 -27
  115. package/src/stories/DraggableContainer.stories.tsx +28 -28
  116. package/src/stories/Dropdown.stories.tsx +46 -46
  117. package/src/stories/DropdownSelectorContainer.stories.tsx +41 -41
  118. package/src/stories/EquipmentSet.stories.tsx +65 -65
  119. package/src/stories/HistoryDialog.stories.tsx +61 -61
  120. package/src/stories/ItemContainer.stories.tsx +200 -200
  121. package/src/stories/ItemInfoDisplay.stories.tsx +33 -33
  122. package/src/stories/ItemQuantitySelector.stories.tsx +26 -26
  123. package/src/stories/ItemSelector.stories.tsx +77 -77
  124. package/src/stories/ItemTradingComponent.stories.tsx +35 -35
  125. package/src/stories/ListMenu.stories.tsx +56 -56
  126. package/src/stories/Multitab.stories.tsx +51 -51
  127. package/src/stories/NPCDialog.stories.tsx +130 -130
  128. package/src/stories/NPCMultiDialog.stories.tsx +71 -71
  129. package/src/stories/ProgressBar.stories.tsx +23 -23
  130. package/src/stories/PropertySelect.stories.tsx +40 -40
  131. package/src/stories/QuestInfo.stories.tsx +107 -107
  132. package/src/stories/QuestList.stories.tsx +82 -82
  133. package/src/stories/RPGUIContainers.stories.tsx +42 -42
  134. package/src/stories/RadioButton.stories.tsx +49 -49
  135. package/src/stories/RadioInput.stories.tsx +34 -34
  136. package/src/stories/RangeSlider.stories.tsx +64 -64
  137. package/src/stories/ScrollList.stories.tsx +85 -85
  138. package/src/stories/Shortcuts.stories.tsx +39 -39
  139. package/src/stories/SimpleProgressBar.stories.tsx +22 -22
  140. package/src/stories/SkillProgressBar.stories.tsx +34 -34
  141. package/src/stories/SkillsContainer.stories.tsx +35 -35
  142. package/src/stories/Spellbook.stories.tsx +104 -104
  143. package/src/stories/StaticBook.stories.tsx +32 -32
  144. package/src/stories/Text.stories.tsx +42 -42
  145. package/src/stories/TimeWidget.stories.tsx +27 -27
  146. package/src/stories/TradingMenu.stories.tsx +47 -47
  147. package/src/types/eventTypes.ts +4 -4
  148. package/src/types/index.d.ts +2 -2
@@ -32745,6 +32745,7 @@ var Chat = function Chat(_ref) {
32745
32745
  };
32746
32746
  var handleSubmit = function handleSubmit(event) {
32747
32747
  event.preventDefault();
32748
+ if (!message || message.trim() === '') return;
32748
32749
  onSendChatMessage(message);
32749
32750
  setMessage('');
32750
32751
  };
@@ -34527,514 +34528,374 @@ var EquipmentColumn = /*#__PURE__*/styled.div.withConfig({
34527
34528
  componentId: "sc-1wuddg2-1"
34528
34529
  })(["display:flex;justify-content:center;flex-wrap:wrap;flex-direction:column;touch-action:none;"]);
34529
34530
 
34530
- var SlotsContainer = function SlotsContainer(_ref) {
34531
- var children = _ref.children,
34532
- title = _ref.title,
34533
- onClose = _ref.onClose,
34534
- _onPositionChange = _ref.onPositionChange,
34535
- onOutsideClick = _ref.onOutsideClick,
34536
- initialPosition = _ref.initialPosition,
34537
- scale = _ref.scale;
34538
- return React__default.createElement(DraggableContainer, {
34539
- title: title,
34540
- type: exports.RPGUIContainerTypes.Framed,
34541
- onCloseButton: function onCloseButton() {
34542
- if (onClose) {
34543
- onClose();
34531
+ var IS_MOBILE_OR_TABLET = /*#__PURE__*/shared.isMobileOrTablet();
34532
+
34533
+ var chunkString = function chunkString(str, length) {
34534
+ return str.match(new RegExp('.{1,' + length + '}', 'g'));
34535
+ };
34536
+
34537
+ var DynamicText = function DynamicText(_ref) {
34538
+ var text = _ref.text,
34539
+ onFinish = _ref.onFinish,
34540
+ onStart = _ref.onStart;
34541
+ var _useState = React.useState(''),
34542
+ textState = _useState[0],
34543
+ setTextState = _useState[1];
34544
+ React.useEffect(function () {
34545
+ var i = 0;
34546
+ var interval = setInterval(function () {
34547
+ // on every interval, show one more character
34548
+ if (i === 0) {
34549
+ if (onStart) {
34550
+ onStart();
34551
+ }
34544
34552
  }
34545
- },
34546
- width: "400px",
34547
- cancelDrag: ".item-container-body, #shortcuts_list",
34548
- onPositionChange: function onPositionChange(_ref2) {
34549
- var x = _ref2.x,
34550
- y = _ref2.y;
34551
- if (_onPositionChange) {
34552
- _onPositionChange({
34553
- x: x,
34554
- y: y
34555
- });
34553
+ if (i < text.length) {
34554
+ setTextState(text.substring(0, i + 1));
34555
+ i++;
34556
+ } else {
34557
+ clearInterval(interval);
34558
+ if (onFinish) {
34559
+ onFinish();
34560
+ }
34556
34561
  }
34557
- },
34558
- onOutsideClick: onOutsideClick,
34559
- initialPosition: initialPosition,
34560
- scale: scale
34561
- }, children);
34562
+ }, 50);
34563
+ return function () {
34564
+ clearInterval(interval);
34565
+ };
34566
+ }, [text]);
34567
+ return React__default.createElement(TextContainer, null, textState);
34562
34568
  };
34569
+ var TextContainer = /*#__PURE__*/styled.p.withConfig({
34570
+ displayName: "DynamicText__TextContainer",
34571
+ componentId: "sc-1ggl9nd-0"
34572
+ })(["font-size:0.7rem !important;color:white;text-shadow:1px 1px 0px #000000;letter-spacing:1.2px;word-break:normal;"]);
34563
34573
 
34564
- (function (RangeSliderType) {
34565
- RangeSliderType["Slider"] = "rpgui-slider";
34566
- RangeSliderType["GoldSlider"] = "rpgui-slider golden";
34567
- })(exports.RangeSliderType || (exports.RangeSliderType = {}));
34568
- var RangeSlider = function RangeSlider(_ref) {
34569
- var type = _ref.type,
34570
- valueMin = _ref.valueMin,
34571
- valueMax = _ref.valueMax,
34572
- width = _ref.width,
34573
- _onChange = _ref.onChange,
34574
- value = _ref.value;
34575
- var sliderId = uuid.v4();
34576
- var containerRef = React.useRef(null);
34574
+ var img$6 = 'data:image/gif;base64,R0lGODlhEAAQAPIAAAAAABQYLiw1TUBJc2hvmQAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAM9CLrc/lCFGSKYJJP5AhlguDnBMIVgxXgmJapSSp3mKs/pKrT0IMCXUk+2Cgh2oSOnaDz+lswZpSOFUq2KBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAIzhI+py90Bg4OjDrjCELxfFQhQx0mIJkaeaYRp5LJADMdnqXbyOJLYTdKBejjZoRaZJBMFACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAABAAEAAAAjKEj6nL7Y+CDE6OO+QKQ/ifKYEgfR4VddPohQe7lmR0xidNTib65uacYP2AQWGuMlEUAAA7';
34575
+
34576
+ var img$7 = 'data:image/gif;base64,R0lGODlhQAAgAPIAAAAAAA0NDRERESIiIigoKFlZWf///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw5nYW1tYT0wLjQ1NDU0NQAh+QQBFAAAACwAAAAAQAAgAAAD/wi63P4wykmrvTjrzbv/YAgIZGmeaKquakQWcCzPdG3fNukIeO//PQGDBywafcIF8chswpKKZcxApTqvNOiIZi0YsODncFaFlcNOrdTbJVff0/c3Lp/Xs2N37cy2ndt6ZnhKXHdsc4d7VnwyfIxqPWWOXXWLgHSGYoSNbZKVZp2WiJyjg1GFcaClqaqJhasyUAFrh3Cur3KqubWXBQIBAAEDtDeMaEEDAcLEx2gCycvN0jHPysPT09XR2M3a19zH3gTM4EYCBNDD4yzs7e4r48nB6gT19vf4+fr7/P3P8sKGvRtIkMUAeQoCHlzIsKHDhxAjSoTWQJnFixgzatzIsQWjRQYJAAAh/wtJbWFnZU1hZ2ljaw5nYW1tYT0wLjQ1NDU0NQAh+QQBFAAAACwAAAAAQAAgAAAD8Ai63P4wykmrvTjrzbv/YCiOlGCeaKqubMtGZiHPdG3feI6bjqD/wOBPwPAJj0ggcWFMOp+ypaI5M1it0KxNCqDKsAWDdhwt1q5fMPnJ9aJt17g4HafJ3/et+Tzn99V+aThqfTNtcHlhhIBVWG+BdDSHOmiPeHdij3aYhZONf46YkZGanzpSAV6KjaOIpqWtNwIBAAEDqqKKhZuJnHSwAgMBtqo5sGs5wcO3yM01ysTO0gXQzNPN1cXXUNnbyNna3kcmwrW3Lujp6ugD5bbn6/HyLe20Cu/t+fr7/P3+/wCF2VswrKDBgwgTKlzIsCCDBAA7';
34577
+
34578
+ var NPCDialogText = function NPCDialogText(_ref) {
34579
+ var text = _ref.text,
34580
+ onClose = _ref.onClose,
34581
+ onEndStep = _ref.onEndStep,
34582
+ onStartStep = _ref.onStartStep,
34583
+ type = _ref.type;
34584
+ var windowSize = React.useRef([window.innerWidth, window.innerHeight]);
34585
+ function maxCharacters(width) {
34586
+ // Set the font size to 16 pixels
34587
+ var fontSize = 11.2;
34588
+ // Calculate the number of characters that can fit in one line
34589
+ var charactersPerLine = Math.floor(width / 2 / fontSize);
34590
+ // Calculate the number of lines that can fit in the div
34591
+ var linesPerDiv = Math.floor(180 / fontSize);
34592
+ // Calculate the maximum number of characters that can fit in the div
34593
+ var maxCharacters = charactersPerLine * linesPerDiv;
34594
+ // Return the maximum number of characters
34595
+ return Math.round(maxCharacters / 5);
34596
+ }
34597
+ var textChunks = chunkString(text, maxCharacters(windowSize.current[0]));
34577
34598
  var _useState = React.useState(0),
34578
- left = _useState[0],
34579
- setLeft = _useState[1];
34599
+ chunkIndex = _useState[0],
34600
+ setChunkIndex = _useState[1];
34601
+ var onHandleSpacePress = function onHandleSpacePress(event) {
34602
+ if (event.code === 'Space') {
34603
+ goToNextStep();
34604
+ }
34605
+ };
34606
+ var goToNextStep = function goToNextStep() {
34607
+ var hasNextChunk = (textChunks == null ? void 0 : textChunks[chunkIndex + 1]) || false;
34608
+ if (hasNextChunk) {
34609
+ setChunkIndex(function (prev) {
34610
+ return prev + 1;
34611
+ });
34612
+ } else {
34613
+ // if there's no more text chunks, close the dialog
34614
+ onClose();
34615
+ }
34616
+ };
34580
34617
  React.useEffect(function () {
34581
- var _containerRef$current;
34582
- var calculatedWidth = ((_containerRef$current = containerRef.current) == null ? void 0 : _containerRef$current.clientWidth) || 0;
34583
- setLeft(Math.max((value - valueMin) / (valueMax - valueMin) * (calculatedWidth - 35) + 10));
34584
- }, [value, valueMin, valueMax]);
34585
- var typeClass = type === exports.RangeSliderType.GoldSlider ? 'golden' : '';
34586
- return React__default.createElement("div", {
34587
- style: {
34588
- width: width,
34589
- position: 'relative'
34618
+ document.addEventListener('keydown', onHandleSpacePress);
34619
+ return function () {
34620
+ return document.removeEventListener('keydown', onHandleSpacePress);
34621
+ };
34622
+ }, [chunkIndex]);
34623
+ var _useState2 = React.useState(false),
34624
+ showGoNextIndicator = _useState2[0],
34625
+ setShowGoNextIndicator = _useState2[1];
34626
+ return React__default.createElement(Container$e, null, React__default.createElement(DynamicText, {
34627
+ text: (textChunks == null ? void 0 : textChunks[chunkIndex]) || '',
34628
+ onFinish: function onFinish() {
34629
+ setShowGoNextIndicator(true);
34630
+ onEndStep && onEndStep();
34590
34631
  },
34591
- className: "rpgui-slider-container " + typeClass,
34592
- id: "rpgui-slider-" + sliderId,
34593
- ref: containerRef
34594
- }, React__default.createElement("div", {
34595
- style: {
34596
- pointerEvents: 'none'
34632
+ onStart: function onStart() {
34633
+ setShowGoNextIndicator(false);
34634
+ onStartStep && onStartStep();
34597
34635
  }
34598
- }, React__default.createElement("div", {
34599
- className: "rpgui-slider-track " + typeClass
34600
- }), React__default.createElement("div", {
34601
- className: "rpgui-slider-left-edge " + typeClass
34602
- }), React__default.createElement("div", {
34603
- className: "rpgui-slider-right-edge " + typeClass
34604
- }), React__default.createElement("div", {
34605
- className: "rpgui-slider-thumb " + typeClass,
34606
- style: {
34607
- left: left
34636
+ }), showGoNextIndicator && React__default.createElement(PressSpaceIndicator, {
34637
+ right: type === exports.NPCDialogType.TextOnly ? '1rem' : '10.5rem',
34638
+ src: IS_MOBILE_OR_TABLET ? img$6 : img$7,
34639
+ onPointerDown: function onPointerDown() {
34640
+ goToNextStep();
34608
34641
  }
34609
- })), React__default.createElement(Input$1, {
34610
- type: "range",
34611
- style: {
34612
- width: width
34613
- },
34614
- min: valueMin,
34615
- max: valueMax,
34616
- onChange: function onChange(e) {
34617
- return _onChange(Number(e.target.value));
34618
- },
34619
- value: value,
34620
- className: "rpgui-cursor-point"
34621
34642
  }));
34622
34643
  };
34623
- var Input$1 = /*#__PURE__*/styled.input.withConfig({
34624
- displayName: "RangeSlider__Input",
34625
- componentId: "sc-v8mte9-0"
34626
- })(["opacity:0;position:absolute;width:100%;height:100%;top:0;left:0;margin-top:-5px;"]);
34644
+ var Container$e = /*#__PURE__*/styled.div.withConfig({
34645
+ displayName: "NPCDialogText__Container",
34646
+ componentId: "sc-1cxkdh9-0"
34647
+ })([""]);
34648
+ var PressSpaceIndicator = /*#__PURE__*/styled.img.withConfig({
34649
+ displayName: "NPCDialogText__PressSpaceIndicator",
34650
+ componentId: "sc-1cxkdh9-1"
34651
+ })(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref2) {
34652
+ var right = _ref2.right;
34653
+ return right;
34654
+ });
34627
34655
 
34628
- var ItemQuantitySelector = function ItemQuantitySelector(_ref) {
34629
- var quantity = _ref.quantity,
34630
- onConfirm = _ref.onConfirm,
34656
+ //@ts-ignore
34657
+ var useEventListener = function useEventListener(type, handler, el) {
34658
+ if (el === void 0) {
34659
+ el = window;
34660
+ }
34661
+ var savedHandler = React__default.useRef();
34662
+ React__default.useEffect(function () {
34663
+ savedHandler.current = handler;
34664
+ }, [handler]);
34665
+ React__default.useEffect(function () {
34666
+ //@ts-ignore
34667
+ var listener = function listener(e) {
34668
+ return savedHandler.current(e);
34669
+ };
34670
+ el.addEventListener(type, listener);
34671
+ return function () {
34672
+ el.removeEventListener(type, listener);
34673
+ };
34674
+ }, [type, el]);
34675
+ };
34676
+
34677
+ var QuestionDialog = function QuestionDialog(_ref) {
34678
+ var questions = _ref.questions,
34679
+ answers = _ref.answers,
34631
34680
  onClose = _ref.onClose;
34632
- var _useState = React.useState(quantity),
34633
- value = _useState[0],
34634
- setValue = _useState[1];
34635
- var inputRef = React.useRef(null);
34636
- React.useEffect(function () {
34637
- if (inputRef.current) {
34638
- inputRef.current.focus();
34639
- inputRef.current.select();
34640
- var closeSelector = function closeSelector(e) {
34641
- if (e.key === 'Escape') {
34642
- onClose();
34643
- }
34644
- };
34645
- document.addEventListener('keydown', closeSelector);
34646
- return function () {
34647
- document.removeEventListener('keydown', closeSelector);
34648
- };
34681
+ var _useState = React.useState(questions[0]),
34682
+ currentQuestion = _useState[0],
34683
+ setCurrentQuestion = _useState[1];
34684
+ var _useState2 = React.useState(false),
34685
+ canShowAnswers = _useState2[0],
34686
+ setCanShowAnswers = _useState2[1];
34687
+ var onGetFirstAnswer = function onGetFirstAnswer() {
34688
+ if (!currentQuestion.answerIds || currentQuestion.answerIds.length === 0) {
34689
+ return null;
34649
34690
  }
34650
- return function () {};
34651
- }, []);
34652
- return React__default.createElement(StyledContainer, {
34653
- type: exports.RPGUIContainerTypes.Framed,
34654
- width: "25rem"
34655
- }, React__default.createElement(CloseButton$2, {
34656
- className: "container-close",
34657
- onPointerDown: onClose
34658
- }, "X"), React__default.createElement("h2", null, "Select quantity to move"), React__default.createElement(StyledForm, {
34659
- style: {
34660
- width: '100%'
34661
- },
34662
- onSubmit: function onSubmit(e) {
34663
- e.preventDefault();
34664
- var numberValue = Number(value);
34665
- if (Number.isNaN(numberValue)) {
34666
- return;
34667
- }
34668
- onConfirm(Math.max(1, Math.min(quantity, numberValue)));
34669
- },
34670
- noValidate: true
34671
- }, React__default.createElement(StyledInput, {
34672
- innerRef: inputRef,
34673
- placeholder: "Enter quantity",
34674
- type: "number",
34675
- min: 1,
34676
- max: quantity,
34677
- value: value,
34678
- onChange: function onChange(e) {
34679
- if (Number(e.target.value) >= quantity) {
34680
- setValue(quantity);
34681
- return;
34682
- }
34683
- setValue(e.target.value);
34684
- },
34685
- onBlur: function onBlur(e) {
34686
- var newValue = Math.max(1, Math.min(quantity, Number(e.target.value)));
34687
- setValue(newValue);
34688
- }
34689
- }), React__default.createElement(RangeSlider, {
34690
- type: exports.RangeSliderType.Slider,
34691
- valueMin: 1,
34692
- valueMax: quantity,
34693
- width: "100%",
34694
- onChange: setValue,
34695
- value: value
34696
- }), React__default.createElement(Button, {
34697
- buttonType: exports.ButtonTypes.RPGUIButton,
34698
- type: "submit"
34699
- }, "Confirm")));
34700
- };
34701
- var StyledContainer = /*#__PURE__*/styled(RPGUIContainer).withConfig({
34702
- displayName: "ItemQuantitySelector__StyledContainer",
34703
- componentId: "sc-yfdtpn-0"
34704
- })(["display:flex;flex-direction:column;align-items:center;"]);
34705
- var StyledForm = /*#__PURE__*/styled.form.withConfig({
34706
- displayName: "ItemQuantitySelector__StyledForm",
34707
- componentId: "sc-yfdtpn-1"
34708
- })(["display:flex;flex-direction:column;align-items:center;width:100%;"]);
34709
- var StyledInput = /*#__PURE__*/styled(Input).withConfig({
34710
- displayName: "ItemQuantitySelector__StyledInput",
34711
- componentId: "sc-yfdtpn-2"
34712
- })(["text-align:center;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;}"]);
34713
- var CloseButton$2 = /*#__PURE__*/styled.div.withConfig({
34714
- displayName: "ItemQuantitySelector__CloseButton",
34715
- componentId: "sc-yfdtpn-3"
34716
- })(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:0.8rem;"]);
34717
-
34718
- var ShortcutsSetter = function ShortcutsSetter(_ref) {
34719
- var setSettingShortcutIndex = _ref.setSettingShortcutIndex,
34720
- settingShortcutIndex = _ref.settingShortcutIndex,
34721
- shortcuts = _ref.shortcuts,
34722
- removeShortcut = _ref.removeShortcut,
34723
- atlasJSON = _ref.atlasJSON,
34724
- atlasIMG = _ref.atlasIMG;
34725
- var getContent = function getContent(index) {
34726
- var _shortcuts$index, _shortcuts$index3;
34727
- if (((_shortcuts$index = shortcuts[index]) == null ? void 0 : _shortcuts$index.type) === shared.ShortcutType.Item) {
34728
- var _shortcuts$index2;
34729
- var _payload = (_shortcuts$index2 = shortcuts[index]) == null ? void 0 : _shortcuts$index2.payload;
34730
- if (!_payload) return null;
34731
- return React__default.createElement(SpriteFromAtlas, {
34732
- atlasIMG: atlasIMG,
34733
- atlasJSON: atlasJSON,
34734
- spriteKey: shared.getItemTextureKeyPath({
34735
- key: _payload.texturePath,
34736
- texturePath: _payload.texturePath,
34737
- stackQty: _payload.stackQty || 1
34738
- }, atlasJSON),
34739
- width: 32,
34740
- height: 32,
34741
- imgScale: 1.6,
34742
- imgStyle: {
34743
- left: '5px'
34744
- }
34691
+ var firstAnswerId = currentQuestion.answerIds[0];
34692
+ return answers.find(function (answer) {
34693
+ return answer.id === firstAnswerId;
34694
+ });
34695
+ };
34696
+ var _useState3 = React.useState(onGetFirstAnswer()),
34697
+ currentAnswer = _useState3[0],
34698
+ setCurrentAnswer = _useState3[1];
34699
+ React.useEffect(function () {
34700
+ setCurrentAnswer(onGetFirstAnswer());
34701
+ }, [currentQuestion]);
34702
+ var onGetAnswers = function onGetAnswers(answerIds) {
34703
+ return answerIds.map(function (answerId) {
34704
+ return answers.find(function (answer) {
34705
+ return answer.id === answerId;
34745
34706
  });
34707
+ });
34708
+ };
34709
+ var onKeyPress = function onKeyPress(e) {
34710
+ switch (e.key) {
34711
+ case 'ArrowDown':
34712
+ // select next answer, if any.
34713
+ // if no next answer, select first answer
34714
+ // const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(
34715
+ // (answer) => answer?.id === currentAnswer!.id + 1
34716
+ // );
34717
+ var nextAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
34718
+ return (answer == null ? void 0 : answer.id) === currentAnswer.id + 1;
34719
+ });
34720
+ var nextAnswerID = currentQuestion.answerIds[nextAnswerIndex];
34721
+ var nextAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
34722
+ return (answer == null ? void 0 : answer.id) === nextAnswerID;
34723
+ });
34724
+ setCurrentAnswer(nextAnswer || onGetFirstAnswer());
34725
+ break;
34726
+ case 'ArrowUp':
34727
+ // select previous answer, if any.
34728
+ // if no previous answer, select last answer
34729
+ var previousAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
34730
+ return (answer == null ? void 0 : answer.id) === currentAnswer.id - 1;
34731
+ });
34732
+ var previousAnswerID = currentQuestion.answerIds && currentQuestion.answerIds[previousAnswerIndex];
34733
+ var previousAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
34734
+ return (answer == null ? void 0 : answer.id) === previousAnswerID;
34735
+ });
34736
+ if (previousAnswer) {
34737
+ setCurrentAnswer(previousAnswer);
34738
+ } else {
34739
+ setCurrentAnswer(onGetAnswers(currentQuestion.answerIds).pop());
34740
+ }
34741
+ break;
34742
+ case 'Enter':
34743
+ setCanShowAnswers(false);
34744
+ if (!(currentAnswer != null && currentAnswer.nextQuestionId)) {
34745
+ onClose();
34746
+ return;
34747
+ } else {
34748
+ setCurrentQuestion(questions.find(function (question) {
34749
+ return question.id === currentAnswer.nextQuestionId;
34750
+ }));
34751
+ }
34752
+ break;
34746
34753
  }
34747
- var payload = (_shortcuts$index3 = shortcuts[index]) == null ? void 0 : _shortcuts$index3.payload;
34748
- return React__default.createElement("span", null, payload == null ? void 0 : payload.magicWords.split(' ').map(function (word) {
34749
- return word[0];
34750
- }));
34751
34754
  };
34752
- return React__default.createElement(Container$e, null, React__default.createElement("p", null, "Shortcuts:"), React__default.createElement(List, {
34753
- id: "shortcuts_list"
34754
- }, Array.from({
34755
- length: 6
34756
- }).map(function (_, i) {
34757
- return React__default.createElement(Shortcut, {
34758
- key: i,
34759
- onPointerDown: function onPointerDown() {
34760
- removeShortcut(i);
34761
- if (!shortcuts[i] || shortcuts[i].type === shared.ShortcutType.None) setSettingShortcutIndex(i);
34762
- },
34763
- disabled: settingShortcutIndex !== -1 && settingShortcutIndex !== i,
34764
- isBeingSet: settingShortcutIndex === i
34765
- }, getContent(i));
34766
- })));
34767
- };
34768
- var Container$e = /*#__PURE__*/styled.div.withConfig({
34769
- displayName: "ShortcutsSetter__Container",
34770
- componentId: "sc-xuouuf-0"
34771
- })(["p{margin:0;margin-left:0.5rem;}"]);
34772
- var Shortcut = /*#__PURE__*/styled.button.withConfig({
34773
- displayName: "ShortcutsSetter__Shortcut",
34774
- componentId: "sc-xuouuf-1"
34775
- })(["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) {
34776
- var isBeingSet = _ref2.isBeingSet;
34777
- return isBeingSet ? uiColors.yellow : uiColors.darkGray;
34778
- }, uiColors.darkGray, uiColors.gray);
34779
- var List = /*#__PURE__*/styled.div.withConfig({
34780
- displayName: "ShortcutsSetter__List",
34781
- componentId: "sc-xuouuf-2"
34782
- })(["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;"]);
34783
-
34784
- var ItemContainer$1 = function ItemContainer(_ref) {
34785
- var itemContainer = _ref.itemContainer,
34786
- onClose = _ref.onClose,
34787
- _onMouseOver = _ref.onMouseOver,
34788
- _onSelected = _ref.onSelected,
34789
- onItemClick = _ref.onItemClick,
34790
- type = _ref.type,
34791
- atlasJSON = _ref.atlasJSON,
34792
- atlasIMG = _ref.atlasIMG,
34793
- _ref$disableContextMe = _ref.disableContextMenu,
34794
- disableContextMenu = _ref$disableContextMe === void 0 ? false : _ref$disableContextMe,
34795
- onItemDragEnd = _ref.onItemDragEnd,
34796
- onItemDragStart = _ref.onItemDragStart,
34797
- onItemPlaceDrop = _ref.onItemPlaceDrop,
34798
- _onOutsideDrop = _ref.onOutsideDrop,
34799
- checkIfItemCanBeMoved = _ref.checkIfItemCanBeMoved,
34800
- initialPosition = _ref.initialPosition,
34801
- checkIfItemShouldDragEnd = _ref.checkIfItemShouldDragEnd,
34802
- scale = _ref.scale,
34803
- shortcuts = _ref.shortcuts,
34804
- setItemShortcut = _ref.setItemShortcut,
34805
- removeShortcut = _ref.removeShortcut,
34806
- equipmentSet = _ref.equipmentSet;
34807
- var _useState = React.useState({
34808
- isOpen: false,
34809
- maxQuantity: 1,
34810
- callback: function callback(_quantity) {}
34811
- }),
34812
- quantitySelect = _useState[0],
34813
- setQuantitySelect = _useState[1];
34814
- var _useState2 = React.useState(-1),
34815
- settingShortcutIndex = _useState2[0],
34816
- setSettingShortcutIndex = _useState2[1];
34817
- var onRenderSlots = function onRenderSlots() {
34818
- var slots = [];
34819
- for (var i = 0; i < itemContainer.slotQty; i++) {
34820
- var _itemContainer$slots;
34821
- slots.push(React__default.createElement(ItemSlot, {
34822
- isContextMenuDisabled: disableContextMenu,
34823
- key: i,
34824
- slotIndex: i,
34825
- item: ((_itemContainer$slots = itemContainer.slots) == null ? void 0 : _itemContainer$slots[i]) || null,
34826
- itemContainerType: type,
34827
- onMouseOver: function onMouseOver(event, slotIndex, item) {
34828
- if (_onMouseOver) _onMouseOver(event, slotIndex, item);
34829
- },
34830
- onPointerDown: function onPointerDown(itemType, containerType, item) {
34831
- if (settingShortcutIndex !== -1) {
34832
- setSettingShortcutIndex(-1);
34833
- if (itemType === shared.ItemType.Consumable || itemType === shared.ItemType.Tool) {
34834
- setItemShortcut == null ? void 0 : setItemShortcut(item.key, settingShortcutIndex);
34835
- }
34836
- } else if (onItemClick) onItemClick(item, itemType, containerType);
34837
- },
34838
- onSelected: function onSelected(optionId, item) {
34839
- if (_onSelected) _onSelected(optionId, item);
34840
- },
34841
- onDragStart: function onDragStart(item, slotIndex, itemContainerType) {
34842
- if (onItemDragStart) onItemDragStart(item, slotIndex, itemContainerType);
34843
- },
34844
- onDragEnd: function onDragEnd(quantity) {
34845
- if (onItemDragEnd) onItemDragEnd(quantity);
34846
- },
34847
- dragScale: scale,
34848
- checkIfItemCanBeMoved: checkIfItemCanBeMoved,
34849
- checkIfItemShouldDragEnd: checkIfItemShouldDragEnd,
34850
- openQuantitySelector: function openQuantitySelector(maxQuantity, callback) {
34851
- setQuantitySelect({
34852
- isOpen: true,
34853
- maxQuantity: maxQuantity,
34854
- callback: callback
34855
- });
34856
- },
34857
- onPlaceDrop: function onPlaceDrop(item, slotIndex, itemContainerType) {
34858
- if (onItemPlaceDrop) onItemPlaceDrop(item, slotIndex, itemContainerType);
34859
- },
34860
- onOutsideDrop: function onOutsideDrop(item, position) {
34861
- if (_onOutsideDrop) _onOutsideDrop(item, position);
34862
- },
34863
- atlasIMG: atlasIMG,
34864
- atlasJSON: atlasJSON,
34865
- isSelectingShortcut: settingShortcutIndex !== -1,
34866
- equipmentSet: equipmentSet
34755
+ useEventListener('keydown', onKeyPress);
34756
+ var onAnswerClick = function onAnswerClick(answer) {
34757
+ setCanShowAnswers(false);
34758
+ if (answer.nextQuestionId) {
34759
+ // if there is a next question, go to it
34760
+ setCurrentQuestion(questions.find(function (question) {
34761
+ return question.id === answer.nextQuestionId;
34867
34762
  }));
34763
+ } else {
34764
+ // else, finish dialog!
34765
+ onClose();
34868
34766
  }
34869
- return slots;
34870
34767
  };
34871
- return React__default.createElement(React__default.Fragment, null, React__default.createElement(SlotsContainer, {
34872
- title: itemContainer.name || 'Container',
34873
- onClose: onClose,
34874
- initialPosition: initialPosition,
34875
- scale: scale
34876
- }, type === shared.ItemContainerType.Inventory && shortcuts && removeShortcut && React__default.createElement(ShortcutsSetter, {
34877
- setSettingShortcutIndex: setSettingShortcutIndex,
34878
- settingShortcutIndex: settingShortcutIndex,
34879
- shortcuts: shortcuts,
34880
- removeShortcut: removeShortcut,
34881
- atlasIMG: atlasIMG,
34882
- atlasJSON: atlasJSON
34883
- }), React__default.createElement(ItemsContainer, {
34884
- className: "item-container-body"
34885
- }, onRenderSlots())), quantitySelect.isOpen && React__default.createElement(ModalPortal, null, React__default.createElement(QuantitySelectorContainer, null, React__default.createElement(ItemQuantitySelector, {
34886
- quantity: quantitySelect.maxQuantity,
34887
- onConfirm: function onConfirm(quantity) {
34888
- quantitySelect.callback(quantity);
34889
- setQuantitySelect({
34890
- isOpen: false,
34891
- maxQuantity: 1,
34892
- callback: function callback() {}
34893
- });
34894
- },
34895
- onClose: function onClose() {
34896
- quantitySelect.callback(-1);
34897
- setQuantitySelect({
34898
- isOpen: false,
34899
- maxQuantity: 1,
34900
- callback: function callback() {}
34901
- });
34768
+ var onRenderCurrentAnswers = function onRenderCurrentAnswers() {
34769
+ var answerIds = currentQuestion.answerIds;
34770
+ if (!answerIds) {
34771
+ return null;
34902
34772
  }
34903
- }))));
34904
- };
34905
- var ItemsContainer = /*#__PURE__*/styled.div.withConfig({
34906
- displayName: "ItemContainer__ItemsContainer",
34907
- componentId: "sc-15y5p9l-0"
34908
- })(["display:flex;justify-content:center;flex-wrap:wrap;"]);
34909
- var QuantitySelectorContainer = /*#__PURE__*/styled.div.withConfig({
34910
- displayName: "ItemContainer__QuantitySelectorContainer",
34911
- componentId: "sc-15y5p9l-1"
34912
- })(["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);"]);
34913
-
34914
- var ItemSelector = function ItemSelector(_ref) {
34915
- var atlasIMG = _ref.atlasIMG,
34916
- atlasJSON = _ref.atlasJSON,
34917
- options = _ref.options,
34918
- onClose = _ref.onClose,
34919
- onSelect = _ref.onSelect;
34920
- var _useState = React.useState(),
34921
- selectedValue = _useState[0],
34922
- setSelectedValue = _useState[1];
34923
- var handleClick = function handleClick() {
34924
- var element = document.querySelector("input[name='test']:checked");
34925
- var elementValue = element.value;
34926
- setSelectedValue(elementValue);
34927
- };
34928
- React.useEffect(function () {
34929
- if (selectedValue) {
34930
- onSelect(selectedValue);
34773
+ var answers = onGetAnswers(answerIds);
34774
+ if (!answers) {
34775
+ return null;
34931
34776
  }
34932
- }, [selectedValue]);
34933
- return React__default.createElement(DraggableContainer, {
34934
- type: exports.RPGUIContainerTypes.Framed,
34935
- width: "500px",
34936
- cancelDrag: ".equipment-container-body .arrow-selector",
34937
- onCloseButton: function onCloseButton() {
34938
- if (onClose) {
34939
- onClose();
34777
+ return answers.map(function (answer) {
34778
+ var isSelected = (currentAnswer == null ? void 0 : currentAnswer.id) === (answer == null ? void 0 : answer.id);
34779
+ var selectedColor = isSelected ? 'yellow' : 'white';
34780
+ if (answer) {
34781
+ return React__default.createElement(AnswerRow, {
34782
+ key: "answer_" + answer.id
34783
+ }, React__default.createElement(AnswerSelectedIcon, {
34784
+ color: selectedColor
34785
+ }, isSelected ? 'X' : null), React__default.createElement(Answer, {
34786
+ key: answer.id,
34787
+ onPointerDown: function onPointerDown() {
34788
+ return onAnswerClick(answer);
34789
+ },
34790
+ color: selectedColor
34791
+ }, answer.text));
34940
34792
  }
34793
+ return null;
34794
+ });
34795
+ };
34796
+ return React__default.createElement(Container$f, null, React__default.createElement(QuestionContainer, null, React__default.createElement(DynamicText, {
34797
+ text: currentQuestion.text,
34798
+ onStart: function onStart() {
34799
+ return setCanShowAnswers(false);
34800
+ },
34801
+ onFinish: function onFinish() {
34802
+ return setCanShowAnswers(true);
34941
34803
  }
34942
- }, React__default.createElement("div", {
34943
- style: {
34944
- width: '100%'
34945
- }
34946
- }, React__default.createElement(Title$3, null, 'Harvesting instruments'), React__default.createElement(Subtitle$1, null, 'Use the tool, you need it'), React__default.createElement("hr", {
34947
- className: "golden"
34948
- })), React__default.createElement(RadioInputScroller$1, null, options == null ? void 0 : options.map(function (option, index) {
34949
- return React__default.createElement(RadioOptionsWrapper$1, {
34950
- key: index
34951
- }, React__default.createElement(SpriteAtlasWrapper$1, null, React__default.createElement(SpriteFromAtlas, {
34952
- atlasIMG: atlasIMG,
34953
- atlasJSON: atlasJSON,
34954
- spriteKey: option.imageKey,
34955
- imgScale: 3
34956
- })), React__default.createElement("div", null, React__default.createElement("input", {
34957
- className: "rpgui-radio",
34958
- type: "radio",
34959
- value: option.name,
34960
- name: "test"
34961
- }), React__default.createElement("label", {
34962
- onPointerDown: handleClick,
34963
- style: {
34964
- display: 'flex',
34965
- alignItems: 'center'
34966
- }
34967
- }, option.name, " ", React__default.createElement("br", null), option.description)));
34968
- })), React__default.createElement(ButtonWrapper$1, null, React__default.createElement(Button, {
34969
- buttonType: exports.ButtonTypes.RPGUIButton,
34970
- onPointerDown: onClose
34971
- }, "Cancel"), React__default.createElement(Button, {
34972
- buttonType: exports.ButtonTypes.RPGUIButton
34973
- }, "Select")));
34804
+ })), canShowAnswers && React__default.createElement(AnswersContainer, null, onRenderCurrentAnswers()));
34974
34805
  };
34975
- var Title$3 = /*#__PURE__*/styled.h1.withConfig({
34976
- displayName: "ItemSelector__Title",
34977
- componentId: "sc-gptoxp-0"
34978
- })(["font-size:0.6rem;color:yellow !important;"]);
34979
- var Subtitle$1 = /*#__PURE__*/styled.h1.withConfig({
34980
- displayName: "ItemSelector__Subtitle",
34981
- componentId: "sc-gptoxp-1"
34982
- })(["font-size:0.4rem;color:yellow !important;"]);
34983
- var RadioInputScroller$1 = /*#__PURE__*/styled.div.withConfig({
34984
- displayName: "ItemSelector__RadioInputScroller",
34985
- componentId: "sc-gptoxp-2"
34986
- })(["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;"]);
34987
- var SpriteAtlasWrapper$1 = /*#__PURE__*/styled.div.withConfig({
34988
- displayName: "ItemSelector__SpriteAtlasWrapper",
34989
- componentId: "sc-gptoxp-3"
34990
- })(["margin-right:40px;"]);
34991
- var RadioOptionsWrapper$1 = /*#__PURE__*/styled.div.withConfig({
34992
- displayName: "ItemSelector__RadioOptionsWrapper",
34993
- componentId: "sc-gptoxp-4"
34994
- })(["display:flex;align-items:stretch;margin-bottom:40px;"]);
34995
- var ButtonWrapper$1 = /*#__PURE__*/styled.div.withConfig({
34996
- displayName: "ItemSelector__ButtonWrapper",
34997
- componentId: "sc-gptoxp-5"
34998
- })(["display:flex;justify-content:space-around;padding-top:20px;width:100%;"]);
34806
+ var Container$f = /*#__PURE__*/styled.div.withConfig({
34807
+ displayName: "QuestionDialog__Container",
34808
+ componentId: "sc-bxc5u0-0"
34809
+ })(["display:flex;word-break:break-all;box-sizing:border-box;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;"]);
34810
+ var QuestionContainer = /*#__PURE__*/styled.div.withConfig({
34811
+ displayName: "QuestionDialog__QuestionContainer",
34812
+ componentId: "sc-bxc5u0-1"
34813
+ })(["flex:100%;width:100%;"]);
34814
+ var AnswersContainer = /*#__PURE__*/styled.div.withConfig({
34815
+ displayName: "QuestionDialog__AnswersContainer",
34816
+ componentId: "sc-bxc5u0-2"
34817
+ })(["flex:100%;"]);
34818
+ var Answer = /*#__PURE__*/styled.p.withConfig({
34819
+ displayName: "QuestionDialog__Answer",
34820
+ componentId: "sc-bxc5u0-3"
34821
+ })(["flex:auto;color:", " !important;font-size:0.65rem !important;background:inherit;border:none;"], function (props) {
34822
+ return props.color;
34823
+ });
34824
+ var AnswerSelectedIcon = /*#__PURE__*/styled.span.withConfig({
34825
+ displayName: "QuestionDialog__AnswerSelectedIcon",
34826
+ componentId: "sc-bxc5u0-4"
34827
+ })(["flex:5% 0 0;color:", " !important;"], function (props) {
34828
+ return props.color;
34829
+ });
34830
+ var AnswerRow = /*#__PURE__*/styled.div.withConfig({
34831
+ displayName: "QuestionDialog__AnswerRow",
34832
+ componentId: "sc-bxc5u0-5"
34833
+ })(["display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:0.5rem;height:22px;p{line-height:unset;margin-top:0;margin-bottom:0rem;}"]);
34999
34834
 
35000
- var ListMenu = function ListMenu(_ref) {
35001
- var options = _ref.options,
35002
- onSelected = _ref.onSelected,
35003
- x = _ref.x,
35004
- y = _ref.y;
35005
- return React__default.createElement(Container$f, {
35006
- x: x,
35007
- y: y
35008
- }, React__default.createElement("ul", {
35009
- className: "rpgui-list-imp",
35010
- style: {
35011
- overflow: 'hidden'
34835
+ var img$8 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAP1BMVEUAAAA7FyVxQTsUEBPj5v////+5v/tCJDOOUlIiHBr1oJfptaO6dWr61rhzFy1bMTjoanMUNGQoXMQkn97+88DQ3IhAAAAAAXRSTlMAQObYZgAAAAFiS0dEBfhv6ccAAAAHdElNRQfmAw4VOBC7c5LYAAABM0lEQVQ4y3XRi5KDIAwFUAUkbrBgpP//rZsHVHQ009qZ3tPboNN0zmwzvcw8O5sX4y0NOg/Et3jRCXF+ziULorjkOQ9gE24dvuUAzq08DiCO4pe3WN7zCP56vmpubBReQYC11YPS86ySxxCsAABTSgjb5m4g8nfbxvFHBkH2OEEvAItVuCuIsgGgl+Gcr7kDXxhEAx55A2SQEEeQeZwUaIP8Tbo05B0RFPhItAjgj1w6cDnhLluDj+Egkh3pCCP4pKQAw1IPO0W9Nti5gW9RP2dKA3BZd2Dw+baYX+Nt4GM00O4S3kEpF6Alb2Bv4LeC3kkGfAW0/p0RPoJVKr63ghHsKuRh5DIUKOAlGOwrtt9fQekAEfmhZslHUDoglB0zjfkJigN7UnTQQ4GBWomoVhEN/AOPSBh38gy+fwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wMy0xNFQyMTo1NTo1MSswMDowMJcc0eEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDMtMTRUMjE6NTU6NTErMDA6MDDmQWldAAAAAElFTkSuQmCC';
34836
+
34837
+ (function (NPCDialogType) {
34838
+ NPCDialogType["TextOnly"] = "TextOnly";
34839
+ NPCDialogType["TextAndThumbnail"] = "TextAndThumbnail";
34840
+ })(exports.NPCDialogType || (exports.NPCDialogType = {}));
34841
+ var NPCDialog = function NPCDialog(_ref) {
34842
+ var text = _ref.text,
34843
+ type = _ref.type,
34844
+ _onClose = _ref.onClose,
34845
+ imagePath = _ref.imagePath,
34846
+ _ref$isQuestionDialog = _ref.isQuestionDialog,
34847
+ isQuestionDialog = _ref$isQuestionDialog === void 0 ? false : _ref$isQuestionDialog,
34848
+ questions = _ref.questions,
34849
+ answers = _ref.answers;
34850
+ return React__default.createElement(RPGUIContainer, {
34851
+ type: exports.RPGUIContainerTypes.FramedGold,
34852
+ width: isQuestionDialog ? '600px' : '80%',
34853
+ height: '180px'
34854
+ }, isQuestionDialog && questions && answers ? React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer$1, {
34855
+ flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
34856
+ }, React__default.createElement(QuestionDialog, {
34857
+ questions: questions,
34858
+ answers: answers,
34859
+ onClose: function onClose() {
34860
+ if (_onClose) {
34861
+ _onClose();
34862
+ }
35012
34863
  }
35013
- }, options.map(function (params, index) {
35014
- return React__default.createElement(ListElement$1, {
35015
- key: (params == null ? void 0 : params.id) || index,
35016
- onPointerDown: function onPointerDown() {
35017
- onSelected(params == null ? void 0 : params.id);
34864
+ })), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
34865
+ src: imagePath || img$8
34866
+ }))) : React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$g, null, React__default.createElement(TextContainer$1, {
34867
+ flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
34868
+ }, React__default.createElement(NPCDialogText, {
34869
+ type: type,
34870
+ text: text || 'No text provided.',
34871
+ onClose: function onClose() {
34872
+ if (_onClose) {
34873
+ _onClose();
35018
34874
  }
35019
- }, (params == null ? void 0 : params.text) || 'No text');
35020
- })));
34875
+ }
34876
+ })), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
34877
+ src: imagePath || img$8
34878
+ })))));
35021
34879
  };
35022
- var Container$f = /*#__PURE__*/styled.div.withConfig({
35023
- displayName: "ListMenu__Container",
35024
- componentId: "sc-i9097t-0"
35025
- })(["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) {
35026
- return props.y || 0;
35027
- }, function (props) {
35028
- return props.x || 0;
35029
- }, uiFonts.size.xsmall);
35030
- var ListElement$1 = /*#__PURE__*/styled.li.withConfig({
35031
- displayName: "ListMenu__ListElement",
35032
- componentId: "sc-i9097t-1"
35033
- })(["margin-right:0.5rem;"]);
35034
-
35035
- var img$6 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAP1BMVEUAAAA7FyVxQTsUEBPj5v////+5v/tCJDOOUlIiHBr1oJfptaO6dWr61rhzFy1bMTjoanMUNGQoXMQkn97+88DQ3IhAAAAAAXRSTlMAQObYZgAAAAFiS0dEBfhv6ccAAAAHdElNRQfmAw4VOBC7c5LYAAABM0lEQVQ4y3XRi5KDIAwFUAUkbrBgpP//rZsHVHQ009qZ3tPboNN0zmwzvcw8O5sX4y0NOg/Et3jRCXF+ziULorjkOQ9gE24dvuUAzq08DiCO4pe3WN7zCP56vmpubBReQYC11YPS86ySxxCsAABTSgjb5m4g8nfbxvFHBkH2OEEvAItVuCuIsgGgl+Gcr7kDXxhEAx55A2SQEEeQeZwUaIP8Tbo05B0RFPhItAjgj1w6cDnhLluDj+Egkh3pCCP4pKQAw1IPO0W9Nti5gW9RP2dKA3BZd2Dw+baYX+Nt4GM00O4S3kEpF6Alb2Bv4LeC3kkGfAW0/p0RPoJVKr63ghHsKuRh5DIUKOAlGOwrtt9fQekAEfmhZslHUDoglB0zjfkJigN7UnTQQ4GBWomoVhEN/AOPSBh38gy+fwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wMy0xNFQyMTo1NTo1MSswMDowMJcc0eEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDMtMTRUMjE6NTU6NTErMDA6MDDmQWldAAAAAElFTkSuQmCC';
35036
-
35037
- 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';
34880
+ var Container$g = /*#__PURE__*/styled.div.withConfig({
34881
+ displayName: "NPCDialog__Container",
34882
+ componentId: "sc-1b4aw74-0"
34883
+ })(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
34884
+ var TextContainer$1 = /*#__PURE__*/styled.div.withConfig({
34885
+ displayName: "NPCDialog__TextContainer",
34886
+ componentId: "sc-1b4aw74-1"
34887
+ })(["flex:", " 0 0;width:355px;"], function (_ref2) {
34888
+ var flex = _ref2.flex;
34889
+ return flex;
34890
+ });
34891
+ var ThumbnailContainer = /*#__PURE__*/styled.div.withConfig({
34892
+ displayName: "NPCDialog__ThumbnailContainer",
34893
+ componentId: "sc-1b4aw74-2"
34894
+ })(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
34895
+ var NPCThumbnail = /*#__PURE__*/styled.img.withConfig({
34896
+ displayName: "NPCDialog__NPCThumbnail",
34897
+ componentId: "sc-1b4aw74-3"
34898
+ })(["image-rendering:pixelated;height:128px;width:128px;"]);
35038
34899
 
35039
34900
  (function (ImgSide) {
35040
34901
  ImgSide["right"] = "right";
@@ -35072,7 +34933,7 @@ var NPCMultiDialog = function NPCMultiDialog(_ref) {
35072
34933
  type: exports.RPGUIContainerTypes.FramedGold,
35073
34934
  width: '50%',
35074
34935
  height: '180px'
35075
- }, React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$g, null, ((_textAndTypeArray$sli = textAndTypeArray[slide]) == null ? void 0 : _textAndTypeArray$sli.imageSide) === 'right' && React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer, {
34936
+ }, React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$h, null, ((_textAndTypeArray$sli = textAndTypeArray[slide]) == null ? void 0 : _textAndTypeArray$sli.imageSide) === 'right' && React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer$2, {
35076
34937
  flex: '70%'
35077
34938
  }, React__default.createElement(NPCDialogText, {
35078
34939
  onStartStep: function onStartStep() {
@@ -35087,14 +34948,14 @@ var NPCMultiDialog = function NPCMultiDialog(_ref) {
35087
34948
  _onClose();
35088
34949
  }
35089
34950
  }
35090
- })), React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
35091
- src: textAndTypeArray[slide].imagePath || img$6
35092
- })), showGoNextIndicator && React__default.createElement(PressSpaceIndicator, {
34951
+ })), React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
34952
+ src: textAndTypeArray[slide].imagePath || img$8
34953
+ })), showGoNextIndicator && React__default.createElement(PressSpaceIndicator$1, {
35093
34954
  right: '10.5rem',
35094
34955
  src: img$7
35095
- })), textAndTypeArray[slide].imageSide === 'left' && React__default.createElement(React__default.Fragment, null, React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
35096
- src: textAndTypeArray[slide].imagePath || img$6
35097
- })), React__default.createElement(TextContainer, {
34956
+ })), textAndTypeArray[slide].imageSide === 'left' && React__default.createElement(React__default.Fragment, null, React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
34957
+ src: textAndTypeArray[slide].imagePath || img$8
34958
+ })), React__default.createElement(TextContainer$2, {
35098
34959
  flex: '70%'
35099
34960
  }, React__default.createElement(NPCDialogText, {
35100
34961
  onStartStep: function onStartStep() {
@@ -35109,31 +34970,31 @@ var NPCMultiDialog = function NPCMultiDialog(_ref) {
35109
34970
  _onClose();
35110
34971
  }
35111
34972
  }
35112
- })), showGoNextIndicator && React__default.createElement(PressSpaceIndicator, {
34973
+ })), showGoNextIndicator && React__default.createElement(PressSpaceIndicator$1, {
35113
34974
  right: '1rem',
35114
34975
  src: img$7
35115
34976
  }))), ")"));
35116
34977
  };
35117
- var Container$g = /*#__PURE__*/styled.div.withConfig({
34978
+ var Container$h = /*#__PURE__*/styled.div.withConfig({
35118
34979
  displayName: "NPCMultiDialog__Container",
35119
34980
  componentId: "sc-rvu5wg-0"
35120
34981
  })(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
35121
- var TextContainer = /*#__PURE__*/styled.div.withConfig({
34982
+ var TextContainer$2 = /*#__PURE__*/styled.div.withConfig({
35122
34983
  displayName: "NPCMultiDialog__TextContainer",
35123
34984
  componentId: "sc-rvu5wg-1"
35124
34985
  })(["flex:", " 0 0;width:355px;"], function (_ref2) {
35125
34986
  var flex = _ref2.flex;
35126
34987
  return flex;
35127
34988
  });
35128
- var ThumbnailContainer = /*#__PURE__*/styled.div.withConfig({
34989
+ var ThumbnailContainer$1 = /*#__PURE__*/styled.div.withConfig({
35129
34990
  displayName: "NPCMultiDialog__ThumbnailContainer",
35130
34991
  componentId: "sc-rvu5wg-2"
35131
34992
  })(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
35132
- var NPCThumbnail = /*#__PURE__*/styled.img.withConfig({
34993
+ var NPCThumbnail$1 = /*#__PURE__*/styled.img.withConfig({
35133
34994
  displayName: "NPCMultiDialog__NPCThumbnail",
35134
34995
  componentId: "sc-rvu5wg-3"
35135
34996
  })(["image-rendering:pixelated;height:128px;width:128px;"]);
35136
- var PressSpaceIndicator = /*#__PURE__*/styled.img.withConfig({
34997
+ var PressSpaceIndicator$1 = /*#__PURE__*/styled.img.withConfig({
35137
34998
  displayName: "NPCMultiDialog__PressSpaceIndicator",
35138
34999
  componentId: "sc-rvu5wg-4"
35139
35000
  })(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref3) {
@@ -35141,221 +35002,574 @@ var PressSpaceIndicator = /*#__PURE__*/styled.img.withConfig({
35141
35002
  return right;
35142
35003
  });
35143
35004
 
35144
- //@ts-ignore
35145
- var useEventListener = function useEventListener(type, handler, el) {
35146
- if (el === void 0) {
35147
- el = window;
35148
- }
35149
- var savedHandler = React__default.useRef();
35150
- React__default.useEffect(function () {
35151
- savedHandler.current = handler;
35152
- }, [handler]);
35153
- React__default.useEffect(function () {
35154
- //@ts-ignore
35155
- var listener = function listener(e) {
35156
- return savedHandler.current(e);
35157
- };
35158
- el.addEventListener(type, listener);
35005
+ var HistoryDialog = function HistoryDialog(_ref) {
35006
+ var backgroundImgPath = _ref.backgroundImgPath,
35007
+ fullCoverBackground = _ref.fullCoverBackground,
35008
+ questions = _ref.questions,
35009
+ answers = _ref.answers,
35010
+ text = _ref.text,
35011
+ imagePath = _ref.imagePath,
35012
+ textAndTypeArray = _ref.textAndTypeArray,
35013
+ onClose = _ref.onClose;
35014
+ var _useState = React.useState(0),
35015
+ img = _useState[0],
35016
+ setImage = _useState[1];
35017
+ var onHandleSpacePress = function onHandleSpacePress(event) {
35018
+ if (event.code === 'Space') {
35019
+ if (img < (backgroundImgPath == null ? void 0 : backgroundImgPath.length) - 1) {
35020
+ setImage(function (prev) {
35021
+ return prev + 1;
35022
+ });
35023
+ } else {
35024
+ // if there's no more text chunks, close the dialog
35025
+ onClose();
35026
+ }
35027
+ }
35028
+ };
35029
+ React.useEffect(function () {
35030
+ document.addEventListener('keydown', onHandleSpacePress);
35159
35031
  return function () {
35160
- el.removeEventListener(type, listener);
35032
+ return document.removeEventListener('keydown', onHandleSpacePress);
35161
35033
  };
35162
- }, [type, el]);
35034
+ }, [backgroundImgPath]);
35035
+ return React__default.createElement(BackgroundContainer, {
35036
+ imgPath: backgroundImgPath[img],
35037
+ fullImg: fullCoverBackground
35038
+ }, React__default.createElement(DialogContainer, null, textAndTypeArray ? React__default.createElement(NPCMultiDialog, {
35039
+ textAndTypeArray: textAndTypeArray,
35040
+ onClose: onClose
35041
+ }) : questions && answers ? React__default.createElement(QuestionDialog, {
35042
+ questions: questions,
35043
+ answers: answers,
35044
+ onClose: onClose
35045
+ }) : text && imagePath ? React__default.createElement(NPCDialog, {
35046
+ text: text,
35047
+ imagePath: imagePath,
35048
+ onClose: onClose,
35049
+ type: exports.NPCDialogType.TextAndThumbnail
35050
+ }) : React__default.createElement(NPCDialog, {
35051
+ text: text,
35052
+ onClose: onClose,
35053
+ type: exports.NPCDialogType.TextOnly
35054
+ })));
35163
35055
  };
35056
+ var BackgroundContainer = /*#__PURE__*/styled.div.withConfig({
35057
+ displayName: "HistoryDialog__BackgroundContainer",
35058
+ componentId: "sc-u6oe75-0"
35059
+ })(["width:100%;height:100%;background-image:url(", ");background-size:", ";display:flex;justify-content:space-evenly;align-items:center;"], function (props) {
35060
+ return props.imgPath;
35061
+ }, function (props) {
35062
+ return props.imgPath ? 'cover' : 'auto';
35063
+ });
35064
+ var DialogContainer = /*#__PURE__*/styled.div.withConfig({
35065
+ displayName: "HistoryDialog__DialogContainer",
35066
+ componentId: "sc-u6oe75-1"
35067
+ })(["display:flex;justify-content:center;padding-top:200px;"]);
35164
35068
 
35165
- var DynamicText = function DynamicText(_ref) {
35166
- var text = _ref.text,
35167
- onFinish = _ref.onFinish,
35168
- onStart = _ref.onStart;
35169
- var _useState = React.useState(''),
35170
- textState = _useState[0],
35171
- setTextState = _useState[1];
35069
+ var SlotsContainer = function SlotsContainer(_ref) {
35070
+ var children = _ref.children,
35071
+ title = _ref.title,
35072
+ onClose = _ref.onClose,
35073
+ _onPositionChange = _ref.onPositionChange,
35074
+ onOutsideClick = _ref.onOutsideClick,
35075
+ initialPosition = _ref.initialPosition,
35076
+ scale = _ref.scale;
35077
+ return React__default.createElement(DraggableContainer, {
35078
+ title: title,
35079
+ type: exports.RPGUIContainerTypes.Framed,
35080
+ onCloseButton: function onCloseButton() {
35081
+ if (onClose) {
35082
+ onClose();
35083
+ }
35084
+ },
35085
+ width: "400px",
35086
+ cancelDrag: ".item-container-body, #shortcuts_list",
35087
+ onPositionChange: function onPositionChange(_ref2) {
35088
+ var x = _ref2.x,
35089
+ y = _ref2.y;
35090
+ if (_onPositionChange) {
35091
+ _onPositionChange({
35092
+ x: x,
35093
+ y: y
35094
+ });
35095
+ }
35096
+ },
35097
+ onOutsideClick: onOutsideClick,
35098
+ initialPosition: initialPosition,
35099
+ scale: scale
35100
+ }, children);
35101
+ };
35102
+
35103
+ (function (RangeSliderType) {
35104
+ RangeSliderType["Slider"] = "rpgui-slider";
35105
+ RangeSliderType["GoldSlider"] = "rpgui-slider golden";
35106
+ })(exports.RangeSliderType || (exports.RangeSliderType = {}));
35107
+ var RangeSlider = function RangeSlider(_ref) {
35108
+ var type = _ref.type,
35109
+ valueMin = _ref.valueMin,
35110
+ valueMax = _ref.valueMax,
35111
+ width = _ref.width,
35112
+ _onChange = _ref.onChange,
35113
+ value = _ref.value;
35114
+ var sliderId = uuid.v4();
35115
+ var containerRef = React.useRef(null);
35116
+ var _useState = React.useState(0),
35117
+ left = _useState[0],
35118
+ setLeft = _useState[1];
35119
+ React.useEffect(function () {
35120
+ var _containerRef$current;
35121
+ var calculatedWidth = ((_containerRef$current = containerRef.current) == null ? void 0 : _containerRef$current.clientWidth) || 0;
35122
+ setLeft(Math.max((value - valueMin) / (valueMax - valueMin) * (calculatedWidth - 35) + 10));
35123
+ }, [value, valueMin, valueMax]);
35124
+ var typeClass = type === exports.RangeSliderType.GoldSlider ? 'golden' : '';
35125
+ return React__default.createElement("div", {
35126
+ style: {
35127
+ width: width,
35128
+ position: 'relative'
35129
+ },
35130
+ className: "rpgui-slider-container " + typeClass,
35131
+ id: "rpgui-slider-" + sliderId,
35132
+ ref: containerRef
35133
+ }, React__default.createElement("div", {
35134
+ style: {
35135
+ pointerEvents: 'none'
35136
+ }
35137
+ }, React__default.createElement("div", {
35138
+ className: "rpgui-slider-track " + typeClass
35139
+ }), React__default.createElement("div", {
35140
+ className: "rpgui-slider-left-edge " + typeClass
35141
+ }), React__default.createElement("div", {
35142
+ className: "rpgui-slider-right-edge " + typeClass
35143
+ }), React__default.createElement("div", {
35144
+ className: "rpgui-slider-thumb " + typeClass,
35145
+ style: {
35146
+ left: left
35147
+ }
35148
+ })), React__default.createElement(Input$1, {
35149
+ type: "range",
35150
+ style: {
35151
+ width: width
35152
+ },
35153
+ min: valueMin,
35154
+ max: valueMax,
35155
+ onChange: function onChange(e) {
35156
+ return _onChange(Number(e.target.value));
35157
+ },
35158
+ value: value,
35159
+ className: "rpgui-cursor-point"
35160
+ }));
35161
+ };
35162
+ var Input$1 = /*#__PURE__*/styled.input.withConfig({
35163
+ displayName: "RangeSlider__Input",
35164
+ componentId: "sc-v8mte9-0"
35165
+ })(["opacity:0;position:absolute;width:100%;height:100%;top:0;left:0;margin-top:-5px;"]);
35166
+
35167
+ var ItemQuantitySelector = function ItemQuantitySelector(_ref) {
35168
+ var quantity = _ref.quantity,
35169
+ onConfirm = _ref.onConfirm,
35170
+ onClose = _ref.onClose;
35171
+ var _useState = React.useState(quantity),
35172
+ value = _useState[0],
35173
+ setValue = _useState[1];
35174
+ var inputRef = React.useRef(null);
35172
35175
  React.useEffect(function () {
35173
- var i = 0;
35174
- var interval = setInterval(function () {
35175
- // on every interval, show one more character
35176
- if (i === 0) {
35177
- if (onStart) {
35178
- onStart();
35176
+ if (inputRef.current) {
35177
+ inputRef.current.focus();
35178
+ inputRef.current.select();
35179
+ var closeSelector = function closeSelector(e) {
35180
+ if (e.key === 'Escape') {
35181
+ onClose();
35179
35182
  }
35183
+ };
35184
+ document.addEventListener('keydown', closeSelector);
35185
+ return function () {
35186
+ document.removeEventListener('keydown', closeSelector);
35187
+ };
35188
+ }
35189
+ return function () {};
35190
+ }, []);
35191
+ return React__default.createElement(StyledContainer, {
35192
+ type: exports.RPGUIContainerTypes.Framed,
35193
+ width: "25rem"
35194
+ }, React__default.createElement(CloseButton$2, {
35195
+ className: "container-close",
35196
+ onPointerDown: onClose
35197
+ }, "X"), React__default.createElement("h2", null, "Select quantity to move"), React__default.createElement(StyledForm, {
35198
+ style: {
35199
+ width: '100%'
35200
+ },
35201
+ onSubmit: function onSubmit(e) {
35202
+ e.preventDefault();
35203
+ var numberValue = Number(value);
35204
+ if (Number.isNaN(numberValue)) {
35205
+ return;
35180
35206
  }
35181
- if (i < text.length) {
35182
- setTextState(text.substring(0, i + 1));
35183
- i++;
35184
- } else {
35185
- clearInterval(interval);
35186
- if (onFinish) {
35187
- onFinish();
35188
- }
35207
+ onConfirm(Math.max(1, Math.min(quantity, numberValue)));
35208
+ },
35209
+ noValidate: true
35210
+ }, React__default.createElement(StyledInput, {
35211
+ innerRef: inputRef,
35212
+ placeholder: "Enter quantity",
35213
+ type: "number",
35214
+ min: 1,
35215
+ max: quantity,
35216
+ value: value,
35217
+ onChange: function onChange(e) {
35218
+ if (Number(e.target.value) >= quantity) {
35219
+ setValue(quantity);
35220
+ return;
35189
35221
  }
35190
- }, 50);
35191
- return function () {
35192
- clearInterval(interval);
35193
- };
35194
- }, [text]);
35195
- return React__default.createElement(TextContainer$1, null, textState);
35222
+ setValue(e.target.value);
35223
+ },
35224
+ onBlur: function onBlur(e) {
35225
+ var newValue = Math.max(1, Math.min(quantity, Number(e.target.value)));
35226
+ setValue(newValue);
35227
+ }
35228
+ }), React__default.createElement(RangeSlider, {
35229
+ type: exports.RangeSliderType.Slider,
35230
+ valueMin: 1,
35231
+ valueMax: quantity,
35232
+ width: "100%",
35233
+ onChange: setValue,
35234
+ value: value
35235
+ }), React__default.createElement(Button, {
35236
+ buttonType: exports.ButtonTypes.RPGUIButton,
35237
+ type: "submit"
35238
+ }, "Confirm")));
35196
35239
  };
35197
- var TextContainer$1 = /*#__PURE__*/styled.p.withConfig({
35198
- displayName: "DynamicText__TextContainer",
35199
- componentId: "sc-1ggl9nd-0"
35200
- })(["font-size:0.7rem !important;color:white;text-shadow:1px 1px 0px #000000;letter-spacing:1.2px;word-break:normal;"]);
35240
+ var StyledContainer = /*#__PURE__*/styled(RPGUIContainer).withConfig({
35241
+ displayName: "ItemQuantitySelector__StyledContainer",
35242
+ componentId: "sc-yfdtpn-0"
35243
+ })(["display:flex;flex-direction:column;align-items:center;"]);
35244
+ var StyledForm = /*#__PURE__*/styled.form.withConfig({
35245
+ displayName: "ItemQuantitySelector__StyledForm",
35246
+ componentId: "sc-yfdtpn-1"
35247
+ })(["display:flex;flex-direction:column;align-items:center;width:100%;"]);
35248
+ var StyledInput = /*#__PURE__*/styled(Input).withConfig({
35249
+ displayName: "ItemQuantitySelector__StyledInput",
35250
+ componentId: "sc-yfdtpn-2"
35251
+ })(["text-align:center;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;}"]);
35252
+ var CloseButton$2 = /*#__PURE__*/styled.div.withConfig({
35253
+ displayName: "ItemQuantitySelector__CloseButton",
35254
+ componentId: "sc-yfdtpn-3"
35255
+ })(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:0.8rem;"]);
35201
35256
 
35202
- var QuestionDialog = function QuestionDialog(_ref) {
35203
- var questions = _ref.questions,
35204
- answers = _ref.answers,
35205
- onClose = _ref.onClose;
35206
- var _useState = React.useState(questions[0]),
35207
- currentQuestion = _useState[0],
35208
- setCurrentQuestion = _useState[1];
35209
- var _useState2 = React.useState(false),
35210
- canShowAnswers = _useState2[0],
35211
- setCanShowAnswers = _useState2[1];
35212
- var onGetFirstAnswer = function onGetFirstAnswer() {
35213
- if (!currentQuestion.answerIds || currentQuestion.answerIds.length === 0) {
35214
- return null;
35257
+ var ShortcutsSetter = function ShortcutsSetter(_ref) {
35258
+ var setSettingShortcutIndex = _ref.setSettingShortcutIndex,
35259
+ settingShortcutIndex = _ref.settingShortcutIndex,
35260
+ shortcuts = _ref.shortcuts,
35261
+ removeShortcut = _ref.removeShortcut,
35262
+ atlasJSON = _ref.atlasJSON,
35263
+ atlasIMG = _ref.atlasIMG;
35264
+ var getContent = function getContent(index) {
35265
+ var _shortcuts$index, _shortcuts$index3;
35266
+ if (((_shortcuts$index = shortcuts[index]) == null ? void 0 : _shortcuts$index.type) === shared.ShortcutType.Item) {
35267
+ var _shortcuts$index2;
35268
+ var _payload = (_shortcuts$index2 = shortcuts[index]) == null ? void 0 : _shortcuts$index2.payload;
35269
+ if (!_payload) return null;
35270
+ return React__default.createElement(SpriteFromAtlas, {
35271
+ atlasIMG: atlasIMG,
35272
+ atlasJSON: atlasJSON,
35273
+ spriteKey: shared.getItemTextureKeyPath({
35274
+ key: _payload.texturePath,
35275
+ texturePath: _payload.texturePath,
35276
+ stackQty: _payload.stackQty || 1
35277
+ }, atlasJSON),
35278
+ width: 32,
35279
+ height: 32,
35280
+ imgScale: 1.6,
35281
+ imgStyle: {
35282
+ left: '5px'
35283
+ }
35284
+ });
35285
+ }
35286
+ var payload = (_shortcuts$index3 = shortcuts[index]) == null ? void 0 : _shortcuts$index3.payload;
35287
+ return React__default.createElement("span", null, payload == null ? void 0 : payload.magicWords.split(' ').map(function (word) {
35288
+ return word[0];
35289
+ }));
35290
+ };
35291
+ return React__default.createElement(Container$i, null, React__default.createElement("p", null, "Shortcuts:"), React__default.createElement(List, {
35292
+ id: "shortcuts_list"
35293
+ }, Array.from({
35294
+ length: 6
35295
+ }).map(function (_, i) {
35296
+ return React__default.createElement(Shortcut, {
35297
+ key: i,
35298
+ onPointerDown: function onPointerDown() {
35299
+ removeShortcut(i);
35300
+ if (!shortcuts[i] || shortcuts[i].type === shared.ShortcutType.None) setSettingShortcutIndex(i);
35301
+ },
35302
+ disabled: settingShortcutIndex !== -1 && settingShortcutIndex !== i,
35303
+ isBeingSet: settingShortcutIndex === i
35304
+ }, getContent(i));
35305
+ })));
35306
+ };
35307
+ var Container$i = /*#__PURE__*/styled.div.withConfig({
35308
+ displayName: "ShortcutsSetter__Container",
35309
+ componentId: "sc-xuouuf-0"
35310
+ })(["p{margin:0;margin-left:0.5rem;}"]);
35311
+ var Shortcut = /*#__PURE__*/styled.button.withConfig({
35312
+ displayName: "ShortcutsSetter__Shortcut",
35313
+ componentId: "sc-xuouuf-1"
35314
+ })(["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) {
35315
+ var isBeingSet = _ref2.isBeingSet;
35316
+ return isBeingSet ? uiColors.yellow : uiColors.darkGray;
35317
+ }, uiColors.darkGray, uiColors.gray);
35318
+ var List = /*#__PURE__*/styled.div.withConfig({
35319
+ displayName: "ShortcutsSetter__List",
35320
+ componentId: "sc-xuouuf-2"
35321
+ })(["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;"]);
35322
+
35323
+ var ItemContainer$1 = function ItemContainer(_ref) {
35324
+ var itemContainer = _ref.itemContainer,
35325
+ onClose = _ref.onClose,
35326
+ _onMouseOver = _ref.onMouseOver,
35327
+ _onSelected = _ref.onSelected,
35328
+ onItemClick = _ref.onItemClick,
35329
+ type = _ref.type,
35330
+ atlasJSON = _ref.atlasJSON,
35331
+ atlasIMG = _ref.atlasIMG,
35332
+ _ref$disableContextMe = _ref.disableContextMenu,
35333
+ disableContextMenu = _ref$disableContextMe === void 0 ? false : _ref$disableContextMe,
35334
+ onItemDragEnd = _ref.onItemDragEnd,
35335
+ onItemDragStart = _ref.onItemDragStart,
35336
+ onItemPlaceDrop = _ref.onItemPlaceDrop,
35337
+ _onOutsideDrop = _ref.onOutsideDrop,
35338
+ checkIfItemCanBeMoved = _ref.checkIfItemCanBeMoved,
35339
+ initialPosition = _ref.initialPosition,
35340
+ checkIfItemShouldDragEnd = _ref.checkIfItemShouldDragEnd,
35341
+ scale = _ref.scale,
35342
+ shortcuts = _ref.shortcuts,
35343
+ setItemShortcut = _ref.setItemShortcut,
35344
+ removeShortcut = _ref.removeShortcut,
35345
+ equipmentSet = _ref.equipmentSet;
35346
+ var _useState = React.useState({
35347
+ isOpen: false,
35348
+ maxQuantity: 1,
35349
+ callback: function callback(_quantity) {}
35350
+ }),
35351
+ quantitySelect = _useState[0],
35352
+ setQuantitySelect = _useState[1];
35353
+ var _useState2 = React.useState(-1),
35354
+ settingShortcutIndex = _useState2[0],
35355
+ setSettingShortcutIndex = _useState2[1];
35356
+ var onRenderSlots = function onRenderSlots() {
35357
+ var slots = [];
35358
+ for (var i = 0; i < itemContainer.slotQty; i++) {
35359
+ var _itemContainer$slots;
35360
+ slots.push(React__default.createElement(ItemSlot, {
35361
+ isContextMenuDisabled: disableContextMenu,
35362
+ key: i,
35363
+ slotIndex: i,
35364
+ item: ((_itemContainer$slots = itemContainer.slots) == null ? void 0 : _itemContainer$slots[i]) || null,
35365
+ itemContainerType: type,
35366
+ onMouseOver: function onMouseOver(event, slotIndex, item) {
35367
+ if (_onMouseOver) _onMouseOver(event, slotIndex, item);
35368
+ },
35369
+ onPointerDown: function onPointerDown(itemType, containerType, item) {
35370
+ if (settingShortcutIndex !== -1) {
35371
+ setSettingShortcutIndex(-1);
35372
+ if (itemType === shared.ItemType.Consumable || itemType === shared.ItemType.Tool) {
35373
+ setItemShortcut == null ? void 0 : setItemShortcut(item.key, settingShortcutIndex);
35374
+ }
35375
+ } else if (onItemClick) onItemClick(item, itemType, containerType);
35376
+ },
35377
+ onSelected: function onSelected(optionId, item) {
35378
+ if (_onSelected) _onSelected(optionId, item);
35379
+ },
35380
+ onDragStart: function onDragStart(item, slotIndex, itemContainerType) {
35381
+ if (onItemDragStart) onItemDragStart(item, slotIndex, itemContainerType);
35382
+ },
35383
+ onDragEnd: function onDragEnd(quantity) {
35384
+ if (onItemDragEnd) onItemDragEnd(quantity);
35385
+ },
35386
+ dragScale: scale,
35387
+ checkIfItemCanBeMoved: checkIfItemCanBeMoved,
35388
+ checkIfItemShouldDragEnd: checkIfItemShouldDragEnd,
35389
+ openQuantitySelector: function openQuantitySelector(maxQuantity, callback) {
35390
+ setQuantitySelect({
35391
+ isOpen: true,
35392
+ maxQuantity: maxQuantity,
35393
+ callback: callback
35394
+ });
35395
+ },
35396
+ onPlaceDrop: function onPlaceDrop(item, slotIndex, itemContainerType) {
35397
+ if (onItemPlaceDrop) onItemPlaceDrop(item, slotIndex, itemContainerType);
35398
+ },
35399
+ onOutsideDrop: function onOutsideDrop(item, position) {
35400
+ if (_onOutsideDrop) _onOutsideDrop(item, position);
35401
+ },
35402
+ atlasIMG: atlasIMG,
35403
+ atlasJSON: atlasJSON,
35404
+ isSelectingShortcut: settingShortcutIndex !== -1,
35405
+ equipmentSet: equipmentSet
35406
+ }));
35215
35407
  }
35216
- var firstAnswerId = currentQuestion.answerIds[0];
35217
- return answers.find(function (answer) {
35218
- return answer.id === firstAnswerId;
35219
- });
35408
+ return slots;
35220
35409
  };
35221
- var _useState3 = React.useState(onGetFirstAnswer()),
35222
- currentAnswer = _useState3[0],
35223
- setCurrentAnswer = _useState3[1];
35224
- React.useEffect(function () {
35225
- setCurrentAnswer(onGetFirstAnswer());
35226
- }, [currentQuestion]);
35227
- var onGetAnswers = function onGetAnswers(answerIds) {
35228
- return answerIds.map(function (answerId) {
35229
- return answers.find(function (answer) {
35230
- return answer.id === answerId;
35410
+ return React__default.createElement(React__default.Fragment, null, React__default.createElement(SlotsContainer, {
35411
+ title: itemContainer.name || 'Container',
35412
+ onClose: onClose,
35413
+ initialPosition: initialPosition,
35414
+ scale: scale
35415
+ }, type === shared.ItemContainerType.Inventory && shortcuts && removeShortcut && React__default.createElement(ShortcutsSetter, {
35416
+ setSettingShortcutIndex: setSettingShortcutIndex,
35417
+ settingShortcutIndex: settingShortcutIndex,
35418
+ shortcuts: shortcuts,
35419
+ removeShortcut: removeShortcut,
35420
+ atlasIMG: atlasIMG,
35421
+ atlasJSON: atlasJSON
35422
+ }), React__default.createElement(ItemsContainer, {
35423
+ className: "item-container-body"
35424
+ }, onRenderSlots())), quantitySelect.isOpen && React__default.createElement(ModalPortal, null, React__default.createElement(QuantitySelectorContainer, null, React__default.createElement(ItemQuantitySelector, {
35425
+ quantity: quantitySelect.maxQuantity,
35426
+ onConfirm: function onConfirm(quantity) {
35427
+ quantitySelect.callback(quantity);
35428
+ setQuantitySelect({
35429
+ isOpen: false,
35430
+ maxQuantity: 1,
35431
+ callback: function callback() {}
35432
+ });
35433
+ },
35434
+ onClose: function onClose() {
35435
+ quantitySelect.callback(-1);
35436
+ setQuantitySelect({
35437
+ isOpen: false,
35438
+ maxQuantity: 1,
35439
+ callback: function callback() {}
35231
35440
  });
35232
- });
35233
- };
35234
- var onKeyPress = function onKeyPress(e) {
35235
- switch (e.key) {
35236
- case 'ArrowDown':
35237
- // select next answer, if any.
35238
- // if no next answer, select first answer
35239
- // const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(
35240
- // (answer) => answer?.id === currentAnswer!.id + 1
35241
- // );
35242
- var nextAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
35243
- return (answer == null ? void 0 : answer.id) === currentAnswer.id + 1;
35244
- });
35245
- var nextAnswerID = currentQuestion.answerIds[nextAnswerIndex];
35246
- var nextAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
35247
- return (answer == null ? void 0 : answer.id) === nextAnswerID;
35248
- });
35249
- setCurrentAnswer(nextAnswer || onGetFirstAnswer());
35250
- break;
35251
- case 'ArrowUp':
35252
- // select previous answer, if any.
35253
- // if no previous answer, select last answer
35254
- var previousAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
35255
- return (answer == null ? void 0 : answer.id) === currentAnswer.id - 1;
35256
- });
35257
- var previousAnswerID = currentQuestion.answerIds && currentQuestion.answerIds[previousAnswerIndex];
35258
- var previousAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
35259
- return (answer == null ? void 0 : answer.id) === previousAnswerID;
35260
- });
35261
- if (previousAnswer) {
35262
- setCurrentAnswer(previousAnswer);
35263
- } else {
35264
- setCurrentAnswer(onGetAnswers(currentQuestion.answerIds).pop());
35265
- }
35266
- break;
35267
- case 'Enter':
35268
- setCanShowAnswers(false);
35269
- if (!(currentAnswer != null && currentAnswer.nextQuestionId)) {
35270
- onClose();
35271
- return;
35272
- } else {
35273
- setCurrentQuestion(questions.find(function (question) {
35274
- return question.id === currentAnswer.nextQuestionId;
35275
- }));
35276
- }
35277
- break;
35278
35441
  }
35442
+ }))));
35443
+ };
35444
+ var ItemsContainer = /*#__PURE__*/styled.div.withConfig({
35445
+ displayName: "ItemContainer__ItemsContainer",
35446
+ componentId: "sc-15y5p9l-0"
35447
+ })(["display:flex;justify-content:center;flex-wrap:wrap;"]);
35448
+ var QuantitySelectorContainer = /*#__PURE__*/styled.div.withConfig({
35449
+ displayName: "ItemContainer__QuantitySelectorContainer",
35450
+ componentId: "sc-15y5p9l-1"
35451
+ })(["position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:100;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.5);"]);
35452
+
35453
+ var ItemSelector = function ItemSelector(_ref) {
35454
+ var atlasIMG = _ref.atlasIMG,
35455
+ atlasJSON = _ref.atlasJSON,
35456
+ options = _ref.options,
35457
+ onClose = _ref.onClose,
35458
+ onSelect = _ref.onSelect;
35459
+ var _useState = React.useState(),
35460
+ selectedValue = _useState[0],
35461
+ setSelectedValue = _useState[1];
35462
+ var handleClick = function handleClick() {
35463
+ var element = document.querySelector("input[name='test']:checked");
35464
+ var elementValue = element.value;
35465
+ setSelectedValue(elementValue);
35279
35466
  };
35280
- useEventListener('keydown', onKeyPress);
35281
- var onAnswerClick = function onAnswerClick(answer) {
35282
- setCanShowAnswers(false);
35283
- if (answer.nextQuestionId) {
35284
- // if there is a next question, go to it
35285
- setCurrentQuestion(questions.find(function (question) {
35286
- return question.id === answer.nextQuestionId;
35287
- }));
35288
- } else {
35289
- // else, finish dialog!
35290
- onClose();
35467
+ React.useEffect(function () {
35468
+ if (selectedValue) {
35469
+ onSelect(selectedValue);
35291
35470
  }
35292
- };
35293
- var onRenderCurrentAnswers = function onRenderCurrentAnswers() {
35294
- var answerIds = currentQuestion.answerIds;
35295
- if (!answerIds) {
35296
- return null;
35471
+ }, [selectedValue]);
35472
+ return React__default.createElement(DraggableContainer, {
35473
+ type: exports.RPGUIContainerTypes.Framed,
35474
+ width: "500px",
35475
+ cancelDrag: ".equipment-container-body .arrow-selector",
35476
+ onCloseButton: function onCloseButton() {
35477
+ if (onClose) {
35478
+ onClose();
35479
+ }
35297
35480
  }
35298
- var answers = onGetAnswers(answerIds);
35299
- if (!answers) {
35300
- return null;
35481
+ }, React__default.createElement("div", {
35482
+ style: {
35483
+ width: '100%'
35301
35484
  }
35302
- return answers.map(function (answer) {
35303
- var isSelected = (currentAnswer == null ? void 0 : currentAnswer.id) === (answer == null ? void 0 : answer.id);
35304
- var selectedColor = isSelected ? 'yellow' : 'white';
35305
- if (answer) {
35306
- return React__default.createElement(AnswerRow, {
35307
- key: "answer_" + answer.id
35308
- }, React__default.createElement(AnswerSelectedIcon, {
35309
- color: selectedColor
35310
- }, isSelected ? 'X' : null), React__default.createElement(Answer, {
35311
- key: answer.id,
35312
- onPointerDown: function onPointerDown() {
35313
- return onAnswerClick(answer);
35314
- },
35315
- color: selectedColor
35316
- }, answer.text));
35485
+ }, React__default.createElement(Title$3, null, 'Harvesting instruments'), React__default.createElement(Subtitle$1, null, 'Use the tool, you need it'), React__default.createElement("hr", {
35486
+ className: "golden"
35487
+ })), React__default.createElement(RadioInputScroller$1, null, options == null ? void 0 : options.map(function (option, index) {
35488
+ return React__default.createElement(RadioOptionsWrapper$1, {
35489
+ key: index
35490
+ }, React__default.createElement(SpriteAtlasWrapper$1, null, React__default.createElement(SpriteFromAtlas, {
35491
+ atlasIMG: atlasIMG,
35492
+ atlasJSON: atlasJSON,
35493
+ spriteKey: option.imageKey,
35494
+ imgScale: 3
35495
+ })), React__default.createElement("div", null, React__default.createElement("input", {
35496
+ className: "rpgui-radio",
35497
+ type: "radio",
35498
+ value: option.name,
35499
+ name: "test"
35500
+ }), React__default.createElement("label", {
35501
+ onPointerDown: handleClick,
35502
+ style: {
35503
+ display: 'flex',
35504
+ alignItems: 'center'
35317
35505
  }
35318
- return null;
35319
- });
35320
- };
35321
- return React__default.createElement(Container$h, null, React__default.createElement(QuestionContainer, null, React__default.createElement(DynamicText, {
35322
- text: currentQuestion.text,
35323
- onStart: function onStart() {
35324
- return setCanShowAnswers(false);
35325
- },
35326
- onFinish: function onFinish() {
35327
- return setCanShowAnswers(true);
35506
+ }, option.name, " ", React__default.createElement("br", null), option.description)));
35507
+ })), React__default.createElement(ButtonWrapper$1, null, React__default.createElement(Button, {
35508
+ buttonType: exports.ButtonTypes.RPGUIButton,
35509
+ onPointerDown: onClose
35510
+ }, "Cancel"), React__default.createElement(Button, {
35511
+ buttonType: exports.ButtonTypes.RPGUIButton
35512
+ }, "Select")));
35513
+ };
35514
+ var Title$3 = /*#__PURE__*/styled.h1.withConfig({
35515
+ displayName: "ItemSelector__Title",
35516
+ componentId: "sc-gptoxp-0"
35517
+ })(["font-size:0.6rem;color:yellow !important;"]);
35518
+ var Subtitle$1 = /*#__PURE__*/styled.h1.withConfig({
35519
+ displayName: "ItemSelector__Subtitle",
35520
+ componentId: "sc-gptoxp-1"
35521
+ })(["font-size:0.4rem;color:yellow !important;"]);
35522
+ var RadioInputScroller$1 = /*#__PURE__*/styled.div.withConfig({
35523
+ displayName: "ItemSelector__RadioInputScroller",
35524
+ componentId: "sc-gptoxp-2"
35525
+ })(["padding-left:15px;padding-top:10px;width:100%;margin-top:1rem;align-items:center;margin-left:20px;align-items:flex-start;overflow-y:scroll;height:360px;"]);
35526
+ var SpriteAtlasWrapper$1 = /*#__PURE__*/styled.div.withConfig({
35527
+ displayName: "ItemSelector__SpriteAtlasWrapper",
35528
+ componentId: "sc-gptoxp-3"
35529
+ })(["margin-right:40px;"]);
35530
+ var RadioOptionsWrapper$1 = /*#__PURE__*/styled.div.withConfig({
35531
+ displayName: "ItemSelector__RadioOptionsWrapper",
35532
+ componentId: "sc-gptoxp-4"
35533
+ })(["display:flex;align-items:stretch;margin-bottom:40px;"]);
35534
+ var ButtonWrapper$1 = /*#__PURE__*/styled.div.withConfig({
35535
+ displayName: "ItemSelector__ButtonWrapper",
35536
+ componentId: "sc-gptoxp-5"
35537
+ })(["display:flex;justify-content:space-around;padding-top:20px;width:100%;"]);
35538
+
35539
+ var ListMenu = function ListMenu(_ref) {
35540
+ var options = _ref.options,
35541
+ onSelected = _ref.onSelected,
35542
+ x = _ref.x,
35543
+ y = _ref.y;
35544
+ return React__default.createElement(Container$j, {
35545
+ x: x,
35546
+ y: y
35547
+ }, React__default.createElement("ul", {
35548
+ className: "rpgui-list-imp",
35549
+ style: {
35550
+ overflow: 'hidden'
35328
35551
  }
35329
- })), canShowAnswers && React__default.createElement(AnswersContainer, null, onRenderCurrentAnswers()));
35552
+ }, options.map(function (params, index) {
35553
+ return React__default.createElement(ListElement$1, {
35554
+ key: (params == null ? void 0 : params.id) || index,
35555
+ onPointerDown: function onPointerDown() {
35556
+ onSelected(params == null ? void 0 : params.id);
35557
+ }
35558
+ }, (params == null ? void 0 : params.text) || 'No text');
35559
+ })));
35330
35560
  };
35331
- var Container$h = /*#__PURE__*/styled.div.withConfig({
35332
- displayName: "QuestionDialog__Container",
35333
- componentId: "sc-bxc5u0-0"
35334
- })(["display:flex;word-break:break-all;box-sizing:border-box;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;"]);
35335
- var QuestionContainer = /*#__PURE__*/styled.div.withConfig({
35336
- displayName: "QuestionDialog__QuestionContainer",
35337
- componentId: "sc-bxc5u0-1"
35338
- })(["flex:100%;width:100%;"]);
35339
- var AnswersContainer = /*#__PURE__*/styled.div.withConfig({
35340
- displayName: "QuestionDialog__AnswersContainer",
35341
- componentId: "sc-bxc5u0-2"
35342
- })(["flex:100%;"]);
35343
- var Answer = /*#__PURE__*/styled.p.withConfig({
35344
- displayName: "QuestionDialog__Answer",
35345
- componentId: "sc-bxc5u0-3"
35346
- })(["flex:auto;color:", " !important;font-size:0.65rem !important;background:inherit;border:none;"], function (props) {
35347
- return props.color;
35348
- });
35349
- var AnswerSelectedIcon = /*#__PURE__*/styled.span.withConfig({
35350
- displayName: "QuestionDialog__AnswerSelectedIcon",
35351
- componentId: "sc-bxc5u0-4"
35352
- })(["flex:5% 0 0;color:", " !important;"], function (props) {
35353
- return props.color;
35354
- });
35355
- var AnswerRow = /*#__PURE__*/styled.div.withConfig({
35356
- displayName: "QuestionDialog__AnswerRow",
35357
- componentId: "sc-bxc5u0-5"
35358
- })(["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;}"]);
35561
+ var Container$j = /*#__PURE__*/styled.div.withConfig({
35562
+ displayName: "ListMenu__Container",
35563
+ componentId: "sc-i9097t-0"
35564
+ })(["display:flex;flex-direction:column;width:100%;justify-content:start;align-items:flex-start;position:absolute;top:", "px;left:", "px;li{font-size:", ";}"], function (props) {
35565
+ return props.y || 0;
35566
+ }, function (props) {
35567
+ return props.x || 0;
35568
+ }, uiFonts.size.xsmall);
35569
+ var ListElement$1 = /*#__PURE__*/styled.li.withConfig({
35570
+ displayName: "ListMenu__ListElement",
35571
+ componentId: "sc-i9097t-1"
35572
+ })(["margin-right:0.5rem;"]);
35359
35573
 
35360
35574
  var ProgressBar = function ProgressBar(_ref) {
35361
35575
  var max = _ref.max,
@@ -35374,7 +35588,7 @@ var ProgressBar = function ProgressBar(_ref) {
35374
35588
  }
35375
35589
  return value * 100 / max;
35376
35590
  };
35377
- return React__default.createElement(Container$i, {
35591
+ return React__default.createElement(Container$k, {
35378
35592
  className: "rpgui-progress",
35379
35593
  "data-value": calculatePercentageValue(max, value) / 100,
35380
35594
  "data-rpguitype": "progress",
@@ -35403,7 +35617,7 @@ var TextOverlay$1 = /*#__PURE__*/styled.div.withConfig({
35403
35617
  displayName: "ProgressBar__TextOverlay",
35404
35618
  componentId: "sc-qa6fzh-1"
35405
35619
  })(["width:100%;position:relative;"]);
35406
- var Container$i = /*#__PURE__*/styled.div.withConfig({
35620
+ var Container$k = /*#__PURE__*/styled.div.withConfig({
35407
35621
  displayName: "ProgressBar__Container",
35408
35622
  componentId: "sc-qa6fzh-2"
35409
35623
  })(["display:flex;flex-direction:column;min-width:", "px;width:", "%;justify-content:start;align-items:flex-start;", ""], function (props) {
@@ -35414,7 +35628,7 @@ var Container$i = /*#__PURE__*/styled.div.withConfig({
35414
35628
  return props.style;
35415
35629
  });
35416
35630
 
35417
- var img$8 = 'data:image/png;base64,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';
35631
+ var img$9 = 'data:image/png;base64,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';
35418
35632
 
35419
35633
  var QuestInfo = function QuestInfo(_ref) {
35420
35634
  var quests = _ref.quests,
@@ -35458,7 +35672,7 @@ var QuestInfo = function QuestInfo(_ref) {
35458
35672
  }), React__default.createElement(QuestContainer, null, React__default.createElement(TitleContainer$1, {
35459
35673
  className: "drag-handler"
35460
35674
  }, React__default.createElement(Title$4, null, React__default.createElement(Thumbnail, {
35461
- src: quests[currentIndex].thumbnail || img$8
35675
+ src: quests[currentIndex].thumbnail || img$9
35462
35676
  }), quests[currentIndex].title), React__default.createElement(QuestSplitDiv, null, React__default.createElement("hr", {
35463
35677
  className: "golden"
35464
35678
  }))), React__default.createElement(Content, null, React__default.createElement("p", null, quests[currentIndex].description)), React__default.createElement(QuestColumn, {
@@ -35477,7 +35691,7 @@ var QuestInfo = function QuestInfo(_ref) {
35477
35691
  })))) : React__default.createElement(QuestsContainer, null, React__default.createElement(QuestContainer, null, React__default.createElement(TitleContainer$1, {
35478
35692
  className: "drag-handler"
35479
35693
  }, React__default.createElement(Title$4, null, React__default.createElement(Thumbnail, {
35480
- src: quests[0].thumbnail || img$8
35694
+ src: quests[0].thumbnail || img$9
35481
35695
  }), quests[0].title), React__default.createElement(QuestSplitDiv, null, React__default.createElement("hr", {
35482
35696
  className: "golden"
35483
35697
  }))), React__default.createElement(Content, null, React__default.createElement("p", null, quests[0].description)), React__default.createElement(QuestColumn, {
@@ -35728,7 +35942,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
35728
35942
  bgColor = _ref$bgColor === void 0 ? 'red' : _ref$bgColor,
35729
35943
  _ref$margin = _ref.margin,
35730
35944
  margin = _ref$margin === void 0 ? 20 : _ref$margin;
35731
- return React__default.createElement(Container$j, {
35945
+ return React__default.createElement(Container$l, {
35732
35946
  className: "simple-progress-bar"
35733
35947
  }, React__default.createElement(ProgressBarContainer, {
35734
35948
  margin: margin
@@ -35737,7 +35951,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
35737
35951
  bgColor: bgColor
35738
35952
  }))));
35739
35953
  };
35740
- var Container$j = /*#__PURE__*/styled.div.withConfig({
35954
+ var Container$l = /*#__PURE__*/styled.div.withConfig({
35741
35955
  displayName: "SimpleProgressBar__Container",
35742
35956
  componentId: "sc-mbeil3-0"
35743
35957
  })(["display:flex;justify-content:center;align-items:center;width:100%;"]);
@@ -35968,7 +36182,7 @@ var Spell = function Spell(_ref) {
35968
36182
  isSettingShortcut = _ref.isSettingShortcut,
35969
36183
  minMagicLevelRequired = _ref.minMagicLevelRequired;
35970
36184
  var disabled = isSettingShortcut ? charMagicLevel < minMagicLevelRequired : manaCost > charMana || charMagicLevel < minMagicLevelRequired;
35971
- return React__default.createElement(Container$k, {
36185
+ return React__default.createElement(Container$m, {
35972
36186
  disabled: disabled,
35973
36187
  onPointerDown: onPointerDown == null ? void 0 : onPointerDown.bind(null, spellKey),
35974
36188
  isSettingShortcut: isSettingShortcut && !disabled,
@@ -35981,7 +36195,7 @@ var Spell = function Spell(_ref) {
35981
36195
  className: "mana"
35982
36196
  }, manaCost)));
35983
36197
  };
35984
- var Container$k = /*#__PURE__*/styled.button.withConfig({
36198
+ var Container$m = /*#__PURE__*/styled.button.withConfig({
35985
36199
  displayName: "Spell__Container",
35986
36200
  componentId: "sc-j96fa2-0"
35987
36201
  })(["display:block;background:none;border:2px solid transparent;border-radius:1rem;width:100%;display:flex;height:5rem;gap:1rem;align-items:center;padding:0 1rem;text-align:left;position:relative;animation:", ";@keyframes border-color-change{0%{border-color:", ";}50%{border-color:transparent;}100%{border-color:", ";}}&:hover,&:focus{background-color:", ";}&:active{background:none;}"], function (_ref2) {
@@ -36068,7 +36282,7 @@ var Spellbook = function Spellbook(_ref) {
36068
36282
  height: "inherit",
36069
36283
  cancelDrag: "#spellbook-search, #shortcuts_list, .spell",
36070
36284
  scale: scale
36071
- }, React__default.createElement(Container$l, null, React__default.createElement(Title$7, null, "Learned Spells"), React__default.createElement(ShortcutsSetter, {
36285
+ }, React__default.createElement(Container$n, null, React__default.createElement(Title$7, null, "Learned Spells"), React__default.createElement(ShortcutsSetter, {
36072
36286
  setSettingShortcutIndex: setSettingShortcutIndex,
36073
36287
  settingShortcutIndex: settingShortcutIndex,
36074
36288
  shortcuts: shortcuts,
@@ -36100,7 +36314,7 @@ var Title$7 = /*#__PURE__*/styled.h1.withConfig({
36100
36314
  displayName: "Spellbook__Title",
36101
36315
  componentId: "sc-r02nfq-0"
36102
36316
  })(["font-size:", " !important;margin-bottom:0 !important;"], uiFonts.size.large);
36103
- var Container$l = /*#__PURE__*/styled.div.withConfig({
36317
+ var Container$n = /*#__PURE__*/styled.div.withConfig({
36104
36318
  displayName: "Spellbook__Container",
36105
36319
  componentId: "sc-r02nfq-1"
36106
36320
  })(["width:100%;height:100%;color:white;display:flex;flex-direction:column;"]);
@@ -36114,16 +36328,16 @@ var TextArea = function TextArea(_ref) {
36114
36328
  return React__default.createElement("textarea", Object.assign({}, props));
36115
36329
  };
36116
36330
 
36117
- var img$9 = 'data:image/gif;base64,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';
36331
+ var img$a = 'data:image/gif;base64,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';
36118
36332
 
36119
- var img$a = 'data:image/gif;base64,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';
36333
+ var img$b = 'data:image/gif;base64,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';
36120
36334
 
36121
- var img$b = 'data:image/gif;base64,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';
36335
+ var img$c = 'data:image/gif;base64,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';
36122
36336
 
36123
36337
  var DayNightPeriod = function DayNightPeriod(_ref) {
36124
36338
  var _periodOfDaySrcFiles;
36125
36339
  var periodOfDay = _ref.periodOfDay;
36126
- var periodOfDaySrcFiles = (_periodOfDaySrcFiles = {}, _periodOfDaySrcFiles[shared.PeriodOfDay.Morning] = img$a, _periodOfDaySrcFiles[shared.PeriodOfDay.Afternoon] = img$9, _periodOfDaySrcFiles[shared.PeriodOfDay.Night] = img$b, _periodOfDaySrcFiles);
36340
+ var periodOfDaySrcFiles = (_periodOfDaySrcFiles = {}, _periodOfDaySrcFiles[shared.PeriodOfDay.Morning] = img$b, _periodOfDaySrcFiles[shared.PeriodOfDay.Afternoon] = img$a, _periodOfDaySrcFiles[shared.PeriodOfDay.Night] = img$c, _periodOfDaySrcFiles);
36127
36341
  return React__default.createElement(GifContainer, null, React__default.createElement("img", {
36128
36342
  src: periodOfDaySrcFiles[periodOfDay]
36129
36343
  }));
@@ -36133,7 +36347,7 @@ var GifContainer = /*#__PURE__*/styled.div.withConfig({
36133
36347
  componentId: "sc-10t97fw-0"
36134
36348
  })(["width:100%;img{width:67%;}"]);
36135
36349
 
36136
- 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';
36350
+ var img$d = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAABHCAYAAAA0qHhdAAAAAXNSR0IArs4c6QAABGRJREFUeJztnb9PGzEUx7+JMjC0Uge6tVsVdTghQP0D2qgjzGz8D8woE2LO/5CNOcwlU9WJRCgDYmWJRAYkFgak6wDv5HPsO9/P8J79WUhicr7nzz3bOV8uHbRPXOXN2x++1LUfYnh4uu8AQK+FulLy7hbHxn96vrh22tjW0b7xPVtH+87bkMbnj1/jh6f7TqfBOmKgurwy6MJ10VRuKqNylwMl7wBy3U5WuetBOhg9om6ZSRaqEtvImJ2zRfL4/GA3eXy494LJzNwBmcpc//9w7wUAMJn1ktdt5bbnaj228qw6VeqWGbctUEXNxn40Fj+2/jn5lHpel8xUd+oqcedsUajum2HkNHEiqf1oDAD4/e1HkWrYMF8uE6GTWQ+j6aryBCh2lVhUXt77bXJpP2i/+tE41e1y5uo2W1cVmfHd4rhxiXnbdZEqReiv76/jpE1q2YbOFNmUwDxsYreO9lkLvbrtJSLp+Xy5xN9/g8TBYPSIboltv0uRWXU/X1zjbnGM08t527tUC7aM1B0UbXiryE1KNGHKUu4ZqjKarpLMpAlQkcxkIxIw7xP3DLVBnzldZbISSUgXqvtwkclSJCFNqDpu0mdqOkOUJ5O1SEKSUHVWWyQzRYgkJAml7KTMzBszRYkkJAhVu1ny49rNpuAskuAaw9VtL/d0nikwY1ZybQQb+udQ+gzKZbXFtGqiq3Y63yoR6m770Rg3wyi1gK1iel1dQNbLqazsX9M2dKib1bPNi6wkbNl5M4w2tUulGIwe8fB031nrhH0RCbzGpgrVJxSEaYXfdoWCrdxE1lUNtnJ9+6PpKrmgSxUVm45IyTIB8zncnbPF2th58nMbo+kq9zUX8t5XpC4SCQSZVpkovzy4MWiHvRRJSBFaZj0z8E6xyvQlKwE5sYbMFEQXlvHSd97apNL3YtomZKYgjDKljCFFkBBzyExBBJmCCDIFEWQKIsgURJApiCBTEEGmILqA26q4b3Bsk5CZgjDKdL1/gCQkxJzI5NitNAXXtugC6HC5NL9N3tqE1cn3MGYKIiVT7V4kjCGuqLFy7WIBw61jOAdTFikxp66bPT/YXbsnm4RF2yz0Hmgy67EcLwHDmCnlKC0D99hVmcmslntQZaCYuWYlYPgWmOkeOaeXc5bB5XF+sLs2yeMs05iC+rh5uBfF0sbO17EyHSf3HkkfMzunl3P2QZWB88SHsO246JmtpBmsSuYZoMmsJ+5Egn6CQFIvlHUkrk2GKFO5ZiiJ1AVKyEogPwDj7BbgN8M1zVwBOSIBtyDYC/VBJOAeCFuhvogEigXDTqhPIoESd4LmItQ3kUC5oKxCgc1LtUkEZIsEKvx6wnsU6rNIoFpwmUKJpsVmCVT2ARAuEqgeoJNQoH6pLhLf6gU8EAnUE2QMoPDPSxSV6ypP2T499EIkUG+gzlnaND5lo0pjv5/Ztljt2l/vRALNBl2q+y2Kj92pjTYaIDXWVZVruPree4nEJhqi6ppokGfhP6xr60VVr5O+AAAAAElFTkSuQmCC';
36137
36351
 
36138
36352
  var TimeWidget = function TimeWidget(_ref) {
36139
36353
  var onClose = _ref.onClose,
@@ -36151,7 +36365,7 @@ var TimeWidget = function TimeWidget(_ref) {
36151
36365
  var WidgetContainer = /*#__PURE__*/styled.div.withConfig({
36152
36366
  displayName: "TimeWidget__WidgetContainer",
36153
36367
  componentId: "sc-1ja236h-0"
36154
- })(["background-image:url(", ");background-size:10rem;background-repeat:no-repeat;width:10rem;position:absolute;height:100px;"], img$c);
36368
+ })(["background-image:url(", ");background-size:10rem;background-repeat:no-repeat;width:10rem;position:absolute;height:100px;"], img$d);
36155
36369
  var Time = /*#__PURE__*/styled.div.withConfig({
36156
36370
  displayName: "TimeWidget__Time",
36157
36371
  componentId: "sc-1ja236h-1"
@@ -36400,230 +36614,17 @@ var Truncate = function Truncate(_ref) {
36400
36614
  var _ref$maxLines = _ref.maxLines,
36401
36615
  maxLines = _ref$maxLines === void 0 ? 1 : _ref$maxLines,
36402
36616
  children = _ref.children;
36403
- return React__default.createElement(Container$m, {
36617
+ return React__default.createElement(Container$o, {
36404
36618
  maxLines: maxLines
36405
36619
  }, children);
36406
36620
  };
36407
- var Container$m = /*#__PURE__*/styled.div.withConfig({
36621
+ var Container$o = /*#__PURE__*/styled.div.withConfig({
36408
36622
  displayName: "Truncate__Container",
36409
36623
  componentId: "sc-6x00qb-0"
36410
36624
  })(["display:-webkit-box;max-width:100%;max-height:100%;-webkit-line-clamp:", ";-webkit-box-orient:vertical;overflow:hidden;"], function (props) {
36411
36625
  return props.maxLines;
36412
36626
  });
36413
36627
 
36414
- var IS_MOBILE_OR_TABLET = /*#__PURE__*/shared.isMobileOrTablet();
36415
-
36416
- var chunkString = function chunkString(str, length) {
36417
- return str.match(new RegExp('.{1,' + length + '}', 'g'));
36418
- };
36419
-
36420
- var img$d = 'data:image/gif;base64,R0lGODlhEAAQAPIAAAAAABQYLiw1TUBJc2hvmQAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAM9CLrc/lCFGSKYJJP5AhlguDnBMIVgxXgmJapSSp3mKs/pKrT0IMCXUk+2Cgh2oSOnaDz+lswZpSOFUq2KBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAIzhI+py90Bg4OjDrjCELxfFQhQx0mIJkaeaYRp5LJADMdnqXbyOJLYTdKBejjZoRaZJBMFACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAABAAEAAAAjKEj6nL7Y+CDE6OO+QKQ/ifKYEgfR4VddPohQe7lmR0xidNTib65uacYP2AQWGuMlEUAAA7';
36421
-
36422
- var NPCDialogText = function NPCDialogText(_ref) {
36423
- var text = _ref.text,
36424
- onClose = _ref.onClose,
36425
- onEndStep = _ref.onEndStep,
36426
- onStartStep = _ref.onStartStep,
36427
- type = _ref.type;
36428
- var windowSize = React.useRef([window.innerWidth, window.innerHeight]);
36429
- function maxCharacters(width) {
36430
- // Set the font size to 16 pixels
36431
- var fontSize = 11.2;
36432
- // Calculate the number of characters that can fit in one line
36433
- var charactersPerLine = Math.floor(width / 2 / fontSize);
36434
- // Calculate the number of lines that can fit in the div
36435
- var linesPerDiv = Math.floor(180 / fontSize);
36436
- // Calculate the maximum number of characters that can fit in the div
36437
- var maxCharacters = charactersPerLine * linesPerDiv;
36438
- // Return the maximum number of characters
36439
- return Math.round(maxCharacters / 5);
36440
- }
36441
- var textChunks = chunkString(text, maxCharacters(windowSize.current[0]));
36442
- var _useState = React.useState(0),
36443
- chunkIndex = _useState[0],
36444
- setChunkIndex = _useState[1];
36445
- var onHandleSpacePress = function onHandleSpacePress(event) {
36446
- if (event.code === 'Space') {
36447
- goToNextStep();
36448
- }
36449
- };
36450
- var goToNextStep = function goToNextStep() {
36451
- var hasNextChunk = (textChunks == null ? void 0 : textChunks[chunkIndex + 1]) || false;
36452
- if (hasNextChunk) {
36453
- setChunkIndex(function (prev) {
36454
- return prev + 1;
36455
- });
36456
- } else {
36457
- // if there's no more text chunks, close the dialog
36458
- onClose();
36459
- }
36460
- };
36461
- React.useEffect(function () {
36462
- document.addEventListener('keydown', onHandleSpacePress);
36463
- return function () {
36464
- return document.removeEventListener('keydown', onHandleSpacePress);
36465
- };
36466
- }, [chunkIndex]);
36467
- var _useState2 = React.useState(false),
36468
- showGoNextIndicator = _useState2[0],
36469
- setShowGoNextIndicator = _useState2[1];
36470
- return React__default.createElement(Container$n, null, React__default.createElement(DynamicText, {
36471
- text: (textChunks == null ? void 0 : textChunks[chunkIndex]) || '',
36472
- onFinish: function onFinish() {
36473
- setShowGoNextIndicator(true);
36474
- onEndStep && onEndStep();
36475
- },
36476
- onStart: function onStart() {
36477
- setShowGoNextIndicator(false);
36478
- onStartStep && onStartStep();
36479
- }
36480
- }), showGoNextIndicator && React__default.createElement(PressSpaceIndicator$1, {
36481
- right: type === exports.NPCDialogType.TextOnly ? '1rem' : '10.5rem',
36482
- src: IS_MOBILE_OR_TABLET ? img$d : img$7,
36483
- onPointerDown: function onPointerDown() {
36484
- goToNextStep();
36485
- }
36486
- }));
36487
- };
36488
- var Container$n = /*#__PURE__*/styled.div.withConfig({
36489
- displayName: "NPCDialogText__Container",
36490
- componentId: "sc-1cxkdh9-0"
36491
- })([""]);
36492
- var PressSpaceIndicator$1 = /*#__PURE__*/styled.img.withConfig({
36493
- displayName: "NPCDialogText__PressSpaceIndicator",
36494
- componentId: "sc-1cxkdh9-1"
36495
- })(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref2) {
36496
- var right = _ref2.right;
36497
- return right;
36498
- });
36499
-
36500
- (function (NPCDialogType) {
36501
- NPCDialogType["TextOnly"] = "TextOnly";
36502
- NPCDialogType["TextAndThumbnail"] = "TextAndThumbnail";
36503
- })(exports.NPCDialogType || (exports.NPCDialogType = {}));
36504
- var NPCDialog = function NPCDialog(_ref) {
36505
- var text = _ref.text,
36506
- type = _ref.type,
36507
- _onClose = _ref.onClose,
36508
- imagePath = _ref.imagePath,
36509
- _ref$isQuestionDialog = _ref.isQuestionDialog,
36510
- isQuestionDialog = _ref$isQuestionDialog === void 0 ? false : _ref$isQuestionDialog,
36511
- questions = _ref.questions,
36512
- answers = _ref.answers;
36513
- return React__default.createElement(RPGUIContainer, {
36514
- type: exports.RPGUIContainerTypes.FramedGold,
36515
- width: isQuestionDialog ? '600px' : '80%',
36516
- height: '180px'
36517
- }, isQuestionDialog && questions && answers ? React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer$2, {
36518
- flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
36519
- }, React__default.createElement(QuestionDialog, {
36520
- questions: questions,
36521
- answers: answers,
36522
- onClose: function onClose() {
36523
- if (_onClose) {
36524
- _onClose();
36525
- }
36526
- }
36527
- })), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
36528
- src: imagePath || img$6
36529
- }))) : React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$o, null, React__default.createElement(TextContainer$2, {
36530
- flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
36531
- }, React__default.createElement(NPCDialogText, {
36532
- type: type,
36533
- text: text || 'No text provided.',
36534
- onClose: function onClose() {
36535
- if (_onClose) {
36536
- _onClose();
36537
- }
36538
- }
36539
- })), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
36540
- src: imagePath || img$6
36541
- })))));
36542
- };
36543
- var Container$o = /*#__PURE__*/styled.div.withConfig({
36544
- displayName: "NPCDialog__Container",
36545
- componentId: "sc-1b4aw74-0"
36546
- })(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
36547
- var TextContainer$2 = /*#__PURE__*/styled.div.withConfig({
36548
- displayName: "NPCDialog__TextContainer",
36549
- componentId: "sc-1b4aw74-1"
36550
- })(["flex:", " 0 0;width:355px;"], function (_ref2) {
36551
- var flex = _ref2.flex;
36552
- return flex;
36553
- });
36554
- var ThumbnailContainer$1 = /*#__PURE__*/styled.div.withConfig({
36555
- displayName: "NPCDialog__ThumbnailContainer",
36556
- componentId: "sc-1b4aw74-2"
36557
- })(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
36558
- var NPCThumbnail$1 = /*#__PURE__*/styled.img.withConfig({
36559
- displayName: "NPCDialog__NPCThumbnail",
36560
- componentId: "sc-1b4aw74-3"
36561
- })(["image-rendering:pixelated;height:128px;width:128px;"]);
36562
-
36563
- var HistoryDialog = function HistoryDialog(_ref) {
36564
- var backgroundImgPath = _ref.backgroundImgPath,
36565
- fullCoverBackground = _ref.fullCoverBackground,
36566
- questions = _ref.questions,
36567
- answers = _ref.answers,
36568
- text = _ref.text,
36569
- imagePath = _ref.imagePath,
36570
- textAndTypeArray = _ref.textAndTypeArray,
36571
- onClose = _ref.onClose;
36572
- var _useState = React.useState(0),
36573
- img = _useState[0],
36574
- setImage = _useState[1];
36575
- var onHandleSpacePress = function onHandleSpacePress(event) {
36576
- if (event.code === 'Space') {
36577
- if (img < (backgroundImgPath == null ? void 0 : backgroundImgPath.length) - 1) {
36578
- setImage(function (prev) {
36579
- return prev + 1;
36580
- });
36581
- } else {
36582
- // if there's no more text chunks, close the dialog
36583
- onClose();
36584
- }
36585
- }
36586
- };
36587
- React.useEffect(function () {
36588
- document.addEventListener('keydown', onHandleSpacePress);
36589
- return function () {
36590
- return document.removeEventListener('keydown', onHandleSpacePress);
36591
- };
36592
- }, [backgroundImgPath]);
36593
- return React__default.createElement(BackgroundContainer, {
36594
- imgPath: backgroundImgPath[img],
36595
- fullImg: fullCoverBackground
36596
- }, React__default.createElement(DialogContainer, null, textAndTypeArray ? React__default.createElement(NPCMultiDialog, {
36597
- textAndTypeArray: textAndTypeArray,
36598
- onClose: onClose
36599
- }) : questions && answers ? React__default.createElement(QuestionDialog, {
36600
- questions: questions,
36601
- answers: answers,
36602
- onClose: onClose
36603
- }) : text && imagePath ? React__default.createElement(NPCDialog, {
36604
- text: text,
36605
- imagePath: imagePath,
36606
- onClose: onClose,
36607
- type: exports.NPCDialogType.TextAndThumbnail
36608
- }) : React__default.createElement(NPCDialog, {
36609
- text: text,
36610
- onClose: onClose,
36611
- type: exports.NPCDialogType.TextOnly
36612
- })));
36613
- };
36614
- var BackgroundContainer = /*#__PURE__*/styled.div.withConfig({
36615
- displayName: "HistoryDialog__BackgroundContainer",
36616
- componentId: "sc-u6oe75-0"
36617
- })(["width:100%;height:100%;background-image:url(", ");background-size:", ";display:flex;justify-content:space-evenly;align-items:center;"], function (props) {
36618
- return props.imgPath;
36619
- }, function (props) {
36620
- return props.imgPath ? 'cover' : 'auto';
36621
- });
36622
- var DialogContainer = /*#__PURE__*/styled.div.withConfig({
36623
- displayName: "HistoryDialog__DialogContainer",
36624
- componentId: "sc-u6oe75-1"
36625
- })(["display:flex;justify-content:center;padding-top:200px;"]);
36626
-
36627
36628
  exports.Button = Button;
36628
36629
  exports.CharacterSelection = CharacterSelection;
36629
36630
  exports.Chat = Chat;