@rpg-engine/long-bow 0.3.83 → 0.3.84

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 +984 -981
  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 +736 -733
  8. package/dist/long-bow.esm.js.map +1 -1
  9. package/package.json +100 -100
  10. package/src/components/Abstractions/ModalPortal.tsx +22 -22
  11. package/src/components/Abstractions/SlotsContainer.tsx +62 -62
  12. package/src/components/Arrow/SelectArrow.tsx +69 -69
  13. package/src/components/Arrow/img/arrow01-left-clicked.png +0 -0
  14. package/src/components/Arrow/img/arrow01-left.png +0 -0
  15. package/src/components/Arrow/img/arrow01-right-clicked.png +0 -0
  16. package/src/components/Arrow/img/arrow01-right.png +0 -0
  17. package/src/components/Arrow/img/arrow02-left-clicked.png +0 -0
  18. package/src/components/Arrow/img/arrow02-left.png +0 -0
  19. package/src/components/Arrow/img/arrow02-right-clicked.png +0 -0
  20. package/src/components/Arrow/img/arrow02-right.png +0 -0
  21. package/src/components/Button.tsx +40 -40
  22. package/src/components/Character/CharacterSelection.tsx +96 -96
  23. package/src/components/CharacterStatus/CharacterStatus.tsx +120 -120
  24. package/src/components/Chat/Chat.tsx +196 -196
  25. package/src/components/Chatdeprecated/ChatDeprecated.tsx +198 -198
  26. package/src/components/CheckButton.tsx +65 -65
  27. package/src/components/CircularController/CircularController.tsx +248 -248
  28. package/src/components/CraftBook/CraftBook.tsx +241 -241
  29. package/src/components/CraftBook/MockItems.ts +77 -77
  30. package/src/components/DraggableContainer.tsx +176 -176
  31. package/src/components/Dropdown.tsx +90 -90
  32. package/src/components/DropdownSelectorContainer.tsx +42 -42
  33. package/src/components/Equipment/EquipmentSet.tsx +199 -199
  34. package/src/components/HistoryDialog.tsx +104 -104
  35. package/src/components/Input.tsx +15 -15
  36. package/src/components/Item/Cards/ItemInfo.tsx +252 -252
  37. package/src/components/Item/Cards/ItemInfoDisplay.tsx +128 -128
  38. package/src/components/Item/Cards/ItemInfoWrapper.tsx +62 -62
  39. package/src/components/Item/Cards/ItemTooltip.tsx +83 -83
  40. package/src/components/Item/Cards/MobileItemTooltip.tsx +149 -149
  41. package/src/components/Item/Inventory/ErrorBoundary.tsx +42 -42
  42. package/src/components/Item/Inventory/ItemContainer.tsx +227 -227
  43. package/src/components/Item/Inventory/ItemContainerTypes.ts +6 -6
  44. package/src/components/Item/Inventory/ItemQuantitySelector.tsx +138 -138
  45. package/src/components/Item/Inventory/ItemSlot.tsx +564 -564
  46. package/src/components/Item/Inventory/itemContainerHelper.ts +175 -172
  47. package/src/components/ListMenu.tsx +63 -63
  48. package/src/components/Multitab/Tab.tsx +66 -66
  49. package/src/components/Multitab/TabBody.tsx +13 -13
  50. package/src/components/Multitab/TabsContainer.tsx +97 -97
  51. package/src/components/NPCDialog/NPCDialog.tsx +121 -121
  52. package/src/components/NPCDialog/NPCDialogText.tsx +113 -113
  53. package/src/components/NPCDialog/NPCMultiDialog.tsx +159 -159
  54. package/src/components/NPCDialog/QuestionDialog/QuestionDialog.tsx +237 -237
  55. package/src/components/ProgressBar.tsx +92 -92
  56. package/src/components/PropertySelect/PropertySelect.tsx +106 -106
  57. package/src/components/QuestInfo/QuestInfo.tsx +233 -233
  58. package/src/components/QuestList.tsx +135 -135
  59. package/src/components/RPGUIContainer.tsx +47 -47
  60. package/src/components/RPGUIForceRenderStart.tsx +45 -45
  61. package/src/components/RPGUIRoot.tsx +14 -14
  62. package/src/components/RadioButton.tsx +53 -53
  63. package/src/components/RadioInput/RadioButton.tsx +96 -96
  64. package/src/components/RadioInput/RadioInput.tsx +102 -102
  65. package/src/components/RadioInput/instruments.ts +15 -15
  66. package/src/components/RangeSlider.tsx +78 -78
  67. package/src/components/RelativeListMenu.tsx +90 -90
  68. package/src/components/ScrollList.tsx +79 -79
  69. package/src/components/Shortcuts/Shortcuts.tsx +151 -151
  70. package/src/components/Shortcuts/ShortcutsSetter.tsx +132 -132
  71. package/src/components/Shortcuts/SingleShortcut.ts +62 -62
  72. package/src/components/SimpleProgressBar.tsx +62 -62
  73. package/src/components/SkillProgressBar.tsx +133 -133
  74. package/src/components/SkillsContainer.tsx +206 -206
  75. package/src/components/Spellbook/Spell.tsx +201 -201
  76. package/src/components/Spellbook/Spellbook.tsx +153 -153
  77. package/src/components/Spellbook/constants.ts +8 -8
  78. package/src/components/Spellbook/mockSpells.ts +60 -60
  79. package/src/components/StaticBook/StaticBook.tsx +103 -103
  80. package/src/components/TextArea.tsx +11 -11
  81. package/src/components/TimeWidget/DayNightPeriod/DayNightPeriod.tsx +35 -35
  82. package/src/components/TimeWidget/TimeWidget.tsx +65 -65
  83. package/src/components/TradingMenu/TradingItemRow.tsx +198 -198
  84. package/src/components/TradingMenu/TradingMenu.tsx +216 -216
  85. package/src/components/TradingMenu/items.mock.ts +48 -48
  86. package/src/components/Truncate.tsx +25 -25
  87. package/src/components/itemSelector/ItemSelector.tsx +136 -136
  88. package/src/components/shared/Column.tsx +16 -16
  89. package/src/components/shared/Ellipsis.tsx +65 -65
  90. package/src/components/shared/SpriteFromAtlas.tsx +104 -104
  91. package/src/components/typography/DynamicText.tsx +49 -49
  92. package/src/constants/uiColors.ts +20 -20
  93. package/src/constants/uiDevices.ts +3 -3
  94. package/src/constants/uiFonts.ts +12 -12
  95. package/src/hooks/useEventListener.ts +21 -21
  96. package/src/hooks/useOutsideAlerter.ts +25 -25
  97. package/src/index.tsx +40 -40
  98. package/src/libs/StringHelpers.ts +3 -3
  99. package/src/mocks/atlas/entities/entities.json +20215 -20215
  100. package/src/mocks/atlas/icons/icons.json +735 -735
  101. package/src/mocks/atlas/items/items.json +12086 -12086
  102. package/src/mocks/equipmentSet.mocks.ts +391 -391
  103. package/src/mocks/itemContainer.mocks.ts +563 -563
  104. package/src/mocks/skills.mocks.ts +128 -128
  105. package/src/stories/Arrow.stories.tsx +26 -26
  106. package/src/stories/Button.stories.tsx +36 -36
  107. package/src/stories/CharacterSelection.stories.tsx +45 -45
  108. package/src/stories/CharacterStatus.stories.tsx +29 -29
  109. package/src/stories/Chat.stories.tsx +187 -187
  110. package/src/stories/ChatDeprecated.stories.tsx +170 -170
  111. package/src/stories/CheckButton.stories.tsx +48 -48
  112. package/src/stories/CircullarController.stories.tsx +37 -37
  113. package/src/stories/CraftBook.stories.tsx +42 -42
  114. package/src/stories/DayNightPeriod.stories.tsx +27 -27
  115. package/src/stories/DraggableContainer.stories.tsx +28 -28
  116. package/src/stories/Dropdown.stories.tsx +46 -46
  117. package/src/stories/DropdownSelectorContainer.stories.tsx +41 -41
  118. package/src/stories/EquipmentSet.stories.tsx +65 -65
  119. package/src/stories/HistoryDialog.stories.tsx +61 -61
  120. package/src/stories/ItemContainer.stories.tsx +201 -201
  121. package/src/stories/ItemInfoDisplay.stories.tsx +33 -33
  122. package/src/stories/ItemQuantitySelector.stories.tsx +26 -26
  123. package/src/stories/ItemSelector.stories.tsx +77 -77
  124. package/src/stories/ItemTradingComponent.stories.tsx +35 -35
  125. package/src/stories/ListMenu.stories.tsx +56 -56
  126. package/src/stories/Multitab.stories.tsx +51 -51
  127. package/src/stories/NPCDialog.stories.tsx +130 -130
  128. package/src/stories/NPCMultiDialog.stories.tsx +71 -71
  129. package/src/stories/ProgressBar.stories.tsx +23 -23
  130. package/src/stories/PropertySelect.stories.tsx +40 -40
  131. package/src/stories/QuestInfo.stories.tsx +107 -107
  132. package/src/stories/QuestList.stories.tsx +82 -82
  133. package/src/stories/RPGUIContainers.stories.tsx +42 -42
  134. package/src/stories/RadioButton.stories.tsx +49 -49
  135. package/src/stories/RadioInput.stories.tsx +34 -34
  136. package/src/stories/RangeSlider.stories.tsx +64 -64
  137. package/src/stories/ScrollList.stories.tsx +85 -85
  138. package/src/stories/Shortcuts.stories.tsx +39 -39
  139. package/src/stories/SimpleProgressBar.stories.tsx +22 -22
  140. package/src/stories/SkillProgressBar.stories.tsx +34 -34
  141. package/src/stories/SkillsContainer.stories.tsx +35 -35
  142. package/src/stories/Spellbook.stories.tsx +104 -104
  143. package/src/stories/StaticBook.stories.tsx +32 -32
  144. package/src/stories/Text.stories.tsx +42 -42
  145. package/src/stories/TimeWidget.stories.tsx +27 -27
  146. package/src/stories/TradingMenu.stories.tsx +47 -47
  147. package/src/types/eventTypes.ts +4 -4
  148. package/src/types/index.d.ts +2 -2
@@ -1,6 +1,6 @@
1
1
  import React, { Component, useState, useEffect, useRef, useMemo, Fragment } from 'react';
2
2
  import styled from 'styled-components';
3
- import { GRID_WIDTH, GRID_HEIGHT, ShortcutType, getItemTextureKeyPath, ItemContainerType, ItemType, DepotSocketEvents, ItemSocketEventsDisplayLabels, ActionsForInventory, ActionsForEquipmentSet, ActionsForLoot, ActionsForMapContainer, ItemRarities, ItemSubType, ItemSlotType, getSPForLevel, PeriodOfDay, isMobileOrTablet } from '@rpg-engine/shared';
3
+ import { GRID_WIDTH, GRID_HEIGHT, ShortcutType, getItemTextureKeyPath, ItemContainerType, ItemType, DepotSocketEvents, ItemSocketEvents, ItemSocketEventsDisplayLabels, ActionsForInventory, ActionsForEquipmentSet, ActionsForLoot, ActionsForMapContainer, ItemRarities, ItemSubType, ItemSlotType, isMobileOrTablet, getSPForLevel, PeriodOfDay } from '@rpg-engine/shared';
4
4
  import dayjs from 'dayjs';
5
5
  import { ErrorBoundary as ErrorBoundary$1 } from 'react-error-boundary';
6
6
  import { RxPaperPlane } from 'react-icons/rx';
@@ -33605,12 +33605,15 @@ var generateContextMenu = function generateContextMenu(item, itemContainerType,
33605
33605
  text: 'Use with...'
33606
33606
  });
33607
33607
  }
33608
- if (isDepotSystem) {
33609
- contextActionMenu.push({
33610
- id: DepotSocketEvents.Withdraw,
33611
- text: 'Withdraw'
33612
- });
33613
- }
33608
+ }
33609
+ if (itemContainerType === ItemContainerType.Depot) {
33610
+ contextActionMenu = [{
33611
+ id: ItemSocketEvents.GetItemInfo,
33612
+ text: ItemSocketEventsDisplayLabels.GetItemInfo
33613
+ }, {
33614
+ id: DepotSocketEvents.Withdraw,
33615
+ text: 'Withdraw'
33616
+ }];
33614
33617
  }
33615
33618
  return contextActionMenu;
33616
33619
  };
@@ -34581,6 +34584,546 @@ var EquipmentColumn = /*#__PURE__*/styled.div.withConfig({
34581
34584
  componentId: "sc-1wuddg2-1"
34582
34585
  })(["display:flex;justify-content:center;flex-wrap:wrap;flex-direction:column;touch-action:none;"]);
34583
34586
 
34587
+ var IS_MOBILE_OR_TABLET = /*#__PURE__*/isMobileOrTablet();
34588
+
34589
+ var chunkString = function chunkString(str, length) {
34590
+ return str.match(new RegExp('.{1,' + length + '}', 'g'));
34591
+ };
34592
+
34593
+ var DynamicText = function DynamicText(_ref) {
34594
+ var text = _ref.text,
34595
+ onFinish = _ref.onFinish,
34596
+ onStart = _ref.onStart;
34597
+ var _useState = useState(''),
34598
+ textState = _useState[0],
34599
+ setTextState = _useState[1];
34600
+ useEffect(function () {
34601
+ var i = 0;
34602
+ var interval = setInterval(function () {
34603
+ // on every interval, show one more character
34604
+ if (i === 0) {
34605
+ if (onStart) {
34606
+ onStart();
34607
+ }
34608
+ }
34609
+ if (i < text.length) {
34610
+ setTextState(text.substring(0, i + 1));
34611
+ i++;
34612
+ } else {
34613
+ clearInterval(interval);
34614
+ if (onFinish) {
34615
+ onFinish();
34616
+ }
34617
+ }
34618
+ }, 50);
34619
+ return function () {
34620
+ clearInterval(interval);
34621
+ };
34622
+ }, [text]);
34623
+ return React.createElement(TextContainer, null, textState);
34624
+ };
34625
+ var TextContainer = /*#__PURE__*/styled.p.withConfig({
34626
+ displayName: "DynamicText__TextContainer",
34627
+ componentId: "sc-1ggl9nd-0"
34628
+ })(["font-size:0.7rem !important;color:white;text-shadow:1px 1px 0px #000000;letter-spacing:1.2px;word-break:normal;"]);
34629
+
34630
+ var img$6 = 'data:image/gif;base64,R0lGODlhEAAQAPIAAAAAABQYLiw1TUBJc2hvmQAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAM9CLrc/lCFGSKYJJP5AhlguDnBMIVgxXgmJapSSp3mKs/pKrT0IMCXUk+2Cgh2oSOnaDz+lswZpSOFUq2KBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAIzhI+py90Bg4OjDrjCELxfFQhQx0mIJkaeaYRp5LJADMdnqXbyOJLYTdKBejjZoRaZJBMFACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAABAAEAAAAjKEj6nL7Y+CDE6OO+QKQ/ifKYEgfR4VddPohQe7lmR0xidNTib65uacYP2AQWGuMlEUAAA7';
34631
+
34632
+ 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';
34633
+
34634
+ var NPCDialogText = function NPCDialogText(_ref) {
34635
+ var text = _ref.text,
34636
+ onClose = _ref.onClose,
34637
+ onEndStep = _ref.onEndStep,
34638
+ onStartStep = _ref.onStartStep,
34639
+ type = _ref.type;
34640
+ var windowSize = useRef([window.innerWidth, window.innerHeight]);
34641
+ function maxCharacters(width) {
34642
+ // Set the font size to 16 pixels
34643
+ var fontSize = 11.2;
34644
+ // Calculate the number of characters that can fit in one line
34645
+ var charactersPerLine = Math.floor(width / 2 / fontSize);
34646
+ // Calculate the number of lines that can fit in the div
34647
+ var linesPerDiv = Math.floor(180 / fontSize);
34648
+ // Calculate the maximum number of characters that can fit in the div
34649
+ var maxCharacters = charactersPerLine * linesPerDiv;
34650
+ // Return the maximum number of characters
34651
+ return Math.round(maxCharacters / 5);
34652
+ }
34653
+ var textChunks = chunkString(text, maxCharacters(windowSize.current[0]));
34654
+ var _useState = useState(0),
34655
+ chunkIndex = _useState[0],
34656
+ setChunkIndex = _useState[1];
34657
+ var onHandleSpacePress = function onHandleSpacePress(event) {
34658
+ if (event.code === 'Space') {
34659
+ goToNextStep();
34660
+ }
34661
+ };
34662
+ var goToNextStep = function goToNextStep() {
34663
+ var hasNextChunk = (textChunks == null ? void 0 : textChunks[chunkIndex + 1]) || false;
34664
+ if (hasNextChunk) {
34665
+ setChunkIndex(function (prev) {
34666
+ return prev + 1;
34667
+ });
34668
+ } else {
34669
+ // if there's no more text chunks, close the dialog
34670
+ onClose();
34671
+ }
34672
+ };
34673
+ useEffect(function () {
34674
+ document.addEventListener('keydown', onHandleSpacePress);
34675
+ return function () {
34676
+ return document.removeEventListener('keydown', onHandleSpacePress);
34677
+ };
34678
+ }, [chunkIndex]);
34679
+ var _useState2 = useState(false),
34680
+ showGoNextIndicator = _useState2[0],
34681
+ setShowGoNextIndicator = _useState2[1];
34682
+ return React.createElement(Container$e, null, React.createElement(DynamicText, {
34683
+ text: (textChunks == null ? void 0 : textChunks[chunkIndex]) || '',
34684
+ onFinish: function onFinish() {
34685
+ setShowGoNextIndicator(true);
34686
+ onEndStep && onEndStep();
34687
+ },
34688
+ onStart: function onStart() {
34689
+ setShowGoNextIndicator(false);
34690
+ onStartStep && onStartStep();
34691
+ }
34692
+ }), showGoNextIndicator && React.createElement(PressSpaceIndicator, {
34693
+ right: type === NPCDialogType.TextOnly ? '1rem' : '10.5rem',
34694
+ src: IS_MOBILE_OR_TABLET ? img$6 : img$7,
34695
+ onPointerDown: function onPointerDown() {
34696
+ goToNextStep();
34697
+ }
34698
+ }));
34699
+ };
34700
+ var Container$e = /*#__PURE__*/styled.div.withConfig({
34701
+ displayName: "NPCDialogText__Container",
34702
+ componentId: "sc-1cxkdh9-0"
34703
+ })([""]);
34704
+ var PressSpaceIndicator = /*#__PURE__*/styled.img.withConfig({
34705
+ displayName: "NPCDialogText__PressSpaceIndicator",
34706
+ componentId: "sc-1cxkdh9-1"
34707
+ })(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref2) {
34708
+ var right = _ref2.right;
34709
+ return right;
34710
+ });
34711
+
34712
+ //@ts-ignore
34713
+ var useEventListener = function useEventListener(type, handler, el) {
34714
+ if (el === void 0) {
34715
+ el = window;
34716
+ }
34717
+ var savedHandler = React.useRef();
34718
+ React.useEffect(function () {
34719
+ savedHandler.current = handler;
34720
+ }, [handler]);
34721
+ React.useEffect(function () {
34722
+ //@ts-ignore
34723
+ var listener = function listener(e) {
34724
+ return savedHandler.current(e);
34725
+ };
34726
+ el.addEventListener(type, listener);
34727
+ return function () {
34728
+ el.removeEventListener(type, listener);
34729
+ };
34730
+ }, [type, el]);
34731
+ };
34732
+
34733
+ var QuestionDialog = function QuestionDialog(_ref) {
34734
+ var questions = _ref.questions,
34735
+ answers = _ref.answers,
34736
+ onClose = _ref.onClose;
34737
+ var _useState = useState(questions[0]),
34738
+ currentQuestion = _useState[0],
34739
+ setCurrentQuestion = _useState[1];
34740
+ var _useState2 = useState(false),
34741
+ canShowAnswers = _useState2[0],
34742
+ setCanShowAnswers = _useState2[1];
34743
+ var onGetFirstAnswer = function onGetFirstAnswer() {
34744
+ if (!currentQuestion.answerIds || currentQuestion.answerIds.length === 0) {
34745
+ return null;
34746
+ }
34747
+ var firstAnswerId = currentQuestion.answerIds[0];
34748
+ return answers.find(function (answer) {
34749
+ return answer.id === firstAnswerId;
34750
+ });
34751
+ };
34752
+ var _useState3 = useState(onGetFirstAnswer()),
34753
+ currentAnswer = _useState3[0],
34754
+ setCurrentAnswer = _useState3[1];
34755
+ useEffect(function () {
34756
+ setCurrentAnswer(onGetFirstAnswer());
34757
+ }, [currentQuestion]);
34758
+ var onGetAnswers = function onGetAnswers(answerIds) {
34759
+ return answerIds.map(function (answerId) {
34760
+ return answers.find(function (answer) {
34761
+ return answer.id === answerId;
34762
+ });
34763
+ });
34764
+ };
34765
+ var onKeyPress = function onKeyPress(e) {
34766
+ switch (e.key) {
34767
+ case 'ArrowDown':
34768
+ // select next answer, if any.
34769
+ // if no next answer, select first answer
34770
+ // const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(
34771
+ // (answer) => answer?.id === currentAnswer!.id + 1
34772
+ // );
34773
+ var nextAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
34774
+ return (answer == null ? void 0 : answer.id) === currentAnswer.id + 1;
34775
+ });
34776
+ var nextAnswerID = currentQuestion.answerIds[nextAnswerIndex];
34777
+ var nextAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
34778
+ return (answer == null ? void 0 : answer.id) === nextAnswerID;
34779
+ });
34780
+ setCurrentAnswer(nextAnswer || onGetFirstAnswer());
34781
+ break;
34782
+ case 'ArrowUp':
34783
+ // select previous answer, if any.
34784
+ // if no previous answer, select last answer
34785
+ var previousAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
34786
+ return (answer == null ? void 0 : answer.id) === currentAnswer.id - 1;
34787
+ });
34788
+ var previousAnswerID = currentQuestion.answerIds && currentQuestion.answerIds[previousAnswerIndex];
34789
+ var previousAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
34790
+ return (answer == null ? void 0 : answer.id) === previousAnswerID;
34791
+ });
34792
+ if (previousAnswer) {
34793
+ setCurrentAnswer(previousAnswer);
34794
+ } else {
34795
+ setCurrentAnswer(onGetAnswers(currentQuestion.answerIds).pop());
34796
+ }
34797
+ break;
34798
+ case 'Enter':
34799
+ setCanShowAnswers(false);
34800
+ if (!(currentAnswer != null && currentAnswer.nextQuestionId)) {
34801
+ onClose();
34802
+ return;
34803
+ } else {
34804
+ setCurrentQuestion(questions.find(function (question) {
34805
+ return question.id === currentAnswer.nextQuestionId;
34806
+ }));
34807
+ }
34808
+ break;
34809
+ }
34810
+ };
34811
+ useEventListener('keydown', onKeyPress);
34812
+ var onAnswerClick = function onAnswerClick(answer) {
34813
+ setCanShowAnswers(false);
34814
+ if (answer.nextQuestionId) {
34815
+ // if there is a next question, go to it
34816
+ setCurrentQuestion(questions.find(function (question) {
34817
+ return question.id === answer.nextQuestionId;
34818
+ }));
34819
+ } else {
34820
+ // else, finish dialog!
34821
+ onClose();
34822
+ }
34823
+ };
34824
+ var onRenderCurrentAnswers = function onRenderCurrentAnswers() {
34825
+ var answerIds = currentQuestion.answerIds;
34826
+ if (!answerIds) {
34827
+ return null;
34828
+ }
34829
+ var answers = onGetAnswers(answerIds);
34830
+ if (!answers) {
34831
+ return null;
34832
+ }
34833
+ return answers.map(function (answer) {
34834
+ var isSelected = (currentAnswer == null ? void 0 : currentAnswer.id) === (answer == null ? void 0 : answer.id);
34835
+ var selectedColor = isSelected ? 'yellow' : 'white';
34836
+ if (answer) {
34837
+ return React.createElement(AnswerRow, {
34838
+ key: "answer_" + answer.id
34839
+ }, React.createElement(AnswerSelectedIcon, {
34840
+ color: selectedColor
34841
+ }, isSelected ? 'X' : null), React.createElement(Answer, {
34842
+ key: answer.id,
34843
+ onPointerDown: function onPointerDown() {
34844
+ return onAnswerClick(answer);
34845
+ },
34846
+ color: selectedColor
34847
+ }, answer.text));
34848
+ }
34849
+ return null;
34850
+ });
34851
+ };
34852
+ return React.createElement(Container$f, null, React.createElement(QuestionContainer, null, React.createElement(DynamicText, {
34853
+ text: currentQuestion.text,
34854
+ onStart: function onStart() {
34855
+ return setCanShowAnswers(false);
34856
+ },
34857
+ onFinish: function onFinish() {
34858
+ return setCanShowAnswers(true);
34859
+ }
34860
+ })), canShowAnswers && React.createElement(AnswersContainer, null, onRenderCurrentAnswers()));
34861
+ };
34862
+ var Container$f = /*#__PURE__*/styled.div.withConfig({
34863
+ displayName: "QuestionDialog__Container",
34864
+ componentId: "sc-bxc5u0-0"
34865
+ })(["display:flex;word-break:break-all;box-sizing:border-box;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;"]);
34866
+ var QuestionContainer = /*#__PURE__*/styled.div.withConfig({
34867
+ displayName: "QuestionDialog__QuestionContainer",
34868
+ componentId: "sc-bxc5u0-1"
34869
+ })(["flex:100%;width:100%;"]);
34870
+ var AnswersContainer = /*#__PURE__*/styled.div.withConfig({
34871
+ displayName: "QuestionDialog__AnswersContainer",
34872
+ componentId: "sc-bxc5u0-2"
34873
+ })(["flex:100%;"]);
34874
+ var Answer = /*#__PURE__*/styled.p.withConfig({
34875
+ displayName: "QuestionDialog__Answer",
34876
+ componentId: "sc-bxc5u0-3"
34877
+ })(["flex:auto;color:", " !important;font-size:0.65rem !important;background:inherit;border:none;"], function (props) {
34878
+ return props.color;
34879
+ });
34880
+ var AnswerSelectedIcon = /*#__PURE__*/styled.span.withConfig({
34881
+ displayName: "QuestionDialog__AnswerSelectedIcon",
34882
+ componentId: "sc-bxc5u0-4"
34883
+ })(["flex:5% 0 0;color:", " !important;"], function (props) {
34884
+ return props.color;
34885
+ });
34886
+ var AnswerRow = /*#__PURE__*/styled.div.withConfig({
34887
+ displayName: "QuestionDialog__AnswerRow",
34888
+ componentId: "sc-bxc5u0-5"
34889
+ })(["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;}"]);
34890
+
34891
+ var img$8 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAP1BMVEUAAAA7FyVxQTsUEBPj5v////+5v/tCJDOOUlIiHBr1oJfptaO6dWr61rhzFy1bMTjoanMUNGQoXMQkn97+88DQ3IhAAAAAAXRSTlMAQObYZgAAAAFiS0dEBfhv6ccAAAAHdElNRQfmAw4VOBC7c5LYAAABM0lEQVQ4y3XRi5KDIAwFUAUkbrBgpP//rZsHVHQ009qZ3tPboNN0zmwzvcw8O5sX4y0NOg/Et3jRCXF+ziULorjkOQ9gE24dvuUAzq08DiCO4pe3WN7zCP56vmpubBReQYC11YPS86ySxxCsAABTSgjb5m4g8nfbxvFHBkH2OEEvAItVuCuIsgGgl+Gcr7kDXxhEAx55A2SQEEeQeZwUaIP8Tbo05B0RFPhItAjgj1w6cDnhLluDj+Egkh3pCCP4pKQAw1IPO0W9Nti5gW9RP2dKA3BZd2Dw+baYX+Nt4GM00O4S3kEpF6Alb2Bv4LeC3kkGfAW0/p0RPoJVKr63ghHsKuRh5DIUKOAlGOwrtt9fQekAEfmhZslHUDoglB0zjfkJigN7UnTQQ4GBWomoVhEN/AOPSBh38gy+fwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wMy0xNFQyMTo1NTo1MSswMDowMJcc0eEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDMtMTRUMjE6NTU6NTErMDA6MDDmQWldAAAAAElFTkSuQmCC';
34892
+
34893
+ var NPCDialogType;
34894
+ (function (NPCDialogType) {
34895
+ NPCDialogType["TextOnly"] = "TextOnly";
34896
+ NPCDialogType["TextAndThumbnail"] = "TextAndThumbnail";
34897
+ })(NPCDialogType || (NPCDialogType = {}));
34898
+ var NPCDialog = function NPCDialog(_ref) {
34899
+ var text = _ref.text,
34900
+ type = _ref.type,
34901
+ _onClose = _ref.onClose,
34902
+ imagePath = _ref.imagePath,
34903
+ _ref$isQuestionDialog = _ref.isQuestionDialog,
34904
+ isQuestionDialog = _ref$isQuestionDialog === void 0 ? false : _ref$isQuestionDialog,
34905
+ questions = _ref.questions,
34906
+ answers = _ref.answers;
34907
+ return React.createElement(RPGUIContainer, {
34908
+ type: RPGUIContainerTypes.FramedGold,
34909
+ width: isQuestionDialog ? '600px' : '80%',
34910
+ height: '180px'
34911
+ }, isQuestionDialog && questions && answers ? React.createElement(React.Fragment, null, React.createElement(TextContainer$1, {
34912
+ flex: type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'
34913
+ }, React.createElement(QuestionDialog, {
34914
+ questions: questions,
34915
+ answers: answers,
34916
+ onClose: function onClose() {
34917
+ if (_onClose) {
34918
+ _onClose();
34919
+ }
34920
+ }
34921
+ })), type === NPCDialogType.TextAndThumbnail && React.createElement(ThumbnailContainer, null, React.createElement(NPCThumbnail, {
34922
+ src: imagePath || img$8
34923
+ }))) : React.createElement(React.Fragment, null, React.createElement(Container$g, null, React.createElement(TextContainer$1, {
34924
+ flex: type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'
34925
+ }, React.createElement(NPCDialogText, {
34926
+ type: type,
34927
+ text: text || 'No text provided.',
34928
+ onClose: function onClose() {
34929
+ if (_onClose) {
34930
+ _onClose();
34931
+ }
34932
+ }
34933
+ })), type === NPCDialogType.TextAndThumbnail && React.createElement(ThumbnailContainer, null, React.createElement(NPCThumbnail, {
34934
+ src: imagePath || img$8
34935
+ })))));
34936
+ };
34937
+ var Container$g = /*#__PURE__*/styled.div.withConfig({
34938
+ displayName: "NPCDialog__Container",
34939
+ componentId: "sc-1b4aw74-0"
34940
+ })(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
34941
+ var TextContainer$1 = /*#__PURE__*/styled.div.withConfig({
34942
+ displayName: "NPCDialog__TextContainer",
34943
+ componentId: "sc-1b4aw74-1"
34944
+ })(["flex:", " 0 0;width:355px;"], function (_ref2) {
34945
+ var flex = _ref2.flex;
34946
+ return flex;
34947
+ });
34948
+ var ThumbnailContainer = /*#__PURE__*/styled.div.withConfig({
34949
+ displayName: "NPCDialog__ThumbnailContainer",
34950
+ componentId: "sc-1b4aw74-2"
34951
+ })(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
34952
+ var NPCThumbnail = /*#__PURE__*/styled.img.withConfig({
34953
+ displayName: "NPCDialog__NPCThumbnail",
34954
+ componentId: "sc-1b4aw74-3"
34955
+ })(["image-rendering:pixelated;height:128px;width:128px;"]);
34956
+
34957
+ var ImgSide;
34958
+ (function (ImgSide) {
34959
+ ImgSide["right"] = "right";
34960
+ ImgSide["left"] = "left";
34961
+ })(ImgSide || (ImgSide = {}));
34962
+ var NPCMultiDialog = function NPCMultiDialog(_ref) {
34963
+ var _textAndTypeArray$sli;
34964
+ var _onClose = _ref.onClose,
34965
+ textAndTypeArray = _ref.textAndTypeArray;
34966
+ var _useState = useState(false),
34967
+ showGoNextIndicator = _useState[0],
34968
+ setShowGoNextIndicator = _useState[1];
34969
+ var _useState2 = useState(0),
34970
+ slide = _useState2[0],
34971
+ setSlide = _useState2[1];
34972
+ var onHandleSpacePress = function onHandleSpacePress(event) {
34973
+ if (event.code === 'Space') {
34974
+ if (slide < (textAndTypeArray == null ? void 0 : textAndTypeArray.length) - 1) {
34975
+ setSlide(function (prev) {
34976
+ return prev + 1;
34977
+ });
34978
+ } else {
34979
+ // if there's no more text chunks, close the dialog
34980
+ _onClose();
34981
+ }
34982
+ }
34983
+ };
34984
+ useEffect(function () {
34985
+ document.addEventListener('keydown', onHandleSpacePress);
34986
+ return function () {
34987
+ return document.removeEventListener('keydown', onHandleSpacePress);
34988
+ };
34989
+ }, [slide]);
34990
+ return React.createElement(RPGUIContainer, {
34991
+ type: RPGUIContainerTypes.FramedGold,
34992
+ width: '50%',
34993
+ height: '180px'
34994
+ }, React.createElement(React.Fragment, null, React.createElement(Container$h, null, ((_textAndTypeArray$sli = textAndTypeArray[slide]) == null ? void 0 : _textAndTypeArray$sli.imageSide) === 'right' && React.createElement(React.Fragment, null, React.createElement(TextContainer$2, {
34995
+ flex: '70%'
34996
+ }, React.createElement(NPCDialogText, {
34997
+ onStartStep: function onStartStep() {
34998
+ return setShowGoNextIndicator(false);
34999
+ },
35000
+ onEndStep: function onEndStep() {
35001
+ return setShowGoNextIndicator(true);
35002
+ },
35003
+ text: textAndTypeArray[slide].text || 'No text provided.',
35004
+ onClose: function onClose() {
35005
+ if (_onClose) {
35006
+ _onClose();
35007
+ }
35008
+ }
35009
+ })), React.createElement(ThumbnailContainer$1, null, React.createElement(NPCThumbnail$1, {
35010
+ src: textAndTypeArray[slide].imagePath || img$8
35011
+ })), showGoNextIndicator && React.createElement(PressSpaceIndicator$1, {
35012
+ right: '10.5rem',
35013
+ src: img$7
35014
+ })), textAndTypeArray[slide].imageSide === 'left' && React.createElement(React.Fragment, null, React.createElement(ThumbnailContainer$1, null, React.createElement(NPCThumbnail$1, {
35015
+ src: textAndTypeArray[slide].imagePath || img$8
35016
+ })), React.createElement(TextContainer$2, {
35017
+ flex: '70%'
35018
+ }, React.createElement(NPCDialogText, {
35019
+ onStartStep: function onStartStep() {
35020
+ return setShowGoNextIndicator(false);
35021
+ },
35022
+ onEndStep: function onEndStep() {
35023
+ return setShowGoNextIndicator(true);
35024
+ },
35025
+ text: textAndTypeArray[slide].text || 'No text provided.',
35026
+ onClose: function onClose() {
35027
+ if (_onClose) {
35028
+ _onClose();
35029
+ }
35030
+ }
35031
+ })), showGoNextIndicator && React.createElement(PressSpaceIndicator$1, {
35032
+ right: '1rem',
35033
+ src: img$7
35034
+ }))), ")"));
35035
+ };
35036
+ var Container$h = /*#__PURE__*/styled.div.withConfig({
35037
+ displayName: "NPCMultiDialog__Container",
35038
+ componentId: "sc-rvu5wg-0"
35039
+ })(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
35040
+ var TextContainer$2 = /*#__PURE__*/styled.div.withConfig({
35041
+ displayName: "NPCMultiDialog__TextContainer",
35042
+ componentId: "sc-rvu5wg-1"
35043
+ })(["flex:", " 0 0;width:355px;"], function (_ref2) {
35044
+ var flex = _ref2.flex;
35045
+ return flex;
35046
+ });
35047
+ var ThumbnailContainer$1 = /*#__PURE__*/styled.div.withConfig({
35048
+ displayName: "NPCMultiDialog__ThumbnailContainer",
35049
+ componentId: "sc-rvu5wg-2"
35050
+ })(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
35051
+ var NPCThumbnail$1 = /*#__PURE__*/styled.img.withConfig({
35052
+ displayName: "NPCMultiDialog__NPCThumbnail",
35053
+ componentId: "sc-rvu5wg-3"
35054
+ })(["image-rendering:pixelated;height:128px;width:128px;"]);
35055
+ var PressSpaceIndicator$1 = /*#__PURE__*/styled.img.withConfig({
35056
+ displayName: "NPCMultiDialog__PressSpaceIndicator",
35057
+ componentId: "sc-rvu5wg-4"
35058
+ })(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref3) {
35059
+ var right = _ref3.right;
35060
+ return right;
35061
+ });
35062
+
35063
+ var HistoryDialog = function HistoryDialog(_ref) {
35064
+ var backgroundImgPath = _ref.backgroundImgPath,
35065
+ fullCoverBackground = _ref.fullCoverBackground,
35066
+ questions = _ref.questions,
35067
+ answers = _ref.answers,
35068
+ text = _ref.text,
35069
+ imagePath = _ref.imagePath,
35070
+ textAndTypeArray = _ref.textAndTypeArray,
35071
+ onClose = _ref.onClose;
35072
+ var _useState = useState(0),
35073
+ img = _useState[0],
35074
+ setImage = _useState[1];
35075
+ var onHandleSpacePress = function onHandleSpacePress(event) {
35076
+ if (event.code === 'Space') {
35077
+ if (img < (backgroundImgPath == null ? void 0 : backgroundImgPath.length) - 1) {
35078
+ setImage(function (prev) {
35079
+ return prev + 1;
35080
+ });
35081
+ } else {
35082
+ // if there's no more text chunks, close the dialog
35083
+ onClose();
35084
+ }
35085
+ }
35086
+ };
35087
+ useEffect(function () {
35088
+ document.addEventListener('keydown', onHandleSpacePress);
35089
+ return function () {
35090
+ return document.removeEventListener('keydown', onHandleSpacePress);
35091
+ };
35092
+ }, [backgroundImgPath]);
35093
+ return React.createElement(BackgroundContainer, {
35094
+ imgPath: backgroundImgPath[img],
35095
+ fullImg: fullCoverBackground
35096
+ }, React.createElement(DialogContainer, null, textAndTypeArray ? React.createElement(NPCMultiDialog, {
35097
+ textAndTypeArray: textAndTypeArray,
35098
+ onClose: onClose
35099
+ }) : questions && answers ? React.createElement(QuestionDialog, {
35100
+ questions: questions,
35101
+ answers: answers,
35102
+ onClose: onClose
35103
+ }) : text && imagePath ? React.createElement(NPCDialog, {
35104
+ text: text,
35105
+ imagePath: imagePath,
35106
+ onClose: onClose,
35107
+ type: NPCDialogType.TextAndThumbnail
35108
+ }) : React.createElement(NPCDialog, {
35109
+ text: text,
35110
+ onClose: onClose,
35111
+ type: NPCDialogType.TextOnly
35112
+ })));
35113
+ };
35114
+ var BackgroundContainer = /*#__PURE__*/styled.div.withConfig({
35115
+ displayName: "HistoryDialog__BackgroundContainer",
35116
+ componentId: "sc-u6oe75-0"
35117
+ })(["width:100%;height:100%;background-image:url(", ");background-size:", ";display:flex;justify-content:space-evenly;align-items:center;"], function (props) {
35118
+ return props.imgPath;
35119
+ }, function (props) {
35120
+ return props.imgPath ? 'cover' : 'auto';
35121
+ });
35122
+ var DialogContainer = /*#__PURE__*/styled.div.withConfig({
35123
+ displayName: "HistoryDialog__DialogContainer",
35124
+ componentId: "sc-u6oe75-1"
35125
+ })(["display:flex;justify-content:center;padding-top:200px;"]);
35126
+
34584
35127
  var SlotsContainer = function SlotsContainer(_ref) {
34585
35128
  var children = _ref.children,
34586
35129
  title = _ref.title,
@@ -34826,7 +35369,7 @@ var ShortcutsSetter = function ShortcutsSetter(_ref) {
34826
35369
  return word[0];
34827
35370
  }));
34828
35371
  };
34829
- return React.createElement(Container$e, null, React.createElement("p", null, "Shortcuts:"), React.createElement(List, {
35372
+ return React.createElement(Container$i, null, React.createElement("p", null, "Shortcuts:"), React.createElement(List, {
34830
35373
  id: "shortcuts_list"
34831
35374
  }, Array.from({
34832
35375
  length: 6
@@ -34842,7 +35385,7 @@ var ShortcutsSetter = function ShortcutsSetter(_ref) {
34842
35385
  }, getContent(i));
34843
35386
  })));
34844
35387
  };
34845
- var Container$e = /*#__PURE__*/styled.div.withConfig({
35388
+ var Container$i = /*#__PURE__*/styled.div.withConfig({
34846
35389
  displayName: "ShortcutsSetter__Container",
34847
35390
  componentId: "sc-xuouuf-0"
34848
35391
  })(["p{margin:0;margin-left:0.5rem;}"]);
@@ -34938,508 +35481,182 @@ var ItemContainer$1 = function ItemContainer(_ref) {
34938
35481
  if (onItemPlaceDrop) onItemPlaceDrop(item, slotIndex, itemContainerType);
34939
35482
  },
34940
35483
  onOutsideDrop: function onOutsideDrop(item, position) {
34941
- if (_onOutsideDrop) _onOutsideDrop(item, position);
34942
- },
34943
- atlasIMG: atlasIMG,
34944
- atlasJSON: atlasJSON,
34945
- isSelectingShortcut: settingShortcutIndex !== -1,
34946
- equipmentSet: equipmentSet,
34947
- isDepotSystem: isDepotSystem
34948
- }));
34949
- }
34950
- return slots;
34951
- };
34952
- return React.createElement(React.Fragment, null, React.createElement(SlotsContainer, {
34953
- title: itemContainer.name || 'Container',
34954
- onClose: onClose,
34955
- initialPosition: initialPosition,
34956
- scale: scale,
34957
- onPositionChangeEnd: onPositionChangeEnd,
34958
- onPositionChangeStart: onPositionChangeStart
34959
- }, type === ItemContainerType.Inventory && shortcuts && removeShortcut && React.createElement(ShortcutsSetter, {
34960
- setSettingShortcutIndex: setSettingShortcutIndex,
34961
- settingShortcutIndex: settingShortcutIndex,
34962
- shortcuts: shortcuts,
34963
- removeShortcut: removeShortcut,
34964
- atlasIMG: atlasIMG,
34965
- atlasJSON: atlasJSON
34966
- }), React.createElement(ItemsContainer, {
34967
- className: "item-container-body"
34968
- }, onRenderSlots())), quantitySelect.isOpen && React.createElement(ModalPortal, null, React.createElement(QuantitySelectorContainer, null, React.createElement(ItemQuantitySelector, {
34969
- quantity: quantitySelect.maxQuantity,
34970
- onConfirm: function onConfirm(quantity) {
34971
- quantitySelect.callback(quantity);
34972
- setQuantitySelect({
34973
- isOpen: false,
34974
- maxQuantity: 1,
34975
- callback: function callback() {}
34976
- });
34977
- },
34978
- onClose: function onClose() {
34979
- quantitySelect.callback(-1);
34980
- setQuantitySelect({
34981
- isOpen: false,
34982
- maxQuantity: 1,
34983
- callback: function callback() {}
34984
- });
34985
- }
34986
- }))));
34987
- };
34988
- var ItemsContainer = /*#__PURE__*/styled.div.withConfig({
34989
- displayName: "ItemContainer__ItemsContainer",
34990
- componentId: "sc-15y5p9l-0"
34991
- })(["display:flex;justify-content:center;flex-wrap:wrap;"]);
34992
- var QuantitySelectorContainer = /*#__PURE__*/styled.div.withConfig({
34993
- displayName: "ItemContainer__QuantitySelectorContainer",
34994
- componentId: "sc-15y5p9l-1"
34995
- })(["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);"]);
34996
-
34997
- var ItemSelector = function ItemSelector(_ref) {
34998
- var atlasIMG = _ref.atlasIMG,
34999
- atlasJSON = _ref.atlasJSON,
35000
- options = _ref.options,
35001
- onClose = _ref.onClose,
35002
- onSelect = _ref.onSelect;
35003
- var _useState = useState(),
35004
- selectedValue = _useState[0],
35005
- setSelectedValue = _useState[1];
35006
- var handleClick = function handleClick() {
35007
- var element = document.querySelector("input[name='test']:checked");
35008
- var elementValue = element.value;
35009
- setSelectedValue(elementValue);
35010
- };
35011
- useEffect(function () {
35012
- if (selectedValue) {
35013
- onSelect(selectedValue);
35014
- }
35015
- }, [selectedValue]);
35016
- return React.createElement(DraggableContainer, {
35017
- type: RPGUIContainerTypes.Framed,
35018
- width: "500px",
35019
- cancelDrag: ".equipment-container-body .arrow-selector",
35020
- onCloseButton: function onCloseButton() {
35021
- if (onClose) {
35022
- onClose();
35023
- }
35024
- }
35025
- }, React.createElement("div", {
35026
- style: {
35027
- width: '100%'
35028
- }
35029
- }, React.createElement(Title$3, null, 'Harvesting instruments'), React.createElement(Subtitle$1, null, 'Use the tool, you need it'), React.createElement("hr", {
35030
- className: "golden"
35031
- })), React.createElement(RadioInputScroller$1, null, options == null ? void 0 : options.map(function (option, index) {
35032
- return React.createElement(RadioOptionsWrapper$1, {
35033
- key: index
35034
- }, React.createElement(SpriteAtlasWrapper$1, null, React.createElement(SpriteFromAtlas, {
35035
- atlasIMG: atlasIMG,
35036
- atlasJSON: atlasJSON,
35037
- spriteKey: option.imageKey,
35038
- imgScale: 3
35039
- })), React.createElement("div", null, React.createElement("input", {
35040
- className: "rpgui-radio",
35041
- type: "radio",
35042
- value: option.name,
35043
- name: "test"
35044
- }), React.createElement("label", {
35045
- onPointerDown: handleClick,
35046
- style: {
35047
- display: 'flex',
35048
- alignItems: 'center'
35049
- }
35050
- }, option.name, " ", React.createElement("br", null), option.description)));
35051
- })), React.createElement(ButtonWrapper$1, null, React.createElement(Button, {
35052
- buttonType: ButtonTypes.RPGUIButton,
35053
- onPointerDown: onClose
35054
- }, "Cancel"), React.createElement(Button, {
35055
- buttonType: ButtonTypes.RPGUIButton
35056
- }, "Select")));
35057
- };
35058
- var Title$3 = /*#__PURE__*/styled.h1.withConfig({
35059
- displayName: "ItemSelector__Title",
35060
- componentId: "sc-gptoxp-0"
35061
- })(["font-size:0.6rem;color:yellow !important;"]);
35062
- var Subtitle$1 = /*#__PURE__*/styled.h1.withConfig({
35063
- displayName: "ItemSelector__Subtitle",
35064
- componentId: "sc-gptoxp-1"
35065
- })(["font-size:0.4rem;color:yellow !important;"]);
35066
- var RadioInputScroller$1 = /*#__PURE__*/styled.div.withConfig({
35067
- displayName: "ItemSelector__RadioInputScroller",
35068
- componentId: "sc-gptoxp-2"
35069
- })(["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;"]);
35070
- var SpriteAtlasWrapper$1 = /*#__PURE__*/styled.div.withConfig({
35071
- displayName: "ItemSelector__SpriteAtlasWrapper",
35072
- componentId: "sc-gptoxp-3"
35073
- })(["margin-right:40px;"]);
35074
- var RadioOptionsWrapper$1 = /*#__PURE__*/styled.div.withConfig({
35075
- displayName: "ItemSelector__RadioOptionsWrapper",
35076
- componentId: "sc-gptoxp-4"
35077
- })(["display:flex;align-items:stretch;margin-bottom:40px;"]);
35078
- var ButtonWrapper$1 = /*#__PURE__*/styled.div.withConfig({
35079
- displayName: "ItemSelector__ButtonWrapper",
35080
- componentId: "sc-gptoxp-5"
35081
- })(["display:flex;justify-content:space-around;padding-top:20px;width:100%;"]);
35082
-
35083
- var ListMenu = function ListMenu(_ref) {
35084
- var options = _ref.options,
35085
- onSelected = _ref.onSelected,
35086
- x = _ref.x,
35087
- y = _ref.y;
35088
- return React.createElement(Container$f, {
35089
- x: x,
35090
- y: y
35091
- }, React.createElement("ul", {
35092
- className: "rpgui-list-imp",
35093
- style: {
35094
- overflow: 'hidden'
35095
- }
35096
- }, options.map(function (params, index) {
35097
- return React.createElement(ListElement$1, {
35098
- key: (params == null ? void 0 : params.id) || index,
35099
- onPointerDown: function onPointerDown() {
35100
- onSelected(params == null ? void 0 : params.id);
35101
- }
35102
- }, (params == null ? void 0 : params.text) || 'No text');
35103
- })));
35104
- };
35105
- var Container$f = /*#__PURE__*/styled.div.withConfig({
35106
- displayName: "ListMenu__Container",
35107
- componentId: "sc-i9097t-0"
35108
- })(["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) {
35109
- return props.y || 0;
35110
- }, function (props) {
35111
- return props.x || 0;
35112
- }, uiFonts.size.xsmall);
35113
- var ListElement$1 = /*#__PURE__*/styled.li.withConfig({
35114
- displayName: "ListMenu__ListElement",
35115
- componentId: "sc-i9097t-1"
35116
- })(["margin-right:0.5rem;"]);
35117
-
35118
- var img$6 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAP1BMVEUAAAA7FyVxQTsUEBPj5v////+5v/tCJDOOUlIiHBr1oJfptaO6dWr61rhzFy1bMTjoanMUNGQoXMQkn97+88DQ3IhAAAAAAXRSTlMAQObYZgAAAAFiS0dEBfhv6ccAAAAHdElNRQfmAw4VOBC7c5LYAAABM0lEQVQ4y3XRi5KDIAwFUAUkbrBgpP//rZsHVHQ009qZ3tPboNN0zmwzvcw8O5sX4y0NOg/Et3jRCXF+ziULorjkOQ9gE24dvuUAzq08DiCO4pe3WN7zCP56vmpubBReQYC11YPS86ySxxCsAABTSgjb5m4g8nfbxvFHBkH2OEEvAItVuCuIsgGgl+Gcr7kDXxhEAx55A2SQEEeQeZwUaIP8Tbo05B0RFPhItAjgj1w6cDnhLluDj+Egkh3pCCP4pKQAw1IPO0W9Nti5gW9RP2dKA3BZd2Dw+baYX+Nt4GM00O4S3kEpF6Alb2Bv4LeC3kkGfAW0/p0RPoJVKr63ghHsKuRh5DIUKOAlGOwrtt9fQekAEfmhZslHUDoglB0zjfkJigN7UnTQQ4GBWomoVhEN/AOPSBh38gy+fwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wMy0xNFQyMTo1NTo1MSswMDowMJcc0eEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDMtMTRUMjE6NTU6NTErMDA6MDDmQWldAAAAAElFTkSuQmCC';
35119
-
35120
- 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';
35121
-
35122
- var ImgSide;
35123
- (function (ImgSide) {
35124
- ImgSide["right"] = "right";
35125
- ImgSide["left"] = "left";
35126
- })(ImgSide || (ImgSide = {}));
35127
- var NPCMultiDialog = function NPCMultiDialog(_ref) {
35128
- var _textAndTypeArray$sli;
35129
- var _onClose = _ref.onClose,
35130
- textAndTypeArray = _ref.textAndTypeArray;
35131
- var _useState = useState(false),
35132
- showGoNextIndicator = _useState[0],
35133
- setShowGoNextIndicator = _useState[1];
35134
- var _useState2 = useState(0),
35135
- slide = _useState2[0],
35136
- setSlide = _useState2[1];
35137
- var onHandleSpacePress = function onHandleSpacePress(event) {
35138
- if (event.code === 'Space') {
35139
- if (slide < (textAndTypeArray == null ? void 0 : textAndTypeArray.length) - 1) {
35140
- setSlide(function (prev) {
35141
- return prev + 1;
35142
- });
35143
- } else {
35144
- // if there's no more text chunks, close the dialog
35145
- _onClose();
35146
- }
35147
- }
35148
- };
35149
- useEffect(function () {
35150
- document.addEventListener('keydown', onHandleSpacePress);
35151
- return function () {
35152
- return document.removeEventListener('keydown', onHandleSpacePress);
35153
- };
35154
- }, [slide]);
35155
- return React.createElement(RPGUIContainer, {
35156
- type: RPGUIContainerTypes.FramedGold,
35157
- width: '50%',
35158
- height: '180px'
35159
- }, React.createElement(React.Fragment, null, React.createElement(Container$g, null, ((_textAndTypeArray$sli = textAndTypeArray[slide]) == null ? void 0 : _textAndTypeArray$sli.imageSide) === 'right' && React.createElement(React.Fragment, null, React.createElement(TextContainer, {
35160
- flex: '70%'
35161
- }, React.createElement(NPCDialogText, {
35162
- onStartStep: function onStartStep() {
35163
- return setShowGoNextIndicator(false);
35164
- },
35165
- onEndStep: function onEndStep() {
35166
- return setShowGoNextIndicator(true);
35167
- },
35168
- text: textAndTypeArray[slide].text || 'No text provided.',
35169
- onClose: function onClose() {
35170
- if (_onClose) {
35171
- _onClose();
35172
- }
35173
- }
35174
- })), React.createElement(ThumbnailContainer, null, React.createElement(NPCThumbnail, {
35175
- src: textAndTypeArray[slide].imagePath || img$6
35176
- })), showGoNextIndicator && React.createElement(PressSpaceIndicator, {
35177
- right: '10.5rem',
35178
- src: img$7
35179
- })), textAndTypeArray[slide].imageSide === 'left' && React.createElement(React.Fragment, null, React.createElement(ThumbnailContainer, null, React.createElement(NPCThumbnail, {
35180
- src: textAndTypeArray[slide].imagePath || img$6
35181
- })), React.createElement(TextContainer, {
35182
- flex: '70%'
35183
- }, React.createElement(NPCDialogText, {
35184
- onStartStep: function onStartStep() {
35185
- return setShowGoNextIndicator(false);
35186
- },
35187
- onEndStep: function onEndStep() {
35188
- return setShowGoNextIndicator(true);
35189
- },
35190
- text: textAndTypeArray[slide].text || 'No text provided.',
35191
- onClose: function onClose() {
35192
- if (_onClose) {
35193
- _onClose();
35194
- }
35195
- }
35196
- })), showGoNextIndicator && React.createElement(PressSpaceIndicator, {
35197
- right: '1rem',
35198
- src: img$7
35199
- }))), ")"));
35200
- };
35201
- var Container$g = /*#__PURE__*/styled.div.withConfig({
35202
- displayName: "NPCMultiDialog__Container",
35203
- componentId: "sc-rvu5wg-0"
35204
- })(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
35205
- var TextContainer = /*#__PURE__*/styled.div.withConfig({
35206
- displayName: "NPCMultiDialog__TextContainer",
35207
- componentId: "sc-rvu5wg-1"
35208
- })(["flex:", " 0 0;width:355px;"], function (_ref2) {
35209
- var flex = _ref2.flex;
35210
- return flex;
35211
- });
35212
- var ThumbnailContainer = /*#__PURE__*/styled.div.withConfig({
35213
- displayName: "NPCMultiDialog__ThumbnailContainer",
35214
- componentId: "sc-rvu5wg-2"
35215
- })(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
35216
- var NPCThumbnail = /*#__PURE__*/styled.img.withConfig({
35217
- displayName: "NPCMultiDialog__NPCThumbnail",
35218
- componentId: "sc-rvu5wg-3"
35219
- })(["image-rendering:pixelated;height:128px;width:128px;"]);
35220
- var PressSpaceIndicator = /*#__PURE__*/styled.img.withConfig({
35221
- displayName: "NPCMultiDialog__PressSpaceIndicator",
35222
- componentId: "sc-rvu5wg-4"
35223
- })(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref3) {
35224
- var right = _ref3.right;
35225
- return right;
35226
- });
35227
-
35228
- //@ts-ignore
35229
- var useEventListener = function useEventListener(type, handler, el) {
35230
- if (el === void 0) {
35231
- el = window;
35232
- }
35233
- var savedHandler = React.useRef();
35234
- React.useEffect(function () {
35235
- savedHandler.current = handler;
35236
- }, [handler]);
35237
- React.useEffect(function () {
35238
- //@ts-ignore
35239
- var listener = function listener(e) {
35240
- return savedHandler.current(e);
35241
- };
35242
- el.addEventListener(type, listener);
35243
- return function () {
35244
- el.removeEventListener(type, listener);
35245
- };
35246
- }, [type, el]);
35247
- };
35248
-
35249
- var DynamicText = function DynamicText(_ref) {
35250
- var text = _ref.text,
35251
- onFinish = _ref.onFinish,
35252
- onStart = _ref.onStart;
35253
- var _useState = useState(''),
35254
- textState = _useState[0],
35255
- setTextState = _useState[1];
35256
- useEffect(function () {
35257
- var i = 0;
35258
- var interval = setInterval(function () {
35259
- // on every interval, show one more character
35260
- if (i === 0) {
35261
- if (onStart) {
35262
- onStart();
35263
- }
35264
- }
35265
- if (i < text.length) {
35266
- setTextState(text.substring(0, i + 1));
35267
- i++;
35268
- } else {
35269
- clearInterval(interval);
35270
- if (onFinish) {
35271
- onFinish();
35272
- }
35273
- }
35274
- }, 50);
35275
- return function () {
35276
- clearInterval(interval);
35277
- };
35278
- }, [text]);
35279
- return React.createElement(TextContainer$1, null, textState);
35280
- };
35281
- var TextContainer$1 = /*#__PURE__*/styled.p.withConfig({
35282
- displayName: "DynamicText__TextContainer",
35283
- componentId: "sc-1ggl9nd-0"
35284
- })(["font-size:0.7rem !important;color:white;text-shadow:1px 1px 0px #000000;letter-spacing:1.2px;word-break:normal;"]);
35285
-
35286
- var QuestionDialog = function QuestionDialog(_ref) {
35287
- var questions = _ref.questions,
35288
- answers = _ref.answers,
35289
- onClose = _ref.onClose;
35290
- var _useState = useState(questions[0]),
35291
- currentQuestion = _useState[0],
35292
- setCurrentQuestion = _useState[1];
35293
- var _useState2 = useState(false),
35294
- canShowAnswers = _useState2[0],
35295
- setCanShowAnswers = _useState2[1];
35296
- var onGetFirstAnswer = function onGetFirstAnswer() {
35297
- if (!currentQuestion.answerIds || currentQuestion.answerIds.length === 0) {
35298
- return null;
35484
+ if (_onOutsideDrop) _onOutsideDrop(item, position);
35485
+ },
35486
+ atlasIMG: atlasIMG,
35487
+ atlasJSON: atlasJSON,
35488
+ isSelectingShortcut: settingShortcutIndex !== -1,
35489
+ equipmentSet: equipmentSet,
35490
+ isDepotSystem: isDepotSystem
35491
+ }));
35299
35492
  }
35300
- var firstAnswerId = currentQuestion.answerIds[0];
35301
- return answers.find(function (answer) {
35302
- return answer.id === firstAnswerId;
35303
- });
35493
+ return slots;
35304
35494
  };
35305
- var _useState3 = useState(onGetFirstAnswer()),
35306
- currentAnswer = _useState3[0],
35307
- setCurrentAnswer = _useState3[1];
35308
- useEffect(function () {
35309
- setCurrentAnswer(onGetFirstAnswer());
35310
- }, [currentQuestion]);
35311
- var onGetAnswers = function onGetAnswers(answerIds) {
35312
- return answerIds.map(function (answerId) {
35313
- return answers.find(function (answer) {
35314
- return answer.id === answerId;
35495
+ return React.createElement(React.Fragment, null, React.createElement(SlotsContainer, {
35496
+ title: itemContainer.name || 'Container',
35497
+ onClose: onClose,
35498
+ initialPosition: initialPosition,
35499
+ scale: scale,
35500
+ onPositionChangeEnd: onPositionChangeEnd,
35501
+ onPositionChangeStart: onPositionChangeStart
35502
+ }, type === ItemContainerType.Inventory && shortcuts && removeShortcut && React.createElement(ShortcutsSetter, {
35503
+ setSettingShortcutIndex: setSettingShortcutIndex,
35504
+ settingShortcutIndex: settingShortcutIndex,
35505
+ shortcuts: shortcuts,
35506
+ removeShortcut: removeShortcut,
35507
+ atlasIMG: atlasIMG,
35508
+ atlasJSON: atlasJSON
35509
+ }), React.createElement(ItemsContainer, {
35510
+ className: "item-container-body"
35511
+ }, onRenderSlots())), quantitySelect.isOpen && React.createElement(ModalPortal, null, React.createElement(QuantitySelectorContainer, null, React.createElement(ItemQuantitySelector, {
35512
+ quantity: quantitySelect.maxQuantity,
35513
+ onConfirm: function onConfirm(quantity) {
35514
+ quantitySelect.callback(quantity);
35515
+ setQuantitySelect({
35516
+ isOpen: false,
35517
+ maxQuantity: 1,
35518
+ callback: function callback() {}
35519
+ });
35520
+ },
35521
+ onClose: function onClose() {
35522
+ quantitySelect.callback(-1);
35523
+ setQuantitySelect({
35524
+ isOpen: false,
35525
+ maxQuantity: 1,
35526
+ callback: function callback() {}
35315
35527
  });
35316
- });
35317
- };
35318
- var onKeyPress = function onKeyPress(e) {
35319
- switch (e.key) {
35320
- case 'ArrowDown':
35321
- // select next answer, if any.
35322
- // if no next answer, select first answer
35323
- // const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(
35324
- // (answer) => answer?.id === currentAnswer!.id + 1
35325
- // );
35326
- var nextAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
35327
- return (answer == null ? void 0 : answer.id) === currentAnswer.id + 1;
35328
- });
35329
- var nextAnswerID = currentQuestion.answerIds[nextAnswerIndex];
35330
- var nextAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
35331
- return (answer == null ? void 0 : answer.id) === nextAnswerID;
35332
- });
35333
- setCurrentAnswer(nextAnswer || onGetFirstAnswer());
35334
- break;
35335
- case 'ArrowUp':
35336
- // select previous answer, if any.
35337
- // if no previous answer, select last answer
35338
- var previousAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
35339
- return (answer == null ? void 0 : answer.id) === currentAnswer.id - 1;
35340
- });
35341
- var previousAnswerID = currentQuestion.answerIds && currentQuestion.answerIds[previousAnswerIndex];
35342
- var previousAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
35343
- return (answer == null ? void 0 : answer.id) === previousAnswerID;
35344
- });
35345
- if (previousAnswer) {
35346
- setCurrentAnswer(previousAnswer);
35347
- } else {
35348
- setCurrentAnswer(onGetAnswers(currentQuestion.answerIds).pop());
35349
- }
35350
- break;
35351
- case 'Enter':
35352
- setCanShowAnswers(false);
35353
- if (!(currentAnswer != null && currentAnswer.nextQuestionId)) {
35354
- onClose();
35355
- return;
35356
- } else {
35357
- setCurrentQuestion(questions.find(function (question) {
35358
- return question.id === currentAnswer.nextQuestionId;
35359
- }));
35360
- }
35361
- break;
35362
35528
  }
35529
+ }))));
35530
+ };
35531
+ var ItemsContainer = /*#__PURE__*/styled.div.withConfig({
35532
+ displayName: "ItemContainer__ItemsContainer",
35533
+ componentId: "sc-15y5p9l-0"
35534
+ })(["display:flex;justify-content:center;flex-wrap:wrap;"]);
35535
+ var QuantitySelectorContainer = /*#__PURE__*/styled.div.withConfig({
35536
+ displayName: "ItemContainer__QuantitySelectorContainer",
35537
+ componentId: "sc-15y5p9l-1"
35538
+ })(["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);"]);
35539
+
35540
+ var ItemSelector = function ItemSelector(_ref) {
35541
+ var atlasIMG = _ref.atlasIMG,
35542
+ atlasJSON = _ref.atlasJSON,
35543
+ options = _ref.options,
35544
+ onClose = _ref.onClose,
35545
+ onSelect = _ref.onSelect;
35546
+ var _useState = useState(),
35547
+ selectedValue = _useState[0],
35548
+ setSelectedValue = _useState[1];
35549
+ var handleClick = function handleClick() {
35550
+ var element = document.querySelector("input[name='test']:checked");
35551
+ var elementValue = element.value;
35552
+ setSelectedValue(elementValue);
35363
35553
  };
35364
- useEventListener('keydown', onKeyPress);
35365
- var onAnswerClick = function onAnswerClick(answer) {
35366
- setCanShowAnswers(false);
35367
- if (answer.nextQuestionId) {
35368
- // if there is a next question, go to it
35369
- setCurrentQuestion(questions.find(function (question) {
35370
- return question.id === answer.nextQuestionId;
35371
- }));
35372
- } else {
35373
- // else, finish dialog!
35374
- onClose();
35554
+ useEffect(function () {
35555
+ if (selectedValue) {
35556
+ onSelect(selectedValue);
35375
35557
  }
35376
- };
35377
- var onRenderCurrentAnswers = function onRenderCurrentAnswers() {
35378
- var answerIds = currentQuestion.answerIds;
35379
- if (!answerIds) {
35380
- return null;
35558
+ }, [selectedValue]);
35559
+ return React.createElement(DraggableContainer, {
35560
+ type: RPGUIContainerTypes.Framed,
35561
+ width: "500px",
35562
+ cancelDrag: ".equipment-container-body .arrow-selector",
35563
+ onCloseButton: function onCloseButton() {
35564
+ if (onClose) {
35565
+ onClose();
35566
+ }
35381
35567
  }
35382
- var answers = onGetAnswers(answerIds);
35383
- if (!answers) {
35384
- return null;
35568
+ }, React.createElement("div", {
35569
+ style: {
35570
+ width: '100%'
35385
35571
  }
35386
- return answers.map(function (answer) {
35387
- var isSelected = (currentAnswer == null ? void 0 : currentAnswer.id) === (answer == null ? void 0 : answer.id);
35388
- var selectedColor = isSelected ? 'yellow' : 'white';
35389
- if (answer) {
35390
- return React.createElement(AnswerRow, {
35391
- key: "answer_" + answer.id
35392
- }, React.createElement(AnswerSelectedIcon, {
35393
- color: selectedColor
35394
- }, isSelected ? 'X' : null), React.createElement(Answer, {
35395
- key: answer.id,
35396
- onPointerDown: function onPointerDown() {
35397
- return onAnswerClick(answer);
35398
- },
35399
- color: selectedColor
35400
- }, answer.text));
35572
+ }, React.createElement(Title$3, null, 'Harvesting instruments'), React.createElement(Subtitle$1, null, 'Use the tool, you need it'), React.createElement("hr", {
35573
+ className: "golden"
35574
+ })), React.createElement(RadioInputScroller$1, null, options == null ? void 0 : options.map(function (option, index) {
35575
+ return React.createElement(RadioOptionsWrapper$1, {
35576
+ key: index
35577
+ }, React.createElement(SpriteAtlasWrapper$1, null, React.createElement(SpriteFromAtlas, {
35578
+ atlasIMG: atlasIMG,
35579
+ atlasJSON: atlasJSON,
35580
+ spriteKey: option.imageKey,
35581
+ imgScale: 3
35582
+ })), React.createElement("div", null, React.createElement("input", {
35583
+ className: "rpgui-radio",
35584
+ type: "radio",
35585
+ value: option.name,
35586
+ name: "test"
35587
+ }), React.createElement("label", {
35588
+ onPointerDown: handleClick,
35589
+ style: {
35590
+ display: 'flex',
35591
+ alignItems: 'center'
35401
35592
  }
35402
- return null;
35403
- });
35404
- };
35405
- return React.createElement(Container$h, null, React.createElement(QuestionContainer, null, React.createElement(DynamicText, {
35406
- text: currentQuestion.text,
35407
- onStart: function onStart() {
35408
- return setCanShowAnswers(false);
35409
- },
35410
- onFinish: function onFinish() {
35411
- return setCanShowAnswers(true);
35593
+ }, option.name, " ", React.createElement("br", null), option.description)));
35594
+ })), React.createElement(ButtonWrapper$1, null, React.createElement(Button, {
35595
+ buttonType: ButtonTypes.RPGUIButton,
35596
+ onPointerDown: onClose
35597
+ }, "Cancel"), React.createElement(Button, {
35598
+ buttonType: ButtonTypes.RPGUIButton
35599
+ }, "Select")));
35600
+ };
35601
+ var Title$3 = /*#__PURE__*/styled.h1.withConfig({
35602
+ displayName: "ItemSelector__Title",
35603
+ componentId: "sc-gptoxp-0"
35604
+ })(["font-size:0.6rem;color:yellow !important;"]);
35605
+ var Subtitle$1 = /*#__PURE__*/styled.h1.withConfig({
35606
+ displayName: "ItemSelector__Subtitle",
35607
+ componentId: "sc-gptoxp-1"
35608
+ })(["font-size:0.4rem;color:yellow !important;"]);
35609
+ var RadioInputScroller$1 = /*#__PURE__*/styled.div.withConfig({
35610
+ displayName: "ItemSelector__RadioInputScroller",
35611
+ componentId: "sc-gptoxp-2"
35612
+ })(["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;"]);
35613
+ var SpriteAtlasWrapper$1 = /*#__PURE__*/styled.div.withConfig({
35614
+ displayName: "ItemSelector__SpriteAtlasWrapper",
35615
+ componentId: "sc-gptoxp-3"
35616
+ })(["margin-right:40px;"]);
35617
+ var RadioOptionsWrapper$1 = /*#__PURE__*/styled.div.withConfig({
35618
+ displayName: "ItemSelector__RadioOptionsWrapper",
35619
+ componentId: "sc-gptoxp-4"
35620
+ })(["display:flex;align-items:stretch;margin-bottom:40px;"]);
35621
+ var ButtonWrapper$1 = /*#__PURE__*/styled.div.withConfig({
35622
+ displayName: "ItemSelector__ButtonWrapper",
35623
+ componentId: "sc-gptoxp-5"
35624
+ })(["display:flex;justify-content:space-around;padding-top:20px;width:100%;"]);
35625
+
35626
+ var ListMenu = function ListMenu(_ref) {
35627
+ var options = _ref.options,
35628
+ onSelected = _ref.onSelected,
35629
+ x = _ref.x,
35630
+ y = _ref.y;
35631
+ return React.createElement(Container$j, {
35632
+ x: x,
35633
+ y: y
35634
+ }, React.createElement("ul", {
35635
+ className: "rpgui-list-imp",
35636
+ style: {
35637
+ overflow: 'hidden'
35412
35638
  }
35413
- })), canShowAnswers && React.createElement(AnswersContainer, null, onRenderCurrentAnswers()));
35639
+ }, options.map(function (params, index) {
35640
+ return React.createElement(ListElement$1, {
35641
+ key: (params == null ? void 0 : params.id) || index,
35642
+ onPointerDown: function onPointerDown() {
35643
+ onSelected(params == null ? void 0 : params.id);
35644
+ }
35645
+ }, (params == null ? void 0 : params.text) || 'No text');
35646
+ })));
35414
35647
  };
35415
- var Container$h = /*#__PURE__*/styled.div.withConfig({
35416
- displayName: "QuestionDialog__Container",
35417
- componentId: "sc-bxc5u0-0"
35418
- })(["display:flex;word-break:break-all;box-sizing:border-box;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;"]);
35419
- var QuestionContainer = /*#__PURE__*/styled.div.withConfig({
35420
- displayName: "QuestionDialog__QuestionContainer",
35421
- componentId: "sc-bxc5u0-1"
35422
- })(["flex:100%;width:100%;"]);
35423
- var AnswersContainer = /*#__PURE__*/styled.div.withConfig({
35424
- displayName: "QuestionDialog__AnswersContainer",
35425
- componentId: "sc-bxc5u0-2"
35426
- })(["flex:100%;"]);
35427
- var Answer = /*#__PURE__*/styled.p.withConfig({
35428
- displayName: "QuestionDialog__Answer",
35429
- componentId: "sc-bxc5u0-3"
35430
- })(["flex:auto;color:", " !important;font-size:0.65rem !important;background:inherit;border:none;"], function (props) {
35431
- return props.color;
35432
- });
35433
- var AnswerSelectedIcon = /*#__PURE__*/styled.span.withConfig({
35434
- displayName: "QuestionDialog__AnswerSelectedIcon",
35435
- componentId: "sc-bxc5u0-4"
35436
- })(["flex:5% 0 0;color:", " !important;"], function (props) {
35437
- return props.color;
35438
- });
35439
- var AnswerRow = /*#__PURE__*/styled.div.withConfig({
35440
- displayName: "QuestionDialog__AnswerRow",
35441
- componentId: "sc-bxc5u0-5"
35442
- })(["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;}"]);
35648
+ var Container$j = /*#__PURE__*/styled.div.withConfig({
35649
+ displayName: "ListMenu__Container",
35650
+ componentId: "sc-i9097t-0"
35651
+ })(["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) {
35652
+ return props.y || 0;
35653
+ }, function (props) {
35654
+ return props.x || 0;
35655
+ }, uiFonts.size.xsmall);
35656
+ var ListElement$1 = /*#__PURE__*/styled.li.withConfig({
35657
+ displayName: "ListMenu__ListElement",
35658
+ componentId: "sc-i9097t-1"
35659
+ })(["margin-right:0.5rem;"]);
35443
35660
 
35444
35661
  var ProgressBar = function ProgressBar(_ref) {
35445
35662
  var max = _ref.max,
@@ -35458,7 +35675,7 @@ var ProgressBar = function ProgressBar(_ref) {
35458
35675
  }
35459
35676
  return value * 100 / max;
35460
35677
  };
35461
- return React.createElement(Container$i, {
35678
+ return React.createElement(Container$k, {
35462
35679
  className: "rpgui-progress",
35463
35680
  "data-value": calculatePercentageValue(max, value) / 100,
35464
35681
  "data-rpguitype": "progress",
@@ -35487,7 +35704,7 @@ var TextOverlay$1 = /*#__PURE__*/styled.div.withConfig({
35487
35704
  displayName: "ProgressBar__TextOverlay",
35488
35705
  componentId: "sc-qa6fzh-1"
35489
35706
  })(["width:100%;position:relative;"]);
35490
- var Container$i = /*#__PURE__*/styled.div.withConfig({
35707
+ var Container$k = /*#__PURE__*/styled.div.withConfig({
35491
35708
  displayName: "ProgressBar__Container",
35492
35709
  componentId: "sc-qa6fzh-2"
35493
35710
  })(["display:flex;flex-direction:column;min-width:", "px;width:", "%;justify-content:start;align-items:flex-start;", ""], function (props) {
@@ -35498,7 +35715,7 @@ var Container$i = /*#__PURE__*/styled.div.withConfig({
35498
35715
  return props.style;
35499
35716
  });
35500
35717
 
35501
- var img$8 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAEZ0FNQQAAsY58+1GTAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAHcSURBVHja7Ji/agJBEId/K/cCdoKFFjZCbGxCekmVOunzCil8hhS+gr3WVmIvKbQxIILFKQjXhCPkASZN5tjd27ud9SRYOKV3u/ftN7P/VESEa4gariRuIHZEkpeUUkYhEZEKbeNrG0mJJ/MlOq0m9odTKRg/W+2OaDfqRh9xkmbPbaBIMrLJfInB/R0AoN2o4+v7B3GSAkAOzAXAwW0XH59QSpEOIzLCEHanuq31Zot+r1sIYcdwNDZgahIblww2GTxrXDb02B9OAIB+r4tOqymCYXtspRQkxMZ6s82lK8SG14jPBnccYmM6W6Df62ZWSkGkNjgt59p4eXyAt1h9NvSoasMJcs5MqWqj0IjEBncuNVdmIwcSYmN/OIlSUjZTnCD2Ui7pXLqK+tKSgTCEtOikBcrAvrQAQE2HkIwwTlJj2l7CBgBERKSUUrTaHQ3lcZI6t3G2IZ0pEhvZ7ssww9E4Wym5YUi6qoQioqDZwmB6emxDtg3ej97fXv0nNN64OHQrutbpbGG8o//2/DRwpsyXFsOI9DDjCv0j+oCkNowakR6iXSks+rjURtDhWS9q+1DtMiL5eC41lar9D8w2pQMVrR1nGym7p9hA/25EcrESXchu/wbcQDzxOwDLF0pIXBCe1wAAAABJRU5ErkJggg==';
35718
+ var img$9 = 'data:image/png;base64,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';
35502
35719
 
35503
35720
  var QuestInfo = function QuestInfo(_ref) {
35504
35721
  var quests = _ref.quests,
@@ -35542,7 +35759,7 @@ var QuestInfo = function QuestInfo(_ref) {
35542
35759
  }), React.createElement(QuestContainer, null, React.createElement(TitleContainer$1, {
35543
35760
  className: "drag-handler"
35544
35761
  }, React.createElement(Title$4, null, React.createElement(Thumbnail, {
35545
- src: quests[currentIndex].thumbnail || img$8
35762
+ src: quests[currentIndex].thumbnail || img$9
35546
35763
  }), quests[currentIndex].title), React.createElement(QuestSplitDiv, null, React.createElement("hr", {
35547
35764
  className: "golden"
35548
35765
  }))), React.createElement(Content, null, React.createElement("p", null, quests[currentIndex].description)), React.createElement(QuestColumn, {
@@ -35561,7 +35778,7 @@ var QuestInfo = function QuestInfo(_ref) {
35561
35778
  })))) : React.createElement(QuestsContainer, null, React.createElement(QuestContainer, null, React.createElement(TitleContainer$1, {
35562
35779
  className: "drag-handler"
35563
35780
  }, React.createElement(Title$4, null, React.createElement(Thumbnail, {
35564
- src: quests[0].thumbnail || img$8
35781
+ src: quests[0].thumbnail || img$9
35565
35782
  }), quests[0].title), React.createElement(QuestSplitDiv, null, React.createElement("hr", {
35566
35783
  className: "golden"
35567
35784
  }))), React.createElement(Content, null, React.createElement("p", null, quests[0].description)), React.createElement(QuestColumn, {
@@ -35812,7 +36029,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
35812
36029
  bgColor = _ref$bgColor === void 0 ? 'red' : _ref$bgColor,
35813
36030
  _ref$margin = _ref.margin,
35814
36031
  margin = _ref$margin === void 0 ? 20 : _ref$margin;
35815
- return React.createElement(Container$j, {
36032
+ return React.createElement(Container$l, {
35816
36033
  className: "simple-progress-bar"
35817
36034
  }, React.createElement(ProgressBarContainer, {
35818
36035
  margin: margin
@@ -35821,7 +36038,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
35821
36038
  bgColor: bgColor
35822
36039
  }))));
35823
36040
  };
35824
- var Container$j = /*#__PURE__*/styled.div.withConfig({
36041
+ var Container$l = /*#__PURE__*/styled.div.withConfig({
35825
36042
  displayName: "SimpleProgressBar__Container",
35826
36043
  componentId: "sc-mbeil3-0"
35827
36044
  })(["display:flex;justify-content:center;align-items:center;width:100%;"]);
@@ -36052,7 +36269,7 @@ var Spell = function Spell(_ref) {
36052
36269
  isSettingShortcut = _ref.isSettingShortcut,
36053
36270
  minMagicLevelRequired = _ref.minMagicLevelRequired;
36054
36271
  var disabled = isSettingShortcut ? charMagicLevel < minMagicLevelRequired : manaCost > charMana || charMagicLevel < minMagicLevelRequired;
36055
- return React.createElement(Container$k, {
36272
+ return React.createElement(Container$m, {
36056
36273
  disabled: disabled,
36057
36274
  onPointerDown: onPointerDown == null ? void 0 : onPointerDown.bind(null, spellKey),
36058
36275
  isSettingShortcut: isSettingShortcut && !disabled,
@@ -36065,7 +36282,7 @@ var Spell = function Spell(_ref) {
36065
36282
  className: "mana"
36066
36283
  }, manaCost)));
36067
36284
  };
36068
- var Container$k = /*#__PURE__*/styled.button.withConfig({
36285
+ var Container$m = /*#__PURE__*/styled.button.withConfig({
36069
36286
  displayName: "Spell__Container",
36070
36287
  componentId: "sc-j96fa2-0"
36071
36288
  })(["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) {
@@ -36152,7 +36369,7 @@ var Spellbook = function Spellbook(_ref) {
36152
36369
  height: "inherit",
36153
36370
  cancelDrag: "#spellbook-search, #shortcuts_list, .spell",
36154
36371
  scale: scale
36155
- }, React.createElement(Container$l, null, React.createElement(Title$7, null, "Learned Spells"), React.createElement(ShortcutsSetter, {
36372
+ }, React.createElement(Container$n, null, React.createElement(Title$7, null, "Learned Spells"), React.createElement(ShortcutsSetter, {
36156
36373
  setSettingShortcutIndex: setSettingShortcutIndex,
36157
36374
  settingShortcutIndex: settingShortcutIndex,
36158
36375
  shortcuts: shortcuts,
@@ -36184,7 +36401,7 @@ var Title$7 = /*#__PURE__*/styled.h1.withConfig({
36184
36401
  displayName: "Spellbook__Title",
36185
36402
  componentId: "sc-r02nfq-0"
36186
36403
  })(["font-size:", " !important;margin-bottom:0 !important;"], uiFonts.size.large);
36187
- var Container$l = /*#__PURE__*/styled.div.withConfig({
36404
+ var Container$n = /*#__PURE__*/styled.div.withConfig({
36188
36405
  displayName: "Spellbook__Container",
36189
36406
  componentId: "sc-r02nfq-1"
36190
36407
  })(["width:100%;height:100%;color:white;display:flex;flex-direction:column;"]);
@@ -36198,16 +36415,16 @@ var TextArea = function TextArea(_ref) {
36198
36415
  return React.createElement("textarea", Object.assign({}, props));
36199
36416
  };
36200
36417
 
36201
- var img$9 = 'data:image/gif;base64,R0lGODlhTgBNAPMAAAAAALcIL7ObdNGqnf3vnP/wl93Goerfx/Xx3vr6+vn49QAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAAIf4gQ3JlYXRlZCB3aXRoIGV6Z2lmLmNvbSBHSUYgbWFrZXIALAAAAABOAE0AAAT/EMhJq7046827/2AojmRpnmiqrmzrvnAsz2tg37hNq7jg/0AfbjeyAQ3IpBIJ1BE5N99ySmUKbk9M4FftUn+BLMXoLXev4exWYG5/r8+te/5Nz+T0vBIu2w7+gIGCg4SFgXwvfoaLjIyILIqNkpOAjymRlAMFm5ybmZV2KHh0naWcepYlo22mradzqUUClK61nJSxIJiMrgm+v664oSKrXqa/yMmmbrkexVXHydK+y2bNULON0dPTppLXGs9UpdzlCaVt4FpsZuTm5ejWwx3iU53v753p89jtnPj49JVRZ2ELgoMHoP0DaE6gF4JjBByciCChEncMucV7yC+DQYoI/y8uzAjvFUddEkGGRHKPZMlN8lCqXGmgpctuJs90XDdzpc2bynJWgSjh40yLP4ECE1pHZs8DB5MqPcd0ClEARlVCjTpy6kadTrWC7KpU4NaDVndeyNqTa4GpSzedBblHbcGUbSmSddlprsokV7HizYtAKsO+hBEYCCw48UTD+RAnZsw2L0aApfy2pTw48eWGczX3ZNzYsdtNAf2KVkm6tOnC2+JqXg2ytWBStiSLzWv7dh5XBHS/Pti7nj9TW2kT7u1bT03dB5SPtuuMnfMkqqXXpl79uhLR2icyj+gdSfjN3FF6Pz89kXU3itnPHO/xfXlm6VXZv3+ShnH+gOUnikAUAFpFny7/XYeGGBOssR8qQjBYQRQPpoOGgHc4WOEeYGAYB4VBBDGEhMTkYCKJKKao4oostujiizDGKOOMF0QAACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAAE4ATQAABP8QyEmrvTjrzbv/YCiOZGmeaKqubOu+cCzPa2DfuE2ruOD/QB9uN7IBDcikEgnUETk333JKZQpuT0zgV+1Sf4Esxegtd6/h7FZgbn+vz617/k3P5PS8Ei7bDv6AgYKDhIWBfC9+houMjIgsio2Sk4CPKZGUmY2WJnh6BaChoHpMdieec6KqoXqcRQKaq7Khmq4gmI2zurSUth6oZbMJw8Szc74dwF2rxM3Oq27IG7iGzM7Xw6uT0hnKVNbY2NBm3Bfe36Lh6gmq0aa/bGaq6+vt5O/J8cGh9PSibeUqbEGA4MAyfv38sSoTcMJAggQNTkmXsN5Chvg0PIRYcMm8iur/7HlpCGAjR4lIKIIMefFMxm4COEJEaUDlSnEtq5A0eTKJzZvPcta5FVNmRJ8IgV77h5Go0YgEayZV2ozpyJdaiho9APEnVXZCp+zUepLjx69gF3KFuGTsU6Negf5bazSJ27dmp1IVRfdpqRA838YFyRcvRJISAj89e1NV37eIS5I1zLiiY8OHscLEnFevP7oFHkPWvJkzwcohH4s2GjnxZMyol4peLbO161SyloKiTZug7du4dREobLo26Wn6gs9a29vwb+B5ls9s/vS5w+R0Lp+kztH6dVJTVnP3ffzDOTrjR7c43yZ99fIi2FdBYMA9a/ivwIP3jlx/Hv5QYOefQUtxSDGgTgCaJx8paIhxnYH+geGgQEYIGA0a+NFQIYRngJGhGlEEIeIQE8aXw4klpqjiiiy26OKLMMYo44w0XhABACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAAE4ATQAABP8QyEmrvTjrzbv/YCiOZGmeaKqubOu+cCzPa2DfuE2ruOD/QB9uN7IBDcikEgnUETk333JKZQpuT0zgV+1Sf4Esxegtd6/h7FZgbn+vz617/k3P5PS8Ei7bDv6AgYKDhIWBfC9+houMjIgsio2Sk4CPKZGUmY2WJnh6n2d2J555BaanpqCcRQKaf6iwp64DqyCYk7G5spq1HqRmusGndL0dv166CcrLunPFG7eLscvU1bGUzxnHVdPV3sqxbtkX21Td39/hbeMV5VOw6PEJsOKivmzAqPLy9GbsYwIQHCijbx+/Yf7sQQmIoOFAc6cMGkS1TqGGLQ0zPlxSUGI8ign/bTHMKJBjR4/pQHr5BwAjyZJKTqJMmaoMS5cvNxqQOdMawpUWtY0kqZNnT2Y/Q4l86bAhEqNH5yWtcnOoxow7I0b1plLpB5xXSUI9qvIAyT1BtVhligDeVqTDzLJlkpbcWrZjUVKUyxaBAZYt777M6xEV376AA/cdrHXr3sUNE4Nd7JasYciR66rFnLGyXr4GDiPWvJnzOYkFRItmmljCZMqe+a1e/bK1a3z5CM+jLXCx7dtzklFTcJlzbdIXcbcRVpw35N/A6TDne8A5W+gT3HXRpdo6SezZlUuHRdt75hriQZkf3UJ7m/XXkYtwX8UvfNbyWYFSlZ8E/f1LgGdMRXoAUtXfKFIUSJWAtvyXBxpihJcggGBE2I4RBK6DxoF9rDHhGWBwSEQPQZQ4hIXz5aAiiiy26OKLMMYo44w01mjjjRdEAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAABOAE0AAAT/EMhJq7046827/2AojmRpnmiqrmzrvnAsz2tg37hNq7jg/0AfbjeyAQ3IpBIJ1BE5N99ySmUKbk9M4FftUn+BLMXoLXev4exWYG5/r8+te/5Nz+T0vBIu2w7+gIGCg4SFgXwvfoaLjIyILIqNkpOAjymRlJmNliZ4ep9ndieeoKV7oiWYmgWsrayah6giqpSutq2wf5wgpG63v616ux+9ZcDHwXPDHbSLwAnQ0cCZyxvFXbfR2tu3yrLMbL622+TStt6z4WbZ5e3dbdVa6sau7fYJ5/Df1gIH6/X37OUrE8/CFgQI/WFrFTCgKzcFxwhAmLAKwIb3HpqJOOEgRQQK/5dcxOguGcF98j6CnDKOpECNXjhK8PgxJJKRLsvBDMVrokqbBnDm5GaSJzGfNREmETrUHKuNKC/QpHiA4k2GTXUWrSITwFSQKoNizUr0aZKqVplENYhU5UemWTWidWug61e3CFqShXZuLt6uXtvizTt270O/bgEHHvy2MNnDjBEovosXLknIkScLHqx3aIG5BhAnXpsyMsLOlxGL/qh45ubKqB2KXk2xtes27Bp+Hkzb9m3csaMp4LvbtErfgec8I4qWNmPkycUhYzX3gPPRl+b9O6b6em3SHq7R+7Xau2Tw4bVLd2X+L/qjppC0x+5CvBkEoY27j2E/Ptf3JPTn30cpOwg4IHQ9qTdgXQiGQMaCSaAhRkdcxAfGhBVEoSA8aAB4xxpSEASGh3FoGEQQQ2A4Sw4squjiizDGKOOMNNZo44045nhBBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAABOAE0AAAT/EMhJq7046827/2AojmRpnmiqrmzrvnAsz2tg37hNq7jg/0AfbjeyAQ3IpBIJ1BE5N99ySmUKbk9M4FftUn+BLMXoLXev4exWYG5/r8+te/5Nz+T0vBIu2w7+gIGCg4SFgXwvfoaLjIyILIqNkpOAjymRlJmNliZ4ep9ndieeoKV7oiWYmgWsrayah6giqpSutq2wf5wgpG63v616ux+9ZcDHwXPDHbSLwAnQ0cCZyxvFXbfR2tu3yrLMbL622+TStt6z4WbZ5e3dbdVa6sau7fYJ5/Df1gIH6/X37OUrE8/CFgQI/WFrFTCgKzcFxwhAmLAKwIb3HpqJOOEgRQQK/5dcxOguGcF98j6CnDKOpECNXjhK8PgxJJKRLsvBDMVrokqbBnDm5GaSJzGfNREmETrUHKuNKC/QpHiA4k2GTXUWrSITwFSQKoNizUr0aZKqVplENYhU5UemWTWidWug61e3CFqShXZuLt6uXtvizTt270O/bgEHHvy2MNnDjBEovosXLknIkScLHqx3aIG5BhAnXpsyMsLOlxGL/qh45ubKqB2KXk2xtes27Bp+Hkzb9m3csaMp4LvbtErfgec8I4qWNmPkycUhYzX3gPPRl+b9O6b6em3SHq7R+7Xau2Tw4bVLd2X+L/qjppC0x+5CvBkEoY27j2E/Ptf3JPTn30cpOwg4IHQ9qTdgXQiGQMaCSaAhRkdcxAfGhBVEoSA8aAB4xxpSEASGh3FoGEQQQ2A4Sw4squjiizDGKOOMNNZo44045nhBBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAABOAE0AAAT/EMhJq7046827/2AojmRpnmiqrmzrvnAsz2tg37hNq7jg/0AfbjeyAQ3IpBIJ1BE5N99ySmUKbk9M4FftUn+BLMXoLXev4exWYG5/r8+te/5Nz+T0vBIu2w7+gIGCg4SFgXwvfoaLjIyILIqNkpOAjymRlJmNliZ4ep9ndieeeQWmp6agnEUCmn+osKeuA6sgmJOxubKatR6kZrrBp3S9Hb9eugnKy7pzxRu3i7HL1NWxlM8Zx1XT1d7KsW7ZF9tU3d/f4W3jFeVTsOjxCbDior5swKjy8vRm7GMCEBwoo28fv2H+7EEJiKDhQHOnDBpEtU6hhi0NMz5cUlBiPIoJ/20xzCiQY0eP6UB6+QcAI8mSSk6iTJmqDEuXLzcakDnTGsKVFrWNJKmTZ09mP0OJfOmwIRKjR+clrXJzqMaMOyNG9aZS6QecV0lCParyAMk9QbVYZYoA3lakw8yyZZKW3Fq2Y1FSlMsWgQGWLe++zOsRFd++gAP3Hax1697FDRODXeyWrGHIkeuqxZyxsl6+Bg4j1ryZ8zmJBUSLZppYwmTKnvmtXv2ytWt8+QjPoy1wse3bc5JRU3CZc23SF3G3EVacN+TfwOkw53vAOVvoE9x10aXaOkns2ZVLh0Xbe+Ya4kGZH91Ce5v115GLcF/FL3zW8lmBUpWfBP39S4BnTEV6AFLV3yhSFEiVgLb8lwcaYoSXIIBgRNiOEQSug8aBfawx4RlgcEhED0GUOISF8+WgIoostujiizDGKOOMNNZo440XRAAAIf8LSW1hZ2VNYWdpY2sNZ2FtbWE9MC40NTQ1NQAh+QQBFAAAACwAAAAATgBNAAAE/xDISau9OOvNu/9gKI5kaZ5oqq5s675wLM9rYN+4Tau44P9AH243sgENyKQSCdQROTffckplCm5PTOBX7VJ/gSzF6C13r+HsVmBuf6/PrXv+Tc/k9LwSLtsO/oCBgoOEhYF8L36Gi4yMiCyKjZKTgI8pkZSZjZYmeHoFoKGgekx2J55zoqqhepxFApqrsqGariCYjbO6tJS2HqhlswnDxLNzvh3AXavEzc6rbsgbuIbMztfDq5PSGcpU1tjY0GbcF97fouHqCarRpr9sZqrr6+3k78nxwaH09KJt5SpsQYDgwDJ+/fyxKhNwwkCCBA1OSZew3kKG+DQ8hFhwybyK6v/seWkIYCNHiUgoggx58UzGbgI4QkRpQOVKcS2rkDR5MonNm89y1rkVU2ZEnwiBXvuHkajRiARrJlXajOnIl1qKGj0A8SdVdkKn7NR6kuPHr2AXcoW4ZOxTo16B/ltrNInbt2anUhVF92mpEDzfxgXJFy9EkhICPz17U1Xft4hLkjXMuKJjw4exwsTctbI/ugUeQ9a8mTMCcJ9lijYaOfFkyp6Xil4ts7XrVLKWgqJNm6Dt27h1EShsujbpafqCz1rb2/Bv4HmWz2z+9LnD5HQun6TO0fp1UlNWc/d9/MM5OuNHtzjfJn318iLYV0FgwD1r+K/Ag/eOXH8e/lBg559BS3FIMaBOAJonHyloiHGdgf6B4aBARggYDRr40VAhhGeAkaEaUQQh4hATxpfDiSWmqOKKLLbo4oswxijjjDReEAEAIf8LSW1hZ2VNYWdpY2sNZ2FtbWE9MC40NTQ1NQAh+QQBFAAAACwAAAAATgBNAAAE/xDISau9OOvNu/9gKI5kaZ5oqq5s675wLM9rYN+4Tau44P9AH243sgENyKQSCdQROTffckplCm5PTOBX7VJ/gSzF6C13r+HsVmBuf6/PrXv+Tc/k9LwSLtsO/oCBgoOEhYF8L36Gi4yMiCyKjZKTgI8pkZQDBZucm5mVdih4dJ2lnHqWJaNtpq2nc6lFApSutZyUsSCYjK4Jvr+uuKEiq16mv8jJpm65HsVVx8nSvstmzVCzjdHT06aS1xrPVKXc5QmlbeBabGbk5uXo1sMd4lOd7++d6fPY7Zz4+PSVUWdhC4KDB6D9A2hOoBeCYwQcnIggoRJ3DLnFe8gvg0GKCP8vLswI7xVHXRJBhkRyj2TJTfJQqlxpoKXLbibPdFw3c6XNm8pyVoEo4eNMiz+BAhNaR2bPAweTKj3HdApRAEZVQo06cupGnU61guyqVODWg1Z3Xsjak2uBqUs3nQW5R23BlG0pknXZaa7KJFex4s2LQCrDvoQRGAgsOPFEw/kQJ2bMNi9GgKX8tqU8OPHlhnM192Tc2LHbTQH9ilZJurTpwtvial4NsrVgUrYki81r+3YeVwR0vz7Yu54/U1tpE+7tW09N3QeUj7brjJ3zJKql16Ze/boS0donMo/oHUn4zdxRej8/PZF1N4rZzxzv8X15ZulV2b9/koZx/oDlJ4pAFABaRZ8u/12HhhgTrLEfKkIwWEEUD6aDhoB3OFjhHmBgGAeFQQQxhITE5GAiiSimqOKKLLbo4oswxijjjBdEAAA7';
36418
+ var img$a = 'data:image/gif;base64,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';
36202
36419
 
36203
- var img$a = 'data:image/gif;base64,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';
36420
+ var img$b = 'data:image/gif;base64,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';
36204
36421
 
36205
- var img$b = 'data:image/gif;base64,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';
36422
+ var img$c = 'data:image/gif;base64,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';
36206
36423
 
36207
36424
  var DayNightPeriod = function DayNightPeriod(_ref) {
36208
36425
  var _periodOfDaySrcFiles;
36209
36426
  var periodOfDay = _ref.periodOfDay;
36210
- var periodOfDaySrcFiles = (_periodOfDaySrcFiles = {}, _periodOfDaySrcFiles[PeriodOfDay.Morning] = img$a, _periodOfDaySrcFiles[PeriodOfDay.Afternoon] = img$9, _periodOfDaySrcFiles[PeriodOfDay.Night] = img$b, _periodOfDaySrcFiles);
36427
+ var periodOfDaySrcFiles = (_periodOfDaySrcFiles = {}, _periodOfDaySrcFiles[PeriodOfDay.Morning] = img$b, _periodOfDaySrcFiles[PeriodOfDay.Afternoon] = img$a, _periodOfDaySrcFiles[PeriodOfDay.Night] = img$c, _periodOfDaySrcFiles);
36211
36428
  return React.createElement(GifContainer, null, React.createElement("img", {
36212
36429
  src: periodOfDaySrcFiles[periodOfDay]
36213
36430
  }));
@@ -36217,7 +36434,7 @@ var GifContainer = /*#__PURE__*/styled.div.withConfig({
36217
36434
  componentId: "sc-10t97fw-0"
36218
36435
  })(["width:100%;img{width:67%;}"]);
36219
36436
 
36220
- 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';
36437
+ 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';
36221
36438
 
36222
36439
  var TimeWidget = function TimeWidget(_ref) {
36223
36440
  var onClose = _ref.onClose,
@@ -36235,7 +36452,7 @@ var TimeWidget = function TimeWidget(_ref) {
36235
36452
  var WidgetContainer = /*#__PURE__*/styled.div.withConfig({
36236
36453
  displayName: "TimeWidget__WidgetContainer",
36237
36454
  componentId: "sc-1ja236h-0"
36238
- })(["background-image:url(", ");background-size:10rem;background-repeat:no-repeat;width:10rem;position:absolute;height:100px;"], img$c);
36455
+ })(["background-image:url(", ");background-size:10rem;background-repeat:no-repeat;width:10rem;position:absolute;height:100px;"], img$d);
36239
36456
  var Time = /*#__PURE__*/styled.div.withConfig({
36240
36457
  displayName: "TimeWidget__Time",
36241
36458
  componentId: "sc-1ja236h-1"
@@ -36484,230 +36701,16 @@ var Truncate = function Truncate(_ref) {
36484
36701
  var _ref$maxLines = _ref.maxLines,
36485
36702
  maxLines = _ref$maxLines === void 0 ? 1 : _ref$maxLines,
36486
36703
  children = _ref.children;
36487
- return React.createElement(Container$m, {
36704
+ return React.createElement(Container$o, {
36488
36705
  maxLines: maxLines
36489
36706
  }, children);
36490
36707
  };
36491
- var Container$m = /*#__PURE__*/styled.div.withConfig({
36708
+ var Container$o = /*#__PURE__*/styled.div.withConfig({
36492
36709
  displayName: "Truncate__Container",
36493
36710
  componentId: "sc-6x00qb-0"
36494
36711
  })(["display:-webkit-box;max-width:100%;max-height:100%;-webkit-line-clamp:", ";-webkit-box-orient:vertical;overflow:hidden;"], function (props) {
36495
36712
  return props.maxLines;
36496
36713
  });
36497
36714
 
36498
- var IS_MOBILE_OR_TABLET = /*#__PURE__*/isMobileOrTablet();
36499
-
36500
- var chunkString = function chunkString(str, length) {
36501
- return str.match(new RegExp('.{1,' + length + '}', 'g'));
36502
- };
36503
-
36504
- var img$d = 'data:image/gif;base64,R0lGODlhEAAQAPIAAAAAABQYLiw1TUBJc2hvmQAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAM9CLrc/lCFGSKYJJP5AhlguDnBMIVgxXgmJapSSp3mKs/pKrT0IMCXUk+2Cgh2oSOnaDz+lswZpSOFUq2KBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAIzhI+py90Bg4OjDrjCELxfFQhQx0mIJkaeaYRp5LJADMdnqXbyOJLYTdKBejjZoRaZJBMFACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAABAAEAAAAjKEj6nL7Y+CDE6OO+QKQ/ifKYEgfR4VddPohQe7lmR0xidNTib65uacYP2AQWGuMlEUAAA7';
36505
-
36506
- var NPCDialogText = function NPCDialogText(_ref) {
36507
- var text = _ref.text,
36508
- onClose = _ref.onClose,
36509
- onEndStep = _ref.onEndStep,
36510
- onStartStep = _ref.onStartStep,
36511
- type = _ref.type;
36512
- var windowSize = useRef([window.innerWidth, window.innerHeight]);
36513
- function maxCharacters(width) {
36514
- // Set the font size to 16 pixels
36515
- var fontSize = 11.2;
36516
- // Calculate the number of characters that can fit in one line
36517
- var charactersPerLine = Math.floor(width / 2 / fontSize);
36518
- // Calculate the number of lines that can fit in the div
36519
- var linesPerDiv = Math.floor(180 / fontSize);
36520
- // Calculate the maximum number of characters that can fit in the div
36521
- var maxCharacters = charactersPerLine * linesPerDiv;
36522
- // Return the maximum number of characters
36523
- return Math.round(maxCharacters / 5);
36524
- }
36525
- var textChunks = chunkString(text, maxCharacters(windowSize.current[0]));
36526
- var _useState = useState(0),
36527
- chunkIndex = _useState[0],
36528
- setChunkIndex = _useState[1];
36529
- var onHandleSpacePress = function onHandleSpacePress(event) {
36530
- if (event.code === 'Space') {
36531
- goToNextStep();
36532
- }
36533
- };
36534
- var goToNextStep = function goToNextStep() {
36535
- var hasNextChunk = (textChunks == null ? void 0 : textChunks[chunkIndex + 1]) || false;
36536
- if (hasNextChunk) {
36537
- setChunkIndex(function (prev) {
36538
- return prev + 1;
36539
- });
36540
- } else {
36541
- // if there's no more text chunks, close the dialog
36542
- onClose();
36543
- }
36544
- };
36545
- useEffect(function () {
36546
- document.addEventListener('keydown', onHandleSpacePress);
36547
- return function () {
36548
- return document.removeEventListener('keydown', onHandleSpacePress);
36549
- };
36550
- }, [chunkIndex]);
36551
- var _useState2 = useState(false),
36552
- showGoNextIndicator = _useState2[0],
36553
- setShowGoNextIndicator = _useState2[1];
36554
- return React.createElement(Container$n, null, React.createElement(DynamicText, {
36555
- text: (textChunks == null ? void 0 : textChunks[chunkIndex]) || '',
36556
- onFinish: function onFinish() {
36557
- setShowGoNextIndicator(true);
36558
- onEndStep && onEndStep();
36559
- },
36560
- onStart: function onStart() {
36561
- setShowGoNextIndicator(false);
36562
- onStartStep && onStartStep();
36563
- }
36564
- }), showGoNextIndicator && React.createElement(PressSpaceIndicator$1, {
36565
- right: type === NPCDialogType.TextOnly ? '1rem' : '10.5rem',
36566
- src: IS_MOBILE_OR_TABLET ? img$d : img$7,
36567
- onPointerDown: function onPointerDown() {
36568
- goToNextStep();
36569
- }
36570
- }));
36571
- };
36572
- var Container$n = /*#__PURE__*/styled.div.withConfig({
36573
- displayName: "NPCDialogText__Container",
36574
- componentId: "sc-1cxkdh9-0"
36575
- })([""]);
36576
- var PressSpaceIndicator$1 = /*#__PURE__*/styled.img.withConfig({
36577
- displayName: "NPCDialogText__PressSpaceIndicator",
36578
- componentId: "sc-1cxkdh9-1"
36579
- })(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref2) {
36580
- var right = _ref2.right;
36581
- return right;
36582
- });
36583
-
36584
- var NPCDialogType;
36585
- (function (NPCDialogType) {
36586
- NPCDialogType["TextOnly"] = "TextOnly";
36587
- NPCDialogType["TextAndThumbnail"] = "TextAndThumbnail";
36588
- })(NPCDialogType || (NPCDialogType = {}));
36589
- var NPCDialog = function NPCDialog(_ref) {
36590
- var text = _ref.text,
36591
- type = _ref.type,
36592
- _onClose = _ref.onClose,
36593
- imagePath = _ref.imagePath,
36594
- _ref$isQuestionDialog = _ref.isQuestionDialog,
36595
- isQuestionDialog = _ref$isQuestionDialog === void 0 ? false : _ref$isQuestionDialog,
36596
- questions = _ref.questions,
36597
- answers = _ref.answers;
36598
- return React.createElement(RPGUIContainer, {
36599
- type: RPGUIContainerTypes.FramedGold,
36600
- width: isQuestionDialog ? '600px' : '80%',
36601
- height: '180px'
36602
- }, isQuestionDialog && questions && answers ? React.createElement(React.Fragment, null, React.createElement(TextContainer$2, {
36603
- flex: type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'
36604
- }, React.createElement(QuestionDialog, {
36605
- questions: questions,
36606
- answers: answers,
36607
- onClose: function onClose() {
36608
- if (_onClose) {
36609
- _onClose();
36610
- }
36611
- }
36612
- })), type === NPCDialogType.TextAndThumbnail && React.createElement(ThumbnailContainer$1, null, React.createElement(NPCThumbnail$1, {
36613
- src: imagePath || img$6
36614
- }))) : React.createElement(React.Fragment, null, React.createElement(Container$o, null, React.createElement(TextContainer$2, {
36615
- flex: type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'
36616
- }, React.createElement(NPCDialogText, {
36617
- type: type,
36618
- text: text || 'No text provided.',
36619
- onClose: function onClose() {
36620
- if (_onClose) {
36621
- _onClose();
36622
- }
36623
- }
36624
- })), type === NPCDialogType.TextAndThumbnail && React.createElement(ThumbnailContainer$1, null, React.createElement(NPCThumbnail$1, {
36625
- src: imagePath || img$6
36626
- })))));
36627
- };
36628
- var Container$o = /*#__PURE__*/styled.div.withConfig({
36629
- displayName: "NPCDialog__Container",
36630
- componentId: "sc-1b4aw74-0"
36631
- })(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
36632
- var TextContainer$2 = /*#__PURE__*/styled.div.withConfig({
36633
- displayName: "NPCDialog__TextContainer",
36634
- componentId: "sc-1b4aw74-1"
36635
- })(["flex:", " 0 0;width:355px;"], function (_ref2) {
36636
- var flex = _ref2.flex;
36637
- return flex;
36638
- });
36639
- var ThumbnailContainer$1 = /*#__PURE__*/styled.div.withConfig({
36640
- displayName: "NPCDialog__ThumbnailContainer",
36641
- componentId: "sc-1b4aw74-2"
36642
- })(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
36643
- var NPCThumbnail$1 = /*#__PURE__*/styled.img.withConfig({
36644
- displayName: "NPCDialog__NPCThumbnail",
36645
- componentId: "sc-1b4aw74-3"
36646
- })(["image-rendering:pixelated;height:128px;width:128px;"]);
36647
-
36648
- var HistoryDialog = function HistoryDialog(_ref) {
36649
- var backgroundImgPath = _ref.backgroundImgPath,
36650
- fullCoverBackground = _ref.fullCoverBackground,
36651
- questions = _ref.questions,
36652
- answers = _ref.answers,
36653
- text = _ref.text,
36654
- imagePath = _ref.imagePath,
36655
- textAndTypeArray = _ref.textAndTypeArray,
36656
- onClose = _ref.onClose;
36657
- var _useState = useState(0),
36658
- img = _useState[0],
36659
- setImage = _useState[1];
36660
- var onHandleSpacePress = function onHandleSpacePress(event) {
36661
- if (event.code === 'Space') {
36662
- if (img < (backgroundImgPath == null ? void 0 : backgroundImgPath.length) - 1) {
36663
- setImage(function (prev) {
36664
- return prev + 1;
36665
- });
36666
- } else {
36667
- // if there's no more text chunks, close the dialog
36668
- onClose();
36669
- }
36670
- }
36671
- };
36672
- useEffect(function () {
36673
- document.addEventListener('keydown', onHandleSpacePress);
36674
- return function () {
36675
- return document.removeEventListener('keydown', onHandleSpacePress);
36676
- };
36677
- }, [backgroundImgPath]);
36678
- return React.createElement(BackgroundContainer, {
36679
- imgPath: backgroundImgPath[img],
36680
- fullImg: fullCoverBackground
36681
- }, React.createElement(DialogContainer, null, textAndTypeArray ? React.createElement(NPCMultiDialog, {
36682
- textAndTypeArray: textAndTypeArray,
36683
- onClose: onClose
36684
- }) : questions && answers ? React.createElement(QuestionDialog, {
36685
- questions: questions,
36686
- answers: answers,
36687
- onClose: onClose
36688
- }) : text && imagePath ? React.createElement(NPCDialog, {
36689
- text: text,
36690
- imagePath: imagePath,
36691
- onClose: onClose,
36692
- type: NPCDialogType.TextAndThumbnail
36693
- }) : React.createElement(NPCDialog, {
36694
- text: text,
36695
- onClose: onClose,
36696
- type: NPCDialogType.TextOnly
36697
- })));
36698
- };
36699
- var BackgroundContainer = /*#__PURE__*/styled.div.withConfig({
36700
- displayName: "HistoryDialog__BackgroundContainer",
36701
- componentId: "sc-u6oe75-0"
36702
- })(["width:100%;height:100%;background-image:url(", ");background-size:", ";display:flex;justify-content:space-evenly;align-items:center;"], function (props) {
36703
- return props.imgPath;
36704
- }, function (props) {
36705
- return props.imgPath ? 'cover' : 'auto';
36706
- });
36707
- var DialogContainer = /*#__PURE__*/styled.div.withConfig({
36708
- displayName: "HistoryDialog__DialogContainer",
36709
- componentId: "sc-u6oe75-1"
36710
- })(["display:flex;justify-content:center;padding-top:200px;"]);
36711
-
36712
36715
  export { Button, ButtonTypes, CharacterSelection, Chat, ChatDeprecated, CheckButton, CircularController, CraftBook, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, HistoryDialog, ImgSide, Input, InputRadio, ItemContainer$1 as ItemContainer, ItemSelector, ItemSlot, ListMenu, NPCDialog, NPCDialogType, NPCMultiDialog, ProgressBar, PropertySelect, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, Shortcuts, SkillProgressBar, SkillsContainer, Spellbook, SpriteFromAtlas, TextArea, TimeWidget, TradingMenu, Truncate, _RPGUI, rarityColor, useEventListener };
36713
36716
  //# sourceMappingURL=long-bow.esm.js.map