@rpg-engine/long-bow 0.3.83 → 0.3.85

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
@@ -33610,12 +33610,15 @@ var generateContextMenu = function generateContextMenu(item, itemContainerType,
33610
33610
  text: 'Use with...'
33611
33611
  });
33612
33612
  }
33613
- if (isDepotSystem) {
33614
- contextActionMenu.push({
33615
- id: shared.DepotSocketEvents.Withdraw,
33616
- text: 'Withdraw'
33617
- });
33618
- }
33613
+ }
33614
+ if (itemContainerType === shared.ItemContainerType.Depot) {
33615
+ contextActionMenu = [{
33616
+ id: shared.ItemSocketEvents.GetItemInfo,
33617
+ text: shared.ItemSocketEventsDisplayLabels.GetItemInfo
33618
+ }, {
33619
+ id: shared.DepotSocketEvents.Withdraw,
33620
+ text: 'Withdraw'
33621
+ }];
33619
33622
  }
33620
33623
  return contextActionMenu;
33621
33624
  };
@@ -34586,566 +34589,398 @@ var EquipmentColumn = /*#__PURE__*/styled.div.withConfig({
34586
34589
  componentId: "sc-1wuddg2-1"
34587
34590
  })(["display:flex;justify-content:center;flex-wrap:wrap;flex-direction:column;touch-action:none;"]);
34588
34591
 
34589
- var SlotsContainer = function SlotsContainer(_ref) {
34590
- var children = _ref.children,
34591
- title = _ref.title,
34592
- onClose = _ref.onClose,
34593
- _onPositionChange = _ref.onPositionChange,
34594
- _onPositionChangeEnd = _ref.onPositionChangeEnd,
34595
- _onPositionChangeStart = _ref.onPositionChangeStart,
34596
- onOutsideClick = _ref.onOutsideClick,
34597
- initialPosition = _ref.initialPosition,
34598
- scale = _ref.scale;
34599
- return React__default.createElement(DraggableContainer, {
34600
- title: title,
34601
- type: exports.RPGUIContainerTypes.Framed,
34602
- onCloseButton: function onCloseButton() {
34603
- if (onClose) {
34604
- onClose();
34605
- }
34606
- },
34607
- width: "400px",
34608
- cancelDrag: ".item-container-body, #shortcuts_list",
34609
- onPositionChange: function onPositionChange(_ref2) {
34610
- var x = _ref2.x,
34611
- y = _ref2.y;
34612
- if (_onPositionChange) {
34613
- _onPositionChange({
34614
- x: x,
34615
- y: y
34616
- });
34617
- }
34618
- },
34619
- onPositionChangeEnd: function onPositionChangeEnd(_ref3) {
34620
- var x = _ref3.x,
34621
- y = _ref3.y;
34622
- if (_onPositionChangeEnd) {
34623
- _onPositionChangeEnd({
34624
- x: x,
34625
- y: y
34626
- });
34592
+ var IS_MOBILE_OR_TABLET = /*#__PURE__*/shared.isMobileOrTablet();
34593
+
34594
+ var chunkString = function chunkString(str, length) {
34595
+ return str.match(new RegExp('.{1,' + length + '}', 'g'));
34596
+ };
34597
+
34598
+ var DynamicText = function DynamicText(_ref) {
34599
+ var text = _ref.text,
34600
+ onFinish = _ref.onFinish,
34601
+ onStart = _ref.onStart;
34602
+ var _useState = React.useState(''),
34603
+ textState = _useState[0],
34604
+ setTextState = _useState[1];
34605
+ React.useEffect(function () {
34606
+ var i = 0;
34607
+ var interval = setInterval(function () {
34608
+ // on every interval, show one more character
34609
+ if (i === 0) {
34610
+ if (onStart) {
34611
+ onStart();
34612
+ }
34627
34613
  }
34628
- },
34629
- onPositionChangeStart: function onPositionChangeStart(_ref4) {
34630
- var x = _ref4.x,
34631
- y = _ref4.y;
34632
- if (_onPositionChangeStart) {
34633
- _onPositionChangeStart({
34634
- x: x,
34635
- y: y
34636
- });
34614
+ if (i < text.length) {
34615
+ setTextState(text.substring(0, i + 1));
34616
+ i++;
34617
+ } else {
34618
+ clearInterval(interval);
34619
+ if (onFinish) {
34620
+ onFinish();
34621
+ }
34637
34622
  }
34638
- },
34639
- onOutsideClick: onOutsideClick,
34640
- initialPosition: initialPosition,
34641
- scale: scale
34642
- }, children);
34623
+ }, 50);
34624
+ return function () {
34625
+ clearInterval(interval);
34626
+ };
34627
+ }, [text]);
34628
+ return React__default.createElement(TextContainer, null, textState);
34643
34629
  };
34630
+ var TextContainer = /*#__PURE__*/styled.p.withConfig({
34631
+ displayName: "DynamicText__TextContainer",
34632
+ componentId: "sc-1ggl9nd-0"
34633
+ })(["font-size:0.7rem !important;color:white;text-shadow:1px 1px 0px #000000;letter-spacing:1.2px;word-break:normal;"]);
34644
34634
 
34645
- (function (RangeSliderType) {
34646
- RangeSliderType["Slider"] = "rpgui-slider";
34647
- RangeSliderType["GoldSlider"] = "rpgui-slider golden";
34648
- })(exports.RangeSliderType || (exports.RangeSliderType = {}));
34649
- var RangeSlider = function RangeSlider(_ref) {
34650
- var type = _ref.type,
34651
- valueMin = _ref.valueMin,
34652
- valueMax = _ref.valueMax,
34653
- width = _ref.width,
34654
- _onChange = _ref.onChange,
34655
- value = _ref.value;
34656
- var sliderId = uuid.v4();
34657
- var containerRef = React.useRef(null);
34635
+ var img$6 = 'data:image/gif;base64,R0lGODlhEAAQAPIAAAAAABQYLiw1TUBJc2hvmQAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAM9CLrc/lCFGSKYJJP5AhlguDnBMIVgxXgmJapSSp3mKs/pKrT0IMCXUk+2Cgh2oSOnaDz+lswZpSOFUq2KBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAIzhI+py90Bg4OjDrjCELxfFQhQx0mIJkaeaYRp5LJADMdnqXbyOJLYTdKBejjZoRaZJBMFACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAABAAEAAAAjKEj6nL7Y+CDE6OO+QKQ/ifKYEgfR4VddPohQe7lmR0xidNTib65uacYP2AQWGuMlEUAAA7';
34636
+
34637
+ 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';
34638
+
34639
+ var NPCDialogText = function NPCDialogText(_ref) {
34640
+ var text = _ref.text,
34641
+ onClose = _ref.onClose,
34642
+ onEndStep = _ref.onEndStep,
34643
+ onStartStep = _ref.onStartStep,
34644
+ type = _ref.type;
34645
+ var windowSize = React.useRef([window.innerWidth, window.innerHeight]);
34646
+ function maxCharacters(width) {
34647
+ // Set the font size to 16 pixels
34648
+ var fontSize = 11.2;
34649
+ // Calculate the number of characters that can fit in one line
34650
+ var charactersPerLine = Math.floor(width / 2 / fontSize);
34651
+ // Calculate the number of lines that can fit in the div
34652
+ var linesPerDiv = Math.floor(180 / fontSize);
34653
+ // Calculate the maximum number of characters that can fit in the div
34654
+ var maxCharacters = charactersPerLine * linesPerDiv;
34655
+ // Return the maximum number of characters
34656
+ return Math.round(maxCharacters / 5);
34657
+ }
34658
+ var textChunks = chunkString(text, maxCharacters(windowSize.current[0]));
34658
34659
  var _useState = React.useState(0),
34659
- left = _useState[0],
34660
- setLeft = _useState[1];
34660
+ chunkIndex = _useState[0],
34661
+ setChunkIndex = _useState[1];
34662
+ var onHandleSpacePress = function onHandleSpacePress(event) {
34663
+ if (event.code === 'Space') {
34664
+ goToNextStep();
34665
+ }
34666
+ };
34667
+ var goToNextStep = function goToNextStep() {
34668
+ var hasNextChunk = (textChunks == null ? void 0 : textChunks[chunkIndex + 1]) || false;
34669
+ if (hasNextChunk) {
34670
+ setChunkIndex(function (prev) {
34671
+ return prev + 1;
34672
+ });
34673
+ } else {
34674
+ // if there's no more text chunks, close the dialog
34675
+ onClose();
34676
+ }
34677
+ };
34661
34678
  React.useEffect(function () {
34662
- var _containerRef$current;
34663
- var calculatedWidth = ((_containerRef$current = containerRef.current) == null ? void 0 : _containerRef$current.clientWidth) || 0;
34664
- setLeft(Math.max((value - valueMin) / (valueMax - valueMin) * (calculatedWidth - 35) + 10));
34665
- }, [value, valueMin, valueMax]);
34666
- var typeClass = type === exports.RangeSliderType.GoldSlider ? 'golden' : '';
34667
- return React__default.createElement("div", {
34668
- style: {
34669
- width: width,
34670
- position: 'relative'
34679
+ document.addEventListener('keydown', onHandleSpacePress);
34680
+ return function () {
34681
+ return document.removeEventListener('keydown', onHandleSpacePress);
34682
+ };
34683
+ }, [chunkIndex]);
34684
+ var _useState2 = React.useState(false),
34685
+ showGoNextIndicator = _useState2[0],
34686
+ setShowGoNextIndicator = _useState2[1];
34687
+ return React__default.createElement(Container$e, null, React__default.createElement(DynamicText, {
34688
+ text: (textChunks == null ? void 0 : textChunks[chunkIndex]) || '',
34689
+ onFinish: function onFinish() {
34690
+ setShowGoNextIndicator(true);
34691
+ onEndStep && onEndStep();
34671
34692
  },
34672
- className: "rpgui-slider-container " + typeClass,
34673
- id: "rpgui-slider-" + sliderId,
34674
- ref: containerRef
34675
- }, React__default.createElement("div", {
34676
- style: {
34677
- pointerEvents: 'none'
34693
+ onStart: function onStart() {
34694
+ setShowGoNextIndicator(false);
34695
+ onStartStep && onStartStep();
34678
34696
  }
34679
- }, React__default.createElement("div", {
34680
- className: "rpgui-slider-track " + typeClass
34681
- }), React__default.createElement("div", {
34682
- className: "rpgui-slider-left-edge " + typeClass
34683
- }), React__default.createElement("div", {
34684
- className: "rpgui-slider-right-edge " + typeClass
34685
- }), React__default.createElement("div", {
34686
- className: "rpgui-slider-thumb " + typeClass,
34687
- style: {
34688
- left: left
34697
+ }), showGoNextIndicator && React__default.createElement(PressSpaceIndicator, {
34698
+ right: type === exports.NPCDialogType.TextOnly ? '1rem' : '10.5rem',
34699
+ src: IS_MOBILE_OR_TABLET ? img$6 : img$7,
34700
+ onPointerDown: function onPointerDown() {
34701
+ goToNextStep();
34689
34702
  }
34690
- })), React__default.createElement(Input$1, {
34691
- type: "range",
34692
- style: {
34693
- width: width
34694
- },
34695
- min: valueMin,
34696
- max: valueMax,
34697
- onChange: function onChange(e) {
34698
- return _onChange(Number(e.target.value));
34699
- },
34700
- value: value,
34701
- className: "rpgui-cursor-point"
34702
34703
  }));
34703
34704
  };
34704
- var Input$1 = /*#__PURE__*/styled.input.withConfig({
34705
- displayName: "RangeSlider__Input",
34706
- componentId: "sc-v8mte9-0"
34707
- })(["opacity:0;position:absolute;width:100%;height:100%;top:0;left:0;margin-top:-5px;"]);
34705
+ var Container$e = /*#__PURE__*/styled.div.withConfig({
34706
+ displayName: "NPCDialogText__Container",
34707
+ componentId: "sc-1cxkdh9-0"
34708
+ })([""]);
34709
+ var PressSpaceIndicator = /*#__PURE__*/styled.img.withConfig({
34710
+ displayName: "NPCDialogText__PressSpaceIndicator",
34711
+ componentId: "sc-1cxkdh9-1"
34712
+ })(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref2) {
34713
+ var right = _ref2.right;
34714
+ return right;
34715
+ });
34708
34716
 
34709
- var ItemQuantitySelector = function ItemQuantitySelector(_ref) {
34710
- var quantity = _ref.quantity,
34711
- onConfirm = _ref.onConfirm,
34717
+ //@ts-ignore
34718
+ var useEventListener = function useEventListener(type, handler, el) {
34719
+ if (el === void 0) {
34720
+ el = window;
34721
+ }
34722
+ var savedHandler = React__default.useRef();
34723
+ React__default.useEffect(function () {
34724
+ savedHandler.current = handler;
34725
+ }, [handler]);
34726
+ React__default.useEffect(function () {
34727
+ //@ts-ignore
34728
+ var listener = function listener(e) {
34729
+ return savedHandler.current(e);
34730
+ };
34731
+ el.addEventListener(type, listener);
34732
+ return function () {
34733
+ el.removeEventListener(type, listener);
34734
+ };
34735
+ }, [type, el]);
34736
+ };
34737
+
34738
+ var QuestionDialog = function QuestionDialog(_ref) {
34739
+ var questions = _ref.questions,
34740
+ answers = _ref.answers,
34712
34741
  onClose = _ref.onClose;
34713
- var _useState = React.useState(quantity),
34714
- value = _useState[0],
34715
- setValue = _useState[1];
34716
- var inputRef = React.useRef(null);
34717
- React.useEffect(function () {
34718
- if (inputRef.current) {
34719
- inputRef.current.focus();
34720
- inputRef.current.select();
34721
- var closeSelector = function closeSelector(e) {
34722
- if (e.key === 'Escape') {
34742
+ var _useState = React.useState(questions[0]),
34743
+ currentQuestion = _useState[0],
34744
+ setCurrentQuestion = _useState[1];
34745
+ var _useState2 = React.useState(false),
34746
+ canShowAnswers = _useState2[0],
34747
+ setCanShowAnswers = _useState2[1];
34748
+ var onGetFirstAnswer = function onGetFirstAnswer() {
34749
+ if (!currentQuestion.answerIds || currentQuestion.answerIds.length === 0) {
34750
+ return null;
34751
+ }
34752
+ var firstAnswerId = currentQuestion.answerIds[0];
34753
+ return answers.find(function (answer) {
34754
+ return answer.id === firstAnswerId;
34755
+ });
34756
+ };
34757
+ var _useState3 = React.useState(onGetFirstAnswer()),
34758
+ currentAnswer = _useState3[0],
34759
+ setCurrentAnswer = _useState3[1];
34760
+ React.useEffect(function () {
34761
+ setCurrentAnswer(onGetFirstAnswer());
34762
+ }, [currentQuestion]);
34763
+ var onGetAnswers = function onGetAnswers(answerIds) {
34764
+ return answerIds.map(function (answerId) {
34765
+ return answers.find(function (answer) {
34766
+ return answer.id === answerId;
34767
+ });
34768
+ });
34769
+ };
34770
+ var onKeyPress = function onKeyPress(e) {
34771
+ switch (e.key) {
34772
+ case 'ArrowDown':
34773
+ // select next answer, if any.
34774
+ // if no next answer, select first answer
34775
+ // const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(
34776
+ // (answer) => answer?.id === currentAnswer!.id + 1
34777
+ // );
34778
+ var nextAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
34779
+ return (answer == null ? void 0 : answer.id) === currentAnswer.id + 1;
34780
+ });
34781
+ var nextAnswerID = currentQuestion.answerIds[nextAnswerIndex];
34782
+ var nextAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
34783
+ return (answer == null ? void 0 : answer.id) === nextAnswerID;
34784
+ });
34785
+ setCurrentAnswer(nextAnswer || onGetFirstAnswer());
34786
+ break;
34787
+ case 'ArrowUp':
34788
+ // select previous answer, if any.
34789
+ // if no previous answer, select last answer
34790
+ var previousAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
34791
+ return (answer == null ? void 0 : answer.id) === currentAnswer.id - 1;
34792
+ });
34793
+ var previousAnswerID = currentQuestion.answerIds && currentQuestion.answerIds[previousAnswerIndex];
34794
+ var previousAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
34795
+ return (answer == null ? void 0 : answer.id) === previousAnswerID;
34796
+ });
34797
+ if (previousAnswer) {
34798
+ setCurrentAnswer(previousAnswer);
34799
+ } else {
34800
+ setCurrentAnswer(onGetAnswers(currentQuestion.answerIds).pop());
34801
+ }
34802
+ break;
34803
+ case 'Enter':
34804
+ setCanShowAnswers(false);
34805
+ if (!(currentAnswer != null && currentAnswer.nextQuestionId)) {
34723
34806
  onClose();
34807
+ return;
34808
+ } else {
34809
+ setCurrentQuestion(questions.find(function (question) {
34810
+ return question.id === currentAnswer.nextQuestionId;
34811
+ }));
34724
34812
  }
34725
- };
34726
- document.addEventListener('keydown', closeSelector);
34727
- return function () {
34728
- document.removeEventListener('keydown', closeSelector);
34729
- };
34813
+ break;
34730
34814
  }
34731
- return function () {};
34732
- }, []);
34733
- return React__default.createElement(StyledContainer, {
34734
- type: exports.RPGUIContainerTypes.Framed,
34735
- width: "25rem"
34736
- }, React__default.createElement(CloseButton$2, {
34737
- className: "container-close",
34738
- onPointerDown: onClose
34739
- }, "X"), React__default.createElement("h2", null, "Select quantity to move"), React__default.createElement(StyledForm, {
34740
- style: {
34741
- width: '100%'
34742
- },
34743
- onSubmit: function onSubmit(e) {
34744
- e.preventDefault();
34745
- var numberValue = Number(value);
34746
- if (Number.isNaN(numberValue)) {
34747
- return;
34748
- }
34749
- onConfirm(Math.max(1, Math.min(quantity, numberValue)));
34750
- },
34751
- noValidate: true
34752
- }, React__default.createElement(StyledInput, {
34753
- innerRef: inputRef,
34754
- placeholder: "Enter quantity",
34755
- type: "number",
34756
- min: 1,
34757
- max: quantity,
34758
- value: value,
34759
- onChange: function onChange(e) {
34760
- if (Number(e.target.value) >= quantity) {
34761
- setValue(quantity);
34762
- return;
34815
+ };
34816
+ useEventListener('keydown', onKeyPress);
34817
+ var onAnswerClick = function onAnswerClick(answer) {
34818
+ setCanShowAnswers(false);
34819
+ if (answer.nextQuestionId) {
34820
+ // if there is a next question, go to it
34821
+ setCurrentQuestion(questions.find(function (question) {
34822
+ return question.id === answer.nextQuestionId;
34823
+ }));
34824
+ } else {
34825
+ // else, finish dialog!
34826
+ onClose();
34827
+ }
34828
+ };
34829
+ var onRenderCurrentAnswers = function onRenderCurrentAnswers() {
34830
+ var answerIds = currentQuestion.answerIds;
34831
+ if (!answerIds) {
34832
+ return null;
34833
+ }
34834
+ var answers = onGetAnswers(answerIds);
34835
+ if (!answers) {
34836
+ return null;
34837
+ }
34838
+ return answers.map(function (answer) {
34839
+ var isSelected = (currentAnswer == null ? void 0 : currentAnswer.id) === (answer == null ? void 0 : answer.id);
34840
+ var selectedColor = isSelected ? 'yellow' : 'white';
34841
+ if (answer) {
34842
+ return React__default.createElement(AnswerRow, {
34843
+ key: "answer_" + answer.id
34844
+ }, React__default.createElement(AnswerSelectedIcon, {
34845
+ color: selectedColor
34846
+ }, isSelected ? 'X' : null), React__default.createElement(Answer, {
34847
+ key: answer.id,
34848
+ onPointerDown: function onPointerDown() {
34849
+ return onAnswerClick(answer);
34850
+ },
34851
+ color: selectedColor
34852
+ }, answer.text));
34763
34853
  }
34764
- setValue(e.target.value);
34854
+ return null;
34855
+ });
34856
+ };
34857
+ return React__default.createElement(Container$f, null, React__default.createElement(QuestionContainer, null, React__default.createElement(DynamicText, {
34858
+ text: currentQuestion.text,
34859
+ onStart: function onStart() {
34860
+ return setCanShowAnswers(false);
34765
34861
  },
34766
- onBlur: function onBlur(e) {
34767
- var newValue = Math.max(1, Math.min(quantity, Number(e.target.value)));
34768
- setValue(newValue);
34862
+ onFinish: function onFinish() {
34863
+ return setCanShowAnswers(true);
34769
34864
  }
34770
- }), React__default.createElement(RangeSlider, {
34771
- type: exports.RangeSliderType.Slider,
34772
- valueMin: 1,
34773
- valueMax: quantity,
34774
- width: "100%",
34775
- onChange: setValue,
34776
- value: value
34777
- }), React__default.createElement(Button, {
34778
- buttonType: exports.ButtonTypes.RPGUIButton,
34779
- type: "submit"
34780
- }, "Confirm")));
34865
+ })), canShowAnswers && React__default.createElement(AnswersContainer, null, onRenderCurrentAnswers()));
34781
34866
  };
34782
- var StyledContainer = /*#__PURE__*/styled(RPGUIContainer).withConfig({
34783
- displayName: "ItemQuantitySelector__StyledContainer",
34784
- componentId: "sc-yfdtpn-0"
34785
- })(["display:flex;flex-direction:column;align-items:center;"]);
34786
- var StyledForm = /*#__PURE__*/styled.form.withConfig({
34787
- displayName: "ItemQuantitySelector__StyledForm",
34788
- componentId: "sc-yfdtpn-1"
34789
- })(["display:flex;flex-direction:column;align-items:center;width:100%;"]);
34790
- var StyledInput = /*#__PURE__*/styled(Input).withConfig({
34791
- displayName: "ItemQuantitySelector__StyledInput",
34792
- componentId: "sc-yfdtpn-2"
34793
- })(["text-align:center;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;}"]);
34794
- var CloseButton$2 = /*#__PURE__*/styled.div.withConfig({
34795
- displayName: "ItemQuantitySelector__CloseButton",
34796
- componentId: "sc-yfdtpn-3"
34797
- })(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:0.8rem;"]);
34867
+ var Container$f = /*#__PURE__*/styled.div.withConfig({
34868
+ displayName: "QuestionDialog__Container",
34869
+ componentId: "sc-bxc5u0-0"
34870
+ })(["display:flex;word-break:break-all;box-sizing:border-box;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;"]);
34871
+ var QuestionContainer = /*#__PURE__*/styled.div.withConfig({
34872
+ displayName: "QuestionDialog__QuestionContainer",
34873
+ componentId: "sc-bxc5u0-1"
34874
+ })(["flex:100%;width:100%;"]);
34875
+ var AnswersContainer = /*#__PURE__*/styled.div.withConfig({
34876
+ displayName: "QuestionDialog__AnswersContainer",
34877
+ componentId: "sc-bxc5u0-2"
34878
+ })(["flex:100%;"]);
34879
+ var Answer = /*#__PURE__*/styled.p.withConfig({
34880
+ displayName: "QuestionDialog__Answer",
34881
+ componentId: "sc-bxc5u0-3"
34882
+ })(["flex:auto;color:", " !important;font-size:0.65rem !important;background:inherit;border:none;"], function (props) {
34883
+ return props.color;
34884
+ });
34885
+ var AnswerSelectedIcon = /*#__PURE__*/styled.span.withConfig({
34886
+ displayName: "QuestionDialog__AnswerSelectedIcon",
34887
+ componentId: "sc-bxc5u0-4"
34888
+ })(["flex:5% 0 0;color:", " !important;"], function (props) {
34889
+ return props.color;
34890
+ });
34891
+ var AnswerRow = /*#__PURE__*/styled.div.withConfig({
34892
+ displayName: "QuestionDialog__AnswerRow",
34893
+ componentId: "sc-bxc5u0-5"
34894
+ })(["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;}"]);
34798
34895
 
34799
- var ShortcutsSetter = function ShortcutsSetter(_ref) {
34800
- var setSettingShortcutIndex = _ref.setSettingShortcutIndex,
34801
- settingShortcutIndex = _ref.settingShortcutIndex,
34802
- shortcuts = _ref.shortcuts,
34803
- removeShortcut = _ref.removeShortcut,
34804
- atlasJSON = _ref.atlasJSON,
34805
- atlasIMG = _ref.atlasIMG;
34806
- var getContent = function getContent(index) {
34807
- var _shortcuts$index, _shortcuts$index3;
34808
- if (((_shortcuts$index = shortcuts[index]) == null ? void 0 : _shortcuts$index.type) === shared.ShortcutType.Item) {
34809
- var _shortcuts$index2;
34810
- var _payload = (_shortcuts$index2 = shortcuts[index]) == null ? void 0 : _shortcuts$index2.payload;
34811
- if (!_payload) return null;
34812
- return React__default.createElement(SpriteFromAtlas, {
34813
- atlasIMG: atlasIMG,
34814
- atlasJSON: atlasJSON,
34815
- spriteKey: shared.getItemTextureKeyPath({
34816
- key: _payload.texturePath,
34817
- texturePath: _payload.texturePath,
34818
- stackQty: _payload.stackQty || 1
34819
- }, atlasJSON),
34820
- width: 32,
34821
- height: 32,
34822
- imgScale: 1.6,
34823
- imgStyle: {
34824
- left: '5px'
34825
- }
34826
- });
34827
- }
34828
- var payload = (_shortcuts$index3 = shortcuts[index]) == null ? void 0 : _shortcuts$index3.payload;
34829
- return React__default.createElement("span", null, payload == null ? void 0 : payload.magicWords.split(' ').map(function (word) {
34830
- return word[0];
34831
- }));
34832
- };
34833
- return React__default.createElement(Container$e, null, React__default.createElement("p", null, "Shortcuts:"), React__default.createElement(List, {
34834
- id: "shortcuts_list"
34835
- }, Array.from({
34836
- length: 6
34837
- }).map(function (_, i) {
34838
- return React__default.createElement(Shortcut, {
34839
- key: i,
34840
- onPointerDown: function onPointerDown() {
34841
- removeShortcut(i);
34842
- if (!shortcuts[i] || shortcuts[i].type === shared.ShortcutType.None) setSettingShortcutIndex(i);
34843
- },
34844
- disabled: settingShortcutIndex !== -1 && settingShortcutIndex !== i,
34845
- isBeingSet: settingShortcutIndex === i
34846
- }, getContent(i));
34847
- })));
34848
- };
34849
- var Container$e = /*#__PURE__*/styled.div.withConfig({
34850
- displayName: "ShortcutsSetter__Container",
34851
- componentId: "sc-xuouuf-0"
34852
- })(["p{margin:0;margin-left:0.5rem;}"]);
34853
- var Shortcut = /*#__PURE__*/styled.button.withConfig({
34854
- displayName: "ShortcutsSetter__Shortcut",
34855
- componentId: "sc-xuouuf-1"
34856
- })(["width:2.6rem;height:2.6rem;background-color:", ";border:2px solid ", ";border-radius:50%;text-transform:uppercase;font-size:0.7rem;font-weight:bold;display:flex;align-items:center;justify-content:center;span{margin-top:4px;}&:hover,&:focus{background-color:", ";}&:active{background-color:", ";}&:disabled{opacity:0.5;}"], uiColors.lightGray, function (_ref2) {
34857
- var isBeingSet = _ref2.isBeingSet;
34858
- return isBeingSet ? uiColors.yellow : uiColors.darkGray;
34859
- }, uiColors.darkGray, uiColors.gray);
34860
- var List = /*#__PURE__*/styled.div.withConfig({
34861
- displayName: "ShortcutsSetter__List",
34862
- componentId: "sc-xuouuf-2"
34863
- })(["width:100%;display:flex;align-items:center;gap:0.5rem;padding-bottom:0.5rem;padding-left:0.5rem;box-sizing:border-box;margin:0 !important;"]);
34896
+ var img$8 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAP1BMVEUAAAA7FyVxQTsUEBPj5v////+5v/tCJDOOUlIiHBr1oJfptaO6dWr61rhzFy1bMTjoanMUNGQoXMQkn97+88DQ3IhAAAAAAXRSTlMAQObYZgAAAAFiS0dEBfhv6ccAAAAHdElNRQfmAw4VOBC7c5LYAAABM0lEQVQ4y3XRi5KDIAwFUAUkbrBgpP//rZsHVHQ009qZ3tPboNN0zmwzvcw8O5sX4y0NOg/Et3jRCXF+ziULorjkOQ9gE24dvuUAzq08DiCO4pe3WN7zCP56vmpubBReQYC11YPS86ySxxCsAABTSgjb5m4g8nfbxvFHBkH2OEEvAItVuCuIsgGgl+Gcr7kDXxhEAx55A2SQEEeQeZwUaIP8Tbo05B0RFPhItAjgj1w6cDnhLluDj+Egkh3pCCP4pKQAw1IPO0W9Nti5gW9RP2dKA3BZd2Dw+baYX+Nt4GM00O4S3kEpF6Alb2Bv4LeC3kkGfAW0/p0RPoJVKr63ghHsKuRh5DIUKOAlGOwrtt9fQekAEfmhZslHUDoglB0zjfkJigN7UnTQQ4GBWomoVhEN/AOPSBh38gy+fwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wMy0xNFQyMTo1NTo1MSswMDowMJcc0eEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDMtMTRUMjE6NTU6NTErMDA6MDDmQWldAAAAAElFTkSuQmCC';
34864
34897
 
34865
- var ItemContainer$1 = function ItemContainer(_ref) {
34866
- var itemContainer = _ref.itemContainer,
34867
- onClose = _ref.onClose,
34868
- _onMouseOver = _ref.onMouseOver,
34869
- _onSelected = _ref.onSelected,
34870
- onItemClick = _ref.onItemClick,
34898
+ (function (NPCDialogType) {
34899
+ NPCDialogType["TextOnly"] = "TextOnly";
34900
+ NPCDialogType["TextAndThumbnail"] = "TextAndThumbnail";
34901
+ })(exports.NPCDialogType || (exports.NPCDialogType = {}));
34902
+ var NPCDialog = function NPCDialog(_ref) {
34903
+ var text = _ref.text,
34871
34904
  type = _ref.type,
34872
- atlasJSON = _ref.atlasJSON,
34873
- atlasIMG = _ref.atlasIMG,
34874
- _ref$disableContextMe = _ref.disableContextMenu,
34875
- disableContextMenu = _ref$disableContextMe === void 0 ? false : _ref$disableContextMe,
34876
- onItemDragEnd = _ref.onItemDragEnd,
34877
- onItemDragStart = _ref.onItemDragStart,
34878
- onItemPlaceDrop = _ref.onItemPlaceDrop,
34879
- _onOutsideDrop = _ref.onOutsideDrop,
34880
- checkIfItemCanBeMoved = _ref.checkIfItemCanBeMoved,
34881
- initialPosition = _ref.initialPosition,
34882
- checkIfItemShouldDragEnd = _ref.checkIfItemShouldDragEnd,
34883
- scale = _ref.scale,
34884
- shortcuts = _ref.shortcuts,
34885
- setItemShortcut = _ref.setItemShortcut,
34886
- removeShortcut = _ref.removeShortcut,
34887
- equipmentSet = _ref.equipmentSet,
34888
- isDepotSystem = _ref.isDepotSystem,
34889
- onPositionChangeEnd = _ref.onPositionChangeEnd,
34890
- onPositionChangeStart = _ref.onPositionChangeStart;
34891
- var _useState = React.useState({
34892
- isOpen: false,
34893
- maxQuantity: 1,
34894
- callback: function callback(_quantity) {}
34895
- }),
34896
- quantitySelect = _useState[0],
34897
- setQuantitySelect = _useState[1];
34898
- var _useState2 = React.useState(-1),
34899
- settingShortcutIndex = _useState2[0],
34900
- setSettingShortcutIndex = _useState2[1];
34901
- var onRenderSlots = function onRenderSlots() {
34902
- var slots = [];
34903
- for (var i = 0; i < itemContainer.slotQty; i++) {
34904
- var _itemContainer$slots;
34905
- slots.push(React__default.createElement(ItemSlot, {
34906
- isContextMenuDisabled: disableContextMenu,
34907
- key: i,
34908
- slotIndex: i,
34909
- item: ((_itemContainer$slots = itemContainer.slots) == null ? void 0 : _itemContainer$slots[i]) || null,
34910
- itemContainerType: type,
34911
- onMouseOver: function onMouseOver(event, slotIndex, item) {
34912
- if (_onMouseOver) _onMouseOver(event, slotIndex, item);
34913
- },
34914
- onPointerDown: function onPointerDown(itemType, containerType, item) {
34915
- if (settingShortcutIndex !== -1) {
34916
- setSettingShortcutIndex(-1);
34917
- if (itemType === shared.ItemType.Consumable || itemType === shared.ItemType.Tool) {
34918
- setItemShortcut == null ? void 0 : setItemShortcut(item.key, settingShortcutIndex);
34919
- }
34920
- } else if (onItemClick) onItemClick(item, itemType, containerType);
34921
- },
34922
- onSelected: function onSelected(optionId, item) {
34923
- if (_onSelected) _onSelected(optionId, item);
34924
- },
34925
- onDragStart: function onDragStart(item, slotIndex, itemContainerType) {
34926
- if (onItemDragStart) onItemDragStart(item, slotIndex, itemContainerType);
34927
- },
34928
- onDragEnd: function onDragEnd(quantity) {
34929
- if (onItemDragEnd) onItemDragEnd(quantity);
34930
- },
34931
- dragScale: scale,
34932
- checkIfItemCanBeMoved: checkIfItemCanBeMoved,
34933
- checkIfItemShouldDragEnd: checkIfItemShouldDragEnd,
34934
- openQuantitySelector: function openQuantitySelector(maxQuantity, callback) {
34935
- setQuantitySelect({
34936
- isOpen: true,
34937
- maxQuantity: maxQuantity,
34938
- callback: callback
34939
- });
34940
- },
34941
- onPlaceDrop: function onPlaceDrop(item, slotIndex, itemContainerType) {
34942
- if (onItemPlaceDrop) onItemPlaceDrop(item, slotIndex, itemContainerType);
34943
- },
34944
- onOutsideDrop: function onOutsideDrop(item, position) {
34945
- if (_onOutsideDrop) _onOutsideDrop(item, position);
34946
- },
34947
- atlasIMG: atlasIMG,
34948
- atlasJSON: atlasJSON,
34949
- isSelectingShortcut: settingShortcutIndex !== -1,
34950
- equipmentSet: equipmentSet,
34951
- isDepotSystem: isDepotSystem
34952
- }));
34905
+ _onClose = _ref.onClose,
34906
+ imagePath = _ref.imagePath,
34907
+ _ref$isQuestionDialog = _ref.isQuestionDialog,
34908
+ isQuestionDialog = _ref$isQuestionDialog === void 0 ? false : _ref$isQuestionDialog,
34909
+ questions = _ref.questions,
34910
+ answers = _ref.answers;
34911
+ return React__default.createElement(RPGUIContainer, {
34912
+ type: exports.RPGUIContainerTypes.FramedGold,
34913
+ width: isQuestionDialog ? '600px' : '80%',
34914
+ height: '180px'
34915
+ }, isQuestionDialog && questions && answers ? React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer$1, {
34916
+ flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
34917
+ }, React__default.createElement(QuestionDialog, {
34918
+ questions: questions,
34919
+ answers: answers,
34920
+ onClose: function onClose() {
34921
+ if (_onClose) {
34922
+ _onClose();
34923
+ }
34953
34924
  }
34954
- return slots;
34955
- };
34956
- return React__default.createElement(React__default.Fragment, null, React__default.createElement(SlotsContainer, {
34957
- title: itemContainer.name || 'Container',
34958
- onClose: onClose,
34959
- initialPosition: initialPosition,
34960
- scale: scale,
34961
- onPositionChangeEnd: onPositionChangeEnd,
34962
- onPositionChangeStart: onPositionChangeStart
34963
- }, type === shared.ItemContainerType.Inventory && shortcuts && removeShortcut && React__default.createElement(ShortcutsSetter, {
34964
- setSettingShortcutIndex: setSettingShortcutIndex,
34965
- settingShortcutIndex: settingShortcutIndex,
34966
- shortcuts: shortcuts,
34967
- removeShortcut: removeShortcut,
34968
- atlasIMG: atlasIMG,
34969
- atlasJSON: atlasJSON
34970
- }), React__default.createElement(ItemsContainer, {
34971
- className: "item-container-body"
34972
- }, onRenderSlots())), quantitySelect.isOpen && React__default.createElement(ModalPortal, null, React__default.createElement(QuantitySelectorContainer, null, React__default.createElement(ItemQuantitySelector, {
34973
- quantity: quantitySelect.maxQuantity,
34974
- onConfirm: function onConfirm(quantity) {
34975
- quantitySelect.callback(quantity);
34976
- setQuantitySelect({
34977
- isOpen: false,
34978
- maxQuantity: 1,
34979
- callback: function callback() {}
34980
- });
34981
- },
34925
+ })), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
34926
+ src: imagePath || img$8
34927
+ }))) : React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$g, null, React__default.createElement(TextContainer$1, {
34928
+ flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
34929
+ }, React__default.createElement(NPCDialogText, {
34930
+ type: type,
34931
+ text: text || 'No text provided.',
34982
34932
  onClose: function onClose() {
34983
- quantitySelect.callback(-1);
34984
- setQuantitySelect({
34985
- isOpen: false,
34986
- maxQuantity: 1,
34987
- callback: function callback() {}
34988
- });
34933
+ if (_onClose) {
34934
+ _onClose();
34935
+ }
34989
34936
  }
34990
- }))));
34937
+ })), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
34938
+ src: imagePath || img$8
34939
+ })))));
34991
34940
  };
34992
- var ItemsContainer = /*#__PURE__*/styled.div.withConfig({
34993
- displayName: "ItemContainer__ItemsContainer",
34994
- componentId: "sc-15y5p9l-0"
34995
- })(["display:flex;justify-content:center;flex-wrap:wrap;"]);
34996
- var QuantitySelectorContainer = /*#__PURE__*/styled.div.withConfig({
34997
- displayName: "ItemContainer__QuantitySelectorContainer",
34998
- componentId: "sc-15y5p9l-1"
34999
- })(["position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:100;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.5);"]);
34941
+ var Container$g = /*#__PURE__*/styled.div.withConfig({
34942
+ displayName: "NPCDialog__Container",
34943
+ componentId: "sc-1b4aw74-0"
34944
+ })(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
34945
+ var TextContainer$1 = /*#__PURE__*/styled.div.withConfig({
34946
+ displayName: "NPCDialog__TextContainer",
34947
+ componentId: "sc-1b4aw74-1"
34948
+ })(["flex:", " 0 0;width:355px;"], function (_ref2) {
34949
+ var flex = _ref2.flex;
34950
+ return flex;
34951
+ });
34952
+ var ThumbnailContainer = /*#__PURE__*/styled.div.withConfig({
34953
+ displayName: "NPCDialog__ThumbnailContainer",
34954
+ componentId: "sc-1b4aw74-2"
34955
+ })(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
34956
+ var NPCThumbnail = /*#__PURE__*/styled.img.withConfig({
34957
+ displayName: "NPCDialog__NPCThumbnail",
34958
+ componentId: "sc-1b4aw74-3"
34959
+ })(["image-rendering:pixelated;height:128px;width:128px;"]);
35000
34960
 
35001
- var ItemSelector = function ItemSelector(_ref) {
35002
- var atlasIMG = _ref.atlasIMG,
35003
- atlasJSON = _ref.atlasJSON,
35004
- options = _ref.options,
35005
- onClose = _ref.onClose,
35006
- onSelect = _ref.onSelect;
35007
- var _useState = React.useState(),
35008
- selectedValue = _useState[0],
35009
- setSelectedValue = _useState[1];
35010
- var handleClick = function handleClick() {
35011
- var element = document.querySelector("input[name='test']:checked");
35012
- var elementValue = element.value;
35013
- setSelectedValue(elementValue);
35014
- };
35015
- React.useEffect(function () {
35016
- if (selectedValue) {
35017
- onSelect(selectedValue);
35018
- }
35019
- }, [selectedValue]);
35020
- return React__default.createElement(DraggableContainer, {
35021
- type: exports.RPGUIContainerTypes.Framed,
35022
- width: "500px",
35023
- cancelDrag: ".equipment-container-body .arrow-selector",
35024
- onCloseButton: function onCloseButton() {
35025
- if (onClose) {
35026
- onClose();
35027
- }
35028
- }
35029
- }, React__default.createElement("div", {
35030
- style: {
35031
- width: '100%'
35032
- }
35033
- }, React__default.createElement(Title$3, null, 'Harvesting instruments'), React__default.createElement(Subtitle$1, null, 'Use the tool, you need it'), React__default.createElement("hr", {
35034
- className: "golden"
35035
- })), React__default.createElement(RadioInputScroller$1, null, options == null ? void 0 : options.map(function (option, index) {
35036
- return React__default.createElement(RadioOptionsWrapper$1, {
35037
- key: index
35038
- }, React__default.createElement(SpriteAtlasWrapper$1, null, React__default.createElement(SpriteFromAtlas, {
35039
- atlasIMG: atlasIMG,
35040
- atlasJSON: atlasJSON,
35041
- spriteKey: option.imageKey,
35042
- imgScale: 3
35043
- })), React__default.createElement("div", null, React__default.createElement("input", {
35044
- className: "rpgui-radio",
35045
- type: "radio",
35046
- value: option.name,
35047
- name: "test"
35048
- }), React__default.createElement("label", {
35049
- onPointerDown: handleClick,
35050
- style: {
35051
- display: 'flex',
35052
- alignItems: 'center'
35053
- }
35054
- }, option.name, " ", React__default.createElement("br", null), option.description)));
35055
- })), React__default.createElement(ButtonWrapper$1, null, React__default.createElement(Button, {
35056
- buttonType: exports.ButtonTypes.RPGUIButton,
35057
- onPointerDown: onClose
35058
- }, "Cancel"), React__default.createElement(Button, {
35059
- buttonType: exports.ButtonTypes.RPGUIButton
35060
- }, "Select")));
35061
- };
35062
- var Title$3 = /*#__PURE__*/styled.h1.withConfig({
35063
- displayName: "ItemSelector__Title",
35064
- componentId: "sc-gptoxp-0"
35065
- })(["font-size:0.6rem;color:yellow !important;"]);
35066
- var Subtitle$1 = /*#__PURE__*/styled.h1.withConfig({
35067
- displayName: "ItemSelector__Subtitle",
35068
- componentId: "sc-gptoxp-1"
35069
- })(["font-size:0.4rem;color:yellow !important;"]);
35070
- var RadioInputScroller$1 = /*#__PURE__*/styled.div.withConfig({
35071
- displayName: "ItemSelector__RadioInputScroller",
35072
- componentId: "sc-gptoxp-2"
35073
- })(["padding-left:15px;padding-top:10px;width:100%;margin-top:1rem;align-items:center;margin-left:20px;align-items:flex-start;overflow-y:scroll;height:360px;"]);
35074
- var SpriteAtlasWrapper$1 = /*#__PURE__*/styled.div.withConfig({
35075
- displayName: "ItemSelector__SpriteAtlasWrapper",
35076
- componentId: "sc-gptoxp-3"
35077
- })(["margin-right:40px;"]);
35078
- var RadioOptionsWrapper$1 = /*#__PURE__*/styled.div.withConfig({
35079
- displayName: "ItemSelector__RadioOptionsWrapper",
35080
- componentId: "sc-gptoxp-4"
35081
- })(["display:flex;align-items:stretch;margin-bottom:40px;"]);
35082
- var ButtonWrapper$1 = /*#__PURE__*/styled.div.withConfig({
35083
- displayName: "ItemSelector__ButtonWrapper",
35084
- componentId: "sc-gptoxp-5"
35085
- })(["display:flex;justify-content:space-around;padding-top:20px;width:100%;"]);
35086
-
35087
- var ListMenu = function ListMenu(_ref) {
35088
- var options = _ref.options,
35089
- onSelected = _ref.onSelected,
35090
- x = _ref.x,
35091
- y = _ref.y;
35092
- return React__default.createElement(Container$f, {
35093
- x: x,
35094
- y: y
35095
- }, React__default.createElement("ul", {
35096
- className: "rpgui-list-imp",
35097
- style: {
35098
- overflow: 'hidden'
35099
- }
35100
- }, options.map(function (params, index) {
35101
- return React__default.createElement(ListElement$1, {
35102
- key: (params == null ? void 0 : params.id) || index,
35103
- onPointerDown: function onPointerDown() {
35104
- onSelected(params == null ? void 0 : params.id);
35105
- }
35106
- }, (params == null ? void 0 : params.text) || 'No text');
35107
- })));
35108
- };
35109
- var Container$f = /*#__PURE__*/styled.div.withConfig({
35110
- displayName: "ListMenu__Container",
35111
- componentId: "sc-i9097t-0"
35112
- })(["display:flex;flex-direction:column;width:100%;justify-content:start;align-items:flex-start;position:absolute;top:", "px;left:", "px;li{font-size:", ";}"], function (props) {
35113
- return props.y || 0;
35114
- }, function (props) {
35115
- return props.x || 0;
35116
- }, uiFonts.size.xsmall);
35117
- var ListElement$1 = /*#__PURE__*/styled.li.withConfig({
35118
- displayName: "ListMenu__ListElement",
35119
- componentId: "sc-i9097t-1"
35120
- })(["margin-right:0.5rem;"]);
35121
-
35122
- var img$6 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAP1BMVEUAAAA7FyVxQTsUEBPj5v////+5v/tCJDOOUlIiHBr1oJfptaO6dWr61rhzFy1bMTjoanMUNGQoXMQkn97+88DQ3IhAAAAAAXRSTlMAQObYZgAAAAFiS0dEBfhv6ccAAAAHdElNRQfmAw4VOBC7c5LYAAABM0lEQVQ4y3XRi5KDIAwFUAUkbrBgpP//rZsHVHQ009qZ3tPboNN0zmwzvcw8O5sX4y0NOg/Et3jRCXF+ziULorjkOQ9gE24dvuUAzq08DiCO4pe3WN7zCP56vmpubBReQYC11YPS86ySxxCsAABTSgjb5m4g8nfbxvFHBkH2OEEvAItVuCuIsgGgl+Gcr7kDXxhEAx55A2SQEEeQeZwUaIP8Tbo05B0RFPhItAjgj1w6cDnhLluDj+Egkh3pCCP4pKQAw1IPO0W9Nti5gW9RP2dKA3BZd2Dw+baYX+Nt4GM00O4S3kEpF6Alb2Bv4LeC3kkGfAW0/p0RPoJVKr63ghHsKuRh5DIUKOAlGOwrtt9fQekAEfmhZslHUDoglB0zjfkJigN7UnTQQ4GBWomoVhEN/AOPSBh38gy+fwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wMy0xNFQyMTo1NTo1MSswMDowMJcc0eEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDMtMTRUMjE6NTU6NTErMDA6MDDmQWldAAAAAElFTkSuQmCC';
35123
-
35124
- var img$7 = 'data:image/gif;base64,R0lGODlhQAAgAPIAAAAAAA0NDRERESIiIigoKFlZWf///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw5nYW1tYT0wLjQ1NDU0NQAh+QQBFAAAACwAAAAAQAAgAAAD/wi63P4wykmrvTjrzbv/YAgIZGmeaKquakQWcCzPdG3fNukIeO//PQGDBywafcIF8chswpKKZcxApTqvNOiIZi0YsODncFaFlcNOrdTbJVff0/c3Lp/Xs2N37cy2ndt6ZnhKXHdsc4d7VnwyfIxqPWWOXXWLgHSGYoSNbZKVZp2WiJyjg1GFcaClqaqJhasyUAFrh3Cur3KqubWXBQIBAAEDtDeMaEEDAcLEx2gCycvN0jHPysPT09XR2M3a19zH3gTM4EYCBNDD4yzs7e4r48nB6gT19vf4+fr7/P3P8sKGvRtIkMUAeQoCHlzIsKHDhxAjSoTWQJnFixgzatzIsQWjRQYJAAAh/wtJbWFnZU1hZ2ljaw5nYW1tYT0wLjQ1NDU0NQAh+QQBFAAAACwAAAAAQAAgAAAD8Ai63P4wykmrvTjrzbv/YCiOlGCeaKqubMtGZiHPdG3feI6bjqD/wOBPwPAJj0ggcWFMOp+ypaI5M1it0KxNCqDKsAWDdhwt1q5fMPnJ9aJt17g4HafJ3/et+Tzn99V+aThqfTNtcHlhhIBVWG+BdDSHOmiPeHdij3aYhZONf46YkZGanzpSAV6KjaOIpqWtNwIBAAEDqqKKhZuJnHSwAgMBtqo5sGs5wcO3yM01ysTO0gXQzNPN1cXXUNnbyNna3kcmwrW3Lujp6ugD5bbn6/HyLe20Cu/t+fr7/P3+/wCF2VswrKDBgwgTKlzIsCCDBAA7';
35125
-
35126
- (function (ImgSide) {
35127
- ImgSide["right"] = "right";
35128
- ImgSide["left"] = "left";
35129
- })(exports.ImgSide || (exports.ImgSide = {}));
35130
- var NPCMultiDialog = function NPCMultiDialog(_ref) {
35131
- var _textAndTypeArray$sli;
35132
- var _onClose = _ref.onClose,
35133
- textAndTypeArray = _ref.textAndTypeArray;
35134
- var _useState = React.useState(false),
35135
- showGoNextIndicator = _useState[0],
35136
- setShowGoNextIndicator = _useState[1];
35137
- var _useState2 = React.useState(0),
35138
- slide = _useState2[0],
35139
- setSlide = _useState2[1];
35140
- var onHandleSpacePress = function onHandleSpacePress(event) {
35141
- if (event.code === 'Space') {
35142
- if (slide < (textAndTypeArray == null ? void 0 : textAndTypeArray.length) - 1) {
35143
- setSlide(function (prev) {
35144
- return prev + 1;
35145
- });
35146
- } else {
35147
- // if there's no more text chunks, close the dialog
35148
- _onClose();
34961
+ (function (ImgSide) {
34962
+ ImgSide["right"] = "right";
34963
+ ImgSide["left"] = "left";
34964
+ })(exports.ImgSide || (exports.ImgSide = {}));
34965
+ var NPCMultiDialog = function NPCMultiDialog(_ref) {
34966
+ var _textAndTypeArray$sli;
34967
+ var _onClose = _ref.onClose,
34968
+ textAndTypeArray = _ref.textAndTypeArray;
34969
+ var _useState = React.useState(false),
34970
+ showGoNextIndicator = _useState[0],
34971
+ setShowGoNextIndicator = _useState[1];
34972
+ var _useState2 = React.useState(0),
34973
+ slide = _useState2[0],
34974
+ setSlide = _useState2[1];
34975
+ var onHandleSpacePress = function onHandleSpacePress(event) {
34976
+ if (event.code === 'Space') {
34977
+ if (slide < (textAndTypeArray == null ? void 0 : textAndTypeArray.length) - 1) {
34978
+ setSlide(function (prev) {
34979
+ return prev + 1;
34980
+ });
34981
+ } else {
34982
+ // if there's no more text chunks, close the dialog
34983
+ _onClose();
35149
34984
  }
35150
34985
  }
35151
34986
  };
@@ -35159,7 +34994,7 @@ var NPCMultiDialog = function NPCMultiDialog(_ref) {
35159
34994
  type: exports.RPGUIContainerTypes.FramedGold,
35160
34995
  width: '50%',
35161
34996
  height: '180px'
35162
- }, React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$g, null, ((_textAndTypeArray$sli = textAndTypeArray[slide]) == null ? void 0 : _textAndTypeArray$sli.imageSide) === 'right' && React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer, {
34997
+ }, React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$h, null, ((_textAndTypeArray$sli = textAndTypeArray[slide]) == null ? void 0 : _textAndTypeArray$sli.imageSide) === 'right' && React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer$2, {
35163
34998
  flex: '70%'
35164
34999
  }, React__default.createElement(NPCDialogText, {
35165
35000
  onStartStep: function onStartStep() {
@@ -35174,14 +35009,14 @@ var NPCMultiDialog = function NPCMultiDialog(_ref) {
35174
35009
  _onClose();
35175
35010
  }
35176
35011
  }
35177
- })), React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
35178
- src: textAndTypeArray[slide].imagePath || img$6
35179
- })), showGoNextIndicator && React__default.createElement(PressSpaceIndicator, {
35012
+ })), React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
35013
+ src: textAndTypeArray[slide].imagePath || img$8
35014
+ })), showGoNextIndicator && React__default.createElement(PressSpaceIndicator$1, {
35180
35015
  right: '10.5rem',
35181
35016
  src: img$7
35182
- })), textAndTypeArray[slide].imageSide === 'left' && React__default.createElement(React__default.Fragment, null, React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
35183
- src: textAndTypeArray[slide].imagePath || img$6
35184
- })), React__default.createElement(TextContainer, {
35017
+ })), textAndTypeArray[slide].imageSide === 'left' && React__default.createElement(React__default.Fragment, null, React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
35018
+ src: textAndTypeArray[slide].imagePath || img$8
35019
+ })), React__default.createElement(TextContainer$2, {
35185
35020
  flex: '70%'
35186
35021
  }, React__default.createElement(NPCDialogText, {
35187
35022
  onStartStep: function onStartStep() {
@@ -35196,31 +35031,31 @@ var NPCMultiDialog = function NPCMultiDialog(_ref) {
35196
35031
  _onClose();
35197
35032
  }
35198
35033
  }
35199
- })), showGoNextIndicator && React__default.createElement(PressSpaceIndicator, {
35034
+ })), showGoNextIndicator && React__default.createElement(PressSpaceIndicator$1, {
35200
35035
  right: '1rem',
35201
35036
  src: img$7
35202
35037
  }))), ")"));
35203
35038
  };
35204
- var Container$g = /*#__PURE__*/styled.div.withConfig({
35039
+ var Container$h = /*#__PURE__*/styled.div.withConfig({
35205
35040
  displayName: "NPCMultiDialog__Container",
35206
35041
  componentId: "sc-rvu5wg-0"
35207
35042
  })(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
35208
- var TextContainer = /*#__PURE__*/styled.div.withConfig({
35043
+ var TextContainer$2 = /*#__PURE__*/styled.div.withConfig({
35209
35044
  displayName: "NPCMultiDialog__TextContainer",
35210
35045
  componentId: "sc-rvu5wg-1"
35211
35046
  })(["flex:", " 0 0;width:355px;"], function (_ref2) {
35212
35047
  var flex = _ref2.flex;
35213
35048
  return flex;
35214
35049
  });
35215
- var ThumbnailContainer = /*#__PURE__*/styled.div.withConfig({
35050
+ var ThumbnailContainer$1 = /*#__PURE__*/styled.div.withConfig({
35216
35051
  displayName: "NPCMultiDialog__ThumbnailContainer",
35217
35052
  componentId: "sc-rvu5wg-2"
35218
35053
  })(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
35219
- var NPCThumbnail = /*#__PURE__*/styled.img.withConfig({
35054
+ var NPCThumbnail$1 = /*#__PURE__*/styled.img.withConfig({
35220
35055
  displayName: "NPCMultiDialog__NPCThumbnail",
35221
35056
  componentId: "sc-rvu5wg-3"
35222
35057
  })(["image-rendering:pixelated;height:128px;width:128px;"]);
35223
- var PressSpaceIndicator = /*#__PURE__*/styled.img.withConfig({
35058
+ var PressSpaceIndicator$1 = /*#__PURE__*/styled.img.withConfig({
35224
35059
  displayName: "NPCMultiDialog__PressSpaceIndicator",
35225
35060
  componentId: "sc-rvu5wg-4"
35226
35061
  })(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref3) {
@@ -35228,221 +35063,602 @@ var PressSpaceIndicator = /*#__PURE__*/styled.img.withConfig({
35228
35063
  return right;
35229
35064
  });
35230
35065
 
35231
- //@ts-ignore
35232
- var useEventListener = function useEventListener(type, handler, el) {
35233
- if (el === void 0) {
35234
- el = window;
35235
- }
35236
- var savedHandler = React__default.useRef();
35237
- React__default.useEffect(function () {
35238
- savedHandler.current = handler;
35239
- }, [handler]);
35240
- React__default.useEffect(function () {
35241
- //@ts-ignore
35242
- var listener = function listener(e) {
35243
- return savedHandler.current(e);
35244
- };
35245
- el.addEventListener(type, listener);
35246
- return function () {
35247
- el.removeEventListener(type, listener);
35248
- };
35249
- }, [type, el]);
35250
- };
35251
-
35252
- var DynamicText = function DynamicText(_ref) {
35253
- var text = _ref.text,
35254
- onFinish = _ref.onFinish,
35255
- onStart = _ref.onStart;
35256
- var _useState = React.useState(''),
35257
- textState = _useState[0],
35258
- setTextState = _useState[1];
35259
- React.useEffect(function () {
35260
- var i = 0;
35261
- var interval = setInterval(function () {
35262
- // on every interval, show one more character
35263
- if (i === 0) {
35264
- if (onStart) {
35265
- onStart();
35266
- }
35267
- }
35268
- if (i < text.length) {
35269
- setTextState(text.substring(0, i + 1));
35270
- i++;
35066
+ var HistoryDialog = function HistoryDialog(_ref) {
35067
+ var backgroundImgPath = _ref.backgroundImgPath,
35068
+ fullCoverBackground = _ref.fullCoverBackground,
35069
+ questions = _ref.questions,
35070
+ answers = _ref.answers,
35071
+ text = _ref.text,
35072
+ imagePath = _ref.imagePath,
35073
+ textAndTypeArray = _ref.textAndTypeArray,
35074
+ onClose = _ref.onClose;
35075
+ var _useState = React.useState(0),
35076
+ img = _useState[0],
35077
+ setImage = _useState[1];
35078
+ var onHandleSpacePress = function onHandleSpacePress(event) {
35079
+ if (event.code === 'Space') {
35080
+ if (img < (backgroundImgPath == null ? void 0 : backgroundImgPath.length) - 1) {
35081
+ setImage(function (prev) {
35082
+ return prev + 1;
35083
+ });
35271
35084
  } else {
35272
- clearInterval(interval);
35273
- if (onFinish) {
35274
- onFinish();
35275
- }
35085
+ // if there's no more text chunks, close the dialog
35086
+ onClose();
35276
35087
  }
35277
- }, 50);
35088
+ }
35089
+ };
35090
+ React.useEffect(function () {
35091
+ document.addEventListener('keydown', onHandleSpacePress);
35278
35092
  return function () {
35279
- clearInterval(interval);
35093
+ return document.removeEventListener('keydown', onHandleSpacePress);
35280
35094
  };
35281
- }, [text]);
35282
- return React__default.createElement(TextContainer$1, null, textState);
35095
+ }, [backgroundImgPath]);
35096
+ return React__default.createElement(BackgroundContainer, {
35097
+ imgPath: backgroundImgPath[img],
35098
+ fullImg: fullCoverBackground
35099
+ }, React__default.createElement(DialogContainer, null, textAndTypeArray ? React__default.createElement(NPCMultiDialog, {
35100
+ textAndTypeArray: textAndTypeArray,
35101
+ onClose: onClose
35102
+ }) : questions && answers ? React__default.createElement(QuestionDialog, {
35103
+ questions: questions,
35104
+ answers: answers,
35105
+ onClose: onClose
35106
+ }) : text && imagePath ? React__default.createElement(NPCDialog, {
35107
+ text: text,
35108
+ imagePath: imagePath,
35109
+ onClose: onClose,
35110
+ type: exports.NPCDialogType.TextAndThumbnail
35111
+ }) : React__default.createElement(NPCDialog, {
35112
+ text: text,
35113
+ onClose: onClose,
35114
+ type: exports.NPCDialogType.TextOnly
35115
+ })));
35283
35116
  };
35284
- var TextContainer$1 = /*#__PURE__*/styled.p.withConfig({
35285
- displayName: "DynamicText__TextContainer",
35286
- componentId: "sc-1ggl9nd-0"
35287
- })(["font-size:0.7rem !important;color:white;text-shadow:1px 1px 0px #000000;letter-spacing:1.2px;word-break:normal;"]);
35117
+ var BackgroundContainer = /*#__PURE__*/styled.div.withConfig({
35118
+ displayName: "HistoryDialog__BackgroundContainer",
35119
+ componentId: "sc-u6oe75-0"
35120
+ })(["width:100%;height:100%;background-image:url(", ");background-size:", ";display:flex;justify-content:space-evenly;align-items:center;"], function (props) {
35121
+ return props.imgPath;
35122
+ }, function (props) {
35123
+ return props.imgPath ? 'cover' : 'auto';
35124
+ });
35125
+ var DialogContainer = /*#__PURE__*/styled.div.withConfig({
35126
+ displayName: "HistoryDialog__DialogContainer",
35127
+ componentId: "sc-u6oe75-1"
35128
+ })(["display:flex;justify-content:center;padding-top:200px;"]);
35288
35129
 
35289
- var QuestionDialog = function QuestionDialog(_ref) {
35290
- var questions = _ref.questions,
35291
- answers = _ref.answers,
35292
- onClose = _ref.onClose;
35293
- var _useState = React.useState(questions[0]),
35294
- currentQuestion = _useState[0],
35295
- setCurrentQuestion = _useState[1];
35296
- var _useState2 = React.useState(false),
35297
- canShowAnswers = _useState2[0],
35298
- setCanShowAnswers = _useState2[1];
35299
- var onGetFirstAnswer = function onGetFirstAnswer() {
35300
- if (!currentQuestion.answerIds || currentQuestion.answerIds.length === 0) {
35301
- return null;
35130
+ var SlotsContainer = function SlotsContainer(_ref) {
35131
+ var children = _ref.children,
35132
+ title = _ref.title,
35133
+ onClose = _ref.onClose,
35134
+ _onPositionChange = _ref.onPositionChange,
35135
+ _onPositionChangeEnd = _ref.onPositionChangeEnd,
35136
+ _onPositionChangeStart = _ref.onPositionChangeStart,
35137
+ onOutsideClick = _ref.onOutsideClick,
35138
+ initialPosition = _ref.initialPosition,
35139
+ scale = _ref.scale;
35140
+ return React__default.createElement(DraggableContainer, {
35141
+ title: title,
35142
+ type: exports.RPGUIContainerTypes.Framed,
35143
+ onCloseButton: function onCloseButton() {
35144
+ if (onClose) {
35145
+ onClose();
35146
+ }
35147
+ },
35148
+ width: "400px",
35149
+ cancelDrag: ".item-container-body, #shortcuts_list",
35150
+ onPositionChange: function onPositionChange(_ref2) {
35151
+ var x = _ref2.x,
35152
+ y = _ref2.y;
35153
+ if (_onPositionChange) {
35154
+ _onPositionChange({
35155
+ x: x,
35156
+ y: y
35157
+ });
35158
+ }
35159
+ },
35160
+ onPositionChangeEnd: function onPositionChangeEnd(_ref3) {
35161
+ var x = _ref3.x,
35162
+ y = _ref3.y;
35163
+ if (_onPositionChangeEnd) {
35164
+ _onPositionChangeEnd({
35165
+ x: x,
35166
+ y: y
35167
+ });
35168
+ }
35169
+ },
35170
+ onPositionChangeStart: function onPositionChangeStart(_ref4) {
35171
+ var x = _ref4.x,
35172
+ y = _ref4.y;
35173
+ if (_onPositionChangeStart) {
35174
+ _onPositionChangeStart({
35175
+ x: x,
35176
+ y: y
35177
+ });
35178
+ }
35179
+ },
35180
+ onOutsideClick: onOutsideClick,
35181
+ initialPosition: initialPosition,
35182
+ scale: scale
35183
+ }, children);
35184
+ };
35185
+
35186
+ (function (RangeSliderType) {
35187
+ RangeSliderType["Slider"] = "rpgui-slider";
35188
+ RangeSliderType["GoldSlider"] = "rpgui-slider golden";
35189
+ })(exports.RangeSliderType || (exports.RangeSliderType = {}));
35190
+ var RangeSlider = function RangeSlider(_ref) {
35191
+ var type = _ref.type,
35192
+ valueMin = _ref.valueMin,
35193
+ valueMax = _ref.valueMax,
35194
+ width = _ref.width,
35195
+ _onChange = _ref.onChange,
35196
+ value = _ref.value;
35197
+ var sliderId = uuid.v4();
35198
+ var containerRef = React.useRef(null);
35199
+ var _useState = React.useState(0),
35200
+ left = _useState[0],
35201
+ setLeft = _useState[1];
35202
+ React.useEffect(function () {
35203
+ var _containerRef$current;
35204
+ var calculatedWidth = ((_containerRef$current = containerRef.current) == null ? void 0 : _containerRef$current.clientWidth) || 0;
35205
+ setLeft(Math.max((value - valueMin) / (valueMax - valueMin) * (calculatedWidth - 35) + 10));
35206
+ }, [value, valueMin, valueMax]);
35207
+ var typeClass = type === exports.RangeSliderType.GoldSlider ? 'golden' : '';
35208
+ return React__default.createElement("div", {
35209
+ style: {
35210
+ width: width,
35211
+ position: 'relative'
35212
+ },
35213
+ className: "rpgui-slider-container " + typeClass,
35214
+ id: "rpgui-slider-" + sliderId,
35215
+ ref: containerRef
35216
+ }, React__default.createElement("div", {
35217
+ style: {
35218
+ pointerEvents: 'none'
35219
+ }
35220
+ }, React__default.createElement("div", {
35221
+ className: "rpgui-slider-track " + typeClass
35222
+ }), React__default.createElement("div", {
35223
+ className: "rpgui-slider-left-edge " + typeClass
35224
+ }), React__default.createElement("div", {
35225
+ className: "rpgui-slider-right-edge " + typeClass
35226
+ }), React__default.createElement("div", {
35227
+ className: "rpgui-slider-thumb " + typeClass,
35228
+ style: {
35229
+ left: left
35230
+ }
35231
+ })), React__default.createElement(Input$1, {
35232
+ type: "range",
35233
+ style: {
35234
+ width: width
35235
+ },
35236
+ min: valueMin,
35237
+ max: valueMax,
35238
+ onChange: function onChange(e) {
35239
+ return _onChange(Number(e.target.value));
35240
+ },
35241
+ value: value,
35242
+ className: "rpgui-cursor-point"
35243
+ }));
35244
+ };
35245
+ var Input$1 = /*#__PURE__*/styled.input.withConfig({
35246
+ displayName: "RangeSlider__Input",
35247
+ componentId: "sc-v8mte9-0"
35248
+ })(["opacity:0;position:absolute;width:100%;height:100%;top:0;left:0;margin-top:-5px;"]);
35249
+
35250
+ var ItemQuantitySelector = function ItemQuantitySelector(_ref) {
35251
+ var quantity = _ref.quantity,
35252
+ onConfirm = _ref.onConfirm,
35253
+ onClose = _ref.onClose;
35254
+ var _useState = React.useState(quantity),
35255
+ value = _useState[0],
35256
+ setValue = _useState[1];
35257
+ var inputRef = React.useRef(null);
35258
+ React.useEffect(function () {
35259
+ if (inputRef.current) {
35260
+ inputRef.current.focus();
35261
+ inputRef.current.select();
35262
+ var closeSelector = function closeSelector(e) {
35263
+ if (e.key === 'Escape') {
35264
+ onClose();
35265
+ }
35266
+ };
35267
+ document.addEventListener('keydown', closeSelector);
35268
+ return function () {
35269
+ document.removeEventListener('keydown', closeSelector);
35270
+ };
35271
+ }
35272
+ return function () {};
35273
+ }, []);
35274
+ return React__default.createElement(StyledContainer, {
35275
+ type: exports.RPGUIContainerTypes.Framed,
35276
+ width: "25rem"
35277
+ }, React__default.createElement(CloseButton$2, {
35278
+ className: "container-close",
35279
+ onPointerDown: onClose
35280
+ }, "X"), React__default.createElement("h2", null, "Select quantity to move"), React__default.createElement(StyledForm, {
35281
+ style: {
35282
+ width: '100%'
35283
+ },
35284
+ onSubmit: function onSubmit(e) {
35285
+ e.preventDefault();
35286
+ var numberValue = Number(value);
35287
+ if (Number.isNaN(numberValue)) {
35288
+ return;
35289
+ }
35290
+ onConfirm(Math.max(1, Math.min(quantity, numberValue)));
35291
+ },
35292
+ noValidate: true
35293
+ }, React__default.createElement(StyledInput, {
35294
+ innerRef: inputRef,
35295
+ placeholder: "Enter quantity",
35296
+ type: "number",
35297
+ min: 1,
35298
+ max: quantity,
35299
+ value: value,
35300
+ onChange: function onChange(e) {
35301
+ if (Number(e.target.value) >= quantity) {
35302
+ setValue(quantity);
35303
+ return;
35304
+ }
35305
+ setValue(e.target.value);
35306
+ },
35307
+ onBlur: function onBlur(e) {
35308
+ var newValue = Math.max(1, Math.min(quantity, Number(e.target.value)));
35309
+ setValue(newValue);
35310
+ }
35311
+ }), React__default.createElement(RangeSlider, {
35312
+ type: exports.RangeSliderType.Slider,
35313
+ valueMin: 1,
35314
+ valueMax: quantity,
35315
+ width: "100%",
35316
+ onChange: setValue,
35317
+ value: value
35318
+ }), React__default.createElement(Button, {
35319
+ buttonType: exports.ButtonTypes.RPGUIButton,
35320
+ type: "submit"
35321
+ }, "Confirm")));
35322
+ };
35323
+ var StyledContainer = /*#__PURE__*/styled(RPGUIContainer).withConfig({
35324
+ displayName: "ItemQuantitySelector__StyledContainer",
35325
+ componentId: "sc-yfdtpn-0"
35326
+ })(["display:flex;flex-direction:column;align-items:center;"]);
35327
+ var StyledForm = /*#__PURE__*/styled.form.withConfig({
35328
+ displayName: "ItemQuantitySelector__StyledForm",
35329
+ componentId: "sc-yfdtpn-1"
35330
+ })(["display:flex;flex-direction:column;align-items:center;width:100%;"]);
35331
+ var StyledInput = /*#__PURE__*/styled(Input).withConfig({
35332
+ displayName: "ItemQuantitySelector__StyledInput",
35333
+ componentId: "sc-yfdtpn-2"
35334
+ })(["text-align:center;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;}"]);
35335
+ var CloseButton$2 = /*#__PURE__*/styled.div.withConfig({
35336
+ displayName: "ItemQuantitySelector__CloseButton",
35337
+ componentId: "sc-yfdtpn-3"
35338
+ })(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:0.8rem;"]);
35339
+
35340
+ var ShortcutsSetter = function ShortcutsSetter(_ref) {
35341
+ var setSettingShortcutIndex = _ref.setSettingShortcutIndex,
35342
+ settingShortcutIndex = _ref.settingShortcutIndex,
35343
+ shortcuts = _ref.shortcuts,
35344
+ removeShortcut = _ref.removeShortcut,
35345
+ atlasJSON = _ref.atlasJSON,
35346
+ atlasIMG = _ref.atlasIMG;
35347
+ var getContent = function getContent(index) {
35348
+ var _shortcuts$index, _shortcuts$index3;
35349
+ if (((_shortcuts$index = shortcuts[index]) == null ? void 0 : _shortcuts$index.type) === shared.ShortcutType.Item) {
35350
+ var _shortcuts$index2;
35351
+ var _payload = (_shortcuts$index2 = shortcuts[index]) == null ? void 0 : _shortcuts$index2.payload;
35352
+ if (!_payload) return null;
35353
+ return React__default.createElement(SpriteFromAtlas, {
35354
+ atlasIMG: atlasIMG,
35355
+ atlasJSON: atlasJSON,
35356
+ spriteKey: shared.getItemTextureKeyPath({
35357
+ key: _payload.texturePath,
35358
+ texturePath: _payload.texturePath,
35359
+ stackQty: _payload.stackQty || 1
35360
+ }, atlasJSON),
35361
+ width: 32,
35362
+ height: 32,
35363
+ imgScale: 1.6,
35364
+ imgStyle: {
35365
+ left: '5px'
35366
+ }
35367
+ });
35368
+ }
35369
+ var payload = (_shortcuts$index3 = shortcuts[index]) == null ? void 0 : _shortcuts$index3.payload;
35370
+ return React__default.createElement("span", null, payload == null ? void 0 : payload.magicWords.split(' ').map(function (word) {
35371
+ return word[0];
35372
+ }));
35373
+ };
35374
+ return React__default.createElement(Container$i, null, React__default.createElement("p", null, "Shortcuts:"), React__default.createElement(List, {
35375
+ id: "shortcuts_list"
35376
+ }, Array.from({
35377
+ length: 6
35378
+ }).map(function (_, i) {
35379
+ return React__default.createElement(Shortcut, {
35380
+ key: i,
35381
+ onPointerDown: function onPointerDown() {
35382
+ removeShortcut(i);
35383
+ if (!shortcuts[i] || shortcuts[i].type === shared.ShortcutType.None) setSettingShortcutIndex(i);
35384
+ },
35385
+ disabled: settingShortcutIndex !== -1 && settingShortcutIndex !== i,
35386
+ isBeingSet: settingShortcutIndex === i
35387
+ }, getContent(i));
35388
+ })));
35389
+ };
35390
+ var Container$i = /*#__PURE__*/styled.div.withConfig({
35391
+ displayName: "ShortcutsSetter__Container",
35392
+ componentId: "sc-xuouuf-0"
35393
+ })(["p{margin:0;margin-left:0.5rem;}"]);
35394
+ var Shortcut = /*#__PURE__*/styled.button.withConfig({
35395
+ displayName: "ShortcutsSetter__Shortcut",
35396
+ componentId: "sc-xuouuf-1"
35397
+ })(["width:2.6rem;height:2.6rem;background-color:", ";border:2px solid ", ";border-radius:50%;text-transform:uppercase;font-size:0.7rem;font-weight:bold;display:flex;align-items:center;justify-content:center;span{margin-top:4px;}&:hover,&:focus{background-color:", ";}&:active{background-color:", ";}&:disabled{opacity:0.5;}"], uiColors.lightGray, function (_ref2) {
35398
+ var isBeingSet = _ref2.isBeingSet;
35399
+ return isBeingSet ? uiColors.yellow : uiColors.darkGray;
35400
+ }, uiColors.darkGray, uiColors.gray);
35401
+ var List = /*#__PURE__*/styled.div.withConfig({
35402
+ displayName: "ShortcutsSetter__List",
35403
+ componentId: "sc-xuouuf-2"
35404
+ })(["width:100%;display:flex;align-items:center;gap:0.5rem;padding-bottom:0.5rem;padding-left:0.5rem;box-sizing:border-box;margin:0 !important;"]);
35405
+
35406
+ var ItemContainer$1 = function ItemContainer(_ref) {
35407
+ var itemContainer = _ref.itemContainer,
35408
+ onClose = _ref.onClose,
35409
+ _onMouseOver = _ref.onMouseOver,
35410
+ _onSelected = _ref.onSelected,
35411
+ onItemClick = _ref.onItemClick,
35412
+ type = _ref.type,
35413
+ atlasJSON = _ref.atlasJSON,
35414
+ atlasIMG = _ref.atlasIMG,
35415
+ _ref$disableContextMe = _ref.disableContextMenu,
35416
+ disableContextMenu = _ref$disableContextMe === void 0 ? false : _ref$disableContextMe,
35417
+ onItemDragEnd = _ref.onItemDragEnd,
35418
+ onItemDragStart = _ref.onItemDragStart,
35419
+ onItemPlaceDrop = _ref.onItemPlaceDrop,
35420
+ _onOutsideDrop = _ref.onOutsideDrop,
35421
+ checkIfItemCanBeMoved = _ref.checkIfItemCanBeMoved,
35422
+ initialPosition = _ref.initialPosition,
35423
+ checkIfItemShouldDragEnd = _ref.checkIfItemShouldDragEnd,
35424
+ scale = _ref.scale,
35425
+ shortcuts = _ref.shortcuts,
35426
+ setItemShortcut = _ref.setItemShortcut,
35427
+ removeShortcut = _ref.removeShortcut,
35428
+ equipmentSet = _ref.equipmentSet,
35429
+ isDepotSystem = _ref.isDepotSystem,
35430
+ onPositionChangeEnd = _ref.onPositionChangeEnd,
35431
+ onPositionChangeStart = _ref.onPositionChangeStart;
35432
+ var _useState = React.useState({
35433
+ isOpen: false,
35434
+ maxQuantity: 1,
35435
+ callback: function callback(_quantity) {}
35436
+ }),
35437
+ quantitySelect = _useState[0],
35438
+ setQuantitySelect = _useState[1];
35439
+ var _useState2 = React.useState(-1),
35440
+ settingShortcutIndex = _useState2[0],
35441
+ setSettingShortcutIndex = _useState2[1];
35442
+ var onRenderSlots = function onRenderSlots() {
35443
+ var slots = [];
35444
+ for (var i = 0; i < itemContainer.slotQty; i++) {
35445
+ var _itemContainer$slots;
35446
+ slots.push(React__default.createElement(ItemSlot, {
35447
+ isContextMenuDisabled: disableContextMenu,
35448
+ key: i,
35449
+ slotIndex: i,
35450
+ item: ((_itemContainer$slots = itemContainer.slots) == null ? void 0 : _itemContainer$slots[i]) || null,
35451
+ itemContainerType: type,
35452
+ onMouseOver: function onMouseOver(event, slotIndex, item) {
35453
+ if (_onMouseOver) _onMouseOver(event, slotIndex, item);
35454
+ },
35455
+ onPointerDown: function onPointerDown(itemType, containerType, item) {
35456
+ if (settingShortcutIndex !== -1) {
35457
+ setSettingShortcutIndex(-1);
35458
+ if (itemType === shared.ItemType.Consumable || itemType === shared.ItemType.Tool) {
35459
+ setItemShortcut == null ? void 0 : setItemShortcut(item.key, settingShortcutIndex);
35460
+ }
35461
+ } else if (onItemClick) onItemClick(item, itemType, containerType);
35462
+ },
35463
+ onSelected: function onSelected(optionId, item) {
35464
+ if (_onSelected) _onSelected(optionId, item);
35465
+ },
35466
+ onDragStart: function onDragStart(item, slotIndex, itemContainerType) {
35467
+ if (onItemDragStart) onItemDragStart(item, slotIndex, itemContainerType);
35468
+ },
35469
+ onDragEnd: function onDragEnd(quantity) {
35470
+ if (onItemDragEnd) onItemDragEnd(quantity);
35471
+ },
35472
+ dragScale: scale,
35473
+ checkIfItemCanBeMoved: checkIfItemCanBeMoved,
35474
+ checkIfItemShouldDragEnd: checkIfItemShouldDragEnd,
35475
+ openQuantitySelector: function openQuantitySelector(maxQuantity, callback) {
35476
+ setQuantitySelect({
35477
+ isOpen: true,
35478
+ maxQuantity: maxQuantity,
35479
+ callback: callback
35480
+ });
35481
+ },
35482
+ onPlaceDrop: function onPlaceDrop(item, slotIndex, itemContainerType) {
35483
+ if (onItemPlaceDrop) onItemPlaceDrop(item, slotIndex, itemContainerType);
35484
+ },
35485
+ onOutsideDrop: function onOutsideDrop(item, position) {
35486
+ if (_onOutsideDrop) _onOutsideDrop(item, position);
35487
+ },
35488
+ atlasIMG: atlasIMG,
35489
+ atlasJSON: atlasJSON,
35490
+ isSelectingShortcut: settingShortcutIndex !== -1,
35491
+ equipmentSet: equipmentSet,
35492
+ isDepotSystem: isDepotSystem
35493
+ }));
35302
35494
  }
35303
- var firstAnswerId = currentQuestion.answerIds[0];
35304
- return answers.find(function (answer) {
35305
- return answer.id === firstAnswerId;
35306
- });
35495
+ return slots;
35307
35496
  };
35308
- var _useState3 = React.useState(onGetFirstAnswer()),
35309
- currentAnswer = _useState3[0],
35310
- setCurrentAnswer = _useState3[1];
35311
- React.useEffect(function () {
35312
- setCurrentAnswer(onGetFirstAnswer());
35313
- }, [currentQuestion]);
35314
- var onGetAnswers = function onGetAnswers(answerIds) {
35315
- return answerIds.map(function (answerId) {
35316
- return answers.find(function (answer) {
35317
- return answer.id === answerId;
35497
+ return React__default.createElement(React__default.Fragment, null, React__default.createElement(SlotsContainer, {
35498
+ title: itemContainer.name || 'Container',
35499
+ onClose: onClose,
35500
+ initialPosition: initialPosition,
35501
+ scale: scale,
35502
+ onPositionChangeEnd: onPositionChangeEnd,
35503
+ onPositionChangeStart: onPositionChangeStart
35504
+ }, type === shared.ItemContainerType.Inventory && shortcuts && removeShortcut && React__default.createElement(ShortcutsSetter, {
35505
+ setSettingShortcutIndex: setSettingShortcutIndex,
35506
+ settingShortcutIndex: settingShortcutIndex,
35507
+ shortcuts: shortcuts,
35508
+ removeShortcut: removeShortcut,
35509
+ atlasIMG: atlasIMG,
35510
+ atlasJSON: atlasJSON
35511
+ }), React__default.createElement(ItemsContainer, {
35512
+ className: "item-container-body"
35513
+ }, onRenderSlots())), quantitySelect.isOpen && React__default.createElement(ModalPortal, null, React__default.createElement(QuantitySelectorContainer, null, React__default.createElement(ItemQuantitySelector, {
35514
+ quantity: quantitySelect.maxQuantity,
35515
+ onConfirm: function onConfirm(quantity) {
35516
+ quantitySelect.callback(quantity);
35517
+ setQuantitySelect({
35518
+ isOpen: false,
35519
+ maxQuantity: 1,
35520
+ callback: function callback() {}
35521
+ });
35522
+ },
35523
+ onClose: function onClose() {
35524
+ quantitySelect.callback(-1);
35525
+ setQuantitySelect({
35526
+ isOpen: false,
35527
+ maxQuantity: 1,
35528
+ callback: function callback() {}
35318
35529
  });
35319
- });
35320
- };
35321
- var onKeyPress = function onKeyPress(e) {
35322
- switch (e.key) {
35323
- case 'ArrowDown':
35324
- // select next answer, if any.
35325
- // if no next answer, select first answer
35326
- // const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(
35327
- // (answer) => answer?.id === currentAnswer!.id + 1
35328
- // );
35329
- var nextAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
35330
- return (answer == null ? void 0 : answer.id) === currentAnswer.id + 1;
35331
- });
35332
- var nextAnswerID = currentQuestion.answerIds[nextAnswerIndex];
35333
- var nextAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
35334
- return (answer == null ? void 0 : answer.id) === nextAnswerID;
35335
- });
35336
- setCurrentAnswer(nextAnswer || onGetFirstAnswer());
35337
- break;
35338
- case 'ArrowUp':
35339
- // select previous answer, if any.
35340
- // if no previous answer, select last answer
35341
- var previousAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
35342
- return (answer == null ? void 0 : answer.id) === currentAnswer.id - 1;
35343
- });
35344
- var previousAnswerID = currentQuestion.answerIds && currentQuestion.answerIds[previousAnswerIndex];
35345
- var previousAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
35346
- return (answer == null ? void 0 : answer.id) === previousAnswerID;
35347
- });
35348
- if (previousAnswer) {
35349
- setCurrentAnswer(previousAnswer);
35350
- } else {
35351
- setCurrentAnswer(onGetAnswers(currentQuestion.answerIds).pop());
35352
- }
35353
- break;
35354
- case 'Enter':
35355
- setCanShowAnswers(false);
35356
- if (!(currentAnswer != null && currentAnswer.nextQuestionId)) {
35357
- onClose();
35358
- return;
35359
- } else {
35360
- setCurrentQuestion(questions.find(function (question) {
35361
- return question.id === currentAnswer.nextQuestionId;
35362
- }));
35363
- }
35364
- break;
35365
35530
  }
35531
+ }))));
35532
+ };
35533
+ var ItemsContainer = /*#__PURE__*/styled.div.withConfig({
35534
+ displayName: "ItemContainer__ItemsContainer",
35535
+ componentId: "sc-15y5p9l-0"
35536
+ })(["display:flex;justify-content:center;flex-wrap:wrap;"]);
35537
+ var QuantitySelectorContainer = /*#__PURE__*/styled.div.withConfig({
35538
+ displayName: "ItemContainer__QuantitySelectorContainer",
35539
+ componentId: "sc-15y5p9l-1"
35540
+ })(["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);"]);
35541
+
35542
+ var ItemSelector = function ItemSelector(_ref) {
35543
+ var atlasIMG = _ref.atlasIMG,
35544
+ atlasJSON = _ref.atlasJSON,
35545
+ options = _ref.options,
35546
+ onClose = _ref.onClose,
35547
+ onSelect = _ref.onSelect;
35548
+ var _useState = React.useState(),
35549
+ selectedValue = _useState[0],
35550
+ setSelectedValue = _useState[1];
35551
+ var handleClick = function handleClick() {
35552
+ var element = document.querySelector("input[name='test']:checked");
35553
+ var elementValue = element.value;
35554
+ setSelectedValue(elementValue);
35366
35555
  };
35367
- useEventListener('keydown', onKeyPress);
35368
- var onAnswerClick = function onAnswerClick(answer) {
35369
- setCanShowAnswers(false);
35370
- if (answer.nextQuestionId) {
35371
- // if there is a next question, go to it
35372
- setCurrentQuestion(questions.find(function (question) {
35373
- return question.id === answer.nextQuestionId;
35374
- }));
35375
- } else {
35376
- // else, finish dialog!
35377
- onClose();
35556
+ React.useEffect(function () {
35557
+ if (selectedValue) {
35558
+ onSelect(selectedValue);
35378
35559
  }
35379
- };
35380
- var onRenderCurrentAnswers = function onRenderCurrentAnswers() {
35381
- var answerIds = currentQuestion.answerIds;
35382
- if (!answerIds) {
35383
- return null;
35560
+ }, [selectedValue]);
35561
+ return React__default.createElement(DraggableContainer, {
35562
+ type: exports.RPGUIContainerTypes.Framed,
35563
+ width: "500px",
35564
+ cancelDrag: ".equipment-container-body .arrow-selector",
35565
+ onCloseButton: function onCloseButton() {
35566
+ if (onClose) {
35567
+ onClose();
35568
+ }
35384
35569
  }
35385
- var answers = onGetAnswers(answerIds);
35386
- if (!answers) {
35387
- return null;
35570
+ }, React__default.createElement("div", {
35571
+ style: {
35572
+ width: '100%'
35388
35573
  }
35389
- return answers.map(function (answer) {
35390
- var isSelected = (currentAnswer == null ? void 0 : currentAnswer.id) === (answer == null ? void 0 : answer.id);
35391
- var selectedColor = isSelected ? 'yellow' : 'white';
35392
- if (answer) {
35393
- return React__default.createElement(AnswerRow, {
35394
- key: "answer_" + answer.id
35395
- }, React__default.createElement(AnswerSelectedIcon, {
35396
- color: selectedColor
35397
- }, isSelected ? 'X' : null), React__default.createElement(Answer, {
35398
- key: answer.id,
35399
- onPointerDown: function onPointerDown() {
35400
- return onAnswerClick(answer);
35401
- },
35402
- color: selectedColor
35403
- }, answer.text));
35574
+ }, React__default.createElement(Title$3, null, 'Harvesting instruments'), React__default.createElement(Subtitle$1, null, 'Use the tool, you need it'), React__default.createElement("hr", {
35575
+ className: "golden"
35576
+ })), React__default.createElement(RadioInputScroller$1, null, options == null ? void 0 : options.map(function (option, index) {
35577
+ return React__default.createElement(RadioOptionsWrapper$1, {
35578
+ key: index
35579
+ }, React__default.createElement(SpriteAtlasWrapper$1, null, React__default.createElement(SpriteFromAtlas, {
35580
+ atlasIMG: atlasIMG,
35581
+ atlasJSON: atlasJSON,
35582
+ spriteKey: option.imageKey,
35583
+ imgScale: 3
35584
+ })), React__default.createElement("div", null, React__default.createElement("input", {
35585
+ className: "rpgui-radio",
35586
+ type: "radio",
35587
+ value: option.name,
35588
+ name: "test"
35589
+ }), React__default.createElement("label", {
35590
+ onPointerDown: handleClick,
35591
+ style: {
35592
+ display: 'flex',
35593
+ alignItems: 'center'
35404
35594
  }
35405
- return null;
35406
- });
35407
- };
35408
- return React__default.createElement(Container$h, null, React__default.createElement(QuestionContainer, null, React__default.createElement(DynamicText, {
35409
- text: currentQuestion.text,
35410
- onStart: function onStart() {
35411
- return setCanShowAnswers(false);
35412
- },
35413
- onFinish: function onFinish() {
35414
- return setCanShowAnswers(true);
35595
+ }, option.name, " ", React__default.createElement("br", null), option.description)));
35596
+ })), React__default.createElement(ButtonWrapper$1, null, React__default.createElement(Button, {
35597
+ buttonType: exports.ButtonTypes.RPGUIButton,
35598
+ onPointerDown: onClose
35599
+ }, "Cancel"), React__default.createElement(Button, {
35600
+ buttonType: exports.ButtonTypes.RPGUIButton
35601
+ }, "Select")));
35602
+ };
35603
+ var Title$3 = /*#__PURE__*/styled.h1.withConfig({
35604
+ displayName: "ItemSelector__Title",
35605
+ componentId: "sc-gptoxp-0"
35606
+ })(["font-size:0.6rem;color:yellow !important;"]);
35607
+ var Subtitle$1 = /*#__PURE__*/styled.h1.withConfig({
35608
+ displayName: "ItemSelector__Subtitle",
35609
+ componentId: "sc-gptoxp-1"
35610
+ })(["font-size:0.4rem;color:yellow !important;"]);
35611
+ var RadioInputScroller$1 = /*#__PURE__*/styled.div.withConfig({
35612
+ displayName: "ItemSelector__RadioInputScroller",
35613
+ componentId: "sc-gptoxp-2"
35614
+ })(["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;"]);
35615
+ var SpriteAtlasWrapper$1 = /*#__PURE__*/styled.div.withConfig({
35616
+ displayName: "ItemSelector__SpriteAtlasWrapper",
35617
+ componentId: "sc-gptoxp-3"
35618
+ })(["margin-right:40px;"]);
35619
+ var RadioOptionsWrapper$1 = /*#__PURE__*/styled.div.withConfig({
35620
+ displayName: "ItemSelector__RadioOptionsWrapper",
35621
+ componentId: "sc-gptoxp-4"
35622
+ })(["display:flex;align-items:stretch;margin-bottom:40px;"]);
35623
+ var ButtonWrapper$1 = /*#__PURE__*/styled.div.withConfig({
35624
+ displayName: "ItemSelector__ButtonWrapper",
35625
+ componentId: "sc-gptoxp-5"
35626
+ })(["display:flex;justify-content:space-around;padding-top:20px;width:100%;"]);
35627
+
35628
+ var ListMenu = function ListMenu(_ref) {
35629
+ var options = _ref.options,
35630
+ onSelected = _ref.onSelected,
35631
+ x = _ref.x,
35632
+ y = _ref.y;
35633
+ return React__default.createElement(Container$j, {
35634
+ x: x,
35635
+ y: y
35636
+ }, React__default.createElement("ul", {
35637
+ className: "rpgui-list-imp",
35638
+ style: {
35639
+ overflow: 'hidden'
35415
35640
  }
35416
- })), canShowAnswers && React__default.createElement(AnswersContainer, null, onRenderCurrentAnswers()));
35641
+ }, options.map(function (params, index) {
35642
+ return React__default.createElement(ListElement$1, {
35643
+ key: (params == null ? void 0 : params.id) || index,
35644
+ onPointerDown: function onPointerDown() {
35645
+ onSelected(params == null ? void 0 : params.id);
35646
+ }
35647
+ }, (params == null ? void 0 : params.text) || 'No text');
35648
+ })));
35417
35649
  };
35418
- var Container$h = /*#__PURE__*/styled.div.withConfig({
35419
- displayName: "QuestionDialog__Container",
35420
- componentId: "sc-bxc5u0-0"
35421
- })(["display:flex;word-break:break-all;box-sizing:border-box;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;"]);
35422
- var QuestionContainer = /*#__PURE__*/styled.div.withConfig({
35423
- displayName: "QuestionDialog__QuestionContainer",
35424
- componentId: "sc-bxc5u0-1"
35425
- })(["flex:100%;width:100%;"]);
35426
- var AnswersContainer = /*#__PURE__*/styled.div.withConfig({
35427
- displayName: "QuestionDialog__AnswersContainer",
35428
- componentId: "sc-bxc5u0-2"
35429
- })(["flex:100%;"]);
35430
- var Answer = /*#__PURE__*/styled.p.withConfig({
35431
- displayName: "QuestionDialog__Answer",
35432
- componentId: "sc-bxc5u0-3"
35433
- })(["flex:auto;color:", " !important;font-size:0.65rem !important;background:inherit;border:none;"], function (props) {
35434
- return props.color;
35435
- });
35436
- var AnswerSelectedIcon = /*#__PURE__*/styled.span.withConfig({
35437
- displayName: "QuestionDialog__AnswerSelectedIcon",
35438
- componentId: "sc-bxc5u0-4"
35439
- })(["flex:5% 0 0;color:", " !important;"], function (props) {
35440
- return props.color;
35441
- });
35442
- var AnswerRow = /*#__PURE__*/styled.div.withConfig({
35443
- displayName: "QuestionDialog__AnswerRow",
35444
- componentId: "sc-bxc5u0-5"
35445
- })(["display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:0.5rem;height:22px;p{line-height:unset;margin-top:0;margin-bottom:0rem;}"]);
35650
+ var Container$j = /*#__PURE__*/styled.div.withConfig({
35651
+ displayName: "ListMenu__Container",
35652
+ componentId: "sc-i9097t-0"
35653
+ })(["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) {
35654
+ return props.y || 0;
35655
+ }, function (props) {
35656
+ return props.x || 0;
35657
+ }, uiFonts.size.xsmall);
35658
+ var ListElement$1 = /*#__PURE__*/styled.li.withConfig({
35659
+ displayName: "ListMenu__ListElement",
35660
+ componentId: "sc-i9097t-1"
35661
+ })(["margin-right:0.5rem;"]);
35446
35662
 
35447
35663
  var ProgressBar = function ProgressBar(_ref) {
35448
35664
  var max = _ref.max,
@@ -35461,7 +35677,7 @@ var ProgressBar = function ProgressBar(_ref) {
35461
35677
  }
35462
35678
  return value * 100 / max;
35463
35679
  };
35464
- return React__default.createElement(Container$i, {
35680
+ return React__default.createElement(Container$k, {
35465
35681
  className: "rpgui-progress",
35466
35682
  "data-value": calculatePercentageValue(max, value) / 100,
35467
35683
  "data-rpguitype": "progress",
@@ -35490,7 +35706,7 @@ var TextOverlay$1 = /*#__PURE__*/styled.div.withConfig({
35490
35706
  displayName: "ProgressBar__TextOverlay",
35491
35707
  componentId: "sc-qa6fzh-1"
35492
35708
  })(["width:100%;position:relative;"]);
35493
- var Container$i = /*#__PURE__*/styled.div.withConfig({
35709
+ var Container$k = /*#__PURE__*/styled.div.withConfig({
35494
35710
  displayName: "ProgressBar__Container",
35495
35711
  componentId: "sc-qa6fzh-2"
35496
35712
  })(["display:flex;flex-direction:column;min-width:", "px;width:", "%;justify-content:start;align-items:flex-start;", ""], function (props) {
@@ -35501,7 +35717,7 @@ var Container$i = /*#__PURE__*/styled.div.withConfig({
35501
35717
  return props.style;
35502
35718
  });
35503
35719
 
35504
- var img$8 = 'data:image/png;base64,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';
35720
+ var img$9 = 'data:image/png;base64,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';
35505
35721
 
35506
35722
  var QuestInfo = function QuestInfo(_ref) {
35507
35723
  var quests = _ref.quests,
@@ -35545,7 +35761,7 @@ var QuestInfo = function QuestInfo(_ref) {
35545
35761
  }), React__default.createElement(QuestContainer, null, React__default.createElement(TitleContainer$1, {
35546
35762
  className: "drag-handler"
35547
35763
  }, React__default.createElement(Title$4, null, React__default.createElement(Thumbnail, {
35548
- src: quests[currentIndex].thumbnail || img$8
35764
+ src: quests[currentIndex].thumbnail || img$9
35549
35765
  }), quests[currentIndex].title), React__default.createElement(QuestSplitDiv, null, React__default.createElement("hr", {
35550
35766
  className: "golden"
35551
35767
  }))), React__default.createElement(Content, null, React__default.createElement("p", null, quests[currentIndex].description)), React__default.createElement(QuestColumn, {
@@ -35564,7 +35780,7 @@ var QuestInfo = function QuestInfo(_ref) {
35564
35780
  })))) : React__default.createElement(QuestsContainer, null, React__default.createElement(QuestContainer, null, React__default.createElement(TitleContainer$1, {
35565
35781
  className: "drag-handler"
35566
35782
  }, React__default.createElement(Title$4, null, React__default.createElement(Thumbnail, {
35567
- src: quests[0].thumbnail || img$8
35783
+ src: quests[0].thumbnail || img$9
35568
35784
  }), quests[0].title), React__default.createElement(QuestSplitDiv, null, React__default.createElement("hr", {
35569
35785
  className: "golden"
35570
35786
  }))), React__default.createElement(Content, null, React__default.createElement("p", null, quests[0].description)), React__default.createElement(QuestColumn, {
@@ -35815,7 +36031,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
35815
36031
  bgColor = _ref$bgColor === void 0 ? 'red' : _ref$bgColor,
35816
36032
  _ref$margin = _ref.margin,
35817
36033
  margin = _ref$margin === void 0 ? 20 : _ref$margin;
35818
- return React__default.createElement(Container$j, {
36034
+ return React__default.createElement(Container$l, {
35819
36035
  className: "simple-progress-bar"
35820
36036
  }, React__default.createElement(ProgressBarContainer, {
35821
36037
  margin: margin
@@ -35824,7 +36040,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
35824
36040
  bgColor: bgColor
35825
36041
  }))));
35826
36042
  };
35827
- var Container$j = /*#__PURE__*/styled.div.withConfig({
36043
+ var Container$l = /*#__PURE__*/styled.div.withConfig({
35828
36044
  displayName: "SimpleProgressBar__Container",
35829
36045
  componentId: "sc-mbeil3-0"
35830
36046
  })(["display:flex;justify-content:center;align-items:center;width:100%;"]);
@@ -36055,7 +36271,7 @@ var Spell = function Spell(_ref) {
36055
36271
  isSettingShortcut = _ref.isSettingShortcut,
36056
36272
  minMagicLevelRequired = _ref.minMagicLevelRequired;
36057
36273
  var disabled = isSettingShortcut ? charMagicLevel < minMagicLevelRequired : manaCost > charMana || charMagicLevel < minMagicLevelRequired;
36058
- return React__default.createElement(Container$k, {
36274
+ return React__default.createElement(Container$m, {
36059
36275
  disabled: disabled,
36060
36276
  onPointerDown: onPointerDown == null ? void 0 : onPointerDown.bind(null, spellKey),
36061
36277
  isSettingShortcut: isSettingShortcut && !disabled,
@@ -36068,7 +36284,7 @@ var Spell = function Spell(_ref) {
36068
36284
  className: "mana"
36069
36285
  }, manaCost)));
36070
36286
  };
36071
- var Container$k = /*#__PURE__*/styled.button.withConfig({
36287
+ var Container$m = /*#__PURE__*/styled.button.withConfig({
36072
36288
  displayName: "Spell__Container",
36073
36289
  componentId: "sc-j96fa2-0"
36074
36290
  })(["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) {
@@ -36155,7 +36371,7 @@ var Spellbook = function Spellbook(_ref) {
36155
36371
  height: "inherit",
36156
36372
  cancelDrag: "#spellbook-search, #shortcuts_list, .spell",
36157
36373
  scale: scale
36158
- }, React__default.createElement(Container$l, null, React__default.createElement(Title$7, null, "Learned Spells"), React__default.createElement(ShortcutsSetter, {
36374
+ }, React__default.createElement(Container$n, null, React__default.createElement(Title$7, null, "Learned Spells"), React__default.createElement(ShortcutsSetter, {
36159
36375
  setSettingShortcutIndex: setSettingShortcutIndex,
36160
36376
  settingShortcutIndex: settingShortcutIndex,
36161
36377
  shortcuts: shortcuts,
@@ -36187,7 +36403,7 @@ var Title$7 = /*#__PURE__*/styled.h1.withConfig({
36187
36403
  displayName: "Spellbook__Title",
36188
36404
  componentId: "sc-r02nfq-0"
36189
36405
  })(["font-size:", " !important;margin-bottom:0 !important;"], uiFonts.size.large);
36190
- var Container$l = /*#__PURE__*/styled.div.withConfig({
36406
+ var Container$n = /*#__PURE__*/styled.div.withConfig({
36191
36407
  displayName: "Spellbook__Container",
36192
36408
  componentId: "sc-r02nfq-1"
36193
36409
  })(["width:100%;height:100%;color:white;display:flex;flex-direction:column;"]);
@@ -36201,16 +36417,16 @@ var TextArea = function TextArea(_ref) {
36201
36417
  return React__default.createElement("textarea", Object.assign({}, props));
36202
36418
  };
36203
36419
 
36204
- var img$9 = 'data:image/gif;base64,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';
36420
+ var img$a = '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';
36205
36421
 
36206
- var img$a = 'data:image/gif;base64,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';
36422
+ var img$b = 'data:image/gif;base64,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';
36207
36423
 
36208
- var img$b = 'data:image/gif;base64,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';
36424
+ var img$c = 'data:image/gif;base64,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';
36209
36425
 
36210
36426
  var DayNightPeriod = function DayNightPeriod(_ref) {
36211
36427
  var _periodOfDaySrcFiles;
36212
36428
  var periodOfDay = _ref.periodOfDay;
36213
- var periodOfDaySrcFiles = (_periodOfDaySrcFiles = {}, _periodOfDaySrcFiles[shared.PeriodOfDay.Morning] = img$a, _periodOfDaySrcFiles[shared.PeriodOfDay.Afternoon] = img$9, _periodOfDaySrcFiles[shared.PeriodOfDay.Night] = img$b, _periodOfDaySrcFiles);
36429
+ var periodOfDaySrcFiles = (_periodOfDaySrcFiles = {}, _periodOfDaySrcFiles[shared.PeriodOfDay.Morning] = img$b, _periodOfDaySrcFiles[shared.PeriodOfDay.Afternoon] = img$a, _periodOfDaySrcFiles[shared.PeriodOfDay.Night] = img$c, _periodOfDaySrcFiles);
36214
36430
  return React__default.createElement(GifContainer, null, React__default.createElement("img", {
36215
36431
  src: periodOfDaySrcFiles[periodOfDay]
36216
36432
  }));
@@ -36220,7 +36436,7 @@ var GifContainer = /*#__PURE__*/styled.div.withConfig({
36220
36436
  componentId: "sc-10t97fw-0"
36221
36437
  })(["width:100%;img{width:67%;}"]);
36222
36438
 
36223
- var img$c = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAABHCAYAAAA0qHhdAAAAAXNSR0IArs4c6QAABGRJREFUeJztnb9PGzEUx7+JMjC0Uge6tVsVdTghQP0D2qgjzGz8D8woE2LO/5CNOcwlU9WJRCgDYmWJRAYkFgak6wDv5HPsO9/P8J79WUhicr7nzz3bOV8uHbRPXOXN2x++1LUfYnh4uu8AQK+FulLy7hbHxn96vrh22tjW0b7xPVtH+87bkMbnj1/jh6f7TqfBOmKgurwy6MJ10VRuKqNylwMl7wBy3U5WuetBOhg9om6ZSRaqEtvImJ2zRfL4/GA3eXy494LJzNwBmcpc//9w7wUAMJn1ktdt5bbnaj228qw6VeqWGbctUEXNxn40Fj+2/jn5lHpel8xUd+oqcedsUajum2HkNHEiqf1oDAD4/e1HkWrYMF8uE6GTWQ+j6aryBCh2lVhUXt77bXJpP2i/+tE41e1y5uo2W1cVmfHd4rhxiXnbdZEqReiv76/jpE1q2YbOFNmUwDxsYreO9lkLvbrtJSLp+Xy5xN9/g8TBYPSIboltv0uRWXU/X1zjbnGM08t527tUC7aM1B0UbXiryE1KNGHKUu4ZqjKarpLMpAlQkcxkIxIw7xP3DLVBnzldZbISSUgXqvtwkclSJCFNqDpu0mdqOkOUJ5O1SEKSUHVWWyQzRYgkJAml7KTMzBszRYkkJAhVu1ny49rNpuAskuAaw9VtL/d0nikwY1ZybQQb+udQ+gzKZbXFtGqiq3Y63yoR6m770Rg3wyi1gK1iel1dQNbLqazsX9M2dKib1bPNi6wkbNl5M4w2tUulGIwe8fB031nrhH0RCbzGpgrVJxSEaYXfdoWCrdxE1lUNtnJ9+6PpKrmgSxUVm45IyTIB8zncnbPF2th58nMbo+kq9zUX8t5XpC4SCQSZVpkovzy4MWiHvRRJSBFaZj0z8E6xyvQlKwE5sYbMFEQXlvHSd97apNL3YtomZKYgjDKljCFFkBBzyExBBJmCCDIFEWQKIsgURJApiCBTEEGmILqA26q4b3Bsk5CZgjDKdL1/gCQkxJzI5NitNAXXtugC6HC5NL9N3tqE1cn3MGYKIiVT7V4kjCGuqLFy7WIBw61jOAdTFikxp66bPT/YXbsnm4RF2yz0Hmgy67EcLwHDmCnlKC0D99hVmcmslntQZaCYuWYlYPgWmOkeOaeXc5bB5XF+sLs2yeMs05iC+rh5uBfF0sbO17EyHSf3HkkfMzunl3P2QZWB88SHsO246JmtpBmsSuYZoMmsJ+5Egn6CQFIvlHUkrk2GKFO5ZiiJ1AVKyEogPwDj7BbgN8M1zVwBOSIBtyDYC/VBJOAeCFuhvogEigXDTqhPIoESd4LmItQ3kUC5oKxCgc1LtUkEZIsEKvx6wnsU6rNIoFpwmUKJpsVmCVT2ARAuEqgeoJNQoH6pLhLf6gU8EAnUE2QMoPDPSxSV6ypP2T499EIkUG+gzlnaND5lo0pjv5/Ztljt2l/vRALNBl2q+y2Kj92pjTYaIDXWVZVruPree4nEJhqi6ppokGfhP6xr60VVr5O+AAAAAElFTkSuQmCC';
36439
+ 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';
36224
36440
 
36225
36441
  var TimeWidget = function TimeWidget(_ref) {
36226
36442
  var onClose = _ref.onClose,
@@ -36238,7 +36454,7 @@ var TimeWidget = function TimeWidget(_ref) {
36238
36454
  var WidgetContainer = /*#__PURE__*/styled.div.withConfig({
36239
36455
  displayName: "TimeWidget__WidgetContainer",
36240
36456
  componentId: "sc-1ja236h-0"
36241
- })(["background-image:url(", ");background-size:10rem;background-repeat:no-repeat;width:10rem;position:absolute;height:100px;"], img$c);
36457
+ })(["background-image:url(", ");background-size:10rem;background-repeat:no-repeat;width:10rem;position:absolute;height:100px;"], img$d);
36242
36458
  var Time = /*#__PURE__*/styled.div.withConfig({
36243
36459
  displayName: "TimeWidget__Time",
36244
36460
  componentId: "sc-1ja236h-1"
@@ -36487,230 +36703,17 @@ var Truncate = function Truncate(_ref) {
36487
36703
  var _ref$maxLines = _ref.maxLines,
36488
36704
  maxLines = _ref$maxLines === void 0 ? 1 : _ref$maxLines,
36489
36705
  children = _ref.children;
36490
- return React__default.createElement(Container$m, {
36706
+ return React__default.createElement(Container$o, {
36491
36707
  maxLines: maxLines
36492
36708
  }, children);
36493
36709
  };
36494
- var Container$m = /*#__PURE__*/styled.div.withConfig({
36710
+ var Container$o = /*#__PURE__*/styled.div.withConfig({
36495
36711
  displayName: "Truncate__Container",
36496
36712
  componentId: "sc-6x00qb-0"
36497
36713
  })(["display:-webkit-box;max-width:100%;max-height:100%;-webkit-line-clamp:", ";-webkit-box-orient:vertical;overflow:hidden;"], function (props) {
36498
36714
  return props.maxLines;
36499
36715
  });
36500
36716
 
36501
- var IS_MOBILE_OR_TABLET = /*#__PURE__*/shared.isMobileOrTablet();
36502
-
36503
- var chunkString = function chunkString(str, length) {
36504
- return str.match(new RegExp('.{1,' + length + '}', 'g'));
36505
- };
36506
-
36507
- var img$d = 'data:image/gif;base64,R0lGODlhEAAQAPIAAAAAABQYLiw1TUBJc2hvmQAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAM9CLrc/lCFGSKYJJP5AhlguDnBMIVgxXgmJapSSp3mKs/pKrT0IMCXUk+2Cgh2oSOnaDz+lswZpSOFUq2KBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAIzhI+py90Bg4OjDrjCELxfFQhQx0mIJkaeaYRp5LJADMdnqXbyOJLYTdKBejjZoRaZJBMFACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAABAAEAAAAjKEj6nL7Y+CDE6OO+QKQ/ifKYEgfR4VddPohQe7lmR0xidNTib65uacYP2AQWGuMlEUAAA7';
36508
-
36509
- var NPCDialogText = function NPCDialogText(_ref) {
36510
- var text = _ref.text,
36511
- onClose = _ref.onClose,
36512
- onEndStep = _ref.onEndStep,
36513
- onStartStep = _ref.onStartStep,
36514
- type = _ref.type;
36515
- var windowSize = React.useRef([window.innerWidth, window.innerHeight]);
36516
- function maxCharacters(width) {
36517
- // Set the font size to 16 pixels
36518
- var fontSize = 11.2;
36519
- // Calculate the number of characters that can fit in one line
36520
- var charactersPerLine = Math.floor(width / 2 / fontSize);
36521
- // Calculate the number of lines that can fit in the div
36522
- var linesPerDiv = Math.floor(180 / fontSize);
36523
- // Calculate the maximum number of characters that can fit in the div
36524
- var maxCharacters = charactersPerLine * linesPerDiv;
36525
- // Return the maximum number of characters
36526
- return Math.round(maxCharacters / 5);
36527
- }
36528
- var textChunks = chunkString(text, maxCharacters(windowSize.current[0]));
36529
- var _useState = React.useState(0),
36530
- chunkIndex = _useState[0],
36531
- setChunkIndex = _useState[1];
36532
- var onHandleSpacePress = function onHandleSpacePress(event) {
36533
- if (event.code === 'Space') {
36534
- goToNextStep();
36535
- }
36536
- };
36537
- var goToNextStep = function goToNextStep() {
36538
- var hasNextChunk = (textChunks == null ? void 0 : textChunks[chunkIndex + 1]) || false;
36539
- if (hasNextChunk) {
36540
- setChunkIndex(function (prev) {
36541
- return prev + 1;
36542
- });
36543
- } else {
36544
- // if there's no more text chunks, close the dialog
36545
- onClose();
36546
- }
36547
- };
36548
- React.useEffect(function () {
36549
- document.addEventListener('keydown', onHandleSpacePress);
36550
- return function () {
36551
- return document.removeEventListener('keydown', onHandleSpacePress);
36552
- };
36553
- }, [chunkIndex]);
36554
- var _useState2 = React.useState(false),
36555
- showGoNextIndicator = _useState2[0],
36556
- setShowGoNextIndicator = _useState2[1];
36557
- return React__default.createElement(Container$n, null, React__default.createElement(DynamicText, {
36558
- text: (textChunks == null ? void 0 : textChunks[chunkIndex]) || '',
36559
- onFinish: function onFinish() {
36560
- setShowGoNextIndicator(true);
36561
- onEndStep && onEndStep();
36562
- },
36563
- onStart: function onStart() {
36564
- setShowGoNextIndicator(false);
36565
- onStartStep && onStartStep();
36566
- }
36567
- }), showGoNextIndicator && React__default.createElement(PressSpaceIndicator$1, {
36568
- right: type === exports.NPCDialogType.TextOnly ? '1rem' : '10.5rem',
36569
- src: IS_MOBILE_OR_TABLET ? img$d : img$7,
36570
- onPointerDown: function onPointerDown() {
36571
- goToNextStep();
36572
- }
36573
- }));
36574
- };
36575
- var Container$n = /*#__PURE__*/styled.div.withConfig({
36576
- displayName: "NPCDialogText__Container",
36577
- componentId: "sc-1cxkdh9-0"
36578
- })([""]);
36579
- var PressSpaceIndicator$1 = /*#__PURE__*/styled.img.withConfig({
36580
- displayName: "NPCDialogText__PressSpaceIndicator",
36581
- componentId: "sc-1cxkdh9-1"
36582
- })(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref2) {
36583
- var right = _ref2.right;
36584
- return right;
36585
- });
36586
-
36587
- (function (NPCDialogType) {
36588
- NPCDialogType["TextOnly"] = "TextOnly";
36589
- NPCDialogType["TextAndThumbnail"] = "TextAndThumbnail";
36590
- })(exports.NPCDialogType || (exports.NPCDialogType = {}));
36591
- var NPCDialog = function NPCDialog(_ref) {
36592
- var text = _ref.text,
36593
- type = _ref.type,
36594
- _onClose = _ref.onClose,
36595
- imagePath = _ref.imagePath,
36596
- _ref$isQuestionDialog = _ref.isQuestionDialog,
36597
- isQuestionDialog = _ref$isQuestionDialog === void 0 ? false : _ref$isQuestionDialog,
36598
- questions = _ref.questions,
36599
- answers = _ref.answers;
36600
- return React__default.createElement(RPGUIContainer, {
36601
- type: exports.RPGUIContainerTypes.FramedGold,
36602
- width: isQuestionDialog ? '600px' : '80%',
36603
- height: '180px'
36604
- }, isQuestionDialog && questions && answers ? React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer$2, {
36605
- flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
36606
- }, React__default.createElement(QuestionDialog, {
36607
- questions: questions,
36608
- answers: answers,
36609
- onClose: function onClose() {
36610
- if (_onClose) {
36611
- _onClose();
36612
- }
36613
- }
36614
- })), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
36615
- src: imagePath || img$6
36616
- }))) : React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$o, null, React__default.createElement(TextContainer$2, {
36617
- flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
36618
- }, React__default.createElement(NPCDialogText, {
36619
- type: type,
36620
- text: text || 'No text provided.',
36621
- onClose: function onClose() {
36622
- if (_onClose) {
36623
- _onClose();
36624
- }
36625
- }
36626
- })), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
36627
- src: imagePath || img$6
36628
- })))));
36629
- };
36630
- var Container$o = /*#__PURE__*/styled.div.withConfig({
36631
- displayName: "NPCDialog__Container",
36632
- componentId: "sc-1b4aw74-0"
36633
- })(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
36634
- var TextContainer$2 = /*#__PURE__*/styled.div.withConfig({
36635
- displayName: "NPCDialog__TextContainer",
36636
- componentId: "sc-1b4aw74-1"
36637
- })(["flex:", " 0 0;width:355px;"], function (_ref2) {
36638
- var flex = _ref2.flex;
36639
- return flex;
36640
- });
36641
- var ThumbnailContainer$1 = /*#__PURE__*/styled.div.withConfig({
36642
- displayName: "NPCDialog__ThumbnailContainer",
36643
- componentId: "sc-1b4aw74-2"
36644
- })(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
36645
- var NPCThumbnail$1 = /*#__PURE__*/styled.img.withConfig({
36646
- displayName: "NPCDialog__NPCThumbnail",
36647
- componentId: "sc-1b4aw74-3"
36648
- })(["image-rendering:pixelated;height:128px;width:128px;"]);
36649
-
36650
- var HistoryDialog = function HistoryDialog(_ref) {
36651
- var backgroundImgPath = _ref.backgroundImgPath,
36652
- fullCoverBackground = _ref.fullCoverBackground,
36653
- questions = _ref.questions,
36654
- answers = _ref.answers,
36655
- text = _ref.text,
36656
- imagePath = _ref.imagePath,
36657
- textAndTypeArray = _ref.textAndTypeArray,
36658
- onClose = _ref.onClose;
36659
- var _useState = React.useState(0),
36660
- img = _useState[0],
36661
- setImage = _useState[1];
36662
- var onHandleSpacePress = function onHandleSpacePress(event) {
36663
- if (event.code === 'Space') {
36664
- if (img < (backgroundImgPath == null ? void 0 : backgroundImgPath.length) - 1) {
36665
- setImage(function (prev) {
36666
- return prev + 1;
36667
- });
36668
- } else {
36669
- // if there's no more text chunks, close the dialog
36670
- onClose();
36671
- }
36672
- }
36673
- };
36674
- React.useEffect(function () {
36675
- document.addEventListener('keydown', onHandleSpacePress);
36676
- return function () {
36677
- return document.removeEventListener('keydown', onHandleSpacePress);
36678
- };
36679
- }, [backgroundImgPath]);
36680
- return React__default.createElement(BackgroundContainer, {
36681
- imgPath: backgroundImgPath[img],
36682
- fullImg: fullCoverBackground
36683
- }, React__default.createElement(DialogContainer, null, textAndTypeArray ? React__default.createElement(NPCMultiDialog, {
36684
- textAndTypeArray: textAndTypeArray,
36685
- onClose: onClose
36686
- }) : questions && answers ? React__default.createElement(QuestionDialog, {
36687
- questions: questions,
36688
- answers: answers,
36689
- onClose: onClose
36690
- }) : text && imagePath ? React__default.createElement(NPCDialog, {
36691
- text: text,
36692
- imagePath: imagePath,
36693
- onClose: onClose,
36694
- type: exports.NPCDialogType.TextAndThumbnail
36695
- }) : React__default.createElement(NPCDialog, {
36696
- text: text,
36697
- onClose: onClose,
36698
- type: exports.NPCDialogType.TextOnly
36699
- })));
36700
- };
36701
- var BackgroundContainer = /*#__PURE__*/styled.div.withConfig({
36702
- displayName: "HistoryDialog__BackgroundContainer",
36703
- componentId: "sc-u6oe75-0"
36704
- })(["width:100%;height:100%;background-image:url(", ");background-size:", ";display:flex;justify-content:space-evenly;align-items:center;"], function (props) {
36705
- return props.imgPath;
36706
- }, function (props) {
36707
- return props.imgPath ? 'cover' : 'auto';
36708
- });
36709
- var DialogContainer = /*#__PURE__*/styled.div.withConfig({
36710
- displayName: "HistoryDialog__DialogContainer",
36711
- componentId: "sc-u6oe75-1"
36712
- })(["display:flex;justify-content:center;padding-top:200px;"]);
36713
-
36714
36717
  exports.Button = Button;
36715
36718
  exports.CharacterSelection = CharacterSelection;
36716
36719
  exports.Chat = Chat;