@rpg-engine/long-bow 0.3.80 → 0.3.82

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (149) hide show
  1. package/LICENSE +20 -20
  2. package/README.md +181 -181
  3. package/dist/components/Abstractions/ModalPortal.d.ts +6 -0
  4. package/dist/long-bow.cjs.development.js +805 -807
  5. package/dist/long-bow.cjs.development.js.map +1 -1
  6. package/dist/long-bow.cjs.production.min.js +1 -1
  7. package/dist/long-bow.cjs.production.min.js.map +1 -1
  8. package/dist/long-bow.esm.js +808 -810
  9. package/dist/long-bow.esm.js.map +1 -1
  10. package/package.json +100 -100
  11. package/src/components/Abstractions/ModalPortal.tsx +22 -0
  12. package/src/components/Abstractions/SlotsContainer.tsx +48 -48
  13. package/src/components/Arrow/SelectArrow.tsx +69 -69
  14. package/src/components/Arrow/img/arrow01-left-clicked.png +0 -0
  15. package/src/components/Arrow/img/arrow01-left.png +0 -0
  16. package/src/components/Arrow/img/arrow01-right-clicked.png +0 -0
  17. package/src/components/Arrow/img/arrow01-right.png +0 -0
  18. package/src/components/Arrow/img/arrow02-left-clicked.png +0 -0
  19. package/src/components/Arrow/img/arrow02-left.png +0 -0
  20. package/src/components/Arrow/img/arrow02-right-clicked.png +0 -0
  21. package/src/components/Arrow/img/arrow02-right.png +0 -0
  22. package/src/components/Button.tsx +40 -40
  23. package/src/components/Character/CharacterSelection.tsx +96 -96
  24. package/src/components/CharacterStatus/CharacterStatus.tsx +120 -120
  25. package/src/components/Chat/Chat.tsx +196 -195
  26. package/src/components/Chatdeprecated/ChatDeprecated.tsx +198 -198
  27. package/src/components/CheckButton.tsx +65 -65
  28. package/src/components/CircularController/CircularController.tsx +248 -248
  29. package/src/components/CraftBook/CraftBook.tsx +241 -241
  30. package/src/components/CraftBook/MockItems.ts +77 -77
  31. package/src/components/DraggableContainer.tsx +156 -156
  32. package/src/components/Dropdown.tsx +90 -90
  33. package/src/components/DropdownSelectorContainer.tsx +42 -42
  34. package/src/components/Equipment/EquipmentSet.tsx +191 -191
  35. package/src/components/HistoryDialog.tsx +104 -104
  36. package/src/components/Input.tsx +15 -15
  37. package/src/components/Item/Cards/ItemInfo.tsx +252 -252
  38. package/src/components/Item/Cards/ItemInfoDisplay.tsx +128 -128
  39. package/src/components/Item/Cards/ItemInfoWrapper.tsx +62 -62
  40. package/src/components/Item/Cards/ItemTooltip.tsx +83 -85
  41. package/src/components/Item/Cards/MobileItemTooltip.tsx +149 -134
  42. package/src/components/Item/Inventory/ErrorBoundary.tsx +42 -42
  43. package/src/components/Item/Inventory/ItemContainer.tsx +218 -215
  44. package/src/components/Item/Inventory/ItemContainerTypes.ts +6 -6
  45. package/src/components/Item/Inventory/ItemQuantitySelector.tsx +138 -138
  46. package/src/components/Item/Inventory/ItemSlot.tsx +546 -544
  47. package/src/components/Item/Inventory/itemContainerHelper.ts +156 -156
  48. package/src/components/ListMenu.tsx +63 -63
  49. package/src/components/Multitab/Tab.tsx +66 -66
  50. package/src/components/Multitab/TabBody.tsx +13 -13
  51. package/src/components/Multitab/TabsContainer.tsx +97 -97
  52. package/src/components/NPCDialog/NPCDialog.tsx +121 -121
  53. package/src/components/NPCDialog/NPCDialogText.tsx +113 -113
  54. package/src/components/NPCDialog/NPCMultiDialog.tsx +159 -159
  55. package/src/components/NPCDialog/QuestionDialog/QuestionDialog.tsx +237 -237
  56. package/src/components/ProgressBar.tsx +92 -92
  57. package/src/components/PropertySelect/PropertySelect.tsx +106 -106
  58. package/src/components/QuestInfo/QuestInfo.tsx +233 -233
  59. package/src/components/QuestList.tsx +135 -135
  60. package/src/components/RPGUIContainer.tsx +47 -47
  61. package/src/components/RPGUIForceRenderStart.tsx +45 -45
  62. package/src/components/RPGUIRoot.tsx +14 -14
  63. package/src/components/RadioButton.tsx +53 -53
  64. package/src/components/RadioInput/RadioButton.tsx +96 -96
  65. package/src/components/RadioInput/RadioInput.tsx +102 -102
  66. package/src/components/RadioInput/instruments.ts +15 -15
  67. package/src/components/RangeSlider.tsx +78 -78
  68. package/src/components/RelativeListMenu.tsx +83 -83
  69. package/src/components/ScrollList.tsx +79 -79
  70. package/src/components/Shortcuts/Shortcuts.tsx +151 -151
  71. package/src/components/Shortcuts/ShortcutsSetter.tsx +132 -132
  72. package/src/components/Shortcuts/SingleShortcut.ts +62 -62
  73. package/src/components/SimpleProgressBar.tsx +62 -62
  74. package/src/components/SkillProgressBar.tsx +133 -133
  75. package/src/components/SkillsContainer.tsx +206 -206
  76. package/src/components/Spellbook/Spell.tsx +201 -201
  77. package/src/components/Spellbook/Spellbook.tsx +153 -153
  78. package/src/components/Spellbook/constants.ts +8 -8
  79. package/src/components/Spellbook/mockSpells.ts +60 -60
  80. package/src/components/StaticBook/StaticBook.tsx +103 -103
  81. package/src/components/TextArea.tsx +11 -11
  82. package/src/components/TimeWidget/DayNightPeriod/DayNightPeriod.tsx +35 -35
  83. package/src/components/TimeWidget/TimeWidget.tsx +65 -65
  84. package/src/components/TradingMenu/TradingItemRow.tsx +198 -198
  85. package/src/components/TradingMenu/TradingMenu.tsx +216 -216
  86. package/src/components/TradingMenu/items.mock.ts +48 -48
  87. package/src/components/Truncate.tsx +25 -25
  88. package/src/components/itemSelector/ItemSelector.tsx +136 -136
  89. package/src/components/shared/Column.tsx +16 -16
  90. package/src/components/shared/Ellipsis.tsx +65 -65
  91. package/src/components/shared/SpriteFromAtlas.tsx +104 -104
  92. package/src/components/typography/DynamicText.tsx +49 -49
  93. package/src/constants/uiColors.ts +20 -20
  94. package/src/constants/uiDevices.ts +3 -3
  95. package/src/constants/uiFonts.ts +12 -12
  96. package/src/hooks/useEventListener.ts +21 -21
  97. package/src/hooks/useOutsideAlerter.ts +25 -25
  98. package/src/index.tsx +40 -40
  99. package/src/libs/StringHelpers.ts +3 -3
  100. package/src/mocks/atlas/entities/entities.json +20215 -20215
  101. package/src/mocks/atlas/icons/icons.json +735 -735
  102. package/src/mocks/atlas/items/items.json +12086 -12086
  103. package/src/mocks/equipmentSet.mocks.ts +391 -391
  104. package/src/mocks/itemContainer.mocks.ts +563 -563
  105. package/src/mocks/skills.mocks.ts +128 -128
  106. package/src/stories/Arrow.stories.tsx +26 -26
  107. package/src/stories/Button.stories.tsx +36 -36
  108. package/src/stories/CharacterSelection.stories.tsx +45 -45
  109. package/src/stories/CharacterStatus.stories.tsx +29 -29
  110. package/src/stories/Chat.stories.tsx +187 -187
  111. package/src/stories/ChatDeprecated.stories.tsx +170 -170
  112. package/src/stories/CheckButton.stories.tsx +48 -48
  113. package/src/stories/CircullarController.stories.tsx +37 -37
  114. package/src/stories/CraftBook.stories.tsx +42 -42
  115. package/src/stories/DayNightPeriod.stories.tsx +27 -27
  116. package/src/stories/DraggableContainer.stories.tsx +28 -28
  117. package/src/stories/Dropdown.stories.tsx +46 -46
  118. package/src/stories/DropdownSelectorContainer.stories.tsx +41 -41
  119. package/src/stories/EquipmentSet.stories.tsx +65 -65
  120. package/src/stories/HistoryDialog.stories.tsx +61 -61
  121. package/src/stories/ItemContainer.stories.tsx +200 -200
  122. package/src/stories/ItemInfoDisplay.stories.tsx +33 -33
  123. package/src/stories/ItemQuantitySelector.stories.tsx +26 -26
  124. package/src/stories/ItemSelector.stories.tsx +77 -77
  125. package/src/stories/ItemTradingComponent.stories.tsx +35 -35
  126. package/src/stories/ListMenu.stories.tsx +56 -56
  127. package/src/stories/Multitab.stories.tsx +51 -51
  128. package/src/stories/NPCDialog.stories.tsx +130 -130
  129. package/src/stories/NPCMultiDialog.stories.tsx +71 -71
  130. package/src/stories/ProgressBar.stories.tsx +23 -23
  131. package/src/stories/PropertySelect.stories.tsx +40 -40
  132. package/src/stories/QuestInfo.stories.tsx +107 -107
  133. package/src/stories/QuestList.stories.tsx +82 -82
  134. package/src/stories/RPGUIContainers.stories.tsx +42 -42
  135. package/src/stories/RadioButton.stories.tsx +49 -49
  136. package/src/stories/RadioInput.stories.tsx +34 -34
  137. package/src/stories/RangeSlider.stories.tsx +64 -64
  138. package/src/stories/ScrollList.stories.tsx +85 -85
  139. package/src/stories/Shortcuts.stories.tsx +39 -39
  140. package/src/stories/SimpleProgressBar.stories.tsx +22 -22
  141. package/src/stories/SkillProgressBar.stories.tsx +34 -34
  142. package/src/stories/SkillsContainer.stories.tsx +35 -35
  143. package/src/stories/Spellbook.stories.tsx +104 -104
  144. package/src/stories/StaticBook.stories.tsx +32 -32
  145. package/src/stories/Text.stories.tsx +42 -42
  146. package/src/stories/TimeWidget.stories.tsx +27 -27
  147. package/src/stories/TradingMenu.stories.tsx +47 -47
  148. package/src/types/eventTypes.ts +4 -4
  149. package/src/types/index.d.ts +2 -2
@@ -13,6 +13,7 @@ var reactErrorBoundary = require('react-error-boundary');
13
13
  var rx = require('react-icons/rx');
14
14
  var Draggable = _interopDefault(require('react-draggable'));
15
15
  var uuid = require('uuid');
16
+ var ReactDOM = _interopDefault(require('react-dom'));
16
17
  var lodash = require('lodash');
17
18
  var mobxReactLite = require('mobx-react-lite');
18
19
  require('rpgui/rpgui.min.css');
@@ -32744,6 +32745,7 @@ var Chat = function Chat(_ref) {
32744
32745
  };
32745
32746
  var handleSubmit = function handleSubmit(event) {
32746
32747
  event.preventDefault();
32748
+ if (!message || message.trim() === '') return;
32747
32749
  onSendChatMessage(message);
32748
32750
  setMessage('');
32749
32751
  };
@@ -33365,6 +33367,18 @@ var DropdownOptions = /*#__PURE__*/styled.ul.withConfig({
33365
33367
  return props.opened ? 'block' : 'none';
33366
33368
  });
33367
33369
 
33370
+ var modalRoot = /*#__PURE__*/document.getElementById('modal-root');
33371
+ var ModalPortal = function ModalPortal(_ref) {
33372
+ var children = _ref.children;
33373
+ return ReactDOM.createPortal(React__default.createElement(Container$8, {
33374
+ className: "rpgui-content"
33375
+ }, children), modalRoot);
33376
+ };
33377
+ var Container$8 = /*#__PURE__*/styled.div.withConfig({
33378
+ displayName: "ModalPortal__Container",
33379
+ componentId: "sc-dgmp04-0"
33380
+ })(["position:static !important;"]);
33381
+
33368
33382
  var RelativeListMenu = function RelativeListMenu(_ref) {
33369
33383
  var options = _ref.options,
33370
33384
  onSelected = _ref.onSelected,
@@ -33386,7 +33400,7 @@ var RelativeListMenu = function RelativeListMenu(_ref) {
33386
33400
  document.removeEventListener('clickOutside', function (_e) {});
33387
33401
  };
33388
33402
  }, []);
33389
- return React__default.createElement(Container$8, {
33403
+ return React__default.createElement(Container$9, {
33390
33404
  fontSize: fontSize,
33391
33405
  ref: ref
33392
33406
  }, React__default.createElement("ul", {
@@ -33403,7 +33417,7 @@ var RelativeListMenu = function RelativeListMenu(_ref) {
33403
33417
  }, (params == null ? void 0 : params.text) || 'No text');
33404
33418
  })));
33405
33419
  };
33406
- var Container$8 = /*#__PURE__*/styled.div.withConfig({
33420
+ var Container$9 = /*#__PURE__*/styled.div.withConfig({
33407
33421
  displayName: "RelativeListMenu__Container",
33408
33422
  componentId: "sc-7hohf-0"
33409
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) {
@@ -33425,24 +33439,17 @@ var MobileItemTooltip = function MobileItemTooltip(_ref) {
33425
33439
  options = _ref.options,
33426
33440
  onSelected = _ref.onSelected;
33427
33441
  var ref = React.useRef(null);
33428
- React.useEffect(function () {
33429
- var current = ref.current;
33430
- if (current) {
33431
- // Adjust the position to be on whole window
33432
- var rect = current.getBoundingClientRect();
33433
- var x = -rect.x * 100 / (scale * 100);
33434
- var y = -rect.y * 100 / (scale * 100);
33435
- current.style.transform = "translate(" + x + "px, " + y + "px)";
33436
- current.style.opacity = '0.92';
33437
- }
33438
- return;
33439
- }, []);
33440
- return React__default.createElement(Container$9, {
33442
+ var handleFadeOut = function handleFadeOut() {
33443
+ var _ref$current;
33444
+ (_ref$current = ref.current) == null ? void 0 : _ref$current.classList.add('fadeOut');
33445
+ };
33446
+ return React__default.createElement(ModalPortal, null, React__default.createElement(Container$a, {
33441
33447
  ref: ref,
33442
33448
  onTouchEnd: function onTouchEnd() {
33449
+ handleFadeOut();
33443
33450
  setTimeout(function () {
33444
33451
  closeTooltip();
33445
- }, 10);
33452
+ }, 100);
33446
33453
  },
33447
33454
  scale: scale
33448
33455
  }, React__default.createElement(ItemInfoDisplay, {
@@ -33455,24 +33462,19 @@ var MobileItemTooltip = function MobileItemTooltip(_ref) {
33455
33462
  return React__default.createElement(Option, {
33456
33463
  key: option.id,
33457
33464
  onTouchEnd: function onTouchEnd() {
33465
+ handleFadeOut();
33458
33466
  setTimeout(function () {
33459
33467
  onSelected == null ? void 0 : onSelected(option.id);
33460
33468
  closeTooltip();
33461
- }, 10);
33469
+ }, 100);
33462
33470
  }
33463
33471
  }, option.text);
33464
- })));
33472
+ }))));
33465
33473
  };
33466
- var Container$9 = /*#__PURE__*/styled.div.withConfig({
33474
+ var Container$a = /*#__PURE__*/styled.div.withConfig({
33467
33475
  displayName: "MobileItemTooltip__Container",
33468
33476
  componentId: "sc-ku4p1j-0"
33469
- })(["position:fixed;z-index:50;left:0;top:0;opacity:0;width:", ";height:", ";background-color:rgba(0 0 0 / 0.5);display:flex;justify-content:center;align-items:center;gap:0.5rem;@media (max-width:580px){flex-direction:column;}"], function (_ref2) {
33470
- var scale = _ref2.scale;
33471
- return "calc(100vw * 100 / " + scale * 100 + ")";
33472
- }, function (_ref3) {
33473
- var scale = _ref3.scale;
33474
- return "calc(100vh * 100 / " + scale * 100 + ")";
33475
- });
33477
+ })(["position:absolute;z-index:100;left:0;top:0;width:100vw;height:100vh;background-color:rgba(0 0 0 / 0.5);display:flex;justify-content:center;align-items:center;gap:0.5rem;transition:opacity 0.08s;animation:fadeIn 0.1s forwards;@keyframes fadeIn{0%{opacity:0;}100%{opacity:0.92;}}@keyframes fadeOut{0%{opacity:0.92;}100%{opacity:0;}}&.fadeOut{animation:fadeOut 0.1s forwards;}@media (max-width:580px){flex-direction:column;}"]);
33476
33478
  var OptionsContainer = /*#__PURE__*/styled.div.withConfig({
33477
33479
  displayName: "MobileItemTooltip__OptionsContainer",
33478
33480
  componentId: "sc-ku4p1j-1"
@@ -33480,7 +33482,7 @@ var OptionsContainer = /*#__PURE__*/styled.div.withConfig({
33480
33482
  var Option = /*#__PURE__*/styled.button.withConfig({
33481
33483
  displayName: "MobileItemTooltip__Option",
33482
33484
  componentId: "sc-ku4p1j-2"
33483
- })(["padding:1rem;background-color:#333;color:white;border:none;border-radius:3px;width:8rem;transition:background-color 0.2s;&:hover{background-color:#555;}@media (max-width:580px){padding:1rem 0.5rem;}"]);
33485
+ })(["padding:1rem;background-color:#333;color:white;border:none;border-radius:3px;width:8rem;transition:background-color 0.1s;&:hover{background-color:#555;}@media (max-width:580px){padding:1rem 0.5rem;}"]);
33484
33486
 
33485
33487
  var generateContextMenuListOptions = function generateContextMenuListOptions(actionsByTypeList) {
33486
33488
  var contextMenu = actionsByTypeList.map(function (action) {
@@ -33675,7 +33677,7 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
33675
33677
  maxWidth: "48px"
33676
33678
  }, React__default.createElement(ItemQty, {
33677
33679
  className: qtyClassName
33678
- }, " ", stackQty, " ")));
33680
+ }, Math.round(stackQty * 100) / 100, ' ')));
33679
33681
  }
33680
33682
  return undefined;
33681
33683
  };
@@ -33769,7 +33771,7 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
33769
33771
  onDragEnd(quantity);
33770
33772
  }
33771
33773
  };
33772
- return React__default.createElement(Container$a, {
33774
+ return React__default.createElement(Container$b, {
33773
33775
  item: item,
33774
33776
  className: "rpgui-icon empty-slot",
33775
33777
  onMouseUp: function onMouseUp() {
@@ -33920,7 +33922,7 @@ var rarityColor = function rarityColor(item) {
33920
33922
  return null;
33921
33923
  }
33922
33924
  };
33923
- var Container$a = /*#__PURE__*/styled.div.withConfig({
33925
+ var Container$b = /*#__PURE__*/styled.div.withConfig({
33924
33926
  displayName: "ItemSlot__Container",
33925
33927
  componentId: "sc-l2j5ef-0"
33926
33928
  })(["margin:0.1rem;.sprite-from-atlas-img--item{position:relative;top:1.5rem;left:1.5rem;border-color:", ";box-shadow:", " inset,", ";}position:relative;&::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-radius:12px;pointer-events:none;animation:", ";@keyframes bg-color-change{0%{background-color:rgba(255 255 255 / 0.5);}50%{background-color:transparent;}100%{background-color:rgba(255 255 255 / 0.5);}}}"], function (_ref2) {
@@ -34031,13 +34033,13 @@ var ItemInfo = function ItemInfo(_ref) {
34031
34033
  }));
34032
34034
  });
34033
34035
  };
34034
- return React__default.createElement(Container$b, {
34036
+ return React__default.createElement(Container$c, {
34035
34037
  item: item
34036
34038
  }, React__default.createElement(Header, null, React__default.createElement("div", null, React__default.createElement(Title$1, null, item.name), item.rarity !== 'Common' && React__default.createElement(Rarity, {
34037
34039
  item: item
34038
- }, item.rarity), React__default.createElement(Type, null, item.subType)), React__default.createElement(AllowedSlots, null, renderAvaibleSlots())), renderStatistics(), item.isTwoHanded && React__default.createElement(Statistic, null, "Two handed"), React__default.createElement(Description, null, item.description), item.maxStackSize && item.maxStackSize !== 1 && React__default.createElement(StackInfo, null, "x", (_item$stackQty = item.stackQty) != null ? _item$stackQty : 1, "(", item.maxStackSize, ")"), renderMissingStatistic().length > 0 && React__default.createElement(MissingStatistics, null, React__default.createElement(Statistic, null, "Equipped Diff"), itemToCompare && renderMissingStatistic()));
34040
+ }, item.rarity), React__default.createElement(Type, null, item.subType)), React__default.createElement(AllowedSlots, null, renderAvaibleSlots())), renderStatistics(), item.isTwoHanded && React__default.createElement(Statistic, null, "Two handed"), React__default.createElement(Description, null, item.description), item.maxStackSize && item.maxStackSize !== 1 && React__default.createElement(StackInfo, null, "x", Math.round(((_item$stackQty = item.stackQty) != null ? _item$stackQty : 1) * 100) / 100, "(", item.maxStackSize, ")"), renderMissingStatistic().length > 0 && React__default.createElement(MissingStatistics, null, React__default.createElement(Statistic, null, "Equipped Diff"), itemToCompare && renderMissingStatistic()));
34039
34041
  };
34040
- var Container$b = /*#__PURE__*/styled.div.withConfig({
34042
+ var Container$c = /*#__PURE__*/styled.div.withConfig({
34041
34043
  displayName: "ItemInfo__Container",
34042
34044
  componentId: "sc-1xm4q8k-0"
34043
34045
  })(["color:white;background-color:#222;border-radius:5px;padding:0.5rem;font-size:", ";border:3px solid ", ";height:max-content;width:15rem;@media (max-width:580px){width:80vw;}"], uiFonts.size.small, function (_ref2) {
@@ -34150,22 +34152,18 @@ var ItemTooltip = function ItemTooltip(_ref) {
34150
34152
  var ref = React.useRef(null);
34151
34153
  React.useEffect(function () {
34152
34154
  var current = ref.current;
34153
- var initialOffset;
34154
34155
  if (current) {
34155
34156
  var handleMouseMove = function handleMouseMove(event) {
34156
34157
  var clientX = event.clientX,
34157
34158
  clientY = event.clientY;
34158
34159
  // Adjust the position of the tooltip based on the mouse position
34159
34160
  var rect = current.getBoundingClientRect();
34160
- if (!initialOffset) {
34161
- initialOffset = rect;
34162
- }
34163
34161
  var tooltipWidth = rect.width;
34164
34162
  var tooltipHeight = rect.height;
34165
34163
  var isOffScreenRight = clientX + tooltipWidth + offset > window.innerWidth;
34166
34164
  var isOffScreenBottom = clientY + tooltipHeight + offset > window.innerHeight;
34167
- var x = (isOffScreenRight ? clientX - tooltipWidth - offset : clientX + offset) - initialOffset.x;
34168
- var y = (isOffScreenBottom ? clientY - tooltipHeight - offset : clientY + offset) - initialOffset.y;
34165
+ var x = isOffScreenRight ? clientX - tooltipWidth - offset : clientX + offset;
34166
+ var y = isOffScreenBottom ? clientY - tooltipHeight - offset : clientY + offset;
34169
34167
  current.style.transform = "translate(" + x + "px, " + y + "px)";
34170
34168
  current.style.opacity = '1';
34171
34169
  };
@@ -34176,19 +34174,19 @@ var ItemTooltip = function ItemTooltip(_ref) {
34176
34174
  }
34177
34175
  return;
34178
34176
  }, []);
34179
- return React__default.createElement(Container$c, {
34177
+ return React__default.createElement(ModalPortal, null, React__default.createElement(Container$d, {
34180
34178
  ref: ref
34181
34179
  }, React__default.createElement(ItemInfoDisplay, {
34182
34180
  item: item,
34183
34181
  atlasIMG: atlasIMG,
34184
34182
  atlasJSON: atlasJSON,
34185
34183
  equipmentSet: equipmentSet
34186
- }));
34184
+ })));
34187
34185
  };
34188
- var Container$c = /*#__PURE__*/styled.div.withConfig({
34186
+ var Container$d = /*#__PURE__*/styled.div.withConfig({
34189
34187
  displayName: "ItemTooltip__Container",
34190
34188
  componentId: "sc-11d9r7x-0"
34191
- })(["position:fixed;z-index:50;pointer-events:none;left:0;top:0;opacity:0;"]);
34189
+ })(["position:absolute;z-index:100;pointer-events:none;left:0;top:0;opacity:0;transition:opacity 0.08s;"]);
34192
34190
 
34193
34191
  var ItemInfoWrapper = function ItemInfoWrapper(_ref) {
34194
34192
  var children = _ref.children,
@@ -34530,230 +34528,768 @@ var EquipmentColumn = /*#__PURE__*/styled.div.withConfig({
34530
34528
  componentId: "sc-1wuddg2-1"
34531
34529
  })(["display:flex;justify-content:center;flex-wrap:wrap;flex-direction:column;touch-action:none;"]);
34532
34530
 
34533
- var SlotsContainer = function SlotsContainer(_ref) {
34534
- var children = _ref.children,
34535
- title = _ref.title,
34536
- onClose = _ref.onClose,
34537
- _onPositionChange = _ref.onPositionChange,
34538
- onOutsideClick = _ref.onOutsideClick,
34539
- initialPosition = _ref.initialPosition,
34540
- scale = _ref.scale;
34541
- return React__default.createElement(DraggableContainer, {
34542
- title: title,
34543
- type: exports.RPGUIContainerTypes.Framed,
34544
- onCloseButton: function onCloseButton() {
34545
- if (onClose) {
34546
- onClose();
34531
+ var IS_MOBILE_OR_TABLET = /*#__PURE__*/shared.isMobileOrTablet();
34532
+
34533
+ var chunkString = function chunkString(str, length) {
34534
+ return str.match(new RegExp('.{1,' + length + '}', 'g'));
34535
+ };
34536
+
34537
+ var DynamicText = function DynamicText(_ref) {
34538
+ var text = _ref.text,
34539
+ onFinish = _ref.onFinish,
34540
+ onStart = _ref.onStart;
34541
+ var _useState = React.useState(''),
34542
+ textState = _useState[0],
34543
+ setTextState = _useState[1];
34544
+ React.useEffect(function () {
34545
+ var i = 0;
34546
+ var interval = setInterval(function () {
34547
+ // on every interval, show one more character
34548
+ if (i === 0) {
34549
+ if (onStart) {
34550
+ onStart();
34551
+ }
34547
34552
  }
34548
- },
34549
- width: "400px",
34550
- cancelDrag: ".item-container-body, #shortcuts_list",
34551
- onPositionChange: function onPositionChange(_ref2) {
34552
- var x = _ref2.x,
34553
- y = _ref2.y;
34554
- if (_onPositionChange) {
34555
- _onPositionChange({
34556
- x: x,
34557
- y: y
34558
- });
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
+ }
34559
34561
  }
34560
- },
34561
- onOutsideClick: onOutsideClick,
34562
- initialPosition: initialPosition,
34563
- scale: scale
34564
- }, children);
34562
+ }, 50);
34563
+ return function () {
34564
+ clearInterval(interval);
34565
+ };
34566
+ }, [text]);
34567
+ return React__default.createElement(TextContainer, null, textState);
34565
34568
  };
34569
+ var TextContainer = /*#__PURE__*/styled.p.withConfig({
34570
+ displayName: "DynamicText__TextContainer",
34571
+ componentId: "sc-1ggl9nd-0"
34572
+ })(["font-size:0.7rem !important;color:white;text-shadow:1px 1px 0px #000000;letter-spacing:1.2px;word-break:normal;"]);
34566
34573
 
34567
- (function (RangeSliderType) {
34568
- RangeSliderType["Slider"] = "rpgui-slider";
34569
- RangeSliderType["GoldSlider"] = "rpgui-slider golden";
34570
- })(exports.RangeSliderType || (exports.RangeSliderType = {}));
34571
- var RangeSlider = function RangeSlider(_ref) {
34572
- var type = _ref.type,
34573
- valueMin = _ref.valueMin,
34574
- valueMax = _ref.valueMax,
34575
- width = _ref.width,
34576
- _onChange = _ref.onChange,
34577
- value = _ref.value;
34578
- var sliderId = uuid.v4();
34579
- var containerRef = React.useRef(null);
34574
+ var img$6 = 'data:image/gif;base64,R0lGODlhEAAQAPIAAAAAABQYLiw1TUBJc2hvmQAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAM9CLrc/lCFGSKYJJP5AhlguDnBMIVgxXgmJapSSp3mKs/pKrT0IMCXUk+2Cgh2oSOnaDz+lswZpSOFUq2KBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAIzhI+py90Bg4OjDrjCELxfFQhQx0mIJkaeaYRp5LJADMdnqXbyOJLYTdKBejjZoRaZJBMFACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAABAAEAAAAjKEj6nL7Y+CDE6OO+QKQ/ifKYEgfR4VddPohQe7lmR0xidNTib65uacYP2AQWGuMlEUAAA7';
34575
+
34576
+ var img$7 = 'data:image/gif;base64,R0lGODlhQAAgAPIAAAAAAA0NDRERESIiIigoKFlZWf///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw5nYW1tYT0wLjQ1NDU0NQAh+QQBFAAAACwAAAAAQAAgAAAD/wi63P4wykmrvTjrzbv/YAgIZGmeaKquakQWcCzPdG3fNukIeO//PQGDBywafcIF8chswpKKZcxApTqvNOiIZi0YsODncFaFlcNOrdTbJVff0/c3Lp/Xs2N37cy2ndt6ZnhKXHdsc4d7VnwyfIxqPWWOXXWLgHSGYoSNbZKVZp2WiJyjg1GFcaClqaqJhasyUAFrh3Cur3KqubWXBQIBAAEDtDeMaEEDAcLEx2gCycvN0jHPysPT09XR2M3a19zH3gTM4EYCBNDD4yzs7e4r48nB6gT19vf4+fr7/P3P8sKGvRtIkMUAeQoCHlzIsKHDhxAjSoTWQJnFixgzatzIsQWjRQYJAAAh/wtJbWFnZU1hZ2ljaw5nYW1tYT0wLjQ1NDU0NQAh+QQBFAAAACwAAAAAQAAgAAAD8Ai63P4wykmrvTjrzbv/YCiOlGCeaKqubMtGZiHPdG3feI6bjqD/wOBPwPAJj0ggcWFMOp+ypaI5M1it0KxNCqDKsAWDdhwt1q5fMPnJ9aJt17g4HafJ3/et+Tzn99V+aThqfTNtcHlhhIBVWG+BdDSHOmiPeHdij3aYhZONf46YkZGanzpSAV6KjaOIpqWtNwIBAAEDqqKKhZuJnHSwAgMBtqo5sGs5wcO3yM01ysTO0gXQzNPN1cXXUNnbyNna3kcmwrW3Lujp6ugD5bbn6/HyLe20Cu/t+fr7/P3+/wCF2VswrKDBgwgTKlzIsCCDBAA7';
34577
+
34578
+ var NPCDialogText = function NPCDialogText(_ref) {
34579
+ var text = _ref.text,
34580
+ onClose = _ref.onClose,
34581
+ onEndStep = _ref.onEndStep,
34582
+ onStartStep = _ref.onStartStep,
34583
+ type = _ref.type;
34584
+ var windowSize = React.useRef([window.innerWidth, window.innerHeight]);
34585
+ function maxCharacters(width) {
34586
+ // Set the font size to 16 pixels
34587
+ var fontSize = 11.2;
34588
+ // Calculate the number of characters that can fit in one line
34589
+ var charactersPerLine = Math.floor(width / 2 / fontSize);
34590
+ // Calculate the number of lines that can fit in the div
34591
+ var linesPerDiv = Math.floor(180 / fontSize);
34592
+ // Calculate the maximum number of characters that can fit in the div
34593
+ var maxCharacters = charactersPerLine * linesPerDiv;
34594
+ // Return the maximum number of characters
34595
+ return Math.round(maxCharacters / 5);
34596
+ }
34597
+ var textChunks = chunkString(text, maxCharacters(windowSize.current[0]));
34580
34598
  var _useState = React.useState(0),
34581
- left = _useState[0],
34582
- setLeft = _useState[1];
34599
+ chunkIndex = _useState[0],
34600
+ setChunkIndex = _useState[1];
34601
+ var onHandleSpacePress = function onHandleSpacePress(event) {
34602
+ if (event.code === 'Space') {
34603
+ goToNextStep();
34604
+ }
34605
+ };
34606
+ var goToNextStep = function goToNextStep() {
34607
+ var hasNextChunk = (textChunks == null ? void 0 : textChunks[chunkIndex + 1]) || false;
34608
+ if (hasNextChunk) {
34609
+ setChunkIndex(function (prev) {
34610
+ return prev + 1;
34611
+ });
34612
+ } else {
34613
+ // if there's no more text chunks, close the dialog
34614
+ onClose();
34615
+ }
34616
+ };
34583
34617
  React.useEffect(function () {
34584
- var _containerRef$current;
34585
- var calculatedWidth = ((_containerRef$current = containerRef.current) == null ? void 0 : _containerRef$current.clientWidth) || 0;
34586
- setLeft(Math.max((value - valueMin) / (valueMax - valueMin) * (calculatedWidth - 35) + 10));
34587
- }, [value, valueMin, valueMax]);
34588
- var typeClass = type === exports.RangeSliderType.GoldSlider ? 'golden' : '';
34589
- return React__default.createElement("div", {
34590
- style: {
34591
- width: width,
34592
- position: 'relative'
34618
+ document.addEventListener('keydown', onHandleSpacePress);
34619
+ return function () {
34620
+ return document.removeEventListener('keydown', onHandleSpacePress);
34621
+ };
34622
+ }, [chunkIndex]);
34623
+ var _useState2 = React.useState(false),
34624
+ showGoNextIndicator = _useState2[0],
34625
+ setShowGoNextIndicator = _useState2[1];
34626
+ return React__default.createElement(Container$e, null, React__default.createElement(DynamicText, {
34627
+ text: (textChunks == null ? void 0 : textChunks[chunkIndex]) || '',
34628
+ onFinish: function onFinish() {
34629
+ setShowGoNextIndicator(true);
34630
+ onEndStep && onEndStep();
34593
34631
  },
34594
- className: "rpgui-slider-container " + typeClass,
34595
- id: "rpgui-slider-" + sliderId,
34596
- ref: containerRef
34597
- }, React__default.createElement("div", {
34598
- style: {
34599
- pointerEvents: 'none'
34632
+ onStart: function onStart() {
34633
+ setShowGoNextIndicator(false);
34634
+ onStartStep && onStartStep();
34600
34635
  }
34601
- }, React__default.createElement("div", {
34602
- className: "rpgui-slider-track " + typeClass
34603
- }), React__default.createElement("div", {
34604
- className: "rpgui-slider-left-edge " + typeClass
34605
- }), React__default.createElement("div", {
34606
- className: "rpgui-slider-right-edge " + typeClass
34607
- }), React__default.createElement("div", {
34608
- className: "rpgui-slider-thumb " + typeClass,
34609
- style: {
34610
- left: left
34636
+ }), showGoNextIndicator && React__default.createElement(PressSpaceIndicator, {
34637
+ right: type === exports.NPCDialogType.TextOnly ? '1rem' : '10.5rem',
34638
+ src: IS_MOBILE_OR_TABLET ? img$6 : img$7,
34639
+ onPointerDown: function onPointerDown() {
34640
+ goToNextStep();
34611
34641
  }
34612
- })), React__default.createElement(Input$1, {
34613
- type: "range",
34614
- style: {
34615
- width: width
34616
- },
34617
- min: valueMin,
34618
- max: valueMax,
34619
- onChange: function onChange(e) {
34620
- return _onChange(Number(e.target.value));
34621
- },
34622
- value: value,
34623
- className: "rpgui-cursor-point"
34624
34642
  }));
34625
34643
  };
34626
- var Input$1 = /*#__PURE__*/styled.input.withConfig({
34627
- displayName: "RangeSlider__Input",
34628
- componentId: "sc-v8mte9-0"
34629
- })(["opacity:0;position:absolute;width:100%;height:100%;top:0;left:0;margin-top:-5px;"]);
34644
+ var Container$e = /*#__PURE__*/styled.div.withConfig({
34645
+ displayName: "NPCDialogText__Container",
34646
+ componentId: "sc-1cxkdh9-0"
34647
+ })([""]);
34648
+ var PressSpaceIndicator = /*#__PURE__*/styled.img.withConfig({
34649
+ displayName: "NPCDialogText__PressSpaceIndicator",
34650
+ componentId: "sc-1cxkdh9-1"
34651
+ })(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref2) {
34652
+ var right = _ref2.right;
34653
+ return right;
34654
+ });
34630
34655
 
34631
- var ItemQuantitySelector = function ItemQuantitySelector(_ref) {
34632
- var quantity = _ref.quantity,
34633
- onConfirm = _ref.onConfirm,
34656
+ //@ts-ignore
34657
+ var useEventListener = function useEventListener(type, handler, el) {
34658
+ if (el === void 0) {
34659
+ el = window;
34660
+ }
34661
+ var savedHandler = React__default.useRef();
34662
+ React__default.useEffect(function () {
34663
+ savedHandler.current = handler;
34664
+ }, [handler]);
34665
+ React__default.useEffect(function () {
34666
+ //@ts-ignore
34667
+ var listener = function listener(e) {
34668
+ return savedHandler.current(e);
34669
+ };
34670
+ el.addEventListener(type, listener);
34671
+ return function () {
34672
+ el.removeEventListener(type, listener);
34673
+ };
34674
+ }, [type, el]);
34675
+ };
34676
+
34677
+ var QuestionDialog = function QuestionDialog(_ref) {
34678
+ var questions = _ref.questions,
34679
+ answers = _ref.answers,
34634
34680
  onClose = _ref.onClose;
34635
- var _useState = React.useState(quantity),
34636
- value = _useState[0],
34637
- setValue = _useState[1];
34638
- var inputRef = React.useRef(null);
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];
34639
34699
  React.useEffect(function () {
34640
- if (inputRef.current) {
34641
- inputRef.current.focus();
34642
- inputRef.current.select();
34643
- var closeSelector = function closeSelector(e) {
34644
- if (e.key === 'Escape') {
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)) {
34645
34745
  onClose();
34746
+ return;
34747
+ } else {
34748
+ setCurrentQuestion(questions.find(function (question) {
34749
+ return question.id === currentAnswer.nextQuestionId;
34750
+ }));
34646
34751
  }
34647
- };
34648
- document.addEventListener('keydown', closeSelector);
34649
- return function () {
34650
- document.removeEventListener('keydown', closeSelector);
34651
- };
34752
+ break;
34652
34753
  }
34653
- return function () {};
34654
- }, []);
34655
- return React__default.createElement(StyledContainer, {
34656
- type: exports.RPGUIContainerTypes.Framed,
34657
- width: "25rem"
34658
- }, React__default.createElement(CloseButton$2, {
34659
- className: "container-close",
34660
- onPointerDown: onClose
34661
- }, "X"), React__default.createElement("h2", null, "Select quantity to move"), React__default.createElement(StyledForm, {
34662
- style: {
34663
- width: '100%'
34664
- },
34665
- onSubmit: function onSubmit(e) {
34666
- e.preventDefault();
34667
- var numberValue = Number(value);
34668
- if (Number.isNaN(numberValue)) {
34669
- return;
34670
- }
34671
- onConfirm(Math.max(1, Math.min(quantity, numberValue)));
34672
- },
34673
- noValidate: true
34674
- }, React__default.createElement(StyledInput, {
34675
- innerRef: inputRef,
34676
- placeholder: "Enter quantity",
34677
- type: "number",
34678
- min: 1,
34679
- max: quantity,
34680
- value: value,
34681
- onChange: function onChange(e) {
34682
- if (Number(e.target.value) >= quantity) {
34683
- setValue(quantity);
34684
- return;
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;
34776
+ }
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));
34685
34792
  }
34686
- setValue(e.target.value);
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);
34687
34800
  },
34688
- onBlur: function onBlur(e) {
34689
- var newValue = Math.max(1, Math.min(quantity, Number(e.target.value)));
34690
- setValue(newValue);
34801
+ onFinish: function onFinish() {
34802
+ return setCanShowAnswers(true);
34691
34803
  }
34692
- }), React__default.createElement(RangeSlider, {
34693
- type: exports.RangeSliderType.Slider,
34694
- valueMin: 1,
34695
- valueMax: quantity,
34696
- width: "100%",
34697
- onChange: setValue,
34698
- value: value
34699
- }), React__default.createElement(Button, {
34700
- buttonType: exports.ButtonTypes.RPGUIButton,
34701
- type: "submit"
34702
- }, "Confirm")));
34804
+ })), canShowAnswers && React__default.createElement(AnswersContainer, null, onRenderCurrentAnswers()));
34703
34805
  };
34704
- var StyledContainer = /*#__PURE__*/styled(RPGUIContainer).withConfig({
34705
- displayName: "ItemQuantitySelector__StyledContainer",
34706
- componentId: "sc-yfdtpn-0"
34707
- })(["display:flex;flex-direction:column;align-items:center;"]);
34708
- var StyledForm = /*#__PURE__*/styled.form.withConfig({
34709
- displayName: "ItemQuantitySelector__StyledForm",
34710
- componentId: "sc-yfdtpn-1"
34711
- })(["display:flex;flex-direction:column;align-items:center;width:100%;"]);
34712
- var StyledInput = /*#__PURE__*/styled(Input).withConfig({
34713
- displayName: "ItemQuantitySelector__StyledInput",
34714
- componentId: "sc-yfdtpn-2"
34715
- })(["text-align:center;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;}"]);
34716
- var CloseButton$2 = /*#__PURE__*/styled.div.withConfig({
34717
- displayName: "ItemQuantitySelector__CloseButton",
34718
- componentId: "sc-yfdtpn-3"
34719
- })(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:0.8rem;"]);
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;}"]);
34720
34834
 
34721
- var ShortcutsSetter = function ShortcutsSetter(_ref) {
34722
- var setSettingShortcutIndex = _ref.setSettingShortcutIndex,
34723
- settingShortcutIndex = _ref.settingShortcutIndex,
34724
- shortcuts = _ref.shortcuts,
34725
- removeShortcut = _ref.removeShortcut,
34726
- atlasJSON = _ref.atlasJSON,
34727
- atlasIMG = _ref.atlasIMG;
34728
- var getContent = function getContent(index) {
34729
- var _shortcuts$index, _shortcuts$index3;
34730
- if (((_shortcuts$index = shortcuts[index]) == null ? void 0 : _shortcuts$index.type) === shared.ShortcutType.Item) {
34731
- var _shortcuts$index2;
34732
- var _payload = (_shortcuts$index2 = shortcuts[index]) == null ? void 0 : _shortcuts$index2.payload;
34733
- if (!_payload) return null;
34734
- return React__default.createElement(SpriteFromAtlas, {
34735
- atlasIMG: atlasIMG,
34736
- atlasJSON: atlasJSON,
34737
- spriteKey: shared.getItemTextureKeyPath({
34738
- key: _payload.texturePath,
34739
- texturePath: _payload.texturePath,
34740
- stackQty: _payload.stackQty || 1
34741
- }, atlasJSON),
34742
- width: 32,
34743
- height: 32,
34744
- imgScale: 1.6,
34745
- imgStyle: {
34746
- left: '5px'
34747
- }
34748
- });
34749
- }
34750
- var payload = (_shortcuts$index3 = shortcuts[index]) == null ? void 0 : _shortcuts$index3.payload;
34751
- return React__default.createElement("span", null, payload == null ? void 0 : payload.magicWords.split(' ').map(function (word) {
34752
- return word[0];
34753
- }));
34754
- };
34755
- return React__default.createElement(Container$d, null, React__default.createElement("p", null, "Shortcuts:"), React__default.createElement(List, {
34756
- id: "shortcuts_list"
34835
+ var img$8 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAP1BMVEUAAAA7FyVxQTsUEBPj5v////+5v/tCJDOOUlIiHBr1oJfptaO6dWr61rhzFy1bMTjoanMUNGQoXMQkn97+88DQ3IhAAAAAAXRSTlMAQObYZgAAAAFiS0dEBfhv6ccAAAAHdElNRQfmAw4VOBC7c5LYAAABM0lEQVQ4y3XRi5KDIAwFUAUkbrBgpP//rZsHVHQ009qZ3tPboNN0zmwzvcw8O5sX4y0NOg/Et3jRCXF+ziULorjkOQ9gE24dvuUAzq08DiCO4pe3WN7zCP56vmpubBReQYC11YPS86ySxxCsAABTSgjb5m4g8nfbxvFHBkH2OEEvAItVuCuIsgGgl+Gcr7kDXxhEAx55A2SQEEeQeZwUaIP8Tbo05B0RFPhItAjgj1w6cDnhLluDj+Egkh3pCCP4pKQAw1IPO0W9Nti5gW9RP2dKA3BZd2Dw+baYX+Nt4GM00O4S3kEpF6Alb2Bv4LeC3kkGfAW0/p0RPoJVKr63ghHsKuRh5DIUKOAlGOwrtt9fQekAEfmhZslHUDoglB0zjfkJigN7UnTQQ4GBWomoVhEN/AOPSBh38gy+fwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wMy0xNFQyMTo1NTo1MSswMDowMJcc0eEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDMtMTRUMjE6NTU6NTErMDA6MDDmQWldAAAAAElFTkSuQmCC';
34836
+
34837
+ (function (NPCDialogType) {
34838
+ NPCDialogType["TextOnly"] = "TextOnly";
34839
+ NPCDialogType["TextAndThumbnail"] = "TextAndThumbnail";
34840
+ })(exports.NPCDialogType || (exports.NPCDialogType = {}));
34841
+ var NPCDialog = function NPCDialog(_ref) {
34842
+ var text = _ref.text,
34843
+ type = _ref.type,
34844
+ _onClose = _ref.onClose,
34845
+ imagePath = _ref.imagePath,
34846
+ _ref$isQuestionDialog = _ref.isQuestionDialog,
34847
+ isQuestionDialog = _ref$isQuestionDialog === void 0 ? false : _ref$isQuestionDialog,
34848
+ questions = _ref.questions,
34849
+ answers = _ref.answers;
34850
+ return React__default.createElement(RPGUIContainer, {
34851
+ type: exports.RPGUIContainerTypes.FramedGold,
34852
+ width: isQuestionDialog ? '600px' : '80%',
34853
+ height: '180px'
34854
+ }, isQuestionDialog && questions && answers ? React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer$1, {
34855
+ flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
34856
+ }, React__default.createElement(QuestionDialog, {
34857
+ questions: questions,
34858
+ answers: answers,
34859
+ onClose: function onClose() {
34860
+ if (_onClose) {
34861
+ _onClose();
34862
+ }
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();
34874
+ }
34875
+ }
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")));
35239
+ };
35240
+ var StyledContainer = /*#__PURE__*/styled(RPGUIContainer).withConfig({
35241
+ displayName: "ItemQuantitySelector__StyledContainer",
35242
+ componentId: "sc-yfdtpn-0"
35243
+ })(["display:flex;flex-direction:column;align-items:center;"]);
35244
+ var StyledForm = /*#__PURE__*/styled.form.withConfig({
35245
+ displayName: "ItemQuantitySelector__StyledForm",
35246
+ componentId: "sc-yfdtpn-1"
35247
+ })(["display:flex;flex-direction:column;align-items:center;width:100%;"]);
35248
+ var StyledInput = /*#__PURE__*/styled(Input).withConfig({
35249
+ displayName: "ItemQuantitySelector__StyledInput",
35250
+ componentId: "sc-yfdtpn-2"
35251
+ })(["text-align:center;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;}"]);
35252
+ var CloseButton$2 = /*#__PURE__*/styled.div.withConfig({
35253
+ displayName: "ItemQuantitySelector__CloseButton",
35254
+ componentId: "sc-yfdtpn-3"
35255
+ })(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:0.8rem;"]);
35256
+
35257
+ var ShortcutsSetter = function ShortcutsSetter(_ref) {
35258
+ var setSettingShortcutIndex = _ref.setSettingShortcutIndex,
35259
+ settingShortcutIndex = _ref.settingShortcutIndex,
35260
+ shortcuts = _ref.shortcuts,
35261
+ removeShortcut = _ref.removeShortcut,
35262
+ atlasJSON = _ref.atlasJSON,
35263
+ atlasIMG = _ref.atlasIMG;
35264
+ var getContent = function getContent(index) {
35265
+ var _shortcuts$index, _shortcuts$index3;
35266
+ if (((_shortcuts$index = shortcuts[index]) == null ? void 0 : _shortcuts$index.type) === shared.ShortcutType.Item) {
35267
+ var _shortcuts$index2;
35268
+ var _payload = (_shortcuts$index2 = shortcuts[index]) == null ? void 0 : _shortcuts$index2.payload;
35269
+ if (!_payload) return null;
35270
+ return React__default.createElement(SpriteFromAtlas, {
35271
+ atlasIMG: atlasIMG,
35272
+ atlasJSON: atlasJSON,
35273
+ spriteKey: shared.getItemTextureKeyPath({
35274
+ key: _payload.texturePath,
35275
+ texturePath: _payload.texturePath,
35276
+ stackQty: _payload.stackQty || 1
35277
+ }, atlasJSON),
35278
+ width: 32,
35279
+ height: 32,
35280
+ imgScale: 1.6,
35281
+ imgStyle: {
35282
+ left: '5px'
35283
+ }
35284
+ });
35285
+ }
35286
+ var payload = (_shortcuts$index3 = shortcuts[index]) == null ? void 0 : _shortcuts$index3.payload;
35287
+ return React__default.createElement("span", null, payload == null ? void 0 : payload.magicWords.split(' ').map(function (word) {
35288
+ return word[0];
35289
+ }));
35290
+ };
35291
+ return React__default.createElement(Container$i, null, React__default.createElement("p", null, "Shortcuts:"), React__default.createElement(List, {
35292
+ id: "shortcuts_list"
34757
35293
  }, Array.from({
34758
35294
  length: 6
34759
35295
  }).map(function (_, i) {
@@ -34768,7 +35304,7 @@ var ShortcutsSetter = function ShortcutsSetter(_ref) {
34768
35304
  }, getContent(i));
34769
35305
  })));
34770
35306
  };
34771
- var Container$d = /*#__PURE__*/styled.div.withConfig({
35307
+ var Container$i = /*#__PURE__*/styled.div.withConfig({
34772
35308
  displayName: "ShortcutsSetter__Container",
34773
35309
  componentId: "sc-xuouuf-0"
34774
35310
  })(["p{margin:0;margin-left:0.5rem;}"]);
@@ -34885,7 +35421,7 @@ var ItemContainer$1 = function ItemContainer(_ref) {
34885
35421
  atlasJSON: atlasJSON
34886
35422
  }), React__default.createElement(ItemsContainer, {
34887
35423
  className: "item-container-body"
34888
- }, onRenderSlots())), quantitySelect.isOpen && React__default.createElement(QuantitySelectorContainer, null, React__default.createElement(ItemQuantitySelector, {
35424
+ }, onRenderSlots())), quantitySelect.isOpen && React__default.createElement(ModalPortal, null, React__default.createElement(QuantitySelectorContainer, null, React__default.createElement(ItemQuantitySelector, {
34889
35425
  quantity: quantitySelect.maxQuantity,
34890
35426
  onConfirm: function onConfirm(quantity) {
34891
35427
  quantitySelect.callback(quantity);
@@ -34903,7 +35439,7 @@ var ItemContainer$1 = function ItemContainer(_ref) {
34903
35439
  callback: function callback() {}
34904
35440
  });
34905
35441
  }
34906
- })));
35442
+ }))));
34907
35443
  };
34908
35444
  var ItemsContainer = /*#__PURE__*/styled.div.withConfig({
34909
35445
  displayName: "ItemContainer__ItemsContainer",
@@ -35005,7 +35541,7 @@ var ListMenu = function ListMenu(_ref) {
35005
35541
  onSelected = _ref.onSelected,
35006
35542
  x = _ref.x,
35007
35543
  y = _ref.y;
35008
- return React__default.createElement(Container$e, {
35544
+ return React__default.createElement(Container$j, {
35009
35545
  x: x,
35010
35546
  y: y
35011
35547
  }, React__default.createElement("ul", {
@@ -35022,7 +35558,7 @@ var ListMenu = function ListMenu(_ref) {
35022
35558
  }, (params == null ? void 0 : params.text) || 'No text');
35023
35559
  })));
35024
35560
  };
35025
- var Container$e = /*#__PURE__*/styled.div.withConfig({
35561
+ var Container$j = /*#__PURE__*/styled.div.withConfig({
35026
35562
  displayName: "ListMenu__Container",
35027
35563
  componentId: "sc-i9097t-0"
35028
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) {
@@ -35035,331 +35571,6 @@ var ListElement$1 = /*#__PURE__*/styled.li.withConfig({
35035
35571
  componentId: "sc-i9097t-1"
35036
35572
  })(["margin-right:0.5rem;"]);
35037
35573
 
35038
- var img$6 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAP1BMVEUAAAA7FyVxQTsUEBPj5v////+5v/tCJDOOUlIiHBr1oJfptaO6dWr61rhzFy1bMTjoanMUNGQoXMQkn97+88DQ3IhAAAAAAXRSTlMAQObYZgAAAAFiS0dEBfhv6ccAAAAHdElNRQfmAw4VOBC7c5LYAAABM0lEQVQ4y3XRi5KDIAwFUAUkbrBgpP//rZsHVHQ009qZ3tPboNN0zmwzvcw8O5sX4y0NOg/Et3jRCXF+ziULorjkOQ9gE24dvuUAzq08DiCO4pe3WN7zCP56vmpubBReQYC11YPS86ySxxCsAABTSgjb5m4g8nfbxvFHBkH2OEEvAItVuCuIsgGgl+Gcr7kDXxhEAx55A2SQEEeQeZwUaIP8Tbo05B0RFPhItAjgj1w6cDnhLluDj+Egkh3pCCP4pKQAw1IPO0W9Nti5gW9RP2dKA3BZd2Dw+baYX+Nt4GM00O4S3kEpF6Alb2Bv4LeC3kkGfAW0/p0RPoJVKr63ghHsKuRh5DIUKOAlGOwrtt9fQekAEfmhZslHUDoglB0zjfkJigN7UnTQQ4GBWomoVhEN/AOPSBh38gy+fwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wMy0xNFQyMTo1NTo1MSswMDowMJcc0eEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDMtMTRUMjE6NTU6NTErMDA6MDDmQWldAAAAAElFTkSuQmCC';
35039
-
35040
- 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';
35041
-
35042
- (function (ImgSide) {
35043
- ImgSide["right"] = "right";
35044
- ImgSide["left"] = "left";
35045
- })(exports.ImgSide || (exports.ImgSide = {}));
35046
- var NPCMultiDialog = function NPCMultiDialog(_ref) {
35047
- var _textAndTypeArray$sli;
35048
- var _onClose = _ref.onClose,
35049
- textAndTypeArray = _ref.textAndTypeArray;
35050
- var _useState = React.useState(false),
35051
- showGoNextIndicator = _useState[0],
35052
- setShowGoNextIndicator = _useState[1];
35053
- var _useState2 = React.useState(0),
35054
- slide = _useState2[0],
35055
- setSlide = _useState2[1];
35056
- var onHandleSpacePress = function onHandleSpacePress(event) {
35057
- if (event.code === 'Space') {
35058
- if (slide < (textAndTypeArray == null ? void 0 : textAndTypeArray.length) - 1) {
35059
- setSlide(function (prev) {
35060
- return prev + 1;
35061
- });
35062
- } else {
35063
- // if there's no more text chunks, close the dialog
35064
- _onClose();
35065
- }
35066
- }
35067
- };
35068
- React.useEffect(function () {
35069
- document.addEventListener('keydown', onHandleSpacePress);
35070
- return function () {
35071
- return document.removeEventListener('keydown', onHandleSpacePress);
35072
- };
35073
- }, [slide]);
35074
- return React__default.createElement(RPGUIContainer, {
35075
- type: exports.RPGUIContainerTypes.FramedGold,
35076
- width: '50%',
35077
- height: '180px'
35078
- }, React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$f, null, ((_textAndTypeArray$sli = textAndTypeArray[slide]) == null ? void 0 : _textAndTypeArray$sli.imageSide) === 'right' && React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer, {
35079
- flex: '70%'
35080
- }, React__default.createElement(NPCDialogText, {
35081
- onStartStep: function onStartStep() {
35082
- return setShowGoNextIndicator(false);
35083
- },
35084
- onEndStep: function onEndStep() {
35085
- return setShowGoNextIndicator(true);
35086
- },
35087
- text: textAndTypeArray[slide].text || 'No text provided.',
35088
- onClose: function onClose() {
35089
- if (_onClose) {
35090
- _onClose();
35091
- }
35092
- }
35093
- })), React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
35094
- src: textAndTypeArray[slide].imagePath || img$6
35095
- })), showGoNextIndicator && React__default.createElement(PressSpaceIndicator, {
35096
- right: '10.5rem',
35097
- src: img$7
35098
- })), textAndTypeArray[slide].imageSide === 'left' && React__default.createElement(React__default.Fragment, null, React__default.createElement(ThumbnailContainer, null, React__default.createElement(NPCThumbnail, {
35099
- src: textAndTypeArray[slide].imagePath || img$6
35100
- })), React__default.createElement(TextContainer, {
35101
- flex: '70%'
35102
- }, React__default.createElement(NPCDialogText, {
35103
- onStartStep: function onStartStep() {
35104
- return setShowGoNextIndicator(false);
35105
- },
35106
- onEndStep: function onEndStep() {
35107
- return setShowGoNextIndicator(true);
35108
- },
35109
- text: textAndTypeArray[slide].text || 'No text provided.',
35110
- onClose: function onClose() {
35111
- if (_onClose) {
35112
- _onClose();
35113
- }
35114
- }
35115
- })), showGoNextIndicator && React__default.createElement(PressSpaceIndicator, {
35116
- right: '1rem',
35117
- src: img$7
35118
- }))), ")"));
35119
- };
35120
- var Container$f = /*#__PURE__*/styled.div.withConfig({
35121
- displayName: "NPCMultiDialog__Container",
35122
- componentId: "sc-rvu5wg-0"
35123
- })(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
35124
- var TextContainer = /*#__PURE__*/styled.div.withConfig({
35125
- displayName: "NPCMultiDialog__TextContainer",
35126
- componentId: "sc-rvu5wg-1"
35127
- })(["flex:", " 0 0;width:355px;"], function (_ref2) {
35128
- var flex = _ref2.flex;
35129
- return flex;
35130
- });
35131
- var ThumbnailContainer = /*#__PURE__*/styled.div.withConfig({
35132
- displayName: "NPCMultiDialog__ThumbnailContainer",
35133
- componentId: "sc-rvu5wg-2"
35134
- })(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
35135
- var NPCThumbnail = /*#__PURE__*/styled.img.withConfig({
35136
- displayName: "NPCMultiDialog__NPCThumbnail",
35137
- componentId: "sc-rvu5wg-3"
35138
- })(["image-rendering:pixelated;height:128px;width:128px;"]);
35139
- var PressSpaceIndicator = /*#__PURE__*/styled.img.withConfig({
35140
- displayName: "NPCMultiDialog__PressSpaceIndicator",
35141
- componentId: "sc-rvu5wg-4"
35142
- })(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref3) {
35143
- var right = _ref3.right;
35144
- return right;
35145
- });
35146
-
35147
- //@ts-ignore
35148
- var useEventListener = function useEventListener(type, handler, el) {
35149
- if (el === void 0) {
35150
- el = window;
35151
- }
35152
- var savedHandler = React__default.useRef();
35153
- React__default.useEffect(function () {
35154
- savedHandler.current = handler;
35155
- }, [handler]);
35156
- React__default.useEffect(function () {
35157
- //@ts-ignore
35158
- var listener = function listener(e) {
35159
- return savedHandler.current(e);
35160
- };
35161
- el.addEventListener(type, listener);
35162
- return function () {
35163
- el.removeEventListener(type, listener);
35164
- };
35165
- }, [type, el]);
35166
- };
35167
-
35168
- var DynamicText = function DynamicText(_ref) {
35169
- var text = _ref.text,
35170
- onFinish = _ref.onFinish,
35171
- onStart = _ref.onStart;
35172
- var _useState = React.useState(''),
35173
- textState = _useState[0],
35174
- setTextState = _useState[1];
35175
- React.useEffect(function () {
35176
- var i = 0;
35177
- var interval = setInterval(function () {
35178
- // on every interval, show one more character
35179
- if (i === 0) {
35180
- if (onStart) {
35181
- onStart();
35182
- }
35183
- }
35184
- if (i < text.length) {
35185
- setTextState(text.substring(0, i + 1));
35186
- i++;
35187
- } else {
35188
- clearInterval(interval);
35189
- if (onFinish) {
35190
- onFinish();
35191
- }
35192
- }
35193
- }, 50);
35194
- return function () {
35195
- clearInterval(interval);
35196
- };
35197
- }, [text]);
35198
- return React__default.createElement(TextContainer$1, null, textState);
35199
- };
35200
- var TextContainer$1 = /*#__PURE__*/styled.p.withConfig({
35201
- displayName: "DynamicText__TextContainer",
35202
- componentId: "sc-1ggl9nd-0"
35203
- })(["font-size:0.7rem !important;color:white;text-shadow:1px 1px 0px #000000;letter-spacing:1.2px;word-break:normal;"]);
35204
-
35205
- var QuestionDialog = function QuestionDialog(_ref) {
35206
- var questions = _ref.questions,
35207
- answers = _ref.answers,
35208
- onClose = _ref.onClose;
35209
- var _useState = React.useState(questions[0]),
35210
- currentQuestion = _useState[0],
35211
- setCurrentQuestion = _useState[1];
35212
- var _useState2 = React.useState(false),
35213
- canShowAnswers = _useState2[0],
35214
- setCanShowAnswers = _useState2[1];
35215
- var onGetFirstAnswer = function onGetFirstAnswer() {
35216
- if (!currentQuestion.answerIds || currentQuestion.answerIds.length === 0) {
35217
- return null;
35218
- }
35219
- var firstAnswerId = currentQuestion.answerIds[0];
35220
- return answers.find(function (answer) {
35221
- return answer.id === firstAnswerId;
35222
- });
35223
- };
35224
- var _useState3 = React.useState(onGetFirstAnswer()),
35225
- currentAnswer = _useState3[0],
35226
- setCurrentAnswer = _useState3[1];
35227
- React.useEffect(function () {
35228
- setCurrentAnswer(onGetFirstAnswer());
35229
- }, [currentQuestion]);
35230
- var onGetAnswers = function onGetAnswers(answerIds) {
35231
- return answerIds.map(function (answerId) {
35232
- return answers.find(function (answer) {
35233
- return answer.id === answerId;
35234
- });
35235
- });
35236
- };
35237
- var onKeyPress = function onKeyPress(e) {
35238
- switch (e.key) {
35239
- case 'ArrowDown':
35240
- // select next answer, if any.
35241
- // if no next answer, select first answer
35242
- // const nextAnswer = onGetAnswers(currentQuestion.answerIds!).find(
35243
- // (answer) => answer?.id === currentAnswer!.id + 1
35244
- // );
35245
- var nextAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
35246
- return (answer == null ? void 0 : answer.id) === currentAnswer.id + 1;
35247
- });
35248
- var nextAnswerID = currentQuestion.answerIds[nextAnswerIndex];
35249
- var nextAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
35250
- return (answer == null ? void 0 : answer.id) === nextAnswerID;
35251
- });
35252
- setCurrentAnswer(nextAnswer || onGetFirstAnswer());
35253
- break;
35254
- case 'ArrowUp':
35255
- // select previous answer, if any.
35256
- // if no previous answer, select last answer
35257
- var previousAnswerIndex = onGetAnswers(currentQuestion.answerIds).findIndex(function (answer) {
35258
- return (answer == null ? void 0 : answer.id) === currentAnswer.id - 1;
35259
- });
35260
- var previousAnswerID = currentQuestion.answerIds && currentQuestion.answerIds[previousAnswerIndex];
35261
- var previousAnswer = onGetAnswers(currentQuestion.answerIds).find(function (answer) {
35262
- return (answer == null ? void 0 : answer.id) === previousAnswerID;
35263
- });
35264
- if (previousAnswer) {
35265
- setCurrentAnswer(previousAnswer);
35266
- } else {
35267
- setCurrentAnswer(onGetAnswers(currentQuestion.answerIds).pop());
35268
- }
35269
- break;
35270
- case 'Enter':
35271
- setCanShowAnswers(false);
35272
- if (!(currentAnswer != null && currentAnswer.nextQuestionId)) {
35273
- onClose();
35274
- return;
35275
- } else {
35276
- setCurrentQuestion(questions.find(function (question) {
35277
- return question.id === currentAnswer.nextQuestionId;
35278
- }));
35279
- }
35280
- break;
35281
- }
35282
- };
35283
- useEventListener('keydown', onKeyPress);
35284
- var onAnswerClick = function onAnswerClick(answer) {
35285
- setCanShowAnswers(false);
35286
- if (answer.nextQuestionId) {
35287
- // if there is a next question, go to it
35288
- setCurrentQuestion(questions.find(function (question) {
35289
- return question.id === answer.nextQuestionId;
35290
- }));
35291
- } else {
35292
- // else, finish dialog!
35293
- onClose();
35294
- }
35295
- };
35296
- var onRenderCurrentAnswers = function onRenderCurrentAnswers() {
35297
- var answerIds = currentQuestion.answerIds;
35298
- if (!answerIds) {
35299
- return null;
35300
- }
35301
- var answers = onGetAnswers(answerIds);
35302
- if (!answers) {
35303
- return null;
35304
- }
35305
- return answers.map(function (answer) {
35306
- var isSelected = (currentAnswer == null ? void 0 : currentAnswer.id) === (answer == null ? void 0 : answer.id);
35307
- var selectedColor = isSelected ? 'yellow' : 'white';
35308
- if (answer) {
35309
- return React__default.createElement(AnswerRow, {
35310
- key: "answer_" + answer.id
35311
- }, React__default.createElement(AnswerSelectedIcon, {
35312
- color: selectedColor
35313
- }, isSelected ? 'X' : null), React__default.createElement(Answer, {
35314
- key: answer.id,
35315
- onPointerDown: function onPointerDown() {
35316
- return onAnswerClick(answer);
35317
- },
35318
- color: selectedColor
35319
- }, answer.text));
35320
- }
35321
- return null;
35322
- });
35323
- };
35324
- return React__default.createElement(Container$g, null, React__default.createElement(QuestionContainer, null, React__default.createElement(DynamicText, {
35325
- text: currentQuestion.text,
35326
- onStart: function onStart() {
35327
- return setCanShowAnswers(false);
35328
- },
35329
- onFinish: function onFinish() {
35330
- return setCanShowAnswers(true);
35331
- }
35332
- })), canShowAnswers && React__default.createElement(AnswersContainer, null, onRenderCurrentAnswers()));
35333
- };
35334
- var Container$g = /*#__PURE__*/styled.div.withConfig({
35335
- displayName: "QuestionDialog__Container",
35336
- componentId: "sc-bxc5u0-0"
35337
- })(["display:flex;word-break:break-all;box-sizing:border-box;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;"]);
35338
- var QuestionContainer = /*#__PURE__*/styled.div.withConfig({
35339
- displayName: "QuestionDialog__QuestionContainer",
35340
- componentId: "sc-bxc5u0-1"
35341
- })(["flex:100%;width:100%;"]);
35342
- var AnswersContainer = /*#__PURE__*/styled.div.withConfig({
35343
- displayName: "QuestionDialog__AnswersContainer",
35344
- componentId: "sc-bxc5u0-2"
35345
- })(["flex:100%;"]);
35346
- var Answer = /*#__PURE__*/styled.p.withConfig({
35347
- displayName: "QuestionDialog__Answer",
35348
- componentId: "sc-bxc5u0-3"
35349
- })(["flex:auto;color:", " !important;font-size:0.65rem !important;background:inherit;border:none;"], function (props) {
35350
- return props.color;
35351
- });
35352
- var AnswerSelectedIcon = /*#__PURE__*/styled.span.withConfig({
35353
- displayName: "QuestionDialog__AnswerSelectedIcon",
35354
- componentId: "sc-bxc5u0-4"
35355
- })(["flex:5% 0 0;color:", " !important;"], function (props) {
35356
- return props.color;
35357
- });
35358
- var AnswerRow = /*#__PURE__*/styled.div.withConfig({
35359
- displayName: "QuestionDialog__AnswerRow",
35360
- componentId: "sc-bxc5u0-5"
35361
- })(["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;}"]);
35362
-
35363
35574
  var ProgressBar = function ProgressBar(_ref) {
35364
35575
  var max = _ref.max,
35365
35576
  value = _ref.value,
@@ -35377,7 +35588,7 @@ var ProgressBar = function ProgressBar(_ref) {
35377
35588
  }
35378
35589
  return value * 100 / max;
35379
35590
  };
35380
- return React__default.createElement(Container$h, {
35591
+ return React__default.createElement(Container$k, {
35381
35592
  className: "rpgui-progress",
35382
35593
  "data-value": calculatePercentageValue(max, value) / 100,
35383
35594
  "data-rpguitype": "progress",
@@ -35406,7 +35617,7 @@ var TextOverlay$1 = /*#__PURE__*/styled.div.withConfig({
35406
35617
  displayName: "ProgressBar__TextOverlay",
35407
35618
  componentId: "sc-qa6fzh-1"
35408
35619
  })(["width:100%;position:relative;"]);
35409
- var Container$h = /*#__PURE__*/styled.div.withConfig({
35620
+ var Container$k = /*#__PURE__*/styled.div.withConfig({
35410
35621
  displayName: "ProgressBar__Container",
35411
35622
  componentId: "sc-qa6fzh-2"
35412
35623
  })(["display:flex;flex-direction:column;min-width:", "px;width:", "%;justify-content:start;align-items:flex-start;", ""], function (props) {
@@ -35417,7 +35628,7 @@ var Container$h = /*#__PURE__*/styled.div.withConfig({
35417
35628
  return props.style;
35418
35629
  });
35419
35630
 
35420
- 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==';
35631
+ var img$9 = 'data:image/png;base64,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';
35421
35632
 
35422
35633
  var QuestInfo = function QuestInfo(_ref) {
35423
35634
  var quests = _ref.quests,
@@ -35461,7 +35672,7 @@ var QuestInfo = function QuestInfo(_ref) {
35461
35672
  }), React__default.createElement(QuestContainer, null, React__default.createElement(TitleContainer$1, {
35462
35673
  className: "drag-handler"
35463
35674
  }, React__default.createElement(Title$4, null, React__default.createElement(Thumbnail, {
35464
- src: quests[currentIndex].thumbnail || img$8
35675
+ src: quests[currentIndex].thumbnail || img$9
35465
35676
  }), quests[currentIndex].title), React__default.createElement(QuestSplitDiv, null, React__default.createElement("hr", {
35466
35677
  className: "golden"
35467
35678
  }))), React__default.createElement(Content, null, React__default.createElement("p", null, quests[currentIndex].description)), React__default.createElement(QuestColumn, {
@@ -35480,7 +35691,7 @@ var QuestInfo = function QuestInfo(_ref) {
35480
35691
  })))) : React__default.createElement(QuestsContainer, null, React__default.createElement(QuestContainer, null, React__default.createElement(TitleContainer$1, {
35481
35692
  className: "drag-handler"
35482
35693
  }, React__default.createElement(Title$4, null, React__default.createElement(Thumbnail, {
35483
- src: quests[0].thumbnail || img$8
35694
+ src: quests[0].thumbnail || img$9
35484
35695
  }), quests[0].title), React__default.createElement(QuestSplitDiv, null, React__default.createElement("hr", {
35485
35696
  className: "golden"
35486
35697
  }))), React__default.createElement(Content, null, React__default.createElement("p", null, quests[0].description)), React__default.createElement(QuestColumn, {
@@ -35731,7 +35942,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
35731
35942
  bgColor = _ref$bgColor === void 0 ? 'red' : _ref$bgColor,
35732
35943
  _ref$margin = _ref.margin,
35733
35944
  margin = _ref$margin === void 0 ? 20 : _ref$margin;
35734
- return React__default.createElement(Container$i, {
35945
+ return React__default.createElement(Container$l, {
35735
35946
  className: "simple-progress-bar"
35736
35947
  }, React__default.createElement(ProgressBarContainer, {
35737
35948
  margin: margin
@@ -35740,7 +35951,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
35740
35951
  bgColor: bgColor
35741
35952
  }))));
35742
35953
  };
35743
- var Container$i = /*#__PURE__*/styled.div.withConfig({
35954
+ var Container$l = /*#__PURE__*/styled.div.withConfig({
35744
35955
  displayName: "SimpleProgressBar__Container",
35745
35956
  componentId: "sc-mbeil3-0"
35746
35957
  })(["display:flex;justify-content:center;align-items:center;width:100%;"]);
@@ -35971,7 +36182,7 @@ var Spell = function Spell(_ref) {
35971
36182
  isSettingShortcut = _ref.isSettingShortcut,
35972
36183
  minMagicLevelRequired = _ref.minMagicLevelRequired;
35973
36184
  var disabled = isSettingShortcut ? charMagicLevel < minMagicLevelRequired : manaCost > charMana || charMagicLevel < minMagicLevelRequired;
35974
- return React__default.createElement(Container$j, {
36185
+ return React__default.createElement(Container$m, {
35975
36186
  disabled: disabled,
35976
36187
  onPointerDown: onPointerDown == null ? void 0 : onPointerDown.bind(null, spellKey),
35977
36188
  isSettingShortcut: isSettingShortcut && !disabled,
@@ -35984,7 +36195,7 @@ var Spell = function Spell(_ref) {
35984
36195
  className: "mana"
35985
36196
  }, manaCost)));
35986
36197
  };
35987
- var Container$j = /*#__PURE__*/styled.button.withConfig({
36198
+ var Container$m = /*#__PURE__*/styled.button.withConfig({
35988
36199
  displayName: "Spell__Container",
35989
36200
  componentId: "sc-j96fa2-0"
35990
36201
  })(["display:block;background:none;border:2px solid transparent;border-radius:1rem;width:100%;display:flex;height:5rem;gap:1rem;align-items:center;padding:0 1rem;text-align:left;position:relative;animation:", ";@keyframes border-color-change{0%{border-color:", ";}50%{border-color:transparent;}100%{border-color:", ";}}&:hover,&:focus{background-color:", ";}&:active{background:none;}"], function (_ref2) {
@@ -36071,7 +36282,7 @@ var Spellbook = function Spellbook(_ref) {
36071
36282
  height: "inherit",
36072
36283
  cancelDrag: "#spellbook-search, #shortcuts_list, .spell",
36073
36284
  scale: scale
36074
- }, React__default.createElement(Container$k, null, React__default.createElement(Title$7, null, "Learned Spells"), React__default.createElement(ShortcutsSetter, {
36285
+ }, React__default.createElement(Container$n, null, React__default.createElement(Title$7, null, "Learned Spells"), React__default.createElement(ShortcutsSetter, {
36075
36286
  setSettingShortcutIndex: setSettingShortcutIndex,
36076
36287
  settingShortcutIndex: settingShortcutIndex,
36077
36288
  shortcuts: shortcuts,
@@ -36103,7 +36314,7 @@ var Title$7 = /*#__PURE__*/styled.h1.withConfig({
36103
36314
  displayName: "Spellbook__Title",
36104
36315
  componentId: "sc-r02nfq-0"
36105
36316
  })(["font-size:", " !important;margin-bottom:0 !important;"], uiFonts.size.large);
36106
- var Container$k = /*#__PURE__*/styled.div.withConfig({
36317
+ var Container$n = /*#__PURE__*/styled.div.withConfig({
36107
36318
  displayName: "Spellbook__Container",
36108
36319
  componentId: "sc-r02nfq-1"
36109
36320
  })(["width:100%;height:100%;color:white;display:flex;flex-direction:column;"]);
@@ -36117,16 +36328,16 @@ var TextArea = function TextArea(_ref) {
36117
36328
  return React__default.createElement("textarea", Object.assign({}, props));
36118
36329
  };
36119
36330
 
36120
- var img$9 = 'data:image/gif;base64,R0lGODlhTgBNAPMAAAAAALcIL7ObdNGqnf3vnP/wl93Goerfx/Xx3vr6+vn49QAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAAIf4gQ3JlYXRlZCB3aXRoIGV6Z2lmLmNvbSBHSUYgbWFrZXIALAAAAABOAE0AAAT/EMhJq7046827/2AojmRpnmiqrmzrvnAsz2tg37hNq7jg/0AfbjeyAQ3IpBIJ1BE5N99ySmUKbk9M4FftUn+BLMXoLXev4exWYG5/r8+te/5Nz+T0vBIu2w7+gIGCg4SFgXwvfoaLjIyILIqNkpOAjymRlAMFm5ybmZV2KHh0naWcepYlo22mradzqUUClK61nJSxIJiMrgm+v664oSKrXqa/yMmmbrkexVXHydK+y2bNULON0dPTppLXGs9UpdzlCaVt4FpsZuTm5ejWwx3iU53v753p89jtnPj49JVRZ2ELgoMHoP0DaE6gF4JjBByciCChEncMucV7yC+DQYoI/y8uzAjvFUddEkGGRHKPZMlN8lCqXGmgpctuJs90XDdzpc2bynJWgSjh40yLP4ECE1pHZs8DB5MqPcd0ClEARlVCjTpy6kadTrWC7KpU4NaDVndeyNqTa4GpSzedBblHbcGUbSmSddlprsokV7HizYtAKsO+hBEYCCw48UTD+RAnZsw2L0aApfy2pTw48eWGczX3ZNzYsdtNAf2KVkm6tOnC2+JqXg2ytWBStiSLzWv7dh5XBHS/Pti7nj9TW2kT7u1bT03dB5SPtuuMnfMkqqXXpl79uhLR2icyj+gdSfjN3FF6Pz89kXU3itnPHO/xfXlm6VXZv3+ShnH+gOUnikAUAFpFny7/XYeGGBOssR8qQjBYQRQPpoOGgHc4WOEeYGAYB4VBBDGEhMTkYCKJKKao4oostujiizDGKOOMF0QAACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAAE4ATQAABP8QyEmrvTjrzbv/YCiOZGmeaKqubOu+cCzPa2DfuE2ruOD/QB9uN7IBDcikEgnUETk333JKZQpuT0zgV+1Sf4Esxegtd6/h7FZgbn+vz617/k3P5PS8Ei7bDv6AgYKDhIWBfC9+houMjIgsio2Sk4CPKZGUmY2WJnh6BaChoHpMdieec6KqoXqcRQKaq7Khmq4gmI2zurSUth6oZbMJw8Szc74dwF2rxM3Oq27IG7iGzM7Xw6uT0hnKVNbY2NBm3Bfe36Lh6gmq0aa/bGaq6+vt5O/J8cGh9PSibeUqbEGA4MAyfv38sSoTcMJAggQNTkmXsN5Chvg0PIRYcMm8iur/7HlpCGAjR4lIKIIMefFMxm4COEJEaUDlSnEtq5A0eTKJzZvPcta5FVNmRJ8IgV77h5Go0YgEayZV2ozpyJdaiho9APEnVXZCp+zUepLjx69gF3KFuGTsU6Negf5bazSJ27dmp1IVRfdpqRA838YFyRcvRJISAj89e1NV37eIS5I1zLiiY8OHscLEnFevP7oFHkPWvJkzwcohH4s2GjnxZMyol4peLbO161SyloKiTZug7du4dREobLo26Wn6gs9a29vwb+B5ls9s/vS5w+R0Lp+kztH6dVJTVnP3ffzDOTrjR7c43yZ99fIi2FdBYMA9a/ivwIP3jlx/Hv5QYOefQUtxSDGgTgCaJx8paIhxnYH+geGgQEYIGA0a+NFQIYRngJGhGlEEIeIQE8aXw4klpqjiiiy26OKLMMYo44w0XhABACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAAE4ATQAABP8QyEmrvTjrzbv/YCiOZGmeaKqubOu+cCzPa2DfuE2ruOD/QB9uN7IBDcikEgnUETk333JKZQpuT0zgV+1Sf4Esxegtd6/h7FZgbn+vz617/k3P5PS8Ei7bDv6AgYKDhIWBfC9+houMjIgsio2Sk4CPKZGUmY2WJnh6n2d2J555BaanpqCcRQKaf6iwp64DqyCYk7G5spq1HqRmusGndL0dv166CcrLunPFG7eLscvU1bGUzxnHVdPV3sqxbtkX21Td39/hbeMV5VOw6PEJsOKivmzAqPLy9GbsYwIQHCijbx+/Yf7sQQmIoOFAc6cMGkS1TqGGLQ0zPlxSUGI8ign/bTHMKJBjR4/pQHr5BwAjyZJKTqJMmaoMS5cvNxqQOdMawpUWtY0kqZNnT2Y/Q4l86bAhEqNH5yWtcnOoxow7I0b1plLpB5xXSUI9qvIAyT1BtVhligDeVqTDzLJlkpbcWrZjUVKUyxaBAZYt777M6xEV376AA/cdrHXr3sUNE4Nd7JasYciR66rFnLGyXr4GDiPWvJnzOYkFRItmmljCZMqe+a1e/bK1a3z5CM+jLXCx7dtzklFTcJlzbdIXcbcRVpw35N/A6TDne8A5W+gT3HXRpdo6SezZlUuHRdt75hriQZkf3UJ7m/XXkYtwX8UvfNbyWYFSlZ8E/f1LgGdMRXoAUtXfKFIUSJWAtvyXBxpihJcggGBE2I4RBK6DxoF9rDHhGWBwSEQPQZQ4hIXz5aAiiiy26OKLMMYo44w01mjjjRdEAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAABOAE0AAAT/EMhJq7046827/2AojmRpnmiqrmzrvnAsz2tg37hNq7jg/0AfbjeyAQ3IpBIJ1BE5N99ySmUKbk9M4FftUn+BLMXoLXev4exWYG5/r8+te/5Nz+T0vBIu2w7+gIGCg4SFgXwvfoaLjIyILIqNkpOAjymRlJmNliZ4ep9ndieeoKV7oiWYmgWsrayah6giqpSutq2wf5wgpG63v616ux+9ZcDHwXPDHbSLwAnQ0cCZyxvFXbfR2tu3yrLMbL622+TStt6z4WbZ5e3dbdVa6sau7fYJ5/Df1gIH6/X37OUrE8/CFgQI/WFrFTCgKzcFxwhAmLAKwIb3HpqJOOEgRQQK/5dcxOguGcF98j6CnDKOpECNXjhK8PgxJJKRLsvBDMVrokqbBnDm5GaSJzGfNREmETrUHKuNKC/QpHiA4k2GTXUWrSITwFSQKoNizUr0aZKqVplENYhU5UemWTWidWug61e3CFqShXZuLt6uXtvizTt270O/bgEHHvy2MNnDjBEovosXLknIkScLHqx3aIG5BhAnXpsyMsLOlxGL/qh45ubKqB2KXk2xtes27Bp+Hkzb9m3csaMp4LvbtErfgec8I4qWNmPkycUhYzX3gPPRl+b9O6b6em3SHq7R+7Xau2Tw4bVLd2X+L/qjppC0x+5CvBkEoY27j2E/Ptf3JPTn30cpOwg4IHQ9qTdgXQiGQMaCSaAhRkdcxAfGhBVEoSA8aAB4xxpSEASGh3FoGEQQQ2A4Sw4squjiizDGKOOMNNZo44045nhBBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAABOAE0AAAT/EMhJq7046827/2AojmRpnmiqrmzrvnAsz2tg37hNq7jg/0AfbjeyAQ3IpBIJ1BE5N99ySmUKbk9M4FftUn+BLMXoLXev4exWYG5/r8+te/5Nz+T0vBIu2w7+gIGCg4SFgXwvfoaLjIyILIqNkpOAjymRlJmNliZ4ep9ndieeoKV7oiWYmgWsrayah6giqpSutq2wf5wgpG63v616ux+9ZcDHwXPDHbSLwAnQ0cCZyxvFXbfR2tu3yrLMbL622+TStt6z4WbZ5e3dbdVa6sau7fYJ5/Df1gIH6/X37OUrE8/CFgQI/WFrFTCgKzcFxwhAmLAKwIb3HpqJOOEgRQQK/5dcxOguGcF98j6CnDKOpECNXjhK8PgxJJKRLsvBDMVrokqbBnDm5GaSJzGfNREmETrUHKuNKC/QpHiA4k2GTXUWrSITwFSQKoNizUr0aZKqVplENYhU5UemWTWidWug61e3CFqShXZuLt6uXtvizTt270O/bgEHHvy2MNnDjBEovosXLknIkScLHqx3aIG5BhAnXpsyMsLOlxGL/qh45ubKqB2KXk2xtes27Bp+Hkzb9m3csaMp4LvbtErfgec8I4qWNmPkycUhYzX3gPPRl+b9O6b6em3SHq7R+7Xau2Tw4bVLd2X+L/qjppC0x+5CvBkEoY27j2E/Ptf3JPTn30cpOwg4IHQ9qTdgXQiGQMaCSaAhRkdcxAfGhBVEoSA8aAB4xxpSEASGh3FoGEQQQ2A4Sw4squjiizDGKOOMNNZo44045nhBBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAABOAE0AAAT/EMhJq7046827/2AojmRpnmiqrmzrvnAsz2tg37hNq7jg/0AfbjeyAQ3IpBIJ1BE5N99ySmUKbk9M4FftUn+BLMXoLXev4exWYG5/r8+te/5Nz+T0vBIu2w7+gIGCg4SFgXwvfoaLjIyILIqNkpOAjymRlJmNliZ4ep9ndieeeQWmp6agnEUCmn+osKeuA6sgmJOxubKatR6kZrrBp3S9Hb9eugnKy7pzxRu3i7HL1NWxlM8Zx1XT1d7KsW7ZF9tU3d/f4W3jFeVTsOjxCbDior5swKjy8vRm7GMCEBwoo28fv2H+7EEJiKDhQHOnDBpEtU6hhi0NMz5cUlBiPIoJ/20xzCiQY0eP6UB6+QcAI8mSSk6iTJmqDEuXLzcakDnTGsKVFrWNJKmTZ09mP0OJfOmwIRKjR+clrXJzqMaMOyNG9aZS6QecV0lCParyAMk9QbVYZYoA3lakw8yyZZKW3Fq2Y1FSlMsWgQGWLe++zOsRFd++gAP3Hax1697FDRODXeyWrGHIkeuqxZyxsl6+Bg4j1ryZ8zmJBUSLZppYwmTKnvmtXv2ytWt8+QjPoy1wse3bc5JRU3CZc23SF3G3EVacN+TfwOkw53vAOVvoE9x10aXaOkns2ZVLh0Xbe+Ya4kGZH91Ce5v115GLcF/FL3zW8lmBUpWfBP39S4BnTEV6AFLV3yhSFEiVgLb8lwcaYoSXIIBgRNiOEQSug8aBfawx4RlgcEhED0GUOISF8+WgIoostujiizDGKOOMNNZo440XRAAAIf8LSW1hZ2VNYWdpY2sNZ2FtbWE9MC40NTQ1NQAh+QQBFAAAACwAAAAATgBNAAAE/xDISau9OOvNu/9gKI5kaZ5oqq5s675wLM9rYN+4Tau44P9AH243sgENyKQSCdQROTffckplCm5PTOBX7VJ/gSzF6C13r+HsVmBuf6/PrXv+Tc/k9LwSLtsO/oCBgoOEhYF8L36Gi4yMiCyKjZKTgI8pkZSZjZYmeHoFoKGgekx2J55zoqqhepxFApqrsqGariCYjbO6tJS2HqhlswnDxLNzvh3AXavEzc6rbsgbuIbMztfDq5PSGcpU1tjY0GbcF97fouHqCarRpr9sZqrr6+3k78nxwaH09KJt5SpsQYDgwDJ+/fyxKhNwwkCCBA1OSZew3kKG+DQ8hFhwybyK6v/seWkIYCNHiUgoggx58UzGbgI4QkRpQOVKcS2rkDR5MonNm89y1rkVU2ZEnwiBXvuHkajRiARrJlXajOnIl1qKGj0A8SdVdkKn7NR6kuPHr2AXcoW4ZOxTo16B/ltrNInbt2anUhVF92mpEDzfxgXJFy9EkhICPz17U1Xft4hLkjXMuKJjw4exwsTctbI/ugUeQ9a8mTMCcJ9lijYaOfFkyp6Xil4ts7XrVLKWgqJNm6Dt27h1EShsujbpafqCz1rb2/Bv4HmWz2z+9LnD5HQun6TO0fp1UlNWc/d9/MM5OuNHtzjfJn318iLYV0FgwD1r+K/Ag/eOXH8e/lBg559BS3FIMaBOAJonHyloiHGdgf6B4aBARggYDRr40VAhhGeAkaEaUQQh4hATxpfDiSWmqOKKLLbo4oswxijjjDReEAEAIf8LSW1hZ2VNYWdpY2sNZ2FtbWE9MC40NTQ1NQAh+QQBFAAAACwAAAAATgBNAAAE/xDISau9OOvNu/9gKI5kaZ5oqq5s675wLM9rYN+4Tau44P9AH243sgENyKQSCdQROTffckplCm5PTOBX7VJ/gSzF6C13r+HsVmBuf6/PrXv+Tc/k9LwSLtsO/oCBgoOEhYF8L36Gi4yMiCyKjZKTgI8pkZQDBZucm5mVdih4dJ2lnHqWJaNtpq2nc6lFApSutZyUsSCYjK4Jvr+uuKEiq16mv8jJpm65HsVVx8nSvstmzVCzjdHT06aS1xrPVKXc5QmlbeBabGbk5uXo1sMd4lOd7++d6fPY7Zz4+PSVUWdhC4KDB6D9A2hOoBeCYwQcnIggoRJ3DLnFe8gvg0GKCP8vLswI7xVHXRJBhkRyj2TJTfJQqlxpoKXLbibPdFw3c6XNm8pyVoEo4eNMiz+BAhNaR2bPAweTKj3HdApRAEZVQo06cupGnU61guyqVODWg1Z3Xsjak2uBqUs3nQW5R23BlG0pknXZaa7KJFex4s2LQCrDvoQRGAgsOPFEw/kQJ2bMNi9GgKX8tqU8OPHlhnM192Tc2LHbTQH9ilZJurTpwtvial4NsrVgUrYki81r+3YeVwR0vz7Yu54/U1tpE+7tW09N3QeUj7brjJ3zJKql16Ze/boS0donMo/oHUn4zdxRej8/PZF1N4rZzxzv8X15ZulV2b9/koZx/oDlJ4pAFABaRZ8u/12HhhgTrLEfKkIwWEEUD6aDhoB3OFjhHmBgGAeFQQQxhITE5GAiiSimqOKKLLbo4oswxijjjBdEAAA7';
36331
+ var img$a = 'data:image/gif;base64,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';
36121
36332
 
36122
- var img$a = 'data:image/gif;base64,R0lGODlhTgBNAPMAAAAAALcILyZ31ESZ+lrC/1Ds//vvpv3wo4G8//////38+QAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAAIf4gQ3JlYXRlZCB3aXRoIGV6Z2lmLmNvbSBHSUYgbWFrZXIALAAAAABOAE0AAAT/EMhJq7046827/2AojmRpnmiqrmzrvnAsz2tg37hNq7jg/0AfbjeyAQfIpBIJ1BE5N99ySmUKbk9M4FftUn+BLMXoLXev4exWYG5/r8+te/5Nz+T0vBIu2yL+gIGCg4SFgXwvfoaLjIyILIqNkpOAjymRlAgHm5ybmZV2KHh0naWcepYlo22mradzqUUClK61nJSxIJiMrgm+v664oSKrXqa/yMmmbrkexVXHydK+y2bNULON0dPTppLXGs9UpdzlCaVt4FpsZuTm5ejWwx3iU53v753p89jtnPj49JVRZ2ELgYMFoP0DaE6gF4JjBBycSCChEncMucV7yC+DQYoI/y8uzAjvFUddEkGGRHKPZMlN8lCqXDmgpctuJs90XDdzpc2bynJWgSjh40yLP4ECE1pHZs8CB5MqPcd0ClEARlVCjTpy6kadTrWC7KpU4NaDVndeyNqT64GpSzedBblHbcGUbSmSddlprsokV7HizUtAKsO+hAkMCCw48UTD+RAnZsw2L0aApfy2pTw48eWGczX3ZNzYsdtNAf2KVkm6tOnC2+JqXg2ytWBStiSLzWv7dh5XBnS/Pti7nj9TW2kT7u1bT03dBZSPtuuMnfMkqqXXpl79uhLR2icyj+gdSfjN3FF6Pz89kXU3itnPHO/xfXlm6VXZv3+ShnH+gOUnikAUAFpFny7/XYeGGBOssR8qQjBYQRQPpoOGgHc4WOEeYGAYB4VBBDGEhMTkYCKJKKao4oostujiizDGKOOMF0QAACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAAE4ATQAABP8QyEmrvTjrzbv/YCiOZGmeaKqubOu+cCzPa2DfuE2ruOD/QB9uN7IBB8ikEgnUETk333JKZQpuT0zgV+1Sf4Esxegtd6/h7FZgbn+vz617/k3P5PS8Ei7bIv6AgYKDhIWBfC9+houMjIgsio2Sk4CPKZGUmY2WJnh6B6ChoHpMdieec6KqoXqcRQKaq7Khmq4gmI2zurSUth6oZbMJw8Szc74dwF2rxM3Oq27IG7iGzM7Xw6uT0hnKVNbY2NBm3Bfe36Lh6gmq0aa/bGaq6+vt5O/J8cGh9PSibeUqbCFAoMAyfv38sSoTcMJAggQNTkmXsN5Chvg0PIRYcMm8iur/7HlpCGAjR4lIKIIMefFMxm4COEJEOUDlSnEtq5A0eTKJzZvPcta5FVNmRJ8IgV77h5Go0YgEayZV2ozpyJdaihotAPEnVXZCp+zUepLjx69gF3KFuGTsU6Negf5bazSJ27dmp1IVRfdpqRA838YFyRcvRJISAj89e1NV37eIS5I1zLiiY8OHscLEnFevP7oHHkPWvJkzwcohH4s2GjnxZMyol4peLbO161SyloKiTZug7du4dRkobLo26Wn6gs9a29vwb+B5ls9s/vS5w+R0Lp+kztH6dVJTVnP3ffzDOTrjR7c43yZ99fIi2FchMMA9a/ivwIP3jlx/Hv5QYOefQUtxSDGgTgCaJx8paIhxnYH+geGgQEYIGA0a+NFQIYRngJGhGlEEIeIQE8aXw4klpqjiiiy26OKLMMYo44w0XhABACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAAE4ATQAABP8QyEmrvTjrzbv/YCiOZGmeaKqubOu+cCzPa2DfuE2ruOD/QB9uN7IBB8ikEgnUETk333JKZQpuT0zgV+1Sf4Esxegtd6/h7FZgbn+vz617/k3P5PS8Ei7bIv6AgYKDhIWBfC9+houMjIgsio2Sk4CPKZGUmY2WJnh6n2d2J555B6anpqCcRQKaf6iwp64IqyCYk7G5spq1HqRmusGndL0dv166CcrLunPFG7eLscvU1bGUzxnHVdPV3sqxbtkX21Td39/hbeMV5VOw6PEJsOKivmzAqPLy9GbsYwIIFCijbx+/Yf7sQQlIoOFAc6cMGkS1TqGGLQ0zPlxSUGI8ign/bTHMKJBjR4/pQHr5BwAjyZJKTqJMmaoMS5cvNw6QOdMawpUWtY0kqZNnT2Y/Q4l86bAhEqNH5yWtcnOoxow7I0b1plLpB5xXSUI9qrIAyT1BtVhlSgDeVqTDzLJlkpbcWrZjUVKUy5bAAJYt777M6xEV376AA/cdrHXr3sUNE4Nd7JasYciR66rFnLGyXr4DDiPWvJnzOYkHRItmmljCZMqe+a1e/bK1a3z5CM+jLXCx7dtzklFTcJlzbdIXcbcRVpw35N/A6TDnW8A5W+gT3HXRpdo6SezZlUuHRdt75hriQZkf3UJ7m/XXkYtwX8UvfNbyWYFSlZ8E/f1LgGdMRXoAUtXfKFIUSJWAtvyXBxpihJcggGBE2I4RBK6DxoF9rDHhGWBwSEQPQZQ4hIXz5aAiiiy26OKLMMYo44w01mjjjRdEAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAABOAE0AAAT/EMhJq7046827/2AojmRpnmiqrmzrvnAsz2tg37hNq7jg/0AfbjeyAQfIpBIJ1BE5N99ySmUKbk9M4FftUn+BLMXoLXev4exWYG5/r8+te/5Nz+T0vBIu2yL+gIGCg4SFgXwvfoaLjIyILIqNkpOAjymRlJmNliZ4ep9ndieeoKV7oiWYmgesrayah6giqpSutq2wf5wgpG63v616ux+9ZcDHwXPDHbSLwAnQ0cCZyxvFXbfR2tu3yrLMbL622+TStt6z4WbZ5e3dbdVa6sau7fYJ5/Df1gIF6/X37OUrE8/CFgII/WFrFTCgKzcFxwhAmLAKwIb3HpqJOOEgRQIK/5dcxOguGcF98j6CnDKOpECNXjhK8PgxJJKRLsvBDMVrokqbA3Dm5GaSJzGfNREmETrUHKuNKC/QpFiA4k2GTXUWrSITwFSQKoNizUr0aZKqVplENYhU5UemWTWidTug61e3BFqShXZuLt6uXtvizTt270O/bgEHHvy2MNnDjAkovosXLknIkScLHqx36IG5AxAnXpsyMsLOlxGL/qh45ubKqB2KXk2xtes27Bp+Hkzb9m3csaMp4LvbtErfgec8I4qWNmPkycUhYzW3gPPRl+b9O6b6em3SHq7R+7Xau2Tw4bVLd2X+L/qjppC0x+5CvBkCoY27j2E/Ptf3JPTn30cpOwg4IHQ9qTdgXQiGQMaCSaAhRkdcxAfGhBVEoSA8aAB4xxpSEASGh3FoGEQQQ2A4Sw4squjiizDGKOOMNNZo44045nhBBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAABOAE0AAAT/EMhJq7046827/2AojmRpnmiqrmzrvnAsz2tg37hNq7jg/0AfbjeyAQfIpBIJ1BE5N99ySmUKbk9M4FftUn+BLMXoLXev4exWYG5/r8+te/5Nz+T0vBIu2yL+gIGCg4SFgXwvfoaLjIyILIqNkpOAjymRlJmNliZ4ep9ndieeoKV7oiWYmgesrayah6giqpSutq2wf5wgpG63v616ux+9ZcDHwXPDHbSLwAnQ0cCZyxvFXbfR2tu3yrLMbL622+TStt6z4WbZ5e3dbdVa6sau7fYJ5/Df1gIF6/X37OUrE8/CFgII/WFrFTCgKzcFxwhAmLAKwIb3HpqJOOEgRQIK/5dcxOguGcF98j6CnDKOpECNXjhK8PgxJJKRLsvBDMVrokqbA3Dm5GaSJzGfNREmETrUHKuNKC/QpFiA4k2GTXUWrSITwFSQKoNizUr0aZKqVplENYhU5UemWTWidTug61e3BFqShXZuLt6uXtvizTt270O/bgEHHvy2MNnDjAkovosXLknIkScLHqx36IG5AxAnXpsyMsLOlxGL/qh45ubKqB2KXk2xtes27Bp+Hkzb9m3csaMp4LvbtErfgec8I4qWNmPkycUhYzW3gPPRl+b9O6b6em3SHq7R+7Xau2Tw4bVLd2X+L/qjppC0x+5CvBkCoY27j2E/Ptf3JPTn30cpOwg4IHQ9qTdgXQiGQMaCSaAhRkdcxAfGhBVEoSA8aAB4xxpSEASGh3FoGEQQQ2A4Sw4squjiizDGKOOMNNZo44045nhBBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAABOAE0AAAT/EMhJq7046827/2AojmRpnmiqrmzrvnAsz2tg37hNq7jg/0AfbjeyAQfIpBIJ1BE5N99ySmUKbk9M4FftUn+BLMXoLXev4exWYG5/r8+te/5Nz+T0vBIu2yL+gIGCg4SFgXwvfoaLjIyILIqNkpOAjymRlJmNliZ4ep9ndieeeQemp6agnEUCmn+osKeuCKsgmJOxubKatR6kZrrBp3S9Hb9eugnKy7pzxRu3i7HL1NWxlM8Zx1XT1d7KsW7ZF9tU3d/f4W3jFeVTsOjxCbDior5swKjy8vRm7GMCCBQoo28fv2H+7EEJSKDhQHOnDBpEtU6hhi0NMz5cUlBiPIoJ/20xzCiQY0eP6UB6+QcAI8mSSk6iTJmqDEuXLzcOkDnTGsKVFrWNJKmTZ09mP0OJfOmwIRKjR+clrXJzqMaMOyNG9aZS6QecV0lCPaqyAMk9QbVYZUoA3lakw8yyZZKW3Fq2Y1FSlMuWwACWLe++zOsRFd++gAP3Hax1697FDRODXeyWrGHIkeuqxZyxsl6+Aw4j1ryZ8zmJB0SLZppYwmTKnvmtXv2ytWt8+QjPoy1wse3bc5JRU3CZc23SF3G3EVacN+TfwOkw51vAOVvoE9x10aXaOkns2ZVLh0Xbe+Ya4kGZH91Ce5v115GLcF/FL3zW8lmBUpWfBP39S4BnTEV6AFLV3yhSFEiVgLb8lwcaYoSXIIBgRNiOEQSug8aBfawx4RlgcEhED0GUOISF8+WgIoostujiizDGKOOMNNZo440XRAAAIf8LSW1hZ2VNYWdpY2sNZ2FtbWE9MC40NTQ1NQAh+QQBFAAAACwAAAAATgBNAAAE/xDISau9OOvNu/9gKI5kaZ5oqq5s675wLM9rYN+4Tau44P9AH243sgEHyKQSCdQROTffckplCm5PTOBX7VJ/gSzF6C13r+HsVmBuf6/PrXv+Tc/k9LwSLtsi/oCBgoOEhYF8L36Gi4yMiCyKjZKTgI8pkZSZjZYmeHoHoKGgekx2J55zoqqhepxFApqrsqGariCYjbO6tJS2HqhlswnDxLNzvh3AXavEzc6rbsgbuIbMztfDq5PSGcpU1tjY0GbcF97fouHqCarRpr9sZqrr6+3k78nxwaH09KJt5SpsIUCgwDJ+/fyxKhNwwkCCBA1OSZew3kKG+DQ8hFhwybyK6v/seWkIYCNHiUgoggx58UzGbgI4QkQ5QOVKcS2rkDR5MonNm89y1rkVU2ZEnwiBXvuHkajRiARrJlXajOnIl1qKGi0A8SdVdkKn7NR6kuPHr2AXcoW4ZOxTo16B/ltrNInbt2anUhVF92mpEDzfxgXJFy9EkhICPz17U1Xft4hLkjXMuKJjw4exwsTctbI/ugceQ9a8mTMBcJ9lijYaOfFkyp6Xil4ts7XrVLKWgqJNm6Dt27h1GShsujbpafqCz1rb2/Bv4HmWz2z+9LnD5HQun6TO0fp1UlNWc/d9/MM5OuNHtzjfJn318iLYVyEwwD1r+K/Ag/eOXH8e/lBg559BS3FIMaBOAJonHyloiHGdgf6B4aBARggYDRr40VAhhGeAkaEaUQQh4hATxpfDiSWmqOKKLLbo4oswxijjjDReEAEAIf8LSW1hZ2VNYWdpY2sNZ2FtbWE9MC40NTQ1NQAh+QQBFAAAACwAAAAATgBNAAAE/xDISau9OOvNu/9gKI5kaZ5oqq5s675wLM9rYN+4Tau44P9AH243sgEHyKQSCdQROTffckplCm5PTOBX7VJ/gSzF6C13r+HsVmBuf6/PrXv+Tc/k9LwSLtsi/oCBgoOEhYF8L36Gi4yMiCyKjZKTgI8pkZQIB5ucm5mVdih4dJ2lnHqWJaNtpq2nc6lFApSutZyUsSCYjK4Jvr+uuKEiq16mv8jJpm65HsVVx8nSvstmzVCzjdHT06aS1xrPVKXc5QmlbeBabGbk5uXo1sMd4lOd7++d6fPY7Zz4+PSVUWdhC4GDBaD9A2hOoBeCYwQcnEggoRJ3DLnFe8gvg0GKCP8vLswI7xVHXRJBhkRyj2TJTfJQqlw5oKXLbibPdFw3c6XNm8pyVoEo4eNMiz+BAhNaR2bPAgeTKj3HdApRAEZVQo06cupGnU61guyqVODWg1Z3Xsjak+uBqUs3nQW5R23BlG0pknXZaa7KJFex4s1LQCrDvoQJDAgsOPFEw/kQJ2bMNi9GgKX8tqU8OPHlhnM192Tc2LHbTQH9ilZJurTpwtvial4NsrVgUrYki81r+3YeVwZ0vz7Yu54/U1tpE+7tW09N3QWUj7brjJ3zJKql16Ze/boS0donMo/oHUn4zdxRej8/PZF1N4rZzxzv8X15ZulV2b9/koZx/oDlJ4pAFABaRZ8u/12HhhgTrLEfKkIwWEEUD6aDhoB3OFjhHmBgGAeFQQQxhITE5GAiiSimqOKKLLbo4oswxijjjBdEAAA7';
36333
+ var img$b = 'data:image/gif;base64,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';
36123
36334
 
36124
- var img$b = 'data:image/gif;base64,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';
36335
+ var img$c = 'data:image/gif;base64,R0lGODlhTgBNAPIAAAAAAAgIMhkZS2tsbbcIL4zZ98jh6////yH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAAIf4gQ3JlYXRlZCB3aXRoIGV6Z2lmLmNvbSBHSUYgbWFrZXIALAAAAABOAE0AAAP/CLrc/jDKSau9OOvNu/9gKI5kaZ5oqq4j4b6wy4qwYN+4Dc+biwfAoBCIk/EoL9twySQKXkcI4dasMm+EKMNnDRiA327wmY1OBeLA4ZAW6o7TtpotH5dX8XY4XA888QIDgoOEhYaHiIR/KFOJjo+QiyWNkJWWinc0gZecjgaDkiB5fV4Gpqd8XQYHfKEeo2pppmu0tKaybpkdlJeztb9rpp2uGryVvsDJrJ+XxBiwqsrStnLOF9BVq9PbqVbWFcae27SGtcyRutdoYtrbVtRi3xLYTe3Kbaxt8lLr0dN1+eKlQ9LPij1gpLo12feA3pCDv0hVGzivYLZ/EvVR5McO/2PGNAy3WGQCsdZHjc9GLim5JmGfkAscCmFJp47CLjAVyAxCk1SBlxsbjuzWs06BAz8npnwYEIw0PQaOrilwKxuRoA6wEX1qFGnHLzkB7OTJVU5SdleXdrxnE2iGsU7Z6qkTVqfKlWVPLsQqVE9evUPqir2L9y/gtMUIMzWsV7BdOTRbHvbDNwJcsu6GBFO6S/HKyMCqvrPzyjNJ0MtIORYpEdkv0XQrEwRDWxaqUxlXZ+0neTLnEHl6+xY4ScCe4cRNXG5dRfds5KtuOgdnWjjaJdMtjLWuWjZwJcideKexPPZ4EmdMx3ujpUES9VfInFfhgwpOLPN51MjBf0f7HhYxBPjfgAQWaOCBCCao4IIMNuggBwkAACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAAE4ATQAAA/8Iutz+MMpJq7046827/2AojmRpnmiqriPhvrDLirBg37gNz5uLB8CgEIiT8Sgv23DJJApeRwjhxjQIrU3nM8rwZb/gJ4E7FYCBh8N5qDtO12g1XLhlvef4ZT01Hfj/gIEGgIOBhod7Jn2HjI2OggOJLQKPlZaMkiCLl5yPhZFjNGZ5pFcBBgdWVpkcd3FwBrGysXNYRKEfm35plbFpv7+xnX+sGLqXvsDKacKOn8S4PaOwqMvWzLZrxRauZ9XX4Klz20iUyOHoqZzkEt1f3+hLwNlf7FLTYPDgX8Fw9g7usuhbBkectmjc8AmMN8dgGIQVAlYJR4pek39dFDYZCKz/1DiI7TRO3OfxoDGRQzj+KukPZASJKSmyPINRQUB6KuXgsfjwpDeSO2Hd8pky5jVSBfLUBOBKlTgsOfMUOJDU29ALN41aozY1TQFaS5yucnnv51E8U6vmu5owbFigcNS2zADzCtw1PKsEWGoTpVaCtfDwZerX7tmZF8m+LGx4K2Imgwnjlfk4SGTJk+8ivozZrGaPnDt71swMTBq20nbmtAaWn5zQmLPlPbUam1LFWBlXUdn6o6ggp6nN6i0YN9HglYHMRh2ibvLEJ5o+nw07pNVTVlGpYmM8l27keCF318QYfKnquVFCDWwZvTHnoI1wIaxk5o3xfHzovigGv50yI/XVc59/UdSQw4E7zNdDDAwq6OCDEEYo4YQUVmjhhRhmyEECACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAAE4ATQAAA/8Iutz+MMpJq7046827/2AojmRpnmiqriPhvrDLirBg37gNz5uLB8CgEIiT8Sgv23DJJApeRwjh1qwyb4Qow2ftVp/Z6FTgDRzKQ91xim5fwyu2ey58xgWDvH7P7/v/egZ2KFOAhoeIgyWFiI2OAwZ5ijR4j5aGkZJwIHIBBkCfdGWfBgYHpZ6THp1mZ6JzoUSbHYx6BweOpbq6j5l6qhq1eZm+f6W3yMill7+zGaxox8nTt6hWsUHAGNBd0tTfp9he2hbCiKbg6dWW5Ehk0erxp23tEtxV6PJLyeJW9VLvvORTZ0UZmn8P7jEZ+A3NvDIIHSgcwpCam4ddIm4J2I3/IKyDzuxxxOfx1biQESYKqZjMJESUAJeIY4nM5cttIxeWtClTFs6eK9PR6ZcRZsKcM4V+HOXzghxSplCRUuqmQLSm5ZBSpIqmwAGrTaCG06iAW1Jw0Qx4vVXAWlisFVSC4lrGK9hucOOO7EfTVZu7N5/llElX4FWyC+TORduG6BejMQUW5pkNcuSOjCnXsXz52k7NiBso9vR5KKgAoUUP1ln6oqvUGxvrG1Kty628wVYv7PvN7dtUnN258ZbO90lKQfx2o2nc8eYWuq/t0iUKtkjNC/0FF2w4iHOKj1OMvnpM6nMVim83fjNDrvqrabZzUoK9jnVaZlfCR21EC4AxMdEdpIZ/W/gQ4BdgyBcHgAcWoeAaSeQg4Q4EBhPDhRVmqOGGHHbo4YcghijiiCQ+kAAAIf8LSW1hZ2VNYWdpY2sNZ2FtbWE9MC40NTQ1NQAh+QQBFAAAACwAAAAATgBNAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKquI+G+sMuKsGDfuA3Pm4sHwKAQiJPxKC/bcMkkCl5HCOHWrDJvhCjDZ+1Wn9noVOANHA5loe44TZvR7uBz1o7b1eHUdMDv+/+AgYJ+cyh7g4iJiYUlh4qPkH2MNAIDBn6XkZqBkx91d6BCcER5nmRBZ6GqAZ0cjnxnm7KCrRmvsga5urmzkqUanwEGQsNVuWfIyLmhtRfBacfJ0mfLds0Vt4rR09wHvJrXE89dBt3mynHhEeNW5efvxWnqD+xN7u+jqOjyv9inXvfOWdnnZZ6DeksCckvjjZ+tf+TexWlYxuAChEMUSrsTr/+LRQUYg2hMtqpgPwkhgYxEVtLjyXUQ7QlsaeUjgJQrU9H88lJKTCY5OVrrSe9nPmHmhKYjevBnwqR2CjAkhQEnVDcFDkh1Y9NqN2gGsp4pUM3lw4hf42TdWpFpUYBX07BtC8xpxrhlOpqsmxcvuaU97BLzu9PmFsGD067qOMzwYbiEVzl+DFmxKp2TLyJOHJkhnMyaoeFbQs0hiJQqc3IrC1SOWwufdBpTTU2vWUpAZLdbyZouCdQZd+m6Axrl5p1Dios7Duqo6xUpnYNSDpt5SerOlCBXg70q8KWvT4yxXnONlgZJyCcHE57O+ONF2mupkaP+jvM9YujHz7+///8NAAYo4IAEFmjggRwkAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAABOAE0AAAP/CLrc/jDKSau9OOvNu/9gKI5kaZ5oqq4j4b6wy4qwYN+4Dc+biwfAoBCIk/EoL9twySQKXkcI4dasMm+EKMNnDRiA327wmY1OBeLA4ZAW6o7TtpotH5dX8XY4XA888QIDgoOEhYaHiIR/KFOJjo+QiyWNkJWWinc0gZecjgaDkiB5faRDBgd8oR6jaqWlfH6ZHZSdtZWqGrS2Bry9vLagshmsdbxrx8e8rrgYxGnGyNFryn3MFrqV0NLbqJ+c1khocqfc5dN14BLOVuTm5rBi6VLiz+7HS8jwVvIP60zt5qwka8PPgb8lALe1QUVQ2ISDptzVYZim4AKIQhJGI6Wv/4lFBRjBBHRV0WGEkF5GkuzyEUBIjchWlmxGrwrMezJZmpyHMCI3jtV29quZEtZNOsX0EBFqkKgXnwr7FKj3peXLclIPTBUTxqpThFifGShwrAA1ncO+Zgwrh+zWmWm5sm3zFi5NuT+TymkJUi1UaXob9vAb5GhOj0xPEi489/DSWYtTNs7JtwHKo0hJIq28JbJIlTI5d9ZjDx/FeIkr5NnTRJu9boJDjFrTxTW3s3ZFiaPN9Sbu3LIFsBbr6zdwTY57Ik6Bss+pjqIvhOStdEn0uwIzl7qe1vN27rmaozOixSWV0G/Kb/Hh3TqZ1DzYK2GJBX75Gjny71AfPkYM/hIABijggAQWaOCBCCao4IIPJAAAIf8LSW1hZ2VNYWdpY2sNZ2FtbWE9MC40NTQ1NQAh+QQBFAAAACwAAAAATgBNAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKquI+G+sMuKsGDfuA3Pm4sHwKAQiJPxKC/bcMkkCl5HCOHGNAitTeczyvBlv+AngTsVgIGHw3moO07XaDVcuGW95/hlPTUd+P+AgQaAg4GGh3smfYeMjY6CA4ktAo+VloySIIuXnI+FkWM0ZnmkVwEGB1ZWmRx3caWkWEShH5t+aZcGuru6nYGsGLadumnFxb2Vn3/AFq5zxMbRabqkzBXOZ9DS26mya9YTwp7c5Med4BHYX6jl7d5htMGja+ztckLG71/oDupN9eW+HIPDr4G/Ku3gpCIYr9m8dQnnLDxTcMHBJQClxWIoj/9eQFjfGoZ7mCVjNJAhO4IxaQxlygvq3rEs5pKiSAkXg8y89wwOlooAYg7ZuREPUFeqFmIhmqeAz1kqTV0h1/SA05KnFh4liZCbTwMFihWghjXAVoxDqeIJe5Vj1JJq57RdafbmyGxxn84BqiCnzrzZjNrFybXrtppZ+PYtjBEw4rqtGKd1XFOxRclTKYO0fNlnRFhpoHbwm/kjvolZQkP2cMebvlM7t5F9WQszxtjTXicenMGV6pUzZ+/l3XvU72y8dlWBV4L0Yz3EI+t8fmo3H9vVs6/LqopN9NpnjgeGPsOv+GrfRTFe2jNImyheqNdNr4iKyxv0USTB3kSHES4mUpShRBj45QfffjnksAOAPcTgIIMQRijhhBRWaOGFGGao4YYcJAAAIf8LSW1hZ2VNYWdpY2sNZ2FtbWE9MC40NTQ1NQAh+QQBFAAAACwAAAAATgBNAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKquI+G+sMuKsGDfuA3Pm4sHwKAQiJPxKC/bcMkkCl5HCOHWrDJvhCjDZ+1Wn9noVOANHMpD3XGKbl/DK7Z7LnzGBYO8fs/v+/96BnYoU4CGh4iDJYWIjY4DBnmKNHiPloaRknAgcgEGQJ90ZZ8GBgelnpMenWZno6WwqGihRJsdjHoHB4ilur6+pY2ZeqoauHmZw329v826wZfFGKxezM7Xp7RL2rWrZLPY4cBt0hbHh6bi6sqH5Ujf1eq+S7/cX7bm8F3p6lbjZe4iUKvCDxuaU2gCStFHsF8bhF4UPhjIpKAzOvbeZKC4Tf+cKHL4JHAcYrHZx4QhBTKs6PEkwJQLt5Fs6bKLxC0rOxqck7FitwsDuZWcx3POzQVBZ+50U2DWz3ygPJlCRSrcnAIHmlZ7WiGpkKG6ZhnAqquArK9Ssx1V4DUIWFdtsGrdx/XdKKtMnQZYy5ahvbdFQRrLqfOam54y+fa9u7Smxo2EC190/Bgy48aU98KcMFIpZseKcYKjiTFqaNGjSQN51iWsZm+H3147W8X1adRtrIWjTRDU7Qadm+iuh/gepSBwX8XiHdXmZsuZRf2OGZ2klekqt7rVW9lE8MNpqdZ5ziky8uTa05APEdw19yDYpympDj/+xraeuIPRgpRKTSwv/AHng3nXgbEeDwPOV6AOB/JXQw4Q7hCgMTFUOOGFGGao4YYcdujhhyCGKOIDCQAAIf8LSW1hZ2VNYWdpY2sNZ2FtbWE9MC40NTQ1NQAh+QQBFAAAACwAAAAATgBNAAAD/wi63P4wykmrvTjrzbv/YCiOZGmeaKquI+G+sMuKsGDfuA3Pm4sHwKAQiJPxKC/bcMkkCl5HCOHWrDJvhCjDZ+1Wn9noVOANHA5loe44TZvR7uBz1o7b1eHUdMDv+/+AgYJ+cyh7g4iJiYUlh4qPkH2MNAIDBn6XkZqBkx91dwahoqFucER5nmRBZ16hZ6+vpHadHI58Z4iusLtnoZu0GbaKurzFB76RwBefAQZCzs/G0rFuyhbMVgbT28dp1kiVj9rcB4CwmYrfEthN49tW1F7qUqqt72XdZfMO7EzuxnHyddnXoN+Sf7xA6UN1rV4VhLvuVGMIrgxEWBInYjAYTf9aRo3LHLab9tEbxXUi/Xm0Aw1kQ3sAWc46GYFjkIus7BSYuTHlwZVuChzY6bICO1NAcCLNZkDomQKyBtKkB7OYzqH4TvW0CDQN0aIVqyaM09JkMJ8/Y6YpK29qTbRDlJaUqsFmR6tzmxDcAjcuybxL9vJd+xew1h59/RaWeTOA4IKJ73YF0gvsWbJKi0WtkvMxZFCZe7HlDMfzZ9DGNltGnHHUKLJy3G6lvNRw2xaqctpe2Cjybjwn7P4+HNz3ndrEDUVGfsd0XeMlnSOGPkt6LeHNjWgBMIa63jXbt/jwLgeMbDHdIxc5H557khzwd7QPFqP+/Pv48+vfz7+///8FAAbIXwIAOw==';
36125
36336
 
36126
36337
  var DayNightPeriod = function DayNightPeriod(_ref) {
36127
36338
  var _periodOfDaySrcFiles;
36128
36339
  var periodOfDay = _ref.periodOfDay;
36129
- var periodOfDaySrcFiles = (_periodOfDaySrcFiles = {}, _periodOfDaySrcFiles[shared.PeriodOfDay.Morning] = img$a, _periodOfDaySrcFiles[shared.PeriodOfDay.Afternoon] = img$9, _periodOfDaySrcFiles[shared.PeriodOfDay.Night] = img$b, _periodOfDaySrcFiles);
36340
+ var periodOfDaySrcFiles = (_periodOfDaySrcFiles = {}, _periodOfDaySrcFiles[shared.PeriodOfDay.Morning] = img$b, _periodOfDaySrcFiles[shared.PeriodOfDay.Afternoon] = img$a, _periodOfDaySrcFiles[shared.PeriodOfDay.Night] = img$c, _periodOfDaySrcFiles);
36130
36341
  return React__default.createElement(GifContainer, null, React__default.createElement("img", {
36131
36342
  src: periodOfDaySrcFiles[periodOfDay]
36132
36343
  }));
@@ -36136,7 +36347,7 @@ var GifContainer = /*#__PURE__*/styled.div.withConfig({
36136
36347
  componentId: "sc-10t97fw-0"
36137
36348
  })(["width:100%;img{width:67%;}"]);
36138
36349
 
36139
- var img$c = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAABHCAYAAAA0qHhdAAAAAXNSR0IArs4c6QAABGRJREFUeJztnb9PGzEUx7+JMjC0Uge6tVsVdTghQP0D2qgjzGz8D8woE2LO/5CNOcwlU9WJRCgDYmWJRAYkFgak6wDv5HPsO9/P8J79WUhicr7nzz3bOV8uHbRPXOXN2x++1LUfYnh4uu8AQK+FulLy7hbHxn96vrh22tjW0b7xPVtH+87bkMbnj1/jh6f7TqfBOmKgurwy6MJ10VRuKqNylwMl7wBy3U5WuetBOhg9om6ZSRaqEtvImJ2zRfL4/GA3eXy494LJzNwBmcpc//9w7wUAMJn1ktdt5bbnaj228qw6VeqWGbctUEXNxn40Fj+2/jn5lHpel8xUd+oqcedsUajum2HkNHEiqf1oDAD4/e1HkWrYMF8uE6GTWQ+j6aryBCh2lVhUXt77bXJpP2i/+tE41e1y5uo2W1cVmfHd4rhxiXnbdZEqReiv76/jpE1q2YbOFNmUwDxsYreO9lkLvbrtJSLp+Xy5xN9/g8TBYPSIboltv0uRWXU/X1zjbnGM08t527tUC7aM1B0UbXiryE1KNGHKUu4ZqjKarpLMpAlQkcxkIxIw7xP3DLVBnzldZbISSUgXqvtwkclSJCFNqDpu0mdqOkOUJ5O1SEKSUHVWWyQzRYgkJAml7KTMzBszRYkkJAhVu1ny49rNpuAskuAaw9VtL/d0nikwY1ZybQQb+udQ+gzKZbXFtGqiq3Y63yoR6m770Rg3wyi1gK1iel1dQNbLqazsX9M2dKib1bPNi6wkbNl5M4w2tUulGIwe8fB031nrhH0RCbzGpgrVJxSEaYXfdoWCrdxE1lUNtnJ9+6PpKrmgSxUVm45IyTIB8zncnbPF2th58nMbo+kq9zUX8t5XpC4SCQSZVpkovzy4MWiHvRRJSBFaZj0z8E6xyvQlKwE5sYbMFEQXlvHSd97apNL3YtomZKYgjDKljCFFkBBzyExBBJmCCDIFEWQKIsgURJApiCBTEEGmILqA26q4b3Bsk5CZgjDKdL1/gCQkxJzI5NitNAXXtugC6HC5NL9N3tqE1cn3MGYKIiVT7V4kjCGuqLFy7WIBw61jOAdTFikxp66bPT/YXbsnm4RF2yz0Hmgy67EcLwHDmCnlKC0D99hVmcmslntQZaCYuWYlYPgWmOkeOaeXc5bB5XF+sLs2yeMs05iC+rh5uBfF0sbO17EyHSf3HkkfMzunl3P2QZWB88SHsO246JmtpBmsSuYZoMmsJ+5Egn6CQFIvlHUkrk2GKFO5ZiiJ1AVKyEogPwDj7BbgN8M1zVwBOSIBtyDYC/VBJOAeCFuhvogEigXDTqhPIoESd4LmItQ3kUC5oKxCgc1LtUkEZIsEKvx6wnsU6rNIoFpwmUKJpsVmCVT2ARAuEqgeoJNQoH6pLhLf6gU8EAnUE2QMoPDPSxSV6ypP2T499EIkUG+gzlnaND5lo0pjv5/Ztljt2l/vRALNBl2q+y2Kj92pjTYaIDXWVZVruPree4nEJhqi6ppokGfhP6xr60VVr5O+AAAAAElFTkSuQmCC';
36350
+ var img$d = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAABHCAYAAAA0qHhdAAAAAXNSR0IArs4c6QAABGRJREFUeJztnb9PGzEUx7+JMjC0Uge6tVsVdTghQP0D2qgjzGz8D8woE2LO/5CNOcwlU9WJRCgDYmWJRAYkFgak6wDv5HPsO9/P8J79WUhicr7nzz3bOV8uHbRPXOXN2x++1LUfYnh4uu8AQK+FulLy7hbHxn96vrh22tjW0b7xPVtH+87bkMbnj1/jh6f7TqfBOmKgurwy6MJ10VRuKqNylwMl7wBy3U5WuetBOhg9om6ZSRaqEtvImJ2zRfL4/GA3eXy494LJzNwBmcpc//9w7wUAMJn1ktdt5bbnaj228qw6VeqWGbctUEXNxn40Fj+2/jn5lHpel8xUd+oqcedsUajum2HkNHEiqf1oDAD4/e1HkWrYMF8uE6GTWQ+j6aryBCh2lVhUXt77bXJpP2i/+tE41e1y5uo2W1cVmfHd4rhxiXnbdZEqReiv76/jpE1q2YbOFNmUwDxsYreO9lkLvbrtJSLp+Xy5xN9/g8TBYPSIboltv0uRWXU/X1zjbnGM08t527tUC7aM1B0UbXiryE1KNGHKUu4ZqjKarpLMpAlQkcxkIxIw7xP3DLVBnzldZbISSUgXqvtwkclSJCFNqDpu0mdqOkOUJ5O1SEKSUHVWWyQzRYgkJAml7KTMzBszRYkkJAhVu1ny49rNpuAskuAaw9VtL/d0nikwY1ZybQQb+udQ+gzKZbXFtGqiq3Y63yoR6m770Rg3wyi1gK1iel1dQNbLqazsX9M2dKib1bPNi6wkbNl5M4w2tUulGIwe8fB031nrhH0RCbzGpgrVJxSEaYXfdoWCrdxE1lUNtnJ9+6PpKrmgSxUVm45IyTIB8zncnbPF2th58nMbo+kq9zUX8t5XpC4SCQSZVpkovzy4MWiHvRRJSBFaZj0z8E6xyvQlKwE5sYbMFEQXlvHSd97apNL3YtomZKYgjDKljCFFkBBzyExBBJmCCDIFEWQKIsgURJApiCBTEEGmILqA26q4b3Bsk5CZgjDKdL1/gCQkxJzI5NitNAXXtugC6HC5NL9N3tqE1cn3MGYKIiVT7V4kjCGuqLFy7WIBw61jOAdTFikxp66bPT/YXbsnm4RF2yz0Hmgy67EcLwHDmCnlKC0D99hVmcmslntQZaCYuWYlYPgWmOkeOaeXc5bB5XF+sLs2yeMs05iC+rh5uBfF0sbO17EyHSf3HkkfMzunl3P2QZWB88SHsO246JmtpBmsSuYZoMmsJ+5Egn6CQFIvlHUkrk2GKFO5ZiiJ1AVKyEogPwDj7BbgN8M1zVwBOSIBtyDYC/VBJOAeCFuhvogEigXDTqhPIoESd4LmItQ3kUC5oKxCgc1LtUkEZIsEKvx6wnsU6rNIoFpwmUKJpsVmCVT2ARAuEqgeoJNQoH6pLhLf6gU8EAnUE2QMoPDPSxSV6ypP2T499EIkUG+gzlnaND5lo0pjv5/Ztljt2l/vRALNBl2q+y2Kj92pjTYaIDXWVZVruPree4nEJhqi6ppokGfhP6xr60VVr5O+AAAAAElFTkSuQmCC';
36140
36351
 
36141
36352
  var TimeWidget = function TimeWidget(_ref) {
36142
36353
  var onClose = _ref.onClose,
@@ -36154,7 +36365,7 @@ var TimeWidget = function TimeWidget(_ref) {
36154
36365
  var WidgetContainer = /*#__PURE__*/styled.div.withConfig({
36155
36366
  displayName: "TimeWidget__WidgetContainer",
36156
36367
  componentId: "sc-1ja236h-0"
36157
- })(["background-image:url(", ");background-size:10rem;background-repeat:no-repeat;width:10rem;position:absolute;height:100px;"], img$c);
36368
+ })(["background-image:url(", ");background-size:10rem;background-repeat:no-repeat;width:10rem;position:absolute;height:100px;"], img$d);
36158
36369
  var Time = /*#__PURE__*/styled.div.withConfig({
36159
36370
  displayName: "TimeWidget__Time",
36160
36371
  componentId: "sc-1ja236h-1"
@@ -36403,230 +36614,17 @@ var Truncate = function Truncate(_ref) {
36403
36614
  var _ref$maxLines = _ref.maxLines,
36404
36615
  maxLines = _ref$maxLines === void 0 ? 1 : _ref$maxLines,
36405
36616
  children = _ref.children;
36406
- return React__default.createElement(Container$l, {
36617
+ return React__default.createElement(Container$o, {
36407
36618
  maxLines: maxLines
36408
36619
  }, children);
36409
36620
  };
36410
- var Container$l = /*#__PURE__*/styled.div.withConfig({
36621
+ var Container$o = /*#__PURE__*/styled.div.withConfig({
36411
36622
  displayName: "Truncate__Container",
36412
36623
  componentId: "sc-6x00qb-0"
36413
36624
  })(["display:-webkit-box;max-width:100%;max-height:100%;-webkit-line-clamp:", ";-webkit-box-orient:vertical;overflow:hidden;"], function (props) {
36414
36625
  return props.maxLines;
36415
36626
  });
36416
36627
 
36417
- var IS_MOBILE_OR_TABLET = /*#__PURE__*/shared.isMobileOrTablet();
36418
-
36419
- var chunkString = function chunkString(str, length) {
36420
- return str.match(new RegExp('.{1,' + length + '}', 'g'));
36421
- };
36422
-
36423
- var img$d = 'data:image/gif;base64,R0lGODlhEAAQAPIAAAAAABQYLiw1TUBJc2hvmQAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAM9CLrc/lCFGSKYJJP5AhlguDnBMIVgxXgmJapSSp3mKs/pKrT0IMCXUk+2Cgh2oSOnaDz+lswZpSOFUq2KBAAh/wtJbWFnZU1hZ2ljaw1nYW1tYT0wLjQ1NDU1ACH5BAEUAAAALAAAAAAQABAAAAIzhI+py90Bg4OjDrjCELxfFQhQx0mIJkaeaYRp5LJADMdnqXbyOJLYTdKBejjZoRaZJBMFACH/C0ltYWdlTWFnaWNrDWdhbW1hPTAuNDU0NTUAIfkEARQAAAAsAAAAABAAEAAAAjKEj6nL7Y+CDE6OO+QKQ/ifKYEgfR4VddPohQe7lmR0xidNTib65uacYP2AQWGuMlEUAAA7';
36424
-
36425
- var NPCDialogText = function NPCDialogText(_ref) {
36426
- var text = _ref.text,
36427
- onClose = _ref.onClose,
36428
- onEndStep = _ref.onEndStep,
36429
- onStartStep = _ref.onStartStep,
36430
- type = _ref.type;
36431
- var windowSize = React.useRef([window.innerWidth, window.innerHeight]);
36432
- function maxCharacters(width) {
36433
- // Set the font size to 16 pixels
36434
- var fontSize = 11.2;
36435
- // Calculate the number of characters that can fit in one line
36436
- var charactersPerLine = Math.floor(width / 2 / fontSize);
36437
- // Calculate the number of lines that can fit in the div
36438
- var linesPerDiv = Math.floor(180 / fontSize);
36439
- // Calculate the maximum number of characters that can fit in the div
36440
- var maxCharacters = charactersPerLine * linesPerDiv;
36441
- // Return the maximum number of characters
36442
- return Math.round(maxCharacters / 5);
36443
- }
36444
- var textChunks = chunkString(text, maxCharacters(windowSize.current[0]));
36445
- var _useState = React.useState(0),
36446
- chunkIndex = _useState[0],
36447
- setChunkIndex = _useState[1];
36448
- var onHandleSpacePress = function onHandleSpacePress(event) {
36449
- if (event.code === 'Space') {
36450
- goToNextStep();
36451
- }
36452
- };
36453
- var goToNextStep = function goToNextStep() {
36454
- var hasNextChunk = (textChunks == null ? void 0 : textChunks[chunkIndex + 1]) || false;
36455
- if (hasNextChunk) {
36456
- setChunkIndex(function (prev) {
36457
- return prev + 1;
36458
- });
36459
- } else {
36460
- // if there's no more text chunks, close the dialog
36461
- onClose();
36462
- }
36463
- };
36464
- React.useEffect(function () {
36465
- document.addEventListener('keydown', onHandleSpacePress);
36466
- return function () {
36467
- return document.removeEventListener('keydown', onHandleSpacePress);
36468
- };
36469
- }, [chunkIndex]);
36470
- var _useState2 = React.useState(false),
36471
- showGoNextIndicator = _useState2[0],
36472
- setShowGoNextIndicator = _useState2[1];
36473
- return React__default.createElement(Container$m, null, React__default.createElement(DynamicText, {
36474
- text: (textChunks == null ? void 0 : textChunks[chunkIndex]) || '',
36475
- onFinish: function onFinish() {
36476
- setShowGoNextIndicator(true);
36477
- onEndStep && onEndStep();
36478
- },
36479
- onStart: function onStart() {
36480
- setShowGoNextIndicator(false);
36481
- onStartStep && onStartStep();
36482
- }
36483
- }), showGoNextIndicator && React__default.createElement(PressSpaceIndicator$1, {
36484
- right: type === exports.NPCDialogType.TextOnly ? '1rem' : '10.5rem',
36485
- src: IS_MOBILE_OR_TABLET ? img$d : img$7,
36486
- onPointerDown: function onPointerDown() {
36487
- goToNextStep();
36488
- }
36489
- }));
36490
- };
36491
- var Container$m = /*#__PURE__*/styled.div.withConfig({
36492
- displayName: "NPCDialogText__Container",
36493
- componentId: "sc-1cxkdh9-0"
36494
- })([""]);
36495
- var PressSpaceIndicator$1 = /*#__PURE__*/styled.img.withConfig({
36496
- displayName: "NPCDialogText__PressSpaceIndicator",
36497
- componentId: "sc-1cxkdh9-1"
36498
- })(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref2) {
36499
- var right = _ref2.right;
36500
- return right;
36501
- });
36502
-
36503
- (function (NPCDialogType) {
36504
- NPCDialogType["TextOnly"] = "TextOnly";
36505
- NPCDialogType["TextAndThumbnail"] = "TextAndThumbnail";
36506
- })(exports.NPCDialogType || (exports.NPCDialogType = {}));
36507
- var NPCDialog = function NPCDialog(_ref) {
36508
- var text = _ref.text,
36509
- type = _ref.type,
36510
- _onClose = _ref.onClose,
36511
- imagePath = _ref.imagePath,
36512
- _ref$isQuestionDialog = _ref.isQuestionDialog,
36513
- isQuestionDialog = _ref$isQuestionDialog === void 0 ? false : _ref$isQuestionDialog,
36514
- questions = _ref.questions,
36515
- answers = _ref.answers;
36516
- return React__default.createElement(RPGUIContainer, {
36517
- type: exports.RPGUIContainerTypes.FramedGold,
36518
- width: isQuestionDialog ? '600px' : '80%',
36519
- height: '180px'
36520
- }, isQuestionDialog && questions && answers ? React__default.createElement(React__default.Fragment, null, React__default.createElement(TextContainer$2, {
36521
- flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
36522
- }, React__default.createElement(QuestionDialog, {
36523
- questions: questions,
36524
- answers: answers,
36525
- onClose: function onClose() {
36526
- if (_onClose) {
36527
- _onClose();
36528
- }
36529
- }
36530
- })), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
36531
- src: imagePath || img$6
36532
- }))) : React__default.createElement(React__default.Fragment, null, React__default.createElement(Container$n, null, React__default.createElement(TextContainer$2, {
36533
- flex: type === exports.NPCDialogType.TextAndThumbnail ? '70%' : '100%'
36534
- }, React__default.createElement(NPCDialogText, {
36535
- type: type,
36536
- text: text || 'No text provided.',
36537
- onClose: function onClose() {
36538
- if (_onClose) {
36539
- _onClose();
36540
- }
36541
- }
36542
- })), type === exports.NPCDialogType.TextAndThumbnail && React__default.createElement(ThumbnailContainer$1, null, React__default.createElement(NPCThumbnail$1, {
36543
- src: imagePath || img$6
36544
- })))));
36545
- };
36546
- var Container$n = /*#__PURE__*/styled.div.withConfig({
36547
- displayName: "NPCDialog__Container",
36548
- componentId: "sc-1b4aw74-0"
36549
- })(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
36550
- var TextContainer$2 = /*#__PURE__*/styled.div.withConfig({
36551
- displayName: "NPCDialog__TextContainer",
36552
- componentId: "sc-1b4aw74-1"
36553
- })(["flex:", " 0 0;width:355px;"], function (_ref2) {
36554
- var flex = _ref2.flex;
36555
- return flex;
36556
- });
36557
- var ThumbnailContainer$1 = /*#__PURE__*/styled.div.withConfig({
36558
- displayName: "NPCDialog__ThumbnailContainer",
36559
- componentId: "sc-1b4aw74-2"
36560
- })(["flex:30% 0 0;display:flex;justify-content:flex-end;"]);
36561
- var NPCThumbnail$1 = /*#__PURE__*/styled.img.withConfig({
36562
- displayName: "NPCDialog__NPCThumbnail",
36563
- componentId: "sc-1b4aw74-3"
36564
- })(["image-rendering:pixelated;height:128px;width:128px;"]);
36565
-
36566
- var HistoryDialog = function HistoryDialog(_ref) {
36567
- var backgroundImgPath = _ref.backgroundImgPath,
36568
- fullCoverBackground = _ref.fullCoverBackground,
36569
- questions = _ref.questions,
36570
- answers = _ref.answers,
36571
- text = _ref.text,
36572
- imagePath = _ref.imagePath,
36573
- textAndTypeArray = _ref.textAndTypeArray,
36574
- onClose = _ref.onClose;
36575
- var _useState = React.useState(0),
36576
- img = _useState[0],
36577
- setImage = _useState[1];
36578
- var onHandleSpacePress = function onHandleSpacePress(event) {
36579
- if (event.code === 'Space') {
36580
- if (img < (backgroundImgPath == null ? void 0 : backgroundImgPath.length) - 1) {
36581
- setImage(function (prev) {
36582
- return prev + 1;
36583
- });
36584
- } else {
36585
- // if there's no more text chunks, close the dialog
36586
- onClose();
36587
- }
36588
- }
36589
- };
36590
- React.useEffect(function () {
36591
- document.addEventListener('keydown', onHandleSpacePress);
36592
- return function () {
36593
- return document.removeEventListener('keydown', onHandleSpacePress);
36594
- };
36595
- }, [backgroundImgPath]);
36596
- return React__default.createElement(BackgroundContainer, {
36597
- imgPath: backgroundImgPath[img],
36598
- fullImg: fullCoverBackground
36599
- }, React__default.createElement(DialogContainer, null, textAndTypeArray ? React__default.createElement(NPCMultiDialog, {
36600
- textAndTypeArray: textAndTypeArray,
36601
- onClose: onClose
36602
- }) : questions && answers ? React__default.createElement(QuestionDialog, {
36603
- questions: questions,
36604
- answers: answers,
36605
- onClose: onClose
36606
- }) : text && imagePath ? React__default.createElement(NPCDialog, {
36607
- text: text,
36608
- imagePath: imagePath,
36609
- onClose: onClose,
36610
- type: exports.NPCDialogType.TextAndThumbnail
36611
- }) : React__default.createElement(NPCDialog, {
36612
- text: text,
36613
- onClose: onClose,
36614
- type: exports.NPCDialogType.TextOnly
36615
- })));
36616
- };
36617
- var BackgroundContainer = /*#__PURE__*/styled.div.withConfig({
36618
- displayName: "HistoryDialog__BackgroundContainer",
36619
- componentId: "sc-u6oe75-0"
36620
- })(["width:100%;height:100%;background-image:url(", ");background-size:", ";display:flex;justify-content:space-evenly;align-items:center;"], function (props) {
36621
- return props.imgPath;
36622
- }, function (props) {
36623
- return props.imgPath ? 'cover' : 'auto';
36624
- });
36625
- var DialogContainer = /*#__PURE__*/styled.div.withConfig({
36626
- displayName: "HistoryDialog__DialogContainer",
36627
- componentId: "sc-u6oe75-1"
36628
- })(["display:flex;justify-content:center;padding-top:200px;"]);
36629
-
36630
36628
  exports.Button = Button;
36631
36629
  exports.CharacterSelection = CharacterSelection;
36632
36630
  exports.Chat = Chat;