@rpg-engine/long-bow 0.3.82 → 0.3.83

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 (155) hide show
  1. package/LICENSE +20 -20
  2. package/README.md +181 -181
  3. package/dist/components/Abstractions/SlotsContainer.d.ts +2 -0
  4. package/dist/components/DraggableContainer.d.ts +2 -0
  5. package/dist/components/Equipment/EquipmentSet.d.ts +2 -0
  6. package/dist/components/Item/Inventory/ItemContainer.d.ts +3 -0
  7. package/dist/components/Item/Inventory/ItemSlot.d.ts +1 -0
  8. package/dist/components/Item/Inventory/itemContainerHelper.d.ts +1 -1
  9. package/dist/components/RelativeListMenu.d.ts +4 -0
  10. package/dist/long-bow.cjs.development.js +944 -858
  11. package/dist/long-bow.cjs.development.js.map +1 -1
  12. package/dist/long-bow.cjs.production.min.js +1 -1
  13. package/dist/long-bow.cjs.production.min.js.map +1 -1
  14. package/dist/long-bow.esm.js +830 -744
  15. package/dist/long-bow.esm.js.map +1 -1
  16. package/package.json +100 -100
  17. package/src/components/Abstractions/ModalPortal.tsx +22 -22
  18. package/src/components/Abstractions/SlotsContainer.tsx +62 -48
  19. package/src/components/Arrow/SelectArrow.tsx +69 -69
  20. package/src/components/Arrow/img/arrow01-left-clicked.png +0 -0
  21. package/src/components/Arrow/img/arrow01-left.png +0 -0
  22. package/src/components/Arrow/img/arrow01-right-clicked.png +0 -0
  23. package/src/components/Arrow/img/arrow01-right.png +0 -0
  24. package/src/components/Arrow/img/arrow02-left-clicked.png +0 -0
  25. package/src/components/Arrow/img/arrow02-left.png +0 -0
  26. package/src/components/Arrow/img/arrow02-right-clicked.png +0 -0
  27. package/src/components/Arrow/img/arrow02-right.png +0 -0
  28. package/src/components/Button.tsx +40 -40
  29. package/src/components/Character/CharacterSelection.tsx +96 -96
  30. package/src/components/CharacterStatus/CharacterStatus.tsx +120 -120
  31. package/src/components/Chat/Chat.tsx +196 -196
  32. package/src/components/Chatdeprecated/ChatDeprecated.tsx +198 -198
  33. package/src/components/CheckButton.tsx +65 -65
  34. package/src/components/CircularController/CircularController.tsx +248 -248
  35. package/src/components/CraftBook/CraftBook.tsx +241 -241
  36. package/src/components/CraftBook/MockItems.ts +77 -77
  37. package/src/components/DraggableContainer.tsx +176 -156
  38. package/src/components/Dropdown.tsx +90 -90
  39. package/src/components/DropdownSelectorContainer.tsx +42 -42
  40. package/src/components/Equipment/EquipmentSet.tsx +199 -191
  41. package/src/components/HistoryDialog.tsx +104 -104
  42. package/src/components/Input.tsx +15 -15
  43. package/src/components/Item/Cards/ItemInfo.tsx +252 -252
  44. package/src/components/Item/Cards/ItemInfoDisplay.tsx +128 -128
  45. package/src/components/Item/Cards/ItemInfoWrapper.tsx +62 -62
  46. package/src/components/Item/Cards/ItemTooltip.tsx +83 -83
  47. package/src/components/Item/Cards/MobileItemTooltip.tsx +149 -149
  48. package/src/components/Item/Inventory/ErrorBoundary.tsx +42 -42
  49. package/src/components/Item/Inventory/ItemContainer.tsx +227 -218
  50. package/src/components/Item/Inventory/ItemContainerTypes.ts +6 -6
  51. package/src/components/Item/Inventory/ItemQuantitySelector.tsx +138 -138
  52. package/src/components/Item/Inventory/ItemSlot.tsx +564 -546
  53. package/src/components/Item/Inventory/itemContainerHelper.ts +172 -156
  54. package/src/components/ListMenu.tsx +63 -63
  55. package/src/components/Multitab/Tab.tsx +66 -66
  56. package/src/components/Multitab/TabBody.tsx +13 -13
  57. package/src/components/Multitab/TabsContainer.tsx +97 -97
  58. package/src/components/NPCDialog/NPCDialog.tsx +121 -121
  59. package/src/components/NPCDialog/NPCDialogText.tsx +113 -113
  60. package/src/components/NPCDialog/NPCMultiDialog.tsx +159 -159
  61. package/src/components/NPCDialog/QuestionDialog/QuestionDialog.tsx +237 -237
  62. package/src/components/ProgressBar.tsx +92 -92
  63. package/src/components/PropertySelect/PropertySelect.tsx +106 -106
  64. package/src/components/QuestInfo/QuestInfo.tsx +233 -233
  65. package/src/components/QuestList.tsx +135 -135
  66. package/src/components/RPGUIContainer.tsx +47 -47
  67. package/src/components/RPGUIForceRenderStart.tsx +45 -45
  68. package/src/components/RPGUIRoot.tsx +14 -14
  69. package/src/components/RadioButton.tsx +53 -53
  70. package/src/components/RadioInput/RadioButton.tsx +96 -96
  71. package/src/components/RadioInput/RadioInput.tsx +102 -102
  72. package/src/components/RadioInput/instruments.ts +15 -15
  73. package/src/components/RangeSlider.tsx +78 -78
  74. package/src/components/RelativeListMenu.tsx +90 -83
  75. package/src/components/ScrollList.tsx +79 -79
  76. package/src/components/Shortcuts/Shortcuts.tsx +151 -151
  77. package/src/components/Shortcuts/ShortcutsSetter.tsx +132 -132
  78. package/src/components/Shortcuts/SingleShortcut.ts +62 -62
  79. package/src/components/SimpleProgressBar.tsx +62 -62
  80. package/src/components/SkillProgressBar.tsx +133 -133
  81. package/src/components/SkillsContainer.tsx +206 -206
  82. package/src/components/Spellbook/Spell.tsx +201 -201
  83. package/src/components/Spellbook/Spellbook.tsx +153 -153
  84. package/src/components/Spellbook/constants.ts +8 -8
  85. package/src/components/Spellbook/mockSpells.ts +60 -60
  86. package/src/components/StaticBook/StaticBook.tsx +103 -103
  87. package/src/components/TextArea.tsx +11 -11
  88. package/src/components/TimeWidget/DayNightPeriod/DayNightPeriod.tsx +35 -35
  89. package/src/components/TimeWidget/TimeWidget.tsx +65 -65
  90. package/src/components/TradingMenu/TradingItemRow.tsx +198 -198
  91. package/src/components/TradingMenu/TradingMenu.tsx +216 -216
  92. package/src/components/TradingMenu/items.mock.ts +48 -48
  93. package/src/components/Truncate.tsx +25 -25
  94. package/src/components/itemSelector/ItemSelector.tsx +136 -136
  95. package/src/components/shared/Column.tsx +16 -16
  96. package/src/components/shared/Ellipsis.tsx +65 -65
  97. package/src/components/shared/SpriteFromAtlas.tsx +104 -104
  98. package/src/components/typography/DynamicText.tsx +49 -49
  99. package/src/constants/uiColors.ts +20 -20
  100. package/src/constants/uiDevices.ts +3 -3
  101. package/src/constants/uiFonts.ts +12 -12
  102. package/src/hooks/useEventListener.ts +21 -21
  103. package/src/hooks/useOutsideAlerter.ts +25 -25
  104. package/src/index.tsx +40 -40
  105. package/src/libs/StringHelpers.ts +3 -3
  106. package/src/mocks/atlas/entities/entities.json +20215 -20215
  107. package/src/mocks/atlas/icons/icons.json +735 -735
  108. package/src/mocks/atlas/items/items.json +12086 -12086
  109. package/src/mocks/equipmentSet.mocks.ts +391 -391
  110. package/src/mocks/itemContainer.mocks.ts +563 -563
  111. package/src/mocks/skills.mocks.ts +128 -128
  112. package/src/stories/Arrow.stories.tsx +26 -26
  113. package/src/stories/Button.stories.tsx +36 -36
  114. package/src/stories/CharacterSelection.stories.tsx +45 -45
  115. package/src/stories/CharacterStatus.stories.tsx +29 -29
  116. package/src/stories/Chat.stories.tsx +187 -187
  117. package/src/stories/ChatDeprecated.stories.tsx +170 -170
  118. package/src/stories/CheckButton.stories.tsx +48 -48
  119. package/src/stories/CircullarController.stories.tsx +37 -37
  120. package/src/stories/CraftBook.stories.tsx +42 -42
  121. package/src/stories/DayNightPeriod.stories.tsx +27 -27
  122. package/src/stories/DraggableContainer.stories.tsx +28 -28
  123. package/src/stories/Dropdown.stories.tsx +46 -46
  124. package/src/stories/DropdownSelectorContainer.stories.tsx +41 -41
  125. package/src/stories/EquipmentSet.stories.tsx +65 -65
  126. package/src/stories/HistoryDialog.stories.tsx +61 -61
  127. package/src/stories/ItemContainer.stories.tsx +201 -200
  128. package/src/stories/ItemInfoDisplay.stories.tsx +33 -33
  129. package/src/stories/ItemQuantitySelector.stories.tsx +26 -26
  130. package/src/stories/ItemSelector.stories.tsx +77 -77
  131. package/src/stories/ItemTradingComponent.stories.tsx +35 -35
  132. package/src/stories/ListMenu.stories.tsx +56 -56
  133. package/src/stories/Multitab.stories.tsx +51 -51
  134. package/src/stories/NPCDialog.stories.tsx +130 -130
  135. package/src/stories/NPCMultiDialog.stories.tsx +71 -71
  136. package/src/stories/ProgressBar.stories.tsx +23 -23
  137. package/src/stories/PropertySelect.stories.tsx +40 -40
  138. package/src/stories/QuestInfo.stories.tsx +107 -107
  139. package/src/stories/QuestList.stories.tsx +82 -82
  140. package/src/stories/RPGUIContainers.stories.tsx +42 -42
  141. package/src/stories/RadioButton.stories.tsx +49 -49
  142. package/src/stories/RadioInput.stories.tsx +34 -34
  143. package/src/stories/RangeSlider.stories.tsx +64 -64
  144. package/src/stories/ScrollList.stories.tsx +85 -85
  145. package/src/stories/Shortcuts.stories.tsx +39 -39
  146. package/src/stories/SimpleProgressBar.stories.tsx +22 -22
  147. package/src/stories/SkillProgressBar.stories.tsx +34 -34
  148. package/src/stories/SkillsContainer.stories.tsx +35 -35
  149. package/src/stories/Spellbook.stories.tsx +104 -104
  150. package/src/stories/StaticBook.stories.tsx +32 -32
  151. package/src/stories/Text.stories.tsx +42 -42
  152. package/src/stories/TimeWidget.stories.tsx +27 -27
  153. package/src/stories/TradingMenu.stories.tsx +47 -47
  154. package/src/types/eventTypes.ts +4 -4
  155. package/src/types/index.d.ts +2 -2
@@ -33220,6 +33220,8 @@ var DraggableContainer = function DraggableContainer(_ref) {
33220
33220
  imgWidth = _ref$imgWidth === void 0 ? '20px' : _ref$imgWidth,
33221
33221
  cancelDrag = _ref.cancelDrag,
33222
33222
  onPositionChange = _ref.onPositionChange,
33223
+ onPositionChangeEnd = _ref.onPositionChangeEnd,
33224
+ onPositionChangeStart = _ref.onPositionChangeStart,
33223
33225
  onOutsideClick = _ref.onOutsideClick,
33224
33226
  _ref$initialPosition = _ref.initialPosition,
33225
33227
  initialPosition = _ref$initialPosition === void 0 ? {
@@ -33252,6 +33254,22 @@ var DraggableContainer = function DraggableContainer(_ref) {
33252
33254
  });
33253
33255
  }
33254
33256
  },
33257
+ onStop: function onStop(_e, data) {
33258
+ if (onPositionChangeEnd) {
33259
+ onPositionChangeEnd({
33260
+ x: data.x,
33261
+ y: data.y
33262
+ });
33263
+ }
33264
+ },
33265
+ onStart: function onStart(_e, data) {
33266
+ if (onPositionChangeStart) {
33267
+ onPositionChangeStart({
33268
+ x: data.x,
33269
+ y: data.y
33270
+ });
33271
+ }
33272
+ },
33255
33273
  defaultPosition: initialPosition,
33256
33274
  scale: scale
33257
33275
  }, React__default.createElement(Container$6, {
@@ -33384,7 +33402,8 @@ var RelativeListMenu = function RelativeListMenu(_ref) {
33384
33402
  onSelected = _ref.onSelected,
33385
33403
  onOutsideClick = _ref.onOutsideClick,
33386
33404
  _ref$fontSize = _ref.fontSize,
33387
- fontSize = _ref$fontSize === void 0 ? 0.8 : _ref$fontSize;
33405
+ fontSize = _ref$fontSize === void 0 ? 0.8 : _ref$fontSize,
33406
+ pos = _ref.pos;
33388
33407
  var ref = React.useRef(null);
33389
33408
  useOutsideClick(ref, 'relative-context-menu');
33390
33409
  React.useEffect(function () {
@@ -33400,10 +33419,10 @@ var RelativeListMenu = function RelativeListMenu(_ref) {
33400
33419
  document.removeEventListener('clickOutside', function (_e) {});
33401
33420
  };
33402
33421
  }, []);
33403
- return React__default.createElement(Container$9, {
33422
+ return React__default.createElement(ModalPortal, null, React__default.createElement(Container$9, Object.assign({
33404
33423
  fontSize: fontSize,
33405
33424
  ref: ref
33406
- }, React__default.createElement("ul", {
33425
+ }, pos), React__default.createElement("ul", {
33407
33426
  className: "rpgui-list-imp",
33408
33427
  style: {
33409
33428
  overflow: 'hidden'
@@ -33415,12 +33434,16 @@ var RelativeListMenu = function RelativeListMenu(_ref) {
33415
33434
  onSelected(params == null ? void 0 : params.id);
33416
33435
  }
33417
33436
  }, (params == null ? void 0 : params.text) || 'No text');
33418
- })));
33437
+ }))));
33419
33438
  };
33420
33439
  var Container$9 = /*#__PURE__*/styled.div.withConfig({
33421
33440
  displayName: "RelativeListMenu__Container",
33422
33441
  componentId: "sc-7hohf-0"
33423
- })(["position:absolute;top:1rem;left:4rem;display:flex;flex-direction:column;width:max-content;justify-content:start;align-items:flex-start;li{font-size:", "em;}"], function (props) {
33442
+ })(["position:absolute;top:", "px;left:", "px;display:flex;flex-direction:column;width:max-content;justify-content:start;align-items:flex-start;li{font-size:", "em;}"], function (props) {
33443
+ return props.y;
33444
+ }, function (props) {
33445
+ return props.x;
33446
+ }, function (props) {
33424
33447
  return props.fontSize;
33425
33448
  });
33426
33449
  var ListElement = /*#__PURE__*/styled.li.withConfig({
@@ -33493,7 +33516,7 @@ var generateContextMenuListOptions = function generateContextMenuListOptions(act
33493
33516
  });
33494
33517
  return contextMenu;
33495
33518
  };
33496
- var generateContextMenu = function generateContextMenu(item, itemContainerType) {
33519
+ var generateContextMenu = function generateContextMenu(item, itemContainerType, isDepotSystem) {
33497
33520
  var contextActionMenu = [];
33498
33521
  if (itemContainerType === shared.ItemContainerType.Inventory) {
33499
33522
  switch (item.type) {
@@ -33519,6 +33542,12 @@ var generateContextMenu = function generateContextMenu(item, itemContainerType)
33519
33542
  contextActionMenu = generateContextMenuListOptions(shared.ActionsForInventory.Other);
33520
33543
  break;
33521
33544
  }
33545
+ if (isDepotSystem) {
33546
+ contextActionMenu.push({
33547
+ id: shared.DepotSocketEvents.Deposit,
33548
+ text: 'Deposit'
33549
+ });
33550
+ }
33522
33551
  }
33523
33552
  if (itemContainerType === shared.ItemContainerType.Equipment) {
33524
33553
  switch (item.type) {
@@ -33581,6 +33610,12 @@ var generateContextMenu = function generateContextMenu(item, itemContainerType)
33581
33610
  text: 'Use with...'
33582
33611
  });
33583
33612
  }
33613
+ if (isDepotSystem) {
33614
+ contextActionMenu.push({
33615
+ id: shared.DepotSocketEvents.Withdraw,
33616
+ text: 'Withdraw'
33617
+ });
33618
+ }
33584
33619
  }
33585
33620
  return contextActionMenu;
33586
33621
  };
@@ -33619,7 +33654,8 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
33619
33654
  checkIfItemShouldDragEnd = _ref.checkIfItemShouldDragEnd,
33620
33655
  dragScale = _ref.dragScale,
33621
33656
  isSelectingShortcut = _ref.isSelectingShortcut,
33622
- equipmentSet = _ref.equipmentSet;
33657
+ equipmentSet = _ref.equipmentSet,
33658
+ isDepotSystem = _ref.isDepotSystem;
33623
33659
  var _useState = React.useState(false),
33624
33660
  isTooltipVisible = _useState[0],
33625
33661
  setTooltipVisible = _useState[1];
@@ -33629,25 +33665,31 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
33629
33665
  var _useState3 = React.useState(false),
33630
33666
  isContextMenuVisible = _useState3[0],
33631
33667
  setIsContextMenuVisible = _useState3[1];
33632
- var _useState4 = React.useState(false),
33633
- isFocused = _useState4[0],
33634
- setIsFocused = _useState4[1];
33668
+ var _useState4 = React.useState({
33669
+ x: 0,
33670
+ y: 0
33671
+ }),
33672
+ contextMenuPosition = _useState4[0],
33673
+ setContextMenuPosition = _useState4[1];
33635
33674
  var _useState5 = React.useState(false),
33636
- wasDragged = _useState5[0],
33637
- setWasDragged = _useState5[1];
33638
- var _useState6 = React.useState({
33675
+ isFocused = _useState5[0],
33676
+ setIsFocused = _useState5[1];
33677
+ var _useState6 = React.useState(false),
33678
+ wasDragged = _useState6[0],
33679
+ setWasDragged = _useState6[1];
33680
+ var _useState7 = React.useState({
33639
33681
  x: 0,
33640
33682
  y: 0
33641
33683
  }),
33642
- dragPosition = _useState6[0],
33643
- setDragPosition = _useState6[1];
33644
- var _useState7 = React.useState(null),
33645
- dropPosition = _useState7[0],
33646
- setDropPosition = _useState7[1];
33684
+ dragPosition = _useState7[0],
33685
+ setDragPosition = _useState7[1];
33686
+ var _useState8 = React.useState(null),
33687
+ dropPosition = _useState8[0],
33688
+ setDropPosition = _useState8[1];
33647
33689
  var dragContainer = React.useRef(null);
33648
- var _useState8 = React.useState([]),
33649
- contextActions = _useState8[0],
33650
- setContextActions = _useState8[1];
33690
+ var _useState9 = React.useState([]),
33691
+ contextActions = _useState9[0],
33692
+ setContextActions = _useState9[1];
33651
33693
  React.useEffect(function () {
33652
33694
  setDragPosition({
33653
33695
  x: 0,
@@ -33655,9 +33697,9 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
33655
33697
  });
33656
33698
  setIsFocused(false);
33657
33699
  if (item) {
33658
- setContextActions(generateContextMenu(item, containerType));
33700
+ setContextActions(generateContextMenu(item, containerType, isDepotSystem));
33659
33701
  }
33660
- }, [item]);
33702
+ }, [item, isDepotSystem]);
33661
33703
  React.useEffect(function () {
33662
33704
  if (onDrop && item && dropPosition) {
33663
33705
  onDrop(item, dropPosition);
@@ -33839,7 +33881,16 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
33839
33881
  isTouch = true;
33840
33882
  setIsTooltipMobileVisible(true);
33841
33883
  }
33842
- if (!isContextMenuDisabled && !isSelectingShortcut && !isTouch) setIsContextMenuVisible(!isContextMenuVisible);
33884
+ if (!isContextMenuDisabled && !isSelectingShortcut && !isTouch) {
33885
+ setIsContextMenuVisible(!isContextMenuVisible);
33886
+ var event = e;
33887
+ if (event.clientX && event.clientY) {
33888
+ setContextMenuPosition({
33889
+ x: event.clientX - 10,
33890
+ y: event.clientY - 5
33891
+ });
33892
+ }
33893
+ }
33843
33894
  onPointerDown(item.type, containerType, item);
33844
33895
  }
33845
33896
  },
@@ -33905,7 +33956,8 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
33905
33956
  },
33906
33957
  onOutsideClick: function onOutsideClick() {
33907
33958
  setIsContextMenuVisible(false);
33908
- }
33959
+ },
33960
+ pos: contextMenuPosition
33909
33961
  }));
33910
33962
  });
33911
33963
  var rarityColor = function rarityColor(item) {
@@ -34447,7 +34499,10 @@ var EquipmentSet = function EquipmentSet(_ref) {
34447
34499
  onItemOutsideDrop = _ref.onItemOutsideDrop,
34448
34500
  checkIfItemCanBeMoved = _ref.checkIfItemCanBeMoved,
34449
34501
  checkIfItemShouldDragEnd = _ref.checkIfItemShouldDragEnd,
34450
- scale = _ref.scale;
34502
+ scale = _ref.scale,
34503
+ initialPosition = _ref.initialPosition,
34504
+ onPositionChangeEnd = _ref.onPositionChangeEnd,
34505
+ onPositionChangeStart = _ref.onPositionChangeStart;
34451
34506
  var neck = equipmentSet.neck,
34452
34507
  leftHand = equipmentSet.leftHand,
34453
34508
  ring = equipmentSet.ring,
@@ -34514,7 +34569,10 @@ var EquipmentSet = function EquipmentSet(_ref) {
34514
34569
  },
34515
34570
  width: "330px",
34516
34571
  cancelDrag: ".equipment-container-body",
34517
- scale: scale
34572
+ scale: scale,
34573
+ initialPosition: initialPosition,
34574
+ onPositionChangeEnd: onPositionChangeEnd,
34575
+ onPositionChangeStart: onPositionChangeStart
34518
34576
  }, React__default.createElement(EquipmentSetContainer, {
34519
34577
  className: "equipment-container-body"
34520
34578
  }, React__default.createElement(EquipmentColumn, null, onRenderEquipmentSlotRange(0, 3)), React__default.createElement(EquipmentColumn, null, onRenderEquipmentSlotRange(3, 7)), React__default.createElement(EquipmentColumn, null, onRenderEquipmentSlotRange(7, 10))));
@@ -34528,714 +34586,198 @@ var EquipmentColumn = /*#__PURE__*/styled.div.withConfig({
34528
34586
  componentId: "sc-1wuddg2-1"
34529
34587
  })(["display:flex;justify-content:center;flex-wrap:wrap;flex-direction:column;touch-action:none;"]);
34530
34588
 
34531
- var IS_MOBILE_OR_TABLET = /*#__PURE__*/shared.isMobileOrTablet();
34532
-
34533
- var chunkString = function chunkString(str, length) {
34534
- return str.match(new RegExp('.{1,' + length + '}', 'g'));
34535
- };
34536
-
34537
- var DynamicText = function DynamicText(_ref) {
34538
- var text = _ref.text,
34539
- onFinish = _ref.onFinish,
34540
- onStart = _ref.onStart;
34541
- var _useState = React.useState(''),
34542
- textState = _useState[0],
34543
- setTextState = _useState[1];
34544
- React.useEffect(function () {
34545
- var i = 0;
34546
- var interval = setInterval(function () {
34547
- // on every interval, show one more character
34548
- if (i === 0) {
34549
- if (onStart) {
34550
- onStart();
34551
- }
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();
34552
34605
  }
34553
- if (i < text.length) {
34554
- setTextState(text.substring(0, i + 1));
34555
- i++;
34556
- } else {
34557
- clearInterval(interval);
34558
- if (onFinish) {
34559
- onFinish();
34560
- }
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
+ });
34561
34617
  }
34562
- }, 50);
34563
- return function () {
34564
- clearInterval(interval);
34565
- };
34566
- }, [text]);
34567
- return React__default.createElement(TextContainer, null, textState);
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
+ });
34627
+ }
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
+ });
34637
+ }
34638
+ },
34639
+ onOutsideClick: onOutsideClick,
34640
+ initialPosition: initialPosition,
34641
+ scale: scale
34642
+ }, children);
34568
34643
  };
34569
- var TextContainer = /*#__PURE__*/styled.p.withConfig({
34570
- displayName: "DynamicText__TextContainer",
34571
- componentId: "sc-1ggl9nd-0"
34572
- })(["font-size:0.7rem !important;color:white;text-shadow:1px 1px 0px #000000;letter-spacing:1.2px;word-break:normal;"]);
34573
-
34574
- var img$6 = 'data:image/gif;base64,R0lGODlhEAAQAPIAAAAAABQYLiw1TUBJc2hvmQAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAM9CLrc/lCFGSKYJJP5AhlguDnBMIVgxXgmJapSSp3mKs/pKrT0IMCXUk+2Cgh2oSOnaDz+lswZpSOFUq2KBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAIzhI+py90Bg4OjDrjCELxfFQhQx0mIJkaeaYRp5LJADMdnqXbyOJLYTdKBejjZoRaZJBMFACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAABAAEAAAAjKEj6nL7Y+CDE6OO+QKQ/ifKYEgfR4VddPohQe7lmR0xidNTib65uacYP2AQWGuMlEUAAA7';
34575
-
34576
- var img$7 = 'data:image/gif;base64,R0lGODlhQAAgAPIAAAAAAA0NDRERESIiIigoKFlZWf///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw5nYW1tYT0wLjQ1NDU0NQAh+QQBFAAAACwAAAAAQAAgAAAD/wi63P4wykmrvTjrzbv/YAgIZGmeaKquakQWcCzPdG3fNukIeO//PQGDBywafcIF8chswpKKZcxApTqvNOiIZi0YsODncFaFlcNOrdTbJVff0/c3Lp/Xs2N37cy2ndt6ZnhKXHdsc4d7VnwyfIxqPWWOXXWLgHSGYoSNbZKVZp2WiJyjg1GFcaClqaqJhasyUAFrh3Cur3KqubWXBQIBAAEDtDeMaEEDAcLEx2gCycvN0jHPysPT09XR2M3a19zH3gTM4EYCBNDD4yzs7e4r48nB6gT19vf4+fr7/P3P8sKGvRtIkMUAeQoCHlzIsKHDhxAjSoTWQJnFixgzatzIsQWjRQYJAAAh/wtJbWFnZU1hZ2ljaw5nYW1tYT0wLjQ1NDU0NQAh+QQBFAAAACwAAAAAQAAgAAAD8Ai63P4wykmrvTjrzbv/YCiOlGCeaKqubMtGZiHPdG3feI6bjqD/wOBPwPAJj0ggcWFMOp+ypaI5M1it0KxNCqDKsAWDdhwt1q5fMPnJ9aJt17g4HafJ3/et+Tzn99V+aThqfTNtcHlhhIBVWG+BdDSHOmiPeHdij3aYhZONf46YkZGanzpSAV6KjaOIpqWtNwIBAAEDqqKKhZuJnHSwAgMBtqo5sGs5wcO3yM01ysTO0gXQzNPN1cXXUNnbyNna3kcmwrW3Lujp6ugD5bbn6/HyLe20Cu/t+fr7/P3+/wCF2VswrKDBgwgTKlzIsCCDBAA7';
34577
34644
 
34578
- var NPCDialogText = function NPCDialogText(_ref) {
34579
- var text = _ref.text,
34580
- onClose = _ref.onClose,
34581
- onEndStep = _ref.onEndStep,
34582
- onStartStep = _ref.onStartStep,
34583
- type = _ref.type;
34584
- var windowSize = React.useRef([window.innerWidth, window.innerHeight]);
34585
- function maxCharacters(width) {
34586
- // Set the font size to 16 pixels
34587
- var fontSize = 11.2;
34588
- // Calculate the number of characters that can fit in one line
34589
- var charactersPerLine = Math.floor(width / 2 / fontSize);
34590
- // Calculate the number of lines that can fit in the div
34591
- var linesPerDiv = Math.floor(180 / fontSize);
34592
- // Calculate the maximum number of characters that can fit in the div
34593
- var maxCharacters = charactersPerLine * linesPerDiv;
34594
- // Return the maximum number of characters
34595
- return Math.round(maxCharacters / 5);
34596
- }
34597
- var textChunks = chunkString(text, maxCharacters(windowSize.current[0]));
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);
34598
34658
  var _useState = React.useState(0),
34599
- chunkIndex = _useState[0],
34600
- setChunkIndex = _useState[1];
34601
- var onHandleSpacePress = function onHandleSpacePress(event) {
34602
- if (event.code === 'Space') {
34603
- goToNextStep();
34604
- }
34605
- };
34606
- var goToNextStep = function goToNextStep() {
34607
- var hasNextChunk = (textChunks == null ? void 0 : textChunks[chunkIndex + 1]) || false;
34608
- if (hasNextChunk) {
34609
- setChunkIndex(function (prev) {
34610
- return prev + 1;
34611
- });
34612
- } else {
34613
- // if there's no more text chunks, close the dialog
34614
- onClose();
34615
- }
34616
- };
34659
+ left = _useState[0],
34660
+ setLeft = _useState[1];
34617
34661
  React.useEffect(function () {
34618
- document.addEventListener('keydown', onHandleSpacePress);
34619
- return function () {
34620
- return document.removeEventListener('keydown', onHandleSpacePress);
34621
- };
34622
- }, [chunkIndex]);
34623
- var _useState2 = React.useState(false),
34624
- showGoNextIndicator = _useState2[0],
34625
- setShowGoNextIndicator = _useState2[1];
34626
- return React__default.createElement(Container$e, null, React__default.createElement(DynamicText, {
34627
- text: (textChunks == null ? void 0 : textChunks[chunkIndex]) || '',
34628
- onFinish: function onFinish() {
34629
- setShowGoNextIndicator(true);
34630
- onEndStep && onEndStep();
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'
34631
34671
  },
34632
- onStart: function onStart() {
34633
- setShowGoNextIndicator(false);
34634
- onStartStep && onStartStep();
34672
+ className: "rpgui-slider-container " + typeClass,
34673
+ id: "rpgui-slider-" + sliderId,
34674
+ ref: containerRef
34675
+ }, React__default.createElement("div", {
34676
+ style: {
34677
+ pointerEvents: 'none'
34635
34678
  }
34636
- }), showGoNextIndicator && React__default.createElement(PressSpaceIndicator, {
34637
- right: type === exports.NPCDialogType.TextOnly ? '1rem' : '10.5rem',
34638
- src: IS_MOBILE_OR_TABLET ? img$6 : img$7,
34639
- onPointerDown: function onPointerDown() {
34640
- goToNextStep();
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
34641
34689
  }
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"
34642
34702
  }));
34643
34703
  };
34644
- var Container$e = /*#__PURE__*/styled.div.withConfig({
34645
- displayName: "NPCDialogText__Container",
34646
- componentId: "sc-1cxkdh9-0"
34647
- })([""]);
34648
- var PressSpaceIndicator = /*#__PURE__*/styled.img.withConfig({
34649
- displayName: "NPCDialogText__PressSpaceIndicator",
34650
- componentId: "sc-1cxkdh9-1"
34651
- })(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref2) {
34652
- var right = _ref2.right;
34653
- return right;
34654
- });
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;"]);
34655
34708
 
34656
- //@ts-ignore
34657
- var useEventListener = function useEventListener(type, handler, el) {
34658
- if (el === void 0) {
34659
- el = window;
34660
- }
34661
- var savedHandler = React__default.useRef();
34662
- React__default.useEffect(function () {
34663
- savedHandler.current = handler;
34664
- }, [handler]);
34665
- React__default.useEffect(function () {
34666
- //@ts-ignore
34667
- var listener = function listener(e) {
34668
- return savedHandler.current(e);
34669
- };
34670
- el.addEventListener(type, listener);
34671
- return function () {
34672
- el.removeEventListener(type, listener);
34673
- };
34674
- }, [type, el]);
34675
- };
34676
-
34677
- var QuestionDialog = function QuestionDialog(_ref) {
34678
- var questions = _ref.questions,
34679
- answers = _ref.answers,
34709
+ var ItemQuantitySelector = function ItemQuantitySelector(_ref) {
34710
+ var quantity = _ref.quantity,
34711
+ onConfirm = _ref.onConfirm,
34680
34712
  onClose = _ref.onClose;
34681
- var _useState = React.useState(questions[0]),
34682
- currentQuestion = _useState[0],
34683
- setCurrentQuestion = _useState[1];
34684
- var _useState2 = React.useState(false),
34685
- canShowAnswers = _useState2[0],
34686
- setCanShowAnswers = _useState2[1];
34687
- var onGetFirstAnswer = function onGetFirstAnswer() {
34688
- if (!currentQuestion.answerIds || currentQuestion.answerIds.length === 0) {
34689
- return null;
34690
- }
34691
- var firstAnswerId = currentQuestion.answerIds[0];
34692
- return answers.find(function (answer) {
34693
- return answer.id === firstAnswerId;
34694
- });
34695
- };
34696
- var _useState3 = React.useState(onGetFirstAnswer()),
34697
- currentAnswer = _useState3[0],
34698
- setCurrentAnswer = _useState3[1];
34713
+ var _useState = React.useState(quantity),
34714
+ value = _useState[0],
34715
+ setValue = _useState[1];
34716
+ var inputRef = React.useRef(null);
34699
34717
  React.useEffect(function () {
34700
- setCurrentAnswer(onGetFirstAnswer());
34701
- }, [currentQuestion]);
34702
- var onGetAnswers = function onGetAnswers(answerIds) {
34703
- return answerIds.map(function (answerId) {
34704
- return answers.find(function (answer) {
34705
- return answer.id === answerId;
34706
- });
34707
- });
34708
- };
34709
- var onKeyPress = function onKeyPress(e) {
34710
- switch (e.key) {
34711
- case 'ArrowDown':
34712
- // select next answer, if any.
34713
- // if no next answer, select first answer
34714
- // const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(
34715
- // (answer) => answer?.id === currentAnswer!.id + 1
34716
- // );
34717
- var nextAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
34718
- return (answer == null ? void 0 : answer.id) === currentAnswer.id + 1;
34719
- });
34720
- var nextAnswerID = currentQuestion.answerIds[nextAnswerIndex];
34721
- var nextAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
34722
- return (answer == null ? void 0 : answer.id) === nextAnswerID;
34723
- });
34724
- setCurrentAnswer(nextAnswer || onGetFirstAnswer());
34725
- break;
34726
- case 'ArrowUp':
34727
- // select previous answer, if any.
34728
- // if no previous answer, select last answer
34729
- var previousAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
34730
- return (answer == null ? void 0 : answer.id) === currentAnswer.id - 1;
34731
- });
34732
- var previousAnswerID = currentQuestion.answerIds && currentQuestion.answerIds[previousAnswerIndex];
34733
- var previousAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
34734
- return (answer == null ? void 0 : answer.id) === previousAnswerID;
34735
- });
34736
- if (previousAnswer) {
34737
- setCurrentAnswer(previousAnswer);
34738
- } else {
34739
- setCurrentAnswer(onGetAnswers(currentQuestion.answerIds).pop());
34740
- }
34741
- break;
34742
- case 'Enter':
34743
- setCanShowAnswers(false);
34744
- if (!(currentAnswer != null && currentAnswer.nextQuestionId)) {
34718
+ if (inputRef.current) {
34719
+ inputRef.current.focus();
34720
+ inputRef.current.select();
34721
+ var closeSelector = function closeSelector(e) {
34722
+ if (e.key === 'Escape') {
34745
34723
  onClose();
34746
- return;
34747
- } else {
34748
- setCurrentQuestion(questions.find(function (question) {
34749
- return question.id === currentAnswer.nextQuestionId;
34750
- }));
34751
34724
  }
34752
- break;
34753
- }
34754
- };
34755
- useEventListener('keydown', onKeyPress);
34756
- var onAnswerClick = function onAnswerClick(answer) {
34757
- setCanShowAnswers(false);
34758
- if (answer.nextQuestionId) {
34759
- // if there is a next question, go to it
34760
- setCurrentQuestion(questions.find(function (question) {
34761
- return question.id === answer.nextQuestionId;
34762
- }));
34763
- } else {
34764
- // else, finish dialog!
34765
- onClose();
34766
- }
34767
- };
34768
- var onRenderCurrentAnswers = function onRenderCurrentAnswers() {
34769
- var answerIds = currentQuestion.answerIds;
34770
- if (!answerIds) {
34771
- return null;
34772
- }
34773
- var answers = onGetAnswers(answerIds);
34774
- if (!answers) {
34775
- return null;
34725
+ };
34726
+ document.addEventListener('keydown', closeSelector);
34727
+ return function () {
34728
+ document.removeEventListener('keydown', closeSelector);
34729
+ };
34776
34730
  }
34777
- return answers.map(function (answer) {
34778
- var isSelected = (currentAnswer == null ? void 0 : currentAnswer.id) === (answer == null ? void 0 : answer.id);
34779
- var selectedColor = isSelected ? 'yellow' : 'white';
34780
- if (answer) {
34781
- return React__default.createElement(AnswerRow, {
34782
- key: "answer_" + answer.id
34783
- }, React__default.createElement(AnswerSelectedIcon, {
34784
- color: selectedColor
34785
- }, isSelected ? 'X' : null), React__default.createElement(Answer, {
34786
- key: answer.id,
34787
- onPointerDown: function onPointerDown() {
34788
- return onAnswerClick(answer);
34789
- },
34790
- color: selectedColor
34791
- }, answer.text));
34792
- }
34793
- return null;
34794
- });
34795
- };
34796
- return React__default.createElement(Container$f, null, React__default.createElement(QuestionContainer, null, React__default.createElement(DynamicText, {
34797
- text: currentQuestion.text,
34798
- onStart: function onStart() {
34799
- return setCanShowAnswers(false);
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%'
34800
34742
  },
34801
- onFinish: function onFinish() {
34802
- return setCanShowAnswers(true);
34803
- }
34804
- })), canShowAnswers && React__default.createElement(AnswersContainer, null, onRenderCurrentAnswers()));
34805
- };
34806
- var Container$f = /*#__PURE__*/styled.div.withConfig({
34807
- displayName: "QuestionDialog__Container",
34808
- componentId: "sc-bxc5u0-0"
34809
- })(["display:flex;word-break:break-all;box-sizing:border-box;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;"]);
34810
- var QuestionContainer = /*#__PURE__*/styled.div.withConfig({
34811
- displayName: "QuestionDialog__QuestionContainer",
34812
- componentId: "sc-bxc5u0-1"
34813
- })(["flex:100%;width:100%;"]);
34814
- var AnswersContainer = /*#__PURE__*/styled.div.withConfig({
34815
- displayName: "QuestionDialog__AnswersContainer",
34816
- componentId: "sc-bxc5u0-2"
34817
- })(["flex:100%;"]);
34818
- var Answer = /*#__PURE__*/styled.p.withConfig({
34819
- displayName: "QuestionDialog__Answer",
34820
- componentId: "sc-bxc5u0-3"
34821
- })(["flex:auto;color:", " !important;font-size:0.65rem !important;background:inherit;border:none;"], function (props) {
34822
- return props.color;
34823
- });
34824
- var AnswerSelectedIcon = /*#__PURE__*/styled.span.withConfig({
34825
- displayName: "QuestionDialog__AnswerSelectedIcon",
34826
- componentId: "sc-bxc5u0-4"
34827
- })(["flex:5% 0 0;color:", " !important;"], function (props) {
34828
- return props.color;
34829
- });
34830
- var AnswerRow = /*#__PURE__*/styled.div.withConfig({
34831
- displayName: "QuestionDialog__AnswerRow",
34832
- componentId: "sc-bxc5u0-5"
34833
- })(["display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:0.5rem;height:22px;p{line-height:unset;margin-top:0;margin-bottom:0rem;}"]);
34834
-
34835
- var img$8 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAP1BMVEUAAAA7FyVxQTsUEBPj5v////+5v/tCJDOOUlIiHBr1oJfptaO6dWr61rhzFy1bMTjoanMUNGQoXMQkn97+88DQ3IhAAAAAAXRSTlMAQObYZgAAAAFiS0dEBfhv6ccAAAAHdElNRQfmAw4VOBC7c5LYAAABM0lEQVQ4y3XRi5KDIAwFUAUkbrBgpP//rZsHVHQ009qZ3tPboNN0zmwzvcw8O5sX4y0NOg/Et3jRCXF+ziULorjkOQ9gE24dvuUAzq08DiCO4pe3WN7zCP56vmpubBReQYC11YPS86ySxxCsAABTSgjb5m4g8nfbxvFHBkH2OEEvAItVuCuIsgGgl+Gcr7kDXxhEAx55A2SQEEeQeZwUaIP8Tbo05B0RFPhItAjgj1w6cDnhLluDj+Egkh3pCCP4pKQAw1IPO0W9Nti5gW9RP2dKA3BZd2Dw+baYX+Nt4GM00O4S3kEpF6Alb2Bv4LeC3kkGfAW0/p0RPoJVKr63ghHsKuRh5DIUKOAlGOwrtt9fQekAEfmhZslHUDoglB0zjfkJigN7UnTQQ4GBWomoVhEN/AOPSBh38gy+fwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wMy0xNFQyMTo1NTo1MSswMDowMJcc0eEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDMtMTRUMjE6NTU6NTErMDA6MDDmQWldAAAAAElFTkSuQmCC';
34836
-
34837
- (function (NPCDialogType) {
34838
- NPCDialogType["TextOnly"] = "TextOnly";
34839
- NPCDialogType["TextAndThumbnail"] = "TextAndThumbnail";
34840
- })(exports.NPCDialogType || (exports.NPCDialogType = {}));
34841
- var NPCDialog = function NPCDialog(_ref) {
34842
- var text = _ref.text,
34843
- type = _ref.type,
34844
- _onClose = _ref.onClose,
34845
- imagePath = _ref.imagePath,
34846
- _ref$isQuestionDialog = _ref.isQuestionDialog,
34847
- isQuestionDialog = _ref$isQuestionDialog === void 0 ? false : _ref$isQuestionDialog,
34848
- questions = _ref.questions,
34849
- answers = _ref.answers;
34850
- return React__default.createElement(RPGUIContainer, {
34851
- type: exports.RPGUIContainerTypes.FramedGold,
34852
- width: isQuestionDialog ? '600px' : '80%',
34853
- height: '180px'
34854
- }, isQuestionDialog && questions && answers ? React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer$1, {
34855
- flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
34856
- }, React__default.createElement(QuestionDialog, {
34857
- questions: questions,
34858
- answers: answers,
34859
- onClose: function onClose() {
34860
- if (_onClose) {
34861
- _onClose();
34743
+ onSubmit: function onSubmit(e) {
34744
+ e.preventDefault();
34745
+ var numberValue = Number(value);
34746
+ if (Number.isNaN(numberValue)) {
34747
+ return;
34862
34748
  }
34863
- }
34864
- })), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
34865
- src: imagePath || img$8
34866
- }))) : React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$g, null, React__default.createElement(TextContainer$1, {
34867
- flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
34868
- }, React__default.createElement(NPCDialogText, {
34869
- type: type,
34870
- text: text || 'No text provided.',
34871
- onClose: function onClose() {
34872
- if (_onClose) {
34873
- _onClose();
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;
34874
34763
  }
34764
+ setValue(e.target.value);
34765
+ },
34766
+ onBlur: function onBlur(e) {
34767
+ var newValue = Math.max(1, Math.min(quantity, Number(e.target.value)));
34768
+ setValue(newValue);
34875
34769
  }
34876
- })), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
34877
- src: imagePath || img$8
34878
- })))));
34879
- };
34880
- var Container$g = /*#__PURE__*/styled.div.withConfig({
34881
- displayName: "NPCDialog__Container",
34882
- componentId: "sc-1b4aw74-0"
34883
- })(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
34884
- var TextContainer$1 = /*#__PURE__*/styled.div.withConfig({
34885
- displayName: "NPCDialog__TextContainer",
34886
- componentId: "sc-1b4aw74-1"
34887
- })(["flex:", " 0 0;width:355px;"], function (_ref2) {
34888
- var flex = _ref2.flex;
34889
- return flex;
34890
- });
34891
- var ThumbnailContainer = /*#__PURE__*/styled.div.withConfig({
34892
- displayName: "NPCDialog__ThumbnailContainer",
34893
- componentId: "sc-1b4aw74-2"
34894
- })(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
34895
- var NPCThumbnail = /*#__PURE__*/styled.img.withConfig({
34896
- displayName: "NPCDialog__NPCThumbnail",
34897
- componentId: "sc-1b4aw74-3"
34898
- })(["image-rendering:pixelated;height:128px;width:128px;"]);
34899
-
34900
- (function (ImgSide) {
34901
- ImgSide["right"] = "right";
34902
- ImgSide["left"] = "left";
34903
- })(exports.ImgSide || (exports.ImgSide = {}));
34904
- var NPCMultiDialog = function NPCMultiDialog(_ref) {
34905
- var _textAndTypeArray$sli;
34906
- var _onClose = _ref.onClose,
34907
- textAndTypeArray = _ref.textAndTypeArray;
34908
- var _useState = React.useState(false),
34909
- showGoNextIndicator = _useState[0],
34910
- setShowGoNextIndicator = _useState[1];
34911
- var _useState2 = React.useState(0),
34912
- slide = _useState2[0],
34913
- setSlide = _useState2[1];
34914
- var onHandleSpacePress = function onHandleSpacePress(event) {
34915
- if (event.code === 'Space') {
34916
- if (slide < (textAndTypeArray == null ? void 0 : textAndTypeArray.length) - 1) {
34917
- setSlide(function (prev) {
34918
- return prev + 1;
34919
- });
34920
- } else {
34921
- // if there's no more text chunks, close the dialog
34922
- _onClose();
34923
- }
34924
- }
34925
- };
34926
- React.useEffect(function () {
34927
- document.addEventListener('keydown', onHandleSpacePress);
34928
- return function () {
34929
- return document.removeEventListener('keydown', onHandleSpacePress);
34930
- };
34931
- }, [slide]);
34932
- return React__default.createElement(RPGUIContainer, {
34933
- type: exports.RPGUIContainerTypes.FramedGold,
34934
- width: '50%',
34935
- height: '180px'
34936
- }, React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$h, null, ((_textAndTypeArray$sli = textAndTypeArray[slide]) == null ? void 0 : _textAndTypeArray$sli.imageSide) === 'right' && React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer$2, {
34937
- flex: '70%'
34938
- }, React__default.createElement(NPCDialogText, {
34939
- onStartStep: function onStartStep() {
34940
- return setShowGoNextIndicator(false);
34941
- },
34942
- onEndStep: function onEndStep() {
34943
- return setShowGoNextIndicator(true);
34944
- },
34945
- text: textAndTypeArray[slide].text || 'No text provided.',
34946
- onClose: function onClose() {
34947
- if (_onClose) {
34948
- _onClose();
34949
- }
34950
- }
34951
- })), React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
34952
- src: textAndTypeArray[slide].imagePath || img$8
34953
- })), showGoNextIndicator && React__default.createElement(PressSpaceIndicator$1, {
34954
- right: '10.5rem',
34955
- src: img$7
34956
- })), textAndTypeArray[slide].imageSide === 'left' && React__default.createElement(React__default.Fragment, null, React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
34957
- src: textAndTypeArray[slide].imagePath || img$8
34958
- })), React__default.createElement(TextContainer$2, {
34959
- flex: '70%'
34960
- }, React__default.createElement(NPCDialogText, {
34961
- onStartStep: function onStartStep() {
34962
- return setShowGoNextIndicator(false);
34963
- },
34964
- onEndStep: function onEndStep() {
34965
- return setShowGoNextIndicator(true);
34966
- },
34967
- text: textAndTypeArray[slide].text || 'No text provided.',
34968
- onClose: function onClose() {
34969
- if (_onClose) {
34970
- _onClose();
34971
- }
34972
- }
34973
- })), showGoNextIndicator && React__default.createElement(PressSpaceIndicator$1, {
34974
- right: '1rem',
34975
- src: img$7
34976
- }))), ")"));
34977
- };
34978
- var Container$h = /*#__PURE__*/styled.div.withConfig({
34979
- displayName: "NPCMultiDialog__Container",
34980
- componentId: "sc-rvu5wg-0"
34981
- })(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
34982
- var TextContainer$2 = /*#__PURE__*/styled.div.withConfig({
34983
- displayName: "NPCMultiDialog__TextContainer",
34984
- componentId: "sc-rvu5wg-1"
34985
- })(["flex:", " 0 0;width:355px;"], function (_ref2) {
34986
- var flex = _ref2.flex;
34987
- return flex;
34988
- });
34989
- var ThumbnailContainer$1 = /*#__PURE__*/styled.div.withConfig({
34990
- displayName: "NPCMultiDialog__ThumbnailContainer",
34991
- componentId: "sc-rvu5wg-2"
34992
- })(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
34993
- var NPCThumbnail$1 = /*#__PURE__*/styled.img.withConfig({
34994
- displayName: "NPCMultiDialog__NPCThumbnail",
34995
- componentId: "sc-rvu5wg-3"
34996
- })(["image-rendering:pixelated;height:128px;width:128px;"]);
34997
- var PressSpaceIndicator$1 = /*#__PURE__*/styled.img.withConfig({
34998
- displayName: "NPCMultiDialog__PressSpaceIndicator",
34999
- componentId: "sc-rvu5wg-4"
35000
- })(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref3) {
35001
- var right = _ref3.right;
35002
- return right;
35003
- });
35004
-
35005
- var HistoryDialog = function HistoryDialog(_ref) {
35006
- var backgroundImgPath = _ref.backgroundImgPath,
35007
- fullCoverBackground = _ref.fullCoverBackground,
35008
- questions = _ref.questions,
35009
- answers = _ref.answers,
35010
- text = _ref.text,
35011
- imagePath = _ref.imagePath,
35012
- textAndTypeArray = _ref.textAndTypeArray,
35013
- onClose = _ref.onClose;
35014
- var _useState = React.useState(0),
35015
- img = _useState[0],
35016
- setImage = _useState[1];
35017
- var onHandleSpacePress = function onHandleSpacePress(event) {
35018
- if (event.code === 'Space') {
35019
- if (img < (backgroundImgPath == null ? void 0 : backgroundImgPath.length) - 1) {
35020
- setImage(function (prev) {
35021
- return prev + 1;
35022
- });
35023
- } else {
35024
- // if there's no more text chunks, close the dialog
35025
- onClose();
35026
- }
35027
- }
35028
- };
35029
- React.useEffect(function () {
35030
- document.addEventListener('keydown', onHandleSpacePress);
35031
- return function () {
35032
- return document.removeEventListener('keydown', onHandleSpacePress);
35033
- };
35034
- }, [backgroundImgPath]);
35035
- return React__default.createElement(BackgroundContainer, {
35036
- imgPath: backgroundImgPath[img],
35037
- fullImg: fullCoverBackground
35038
- }, React__default.createElement(DialogContainer, null, textAndTypeArray ? React__default.createElement(NPCMultiDialog, {
35039
- textAndTypeArray: textAndTypeArray,
35040
- onClose: onClose
35041
- }) : questions && answers ? React__default.createElement(QuestionDialog, {
35042
- questions: questions,
35043
- answers: answers,
35044
- onClose: onClose
35045
- }) : text && imagePath ? React__default.createElement(NPCDialog, {
35046
- text: text,
35047
- imagePath: imagePath,
35048
- onClose: onClose,
35049
- type: exports.NPCDialogType.TextAndThumbnail
35050
- }) : React__default.createElement(NPCDialog, {
35051
- text: text,
35052
- onClose: onClose,
35053
- type: exports.NPCDialogType.TextOnly
35054
- })));
35055
- };
35056
- var BackgroundContainer = /*#__PURE__*/styled.div.withConfig({
35057
- displayName: "HistoryDialog__BackgroundContainer",
35058
- componentId: "sc-u6oe75-0"
35059
- })(["width:100%;height:100%;background-image:url(", ");background-size:", ";display:flex;justify-content:space-evenly;align-items:center;"], function (props) {
35060
- return props.imgPath;
35061
- }, function (props) {
35062
- return props.imgPath ? 'cover' : 'auto';
35063
- });
35064
- var DialogContainer = /*#__PURE__*/styled.div.withConfig({
35065
- displayName: "HistoryDialog__DialogContainer",
35066
- componentId: "sc-u6oe75-1"
35067
- })(["display:flex;justify-content:center;padding-top:200px;"]);
35068
-
35069
- var SlotsContainer = function SlotsContainer(_ref) {
35070
- var children = _ref.children,
35071
- title = _ref.title,
35072
- onClose = _ref.onClose,
35073
- _onPositionChange = _ref.onPositionChange,
35074
- onOutsideClick = _ref.onOutsideClick,
35075
- initialPosition = _ref.initialPosition,
35076
- scale = _ref.scale;
35077
- return React__default.createElement(DraggableContainer, {
35078
- title: title,
35079
- type: exports.RPGUIContainerTypes.Framed,
35080
- onCloseButton: function onCloseButton() {
35081
- if (onClose) {
35082
- onClose();
35083
- }
35084
- },
35085
- width: "400px",
35086
- cancelDrag: ".item-container-body, #shortcuts_list",
35087
- onPositionChange: function onPositionChange(_ref2) {
35088
- var x = _ref2.x,
35089
- y = _ref2.y;
35090
- if (_onPositionChange) {
35091
- _onPositionChange({
35092
- x: x,
35093
- y: y
35094
- });
35095
- }
35096
- },
35097
- onOutsideClick: onOutsideClick,
35098
- initialPosition: initialPosition,
35099
- scale: scale
35100
- }, children);
35101
- };
35102
-
35103
- (function (RangeSliderType) {
35104
- RangeSliderType["Slider"] = "rpgui-slider";
35105
- RangeSliderType["GoldSlider"] = "rpgui-slider golden";
35106
- })(exports.RangeSliderType || (exports.RangeSliderType = {}));
35107
- var RangeSlider = function RangeSlider(_ref) {
35108
- var type = _ref.type,
35109
- valueMin = _ref.valueMin,
35110
- valueMax = _ref.valueMax,
35111
- width = _ref.width,
35112
- _onChange = _ref.onChange,
35113
- value = _ref.value;
35114
- var sliderId = uuid.v4();
35115
- var containerRef = React.useRef(null);
35116
- var _useState = React.useState(0),
35117
- left = _useState[0],
35118
- setLeft = _useState[1];
35119
- React.useEffect(function () {
35120
- var _containerRef$current;
35121
- var calculatedWidth = ((_containerRef$current = containerRef.current) == null ? void 0 : _containerRef$current.clientWidth) || 0;
35122
- setLeft(Math.max((value - valueMin) / (valueMax - valueMin) * (calculatedWidth - 35) + 10));
35123
- }, [value, valueMin, valueMax]);
35124
- var typeClass = type === exports.RangeSliderType.GoldSlider ? 'golden' : '';
35125
- return React__default.createElement("div", {
35126
- style: {
35127
- width: width,
35128
- position: 'relative'
35129
- },
35130
- className: "rpgui-slider-container " + typeClass,
35131
- id: "rpgui-slider-" + sliderId,
35132
- ref: containerRef
35133
- }, React__default.createElement("div", {
35134
- style: {
35135
- pointerEvents: 'none'
35136
- }
35137
- }, React__default.createElement("div", {
35138
- className: "rpgui-slider-track " + typeClass
35139
- }), React__default.createElement("div", {
35140
- className: "rpgui-slider-left-edge " + typeClass
35141
- }), React__default.createElement("div", {
35142
- className: "rpgui-slider-right-edge " + typeClass
35143
- }), React__default.createElement("div", {
35144
- className: "rpgui-slider-thumb " + typeClass,
35145
- style: {
35146
- left: left
35147
- }
35148
- })), React__default.createElement(Input$1, {
35149
- type: "range",
35150
- style: {
35151
- width: width
35152
- },
35153
- min: valueMin,
35154
- max: valueMax,
35155
- onChange: function onChange(e) {
35156
- return _onChange(Number(e.target.value));
35157
- },
35158
- value: value,
35159
- className: "rpgui-cursor-point"
35160
- }));
35161
- };
35162
- var Input$1 = /*#__PURE__*/styled.input.withConfig({
35163
- displayName: "RangeSlider__Input",
35164
- componentId: "sc-v8mte9-0"
35165
- })(["opacity:0;position:absolute;width:100%;height:100%;top:0;left:0;margin-top:-5px;"]);
35166
-
35167
- var ItemQuantitySelector = function ItemQuantitySelector(_ref) {
35168
- var quantity = _ref.quantity,
35169
- onConfirm = _ref.onConfirm,
35170
- onClose = _ref.onClose;
35171
- var _useState = React.useState(quantity),
35172
- value = _useState[0],
35173
- setValue = _useState[1];
35174
- var inputRef = React.useRef(null);
35175
- React.useEffect(function () {
35176
- if (inputRef.current) {
35177
- inputRef.current.focus();
35178
- inputRef.current.select();
35179
- var closeSelector = function closeSelector(e) {
35180
- if (e.key === 'Escape') {
35181
- onClose();
35182
- }
35183
- };
35184
- document.addEventListener('keydown', closeSelector);
35185
- return function () {
35186
- document.removeEventListener('keydown', closeSelector);
35187
- };
35188
- }
35189
- return function () {};
35190
- }, []);
35191
- return React__default.createElement(StyledContainer, {
35192
- type: exports.RPGUIContainerTypes.Framed,
35193
- width: "25rem"
35194
- }, React__default.createElement(CloseButton$2, {
35195
- className: "container-close",
35196
- onPointerDown: onClose
35197
- }, "X"), React__default.createElement("h2", null, "Select quantity to move"), React__default.createElement(StyledForm, {
35198
- style: {
35199
- width: '100%'
35200
- },
35201
- onSubmit: function onSubmit(e) {
35202
- e.preventDefault();
35203
- var numberValue = Number(value);
35204
- if (Number.isNaN(numberValue)) {
35205
- return;
35206
- }
35207
- onConfirm(Math.max(1, Math.min(quantity, numberValue)));
35208
- },
35209
- noValidate: true
35210
- }, React__default.createElement(StyledInput, {
35211
- innerRef: inputRef,
35212
- placeholder: "Enter quantity",
35213
- type: "number",
35214
- min: 1,
35215
- max: quantity,
35216
- value: value,
35217
- onChange: function onChange(e) {
35218
- if (Number(e.target.value) >= quantity) {
35219
- setValue(quantity);
35220
- return;
35221
- }
35222
- setValue(e.target.value);
35223
- },
35224
- onBlur: function onBlur(e) {
35225
- var newValue = Math.max(1, Math.min(quantity, Number(e.target.value)));
35226
- setValue(newValue);
35227
- }
35228
- }), React__default.createElement(RangeSlider, {
35229
- type: exports.RangeSliderType.Slider,
35230
- valueMin: 1,
35231
- valueMax: quantity,
35232
- width: "100%",
35233
- onChange: setValue,
35234
- value: value
35235
- }), React__default.createElement(Button, {
35236
- buttonType: exports.ButtonTypes.RPGUIButton,
35237
- type: "submit"
35238
- }, "Confirm")));
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")));
35239
34781
  };
35240
34782
  var StyledContainer = /*#__PURE__*/styled(RPGUIContainer).withConfig({
35241
34783
  displayName: "ItemQuantitySelector__StyledContainer",
@@ -35288,7 +34830,7 @@ var ShortcutsSetter = function ShortcutsSetter(_ref) {
35288
34830
  return word[0];
35289
34831
  }));
35290
34832
  };
35291
- return React__default.createElement(Container$i, null, React__default.createElement("p", null, "Shortcuts:"), React__default.createElement(List, {
34833
+ return React__default.createElement(Container$e, null, React__default.createElement("p", null, "Shortcuts:"), React__default.createElement(List, {
35292
34834
  id: "shortcuts_list"
35293
34835
  }, Array.from({
35294
34836
  length: 6
@@ -35304,7 +34846,7 @@ var ShortcutsSetter = function ShortcutsSetter(_ref) {
35304
34846
  }, getContent(i));
35305
34847
  })));
35306
34848
  };
35307
- var Container$i = /*#__PURE__*/styled.div.withConfig({
34849
+ var Container$e = /*#__PURE__*/styled.div.withConfig({
35308
34850
  displayName: "ShortcutsSetter__Container",
35309
34851
  componentId: "sc-xuouuf-0"
35310
34852
  })(["p{margin:0;margin-left:0.5rem;}"]);
@@ -35342,7 +34884,10 @@ var ItemContainer$1 = function ItemContainer(_ref) {
35342
34884
  shortcuts = _ref.shortcuts,
35343
34885
  setItemShortcut = _ref.setItemShortcut,
35344
34886
  removeShortcut = _ref.removeShortcut,
35345
- equipmentSet = _ref.equipmentSet;
34887
+ equipmentSet = _ref.equipmentSet,
34888
+ isDepotSystem = _ref.isDepotSystem,
34889
+ onPositionChangeEnd = _ref.onPositionChangeEnd,
34890
+ onPositionChangeStart = _ref.onPositionChangeStart;
35346
34891
  var _useState = React.useState({
35347
34892
  isOpen: false,
35348
34893
  maxQuantity: 1,
@@ -35402,7 +34947,8 @@ var ItemContainer$1 = function ItemContainer(_ref) {
35402
34947
  atlasIMG: atlasIMG,
35403
34948
  atlasJSON: atlasJSON,
35404
34949
  isSelectingShortcut: settingShortcutIndex !== -1,
35405
- equipmentSet: equipmentSet
34950
+ equipmentSet: equipmentSet,
34951
+ isDepotSystem: isDepotSystem
35406
34952
  }));
35407
34953
  }
35408
34954
  return slots;
@@ -35411,7 +34957,9 @@ var ItemContainer$1 = function ItemContainer(_ref) {
35411
34957
  title: itemContainer.name || 'Container',
35412
34958
  onClose: onClose,
35413
34959
  initialPosition: initialPosition,
35414
- scale: scale
34960
+ scale: scale,
34961
+ onPositionChangeEnd: onPositionChangeEnd,
34962
+ onPositionChangeStart: onPositionChangeStart
35415
34963
  }, type === shared.ItemContainerType.Inventory && shortcuts && removeShortcut && React__default.createElement(ShortcutsSetter, {
35416
34964
  setSettingShortcutIndex: setSettingShortcutIndex,
35417
34965
  settingShortcutIndex: settingShortcutIndex,
@@ -35441,135 +34989,460 @@ var ItemContainer$1 = function ItemContainer(_ref) {
35441
34989
  }
35442
34990
  }))));
35443
34991
  };
35444
- var ItemsContainer = /*#__PURE__*/styled.div.withConfig({
35445
- displayName: "ItemContainer__ItemsContainer",
35446
- componentId: "sc-15y5p9l-0"
35447
- })(["display:flex;justify-content:center;flex-wrap:wrap;"]);
35448
- var QuantitySelectorContainer = /*#__PURE__*/styled.div.withConfig({
35449
- displayName: "ItemContainer__QuantitySelectorContainer",
35450
- componentId: "sc-15y5p9l-1"
35451
- })(["position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:100;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.5);"]);
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);"]);
35000
+
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();
35149
+ }
35150
+ }
35151
+ };
35152
+ React.useEffect(function () {
35153
+ document.addEventListener('keydown', onHandleSpacePress);
35154
+ return function () {
35155
+ return document.removeEventListener('keydown', onHandleSpacePress);
35156
+ };
35157
+ }, [slide]);
35158
+ return React__default.createElement(RPGUIContainer, {
35159
+ type: exports.RPGUIContainerTypes.FramedGold,
35160
+ width: '50%',
35161
+ 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, {
35163
+ flex: '70%'
35164
+ }, React__default.createElement(NPCDialogText, {
35165
+ onStartStep: function onStartStep() {
35166
+ return setShowGoNextIndicator(false);
35167
+ },
35168
+ onEndStep: function onEndStep() {
35169
+ return setShowGoNextIndicator(true);
35170
+ },
35171
+ text: textAndTypeArray[slide].text || 'No text provided.',
35172
+ onClose: function onClose() {
35173
+ if (_onClose) {
35174
+ _onClose();
35175
+ }
35176
+ }
35177
+ })), React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
35178
+ src: textAndTypeArray[slide].imagePath || img$6
35179
+ })), showGoNextIndicator && React__default.createElement(PressSpaceIndicator, {
35180
+ right: '10.5rem',
35181
+ 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, {
35185
+ flex: '70%'
35186
+ }, React__default.createElement(NPCDialogText, {
35187
+ onStartStep: function onStartStep() {
35188
+ return setShowGoNextIndicator(false);
35189
+ },
35190
+ onEndStep: function onEndStep() {
35191
+ return setShowGoNextIndicator(true);
35192
+ },
35193
+ text: textAndTypeArray[slide].text || 'No text provided.',
35194
+ onClose: function onClose() {
35195
+ if (_onClose) {
35196
+ _onClose();
35197
+ }
35198
+ }
35199
+ })), showGoNextIndicator && React__default.createElement(PressSpaceIndicator, {
35200
+ right: '1rem',
35201
+ src: img$7
35202
+ }))), ")"));
35203
+ };
35204
+ var Container$g = /*#__PURE__*/styled.div.withConfig({
35205
+ displayName: "NPCMultiDialog__Container",
35206
+ componentId: "sc-rvu5wg-0"
35207
+ })(["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({
35209
+ displayName: "NPCMultiDialog__TextContainer",
35210
+ componentId: "sc-rvu5wg-1"
35211
+ })(["flex:", " 0 0;width:355px;"], function (_ref2) {
35212
+ var flex = _ref2.flex;
35213
+ return flex;
35214
+ });
35215
+ var ThumbnailContainer = /*#__PURE__*/styled.div.withConfig({
35216
+ displayName: "NPCMultiDialog__ThumbnailContainer",
35217
+ componentId: "sc-rvu5wg-2"
35218
+ })(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
35219
+ var NPCThumbnail = /*#__PURE__*/styled.img.withConfig({
35220
+ displayName: "NPCMultiDialog__NPCThumbnail",
35221
+ componentId: "sc-rvu5wg-3"
35222
+ })(["image-rendering:pixelated;height:128px;width:128px;"]);
35223
+ var PressSpaceIndicator = /*#__PURE__*/styled.img.withConfig({
35224
+ displayName: "NPCMultiDialog__PressSpaceIndicator",
35225
+ componentId: "sc-rvu5wg-4"
35226
+ })(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref3) {
35227
+ var right = _ref3.right;
35228
+ return right;
35229
+ });
35230
+
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++;
35271
+ } else {
35272
+ clearInterval(interval);
35273
+ if (onFinish) {
35274
+ onFinish();
35275
+ }
35276
+ }
35277
+ }, 50);
35278
+ return function () {
35279
+ clearInterval(interval);
35280
+ };
35281
+ }, [text]);
35282
+ return React__default.createElement(TextContainer$1, null, textState);
35283
+ };
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;"]);
35452
35288
 
35453
- var ItemSelector = function ItemSelector(_ref) {
35454
- var atlasIMG = _ref.atlasIMG,
35455
- atlasJSON = _ref.atlasJSON,
35456
- options = _ref.options,
35457
- onClose = _ref.onClose,
35458
- onSelect = _ref.onSelect;
35459
- var _useState = React.useState(),
35460
- selectedValue = _useState[0],
35461
- setSelectedValue = _useState[1];
35462
- var handleClick = function handleClick() {
35463
- var element = document.querySelector("input[name='test']:checked");
35464
- var elementValue = element.value;
35465
- setSelectedValue(elementValue);
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;
35302
+ }
35303
+ var firstAnswerId = currentQuestion.answerIds[0];
35304
+ return answers.find(function (answer) {
35305
+ return answer.id === firstAnswerId;
35306
+ });
35466
35307
  };
35308
+ var _useState3 = React.useState(onGetFirstAnswer()),
35309
+ currentAnswer = _useState3[0],
35310
+ setCurrentAnswer = _useState3[1];
35467
35311
  React.useEffect(function () {
35468
- if (selectedValue) {
35469
- onSelect(selectedValue);
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;
35318
+ });
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;
35470
35365
  }
35471
- }, [selectedValue]);
35472
- return React__default.createElement(DraggableContainer, {
35473
- type: exports.RPGUIContainerTypes.Framed,
35474
- width: "500px",
35475
- cancelDrag: ".equipment-container-body .arrow-selector",
35476
- onCloseButton: function onCloseButton() {
35477
- if (onClose) {
35478
- onClose();
35479
- }
35366
+ };
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();
35480
35378
  }
35481
- }, React__default.createElement("div", {
35482
- style: {
35483
- width: '100%'
35379
+ };
35380
+ var onRenderCurrentAnswers = function onRenderCurrentAnswers() {
35381
+ var answerIds = currentQuestion.answerIds;
35382
+ if (!answerIds) {
35383
+ return null;
35484
35384
  }
35485
- }, React__default.createElement(Title$3, null, 'Harvesting instruments'), React__default.createElement(Subtitle$1, null, 'Use the tool, you need it'), React__default.createElement("hr", {
35486
- className: "golden"
35487
- })), React__default.createElement(RadioInputScroller$1, null, options == null ? void 0 : options.map(function (option, index) {
35488
- return React__default.createElement(RadioOptionsWrapper$1, {
35489
- key: index
35490
- }, React__default.createElement(SpriteAtlasWrapper$1, null, React__default.createElement(SpriteFromAtlas, {
35491
- atlasIMG: atlasIMG,
35492
- atlasJSON: atlasJSON,
35493
- spriteKey: option.imageKey,
35494
- imgScale: 3
35495
- })), React__default.createElement("div", null, React__default.createElement("input", {
35496
- className: "rpgui-radio",
35497
- type: "radio",
35498
- value: option.name,
35499
- name: "test"
35500
- }), React__default.createElement("label", {
35501
- onPointerDown: handleClick,
35502
- style: {
35503
- display: 'flex',
35504
- alignItems: 'center'
35505
- }
35506
- }, option.name, " ", React__default.createElement("br", null), option.description)));
35507
- })), React__default.createElement(ButtonWrapper$1, null, React__default.createElement(Button, {
35508
- buttonType: exports.ButtonTypes.RPGUIButton,
35509
- onPointerDown: onClose
35510
- }, "Cancel"), React__default.createElement(Button, {
35511
- buttonType: exports.ButtonTypes.RPGUIButton
35512
- }, "Select")));
35513
- };
35514
- var Title$3 = /*#__PURE__*/styled.h1.withConfig({
35515
- displayName: "ItemSelector__Title",
35516
- componentId: "sc-gptoxp-0"
35517
- })(["font-size:0.6rem;color:yellow !important;"]);
35518
- var Subtitle$1 = /*#__PURE__*/styled.h1.withConfig({
35519
- displayName: "ItemSelector__Subtitle",
35520
- componentId: "sc-gptoxp-1"
35521
- })(["font-size:0.4rem;color:yellow !important;"]);
35522
- var RadioInputScroller$1 = /*#__PURE__*/styled.div.withConfig({
35523
- displayName: "ItemSelector__RadioInputScroller",
35524
- componentId: "sc-gptoxp-2"
35525
- })(["padding-left:15px;padding-top:10px;width:100%;margin-top:1rem;align-items:center;margin-left:20px;align-items:flex-start;overflow-y:scroll;height:360px;"]);
35526
- var SpriteAtlasWrapper$1 = /*#__PURE__*/styled.div.withConfig({
35527
- displayName: "ItemSelector__SpriteAtlasWrapper",
35528
- componentId: "sc-gptoxp-3"
35529
- })(["margin-right:40px;"]);
35530
- var RadioOptionsWrapper$1 = /*#__PURE__*/styled.div.withConfig({
35531
- displayName: "ItemSelector__RadioOptionsWrapper",
35532
- componentId: "sc-gptoxp-4"
35533
- })(["display:flex;align-items:stretch;margin-bottom:40px;"]);
35534
- var ButtonWrapper$1 = /*#__PURE__*/styled.div.withConfig({
35535
- displayName: "ItemSelector__ButtonWrapper",
35536
- componentId: "sc-gptoxp-5"
35537
- })(["display:flex;justify-content:space-around;padding-top:20px;width:100%;"]);
35538
-
35539
- var ListMenu = function ListMenu(_ref) {
35540
- var options = _ref.options,
35541
- onSelected = _ref.onSelected,
35542
- x = _ref.x,
35543
- y = _ref.y;
35544
- return React__default.createElement(Container$j, {
35545
- x: x,
35546
- y: y
35547
- }, React__default.createElement("ul", {
35548
- className: "rpgui-list-imp",
35549
- style: {
35550
- overflow: 'hidden'
35385
+ var answers = onGetAnswers(answerIds);
35386
+ if (!answers) {
35387
+ return null;
35551
35388
  }
35552
- }, options.map(function (params, index) {
35553
- return React__default.createElement(ListElement$1, {
35554
- key: (params == null ? void 0 : params.id) || index,
35555
- onPointerDown: function onPointerDown() {
35556
- onSelected(params == null ? void 0 : params.id);
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));
35557
35404
  }
35558
- }, (params == null ? void 0 : params.text) || 'No text');
35559
- })));
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);
35415
+ }
35416
+ })), canShowAnswers && React__default.createElement(AnswersContainer, null, onRenderCurrentAnswers()));
35560
35417
  };
35561
- var Container$j = /*#__PURE__*/styled.div.withConfig({
35562
- displayName: "ListMenu__Container",
35563
- componentId: "sc-i9097t-0"
35564
- })(["display:flex;flex-direction:column;width:100%;justify-content:start;align-items:flex-start;position:absolute;top:", "px;left:", "px;li{font-size:", ";}"], function (props) {
35565
- return props.y || 0;
35566
- }, function (props) {
35567
- return props.x || 0;
35568
- }, uiFonts.size.xsmall);
35569
- var ListElement$1 = /*#__PURE__*/styled.li.withConfig({
35570
- displayName: "ListMenu__ListElement",
35571
- componentId: "sc-i9097t-1"
35572
- })(["margin-right:0.5rem;"]);
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;}"]);
35573
35446
 
35574
35447
  var ProgressBar = function ProgressBar(_ref) {
35575
35448
  var max = _ref.max,
@@ -35588,7 +35461,7 @@ var ProgressBar = function ProgressBar(_ref) {
35588
35461
  }
35589
35462
  return value * 100 / max;
35590
35463
  };
35591
- return React__default.createElement(Container$k, {
35464
+ return React__default.createElement(Container$i, {
35592
35465
  className: "rpgui-progress",
35593
35466
  "data-value": calculatePercentageValue(max, value) / 100,
35594
35467
  "data-rpguitype": "progress",
@@ -35617,7 +35490,7 @@ var TextOverlay$1 = /*#__PURE__*/styled.div.withConfig({
35617
35490
  displayName: "ProgressBar__TextOverlay",
35618
35491
  componentId: "sc-qa6fzh-1"
35619
35492
  })(["width:100%;position:relative;"]);
35620
- var Container$k = /*#__PURE__*/styled.div.withConfig({
35493
+ var Container$i = /*#__PURE__*/styled.div.withConfig({
35621
35494
  displayName: "ProgressBar__Container",
35622
35495
  componentId: "sc-qa6fzh-2"
35623
35496
  })(["display:flex;flex-direction:column;min-width:", "px;width:", "%;justify-content:start;align-items:flex-start;", ""], function (props) {
@@ -35628,7 +35501,7 @@ var Container$k = /*#__PURE__*/styled.div.withConfig({
35628
35501
  return props.style;
35629
35502
  });
35630
35503
 
35631
- var img$9 = 'data:image/png;base64,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';
35504
+ var img$8 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAEZ0FNQQAAsY58+1GTAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAHcSURBVHja7Ji/agJBEId/K/cCdoKFFjZCbGxCekmVOunzCil8hhS+gr3WVmIvKbQxIILFKQjXhCPkASZN5tjd27ud9SRYOKV3u/ftN7P/VESEa4gariRuIHZEkpeUUkYhEZEKbeNrG0mJJ/MlOq0m9odTKRg/W+2OaDfqRh9xkmbPbaBIMrLJfInB/R0AoN2o4+v7B3GSAkAOzAXAwW0XH59QSpEOIzLCEHanuq31Zot+r1sIYcdwNDZgahIblww2GTxrXDb02B9OAIB+r4tOqymCYXtspRQkxMZ6s82lK8SG14jPBnccYmM6W6Df62ZWSkGkNjgt59p4eXyAt1h9NvSoasMJcs5MqWqj0IjEBncuNVdmIwcSYmN/OIlSUjZTnCD2Ui7pXLqK+tKSgTCEtOikBcrAvrQAQE2HkIwwTlJj2l7CBgBERKSUUrTaHQ3lcZI6t3G2IZ0pEhvZ7ssww9E4Wym5YUi6qoQioqDZwmB6emxDtg3ej97fXv0nNN64OHQrutbpbGG8o//2/DRwpsyXFsOI9DDjCv0j+oCkNowakR6iXSks+rjURtDhWS9q+1DtMiL5eC41lar9D8w2pQMVrR1nGym7p9hA/25EcrESXchu/wbcQDzxOwDLF0pIXBCe1wAAAABJRU5ErkJggg==';
35632
35505
 
35633
35506
  var QuestInfo = function QuestInfo(_ref) {
35634
35507
  var quests = _ref.quests,
@@ -35672,7 +35545,7 @@ var QuestInfo = function QuestInfo(_ref) {
35672
35545
  }), React__default.createElement(QuestContainer, null, React__default.createElement(TitleContainer$1, {
35673
35546
  className: "drag-handler"
35674
35547
  }, React__default.createElement(Title$4, null, React__default.createElement(Thumbnail, {
35675
- src: quests[currentIndex].thumbnail || img$9
35548
+ src: quests[currentIndex].thumbnail || img$8
35676
35549
  }), quests[currentIndex].title), React__default.createElement(QuestSplitDiv, null, React__default.createElement("hr", {
35677
35550
  className: "golden"
35678
35551
  }))), React__default.createElement(Content, null, React__default.createElement("p", null, quests[currentIndex].description)), React__default.createElement(QuestColumn, {
@@ -35691,7 +35564,7 @@ var QuestInfo = function QuestInfo(_ref) {
35691
35564
  })))) : React__default.createElement(QuestsContainer, null, React__default.createElement(QuestContainer, null, React__default.createElement(TitleContainer$1, {
35692
35565
  className: "drag-handler"
35693
35566
  }, React__default.createElement(Title$4, null, React__default.createElement(Thumbnail, {
35694
- src: quests[0].thumbnail || img$9
35567
+ src: quests[0].thumbnail || img$8
35695
35568
  }), quests[0].title), React__default.createElement(QuestSplitDiv, null, React__default.createElement("hr", {
35696
35569
  className: "golden"
35697
35570
  }))), React__default.createElement(Content, null, React__default.createElement("p", null, quests[0].description)), React__default.createElement(QuestColumn, {
@@ -35942,7 +35815,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
35942
35815
  bgColor = _ref$bgColor === void 0 ? 'red' : _ref$bgColor,
35943
35816
  _ref$margin = _ref.margin,
35944
35817
  margin = _ref$margin === void 0 ? 20 : _ref$margin;
35945
- return React__default.createElement(Container$l, {
35818
+ return React__default.createElement(Container$j, {
35946
35819
  className: "simple-progress-bar"
35947
35820
  }, React__default.createElement(ProgressBarContainer, {
35948
35821
  margin: margin
@@ -35951,7 +35824,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
35951
35824
  bgColor: bgColor
35952
35825
  }))));
35953
35826
  };
35954
- var Container$l = /*#__PURE__*/styled.div.withConfig({
35827
+ var Container$j = /*#__PURE__*/styled.div.withConfig({
35955
35828
  displayName: "SimpleProgressBar__Container",
35956
35829
  componentId: "sc-mbeil3-0"
35957
35830
  })(["display:flex;justify-content:center;align-items:center;width:100%;"]);
@@ -36182,7 +36055,7 @@ var Spell = function Spell(_ref) {
36182
36055
  isSettingShortcut = _ref.isSettingShortcut,
36183
36056
  minMagicLevelRequired = _ref.minMagicLevelRequired;
36184
36057
  var disabled = isSettingShortcut ? charMagicLevel < minMagicLevelRequired : manaCost > charMana || charMagicLevel < minMagicLevelRequired;
36185
- return React__default.createElement(Container$m, {
36058
+ return React__default.createElement(Container$k, {
36186
36059
  disabled: disabled,
36187
36060
  onPointerDown: onPointerDown == null ? void 0 : onPointerDown.bind(null, spellKey),
36188
36061
  isSettingShortcut: isSettingShortcut && !disabled,
@@ -36195,7 +36068,7 @@ var Spell = function Spell(_ref) {
36195
36068
  className: "mana"
36196
36069
  }, manaCost)));
36197
36070
  };
36198
- var Container$m = /*#__PURE__*/styled.button.withConfig({
36071
+ var Container$k = /*#__PURE__*/styled.button.withConfig({
36199
36072
  displayName: "Spell__Container",
36200
36073
  componentId: "sc-j96fa2-0"
36201
36074
  })(["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) {
@@ -36282,7 +36155,7 @@ var Spellbook = function Spellbook(_ref) {
36282
36155
  height: "inherit",
36283
36156
  cancelDrag: "#spellbook-search, #shortcuts_list, .spell",
36284
36157
  scale: scale
36285
- }, React__default.createElement(Container$n, null, React__default.createElement(Title$7, null, "Learned Spells"), React__default.createElement(ShortcutsSetter, {
36158
+ }, React__default.createElement(Container$l, null, React__default.createElement(Title$7, null, "Learned Spells"), React__default.createElement(ShortcutsSetter, {
36286
36159
  setSettingShortcutIndex: setSettingShortcutIndex,
36287
36160
  settingShortcutIndex: settingShortcutIndex,
36288
36161
  shortcuts: shortcuts,
@@ -36314,7 +36187,7 @@ var Title$7 = /*#__PURE__*/styled.h1.withConfig({
36314
36187
  displayName: "Spellbook__Title",
36315
36188
  componentId: "sc-r02nfq-0"
36316
36189
  })(["font-size:", " !important;margin-bottom:0 !important;"], uiFonts.size.large);
36317
- var Container$n = /*#__PURE__*/styled.div.withConfig({
36190
+ var Container$l = /*#__PURE__*/styled.div.withConfig({
36318
36191
  displayName: "Spellbook__Container",
36319
36192
  componentId: "sc-r02nfq-1"
36320
36193
  })(["width:100%;height:100%;color:white;display:flex;flex-direction:column;"]);
@@ -36328,16 +36201,16 @@ var TextArea = function TextArea(_ref) {
36328
36201
  return React__default.createElement("textarea", Object.assign({}, props));
36329
36202
  };
36330
36203
 
36331
- var img$a = 'data:image/gif;base64,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';
36204
+ var img$9 = 'data:image/gif;base64,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';
36332
36205
 
36333
- var img$b = 'data:image/gif;base64,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';
36206
+ var img$a = 'data:image/gif;base64,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';
36334
36207
 
36335
- var img$c = 'data:image/gif;base64,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';
36208
+ var img$b = 'data:image/gif;base64,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';
36336
36209
 
36337
36210
  var DayNightPeriod = function DayNightPeriod(_ref) {
36338
36211
  var _periodOfDaySrcFiles;
36339
36212
  var periodOfDay = _ref.periodOfDay;
36340
- var periodOfDaySrcFiles = (_periodOfDaySrcFiles = {}, _periodOfDaySrcFiles[shared.PeriodOfDay.Morning] = img$b, _periodOfDaySrcFiles[shared.PeriodOfDay.Afternoon] = img$a, _periodOfDaySrcFiles[shared.PeriodOfDay.Night] = img$c, _periodOfDaySrcFiles);
36213
+ var periodOfDaySrcFiles = (_periodOfDaySrcFiles = {}, _periodOfDaySrcFiles[shared.PeriodOfDay.Morning] = img$a, _periodOfDaySrcFiles[shared.PeriodOfDay.Afternoon] = img$9, _periodOfDaySrcFiles[shared.PeriodOfDay.Night] = img$b, _periodOfDaySrcFiles);
36341
36214
  return React__default.createElement(GifContainer, null, React__default.createElement("img", {
36342
36215
  src: periodOfDaySrcFiles[periodOfDay]
36343
36216
  }));
@@ -36347,7 +36220,7 @@ var GifContainer = /*#__PURE__*/styled.div.withConfig({
36347
36220
  componentId: "sc-10t97fw-0"
36348
36221
  })(["width:100%;img{width:67%;}"]);
36349
36222
 
36350
- var img$d = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAABHCAYAAAA0qHhdAAAAAXNSR0IArs4c6QAABGRJREFUeJztnb9PGzEUx7+JMjC0Uge6tVsVdTghQP0D2qgjzGz8D8woE2LO/5CNOcwlU9WJRCgDYmWJRAYkFgak6wDv5HPsO9/P8J79WUhicr7nzz3bOV8uHbRPXOXN2x++1LUfYnh4uu8AQK+FulLy7hbHxn96vrh22tjW0b7xPVtH+87bkMbnj1/jh6f7TqfBOmKgurwy6MJ10VRuKqNylwMl7wBy3U5WuetBOhg9om6ZSRaqEtvImJ2zRfL4/GA3eXy494LJzNwBmcpc//9w7wUAMJn1ktdt5bbnaj228qw6VeqWGbctUEXNxn40Fj+2/jn5lHpel8xUd+oqcedsUajum2HkNHEiqf1oDAD4/e1HkWrYMF8uE6GTWQ+j6aryBCh2lVhUXt77bXJpP2i/+tE41e1y5uo2W1cVmfHd4rhxiXnbdZEqReiv76/jpE1q2YbOFNmUwDxsYreO9lkLvbrtJSLp+Xy5xN9/g8TBYPSIboltv0uRWXU/X1zjbnGM08t527tUC7aM1B0UbXiryE1KNGHKUu4ZqjKarpLMpAlQkcxkIxIw7xP3DLVBnzldZbISSUgXqvtwkclSJCFNqDpu0mdqOkOUJ5O1SEKSUHVWWyQzRYgkJAml7KTMzBszRYkkJAhVu1ny49rNpuAskuAaw9VtL/d0nikwY1ZybQQb+udQ+gzKZbXFtGqiq3Y63yoR6m770Rg3wyi1gK1iel1dQNbLqazsX9M2dKib1bPNi6wkbNl5M4w2tUulGIwe8fB031nrhH0RCbzGpgrVJxSEaYXfdoWCrdxE1lUNtnJ9+6PpKrmgSxUVm45IyTIB8zncnbPF2th58nMbo+kq9zUX8t5XpC4SCQSZVpkovzy4MWiHvRRJSBFaZj0z8E6xyvQlKwE5sYbMFEQXlvHSd97apNL3YtomZKYgjDKljCFFkBBzyExBBJmCCDIFEWQKIsgURJApiCBTEEGmILqA26q4b3Bsk5CZgjDKdL1/gCQkxJzI5NitNAXXtugC6HC5NL9N3tqE1cn3MGYKIiVT7V4kjCGuqLFy7WIBw61jOAdTFikxp66bPT/YXbsnm4RF2yz0Hmgy67EcLwHDmCnlKC0D99hVmcmslntQZaCYuWYlYPgWmOkeOaeXc5bB5XF+sLs2yeMs05iC+rh5uBfF0sbO17EyHSf3HkkfMzunl3P2QZWB88SHsO246JmtpBmsSuYZoMmsJ+5Egn6CQFIvlHUkrk2GKFO5ZiiJ1AVKyEogPwDj7BbgN8M1zVwBOSIBtyDYC/VBJOAeCFuhvogEigXDTqhPIoESd4LmItQ3kUC5oKxCgc1LtUkEZIsEKvx6wnsU6rNIoFpwmUKJpsVmCVT2ARAuEqgeoJNQoH6pLhLf6gU8EAnUE2QMoPDPSxSV6ypP2T499EIkUG+gzlnaND5lo0pjv5/Ztljt2l/vRALNBl2q+y2Kj92pjTYaIDXWVZVruPree4nEJhqi6ppokGfhP6xr60VVr5O+AAAAAElFTkSuQmCC';
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';
36351
36224
 
36352
36225
  var TimeWidget = function TimeWidget(_ref) {
36353
36226
  var onClose = _ref.onClose,
@@ -36365,7 +36238,7 @@ var TimeWidget = function TimeWidget(_ref) {
36365
36238
  var WidgetContainer = /*#__PURE__*/styled.div.withConfig({
36366
36239
  displayName: "TimeWidget__WidgetContainer",
36367
36240
  componentId: "sc-1ja236h-0"
36368
- })(["background-image:url(", ");background-size:10rem;background-repeat:no-repeat;width:10rem;position:absolute;height:100px;"], img$d);
36241
+ })(["background-image:url(", ");background-size:10rem;background-repeat:no-repeat;width:10rem;position:absolute;height:100px;"], img$c);
36369
36242
  var Time = /*#__PURE__*/styled.div.withConfig({
36370
36243
  displayName: "TimeWidget__Time",
36371
36244
  componentId: "sc-1ja236h-1"
@@ -36614,17 +36487,230 @@ var Truncate = function Truncate(_ref) {
36614
36487
  var _ref$maxLines = _ref.maxLines,
36615
36488
  maxLines = _ref$maxLines === void 0 ? 1 : _ref$maxLines,
36616
36489
  children = _ref.children;
36617
- return React__default.createElement(Container$o, {
36490
+ return React__default.createElement(Container$m, {
36618
36491
  maxLines: maxLines
36619
36492
  }, children);
36620
36493
  };
36621
- var Container$o = /*#__PURE__*/styled.div.withConfig({
36494
+ var Container$m = /*#__PURE__*/styled.div.withConfig({
36622
36495
  displayName: "Truncate__Container",
36623
36496
  componentId: "sc-6x00qb-0"
36624
36497
  })(["display:-webkit-box;max-width:100%;max-height:100%;-webkit-line-clamp:", ";-webkit-box-orient:vertical;overflow:hidden;"], function (props) {
36625
36498
  return props.maxLines;
36626
36499
  });
36627
36500
 
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
+
36628
36714
  exports.Button = Button;
36629
36715
  exports.CharacterSelection = CharacterSelection;
36630
36716
  exports.Chat = Chat;