@rpg-engine/long-bow 0.8.199 → 0.8.202

package/dist/long-bow.esm.js

@@ -40966,7 +40966,9 @@ var NPCDialogText = function NPCDialogText(_ref) {
     onClose = _ref.onClose,
     onEndStep = _ref.onEndStep,
     onStartStep = _ref.onStartStep,
-    type = _ref.type;
+    type = _ref.type,
+    _ref$isTranslated = _ref.isTranslated,
+    isTranslated = _ref$isTranslated === void 0 ? false : _ref$isTranslated;
   var windowSize = useRef([window.innerWidth, window.innerHeight]);
   function maxCharacters(width) {
     // Set the font size to 16 pixels
@@ -40984,6 +40986,9 @@ var NPCDialogText = function NPCDialogText(_ref) {
   var _useState = useState(0),
     chunkIndex = _useState[0],
     setChunkIndex = _useState[1];
+  useEffect(function () {
+    setChunkIndex(0);
+  }, [text]);
   var onHandleSpacePress = function onHandleSpacePress(event) {
     if (event.code === 'Space') {
       goToNextStep();
@@ -41009,7 +41014,14 @@ var NPCDialogText = function NPCDialogText(_ref) {
   var _useState2 = useState(false),
     showGoNextIndicator = _useState2[0],
     setShowGoNextIndicator = _useState2[1];
-  return React.createElement(Container$o, null, React.createElement(DynamicText, {
+  useEffect(function () {
+    setShowGoNextIndicator(isTranslated);
+    if (isTranslated) {
+      onStartStep && onStartStep();
+      onEndStep && onEndStep();
+    }
+  }, [chunkIndex, isTranslated, onEndStep, onStartStep, text]);
+  return React.createElement(Container$o, null, isTranslated ? React.createElement(TextContainer$1, null, (textChunks == null ? void 0 : textChunks[chunkIndex]) || '') : React.createElement(DynamicText, {
     text: (textChunks == null ? void 0 : textChunks[chunkIndex]) || '',
     onFinish: function onFinish() {
       setShowGoNextIndicator(true);
@@ -41020,7 +41032,7 @@ var NPCDialogText = function NPCDialogText(_ref) {
       onStartStep && onStartStep();
     }
   }), showGoNextIndicator && React.createElement(PressSpaceIndicator, {
-    right: type === NPCDialogType.TextOnly ? '1rem' : '10.5rem',
+    right: type === 'TextOnly' ? '1rem' : '10.5rem',
     src: IS_MOBILE_OR_TABLET ? img$5 : img$6,
     onPointerDown: function onPointerDown() {
       goToNextStep();
@@ -41031,9 +41043,13 @@ var Container$o = /*#__PURE__*/styled.div.withConfig({
   displayName: "NPCDialogText__Container",
   componentId: "sc-1cxkdh9-0"
 })([""]);
+var TextContainer$1 = /*#__PURE__*/styled.p.withConfig({
+  displayName: "NPCDialogText__TextContainer",
+  componentId: "sc-1cxkdh9-1"
+})(["font-size:0.7rem !important;color:white;text-shadow:1px 1px 0px #000000;letter-spacing:1.2px;word-break:normal;"]);
 var PressSpaceIndicator = /*#__PURE__*/styled.img.withConfig({
   displayName: "NPCDialogText__PressSpaceIndicator",
-  componentId: "sc-1cxkdh9-1"
+  componentId: "sc-1cxkdh9-2"
 })(["position:absolute;right:", ";bottom:1rem;height:20.7px;image-rendering:-webkit-optimize-contrast;"], function (_ref2) {
   var right = _ref2.right;
   return right;
@@ -41230,6 +41246,8 @@ var NPCDialog = function NPCDialog(_ref) {
     type = _ref.type,
     _onClose = _ref.onClose,
     imagePath = _ref.imagePath,
+    _ref$isTranslated = _ref.isTranslated,
+    isTranslated = _ref$isTranslated === void 0 ? false : _ref$isTranslated,
     _ref$isQuestionDialog = _ref.isQuestionDialog,
     isQuestionDialog = _ref$isQuestionDialog === void 0 ? false : _ref$isQuestionDialog,
     questions = _ref.questions,
@@ -41238,7 +41256,7 @@ var NPCDialog = function NPCDialog(_ref) {
     type: RPGUIContainerTypes.FramedGold,
     width: isQuestionDialog ? '600px' : '80%',
     height: '180px'
-  }, isQuestionDialog && questions && answers ? React.createElement(React.Fragment, null, React.createElement(TextContainer$1, {
+  }, isQuestionDialog && questions && answers ? React.createElement(React.Fragment, null, React.createElement(TextContainer$2, {
     flex: type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'
   }, React.createElement(QuestionDialog, {
     questions: questions,
@@ -41252,11 +41270,12 @@ var NPCDialog = function NPCDialog(_ref) {
     src: imagePath || img$7
   }))) : React.createElement(React.Fragment, null, React.createElement(Container$q, null, React.createElement(CloseIcon, {
     onPointerDown: _onClose
-  }, "X"), React.createElement(TextContainer$1, {
+  }, "X"), React.createElement(TextContainer$2, {
     flex: type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'
   }, React.createElement(NPCDialogText, {
     type: type,
     text: text || 'No text provided.',
+    isTranslated: isTranslated,
     onClose: function onClose() {
       if (_onClose) {
         _onClose();
@@ -41274,7 +41293,7 @@ var CloseIcon = /*#__PURE__*/styled.p.withConfig({
   displayName: "NPCDialog__CloseIcon",
   componentId: "sc-1b4aw74-1"
 })(["position:absolute;top:-1.5rem;right:-0.4rem;cursor:pointer;color:white;font-size:1.1rem !important;"]);
-var TextContainer$1 = /*#__PURE__*/styled.div.withConfig({
+var TextContainer$2 = /*#__PURE__*/styled.div.withConfig({
   displayName: "NPCDialog__TextContainer",
   componentId: "sc-1b4aw74-2"
 })(["flex:", " 0 0;width:355px;"], function (_ref2) {
@@ -41327,7 +41346,7 @@ var NPCMultiDialog = function NPCMultiDialog(_ref) {
     type: RPGUIContainerTypes.FramedGold,
     width: '50%',
     height: '180px'
-  }, React.createElement(React.Fragment, null, React.createElement(Container$r, null, ((_textAndTypeArray$sli = textAndTypeArray[slide]) == null ? void 0 : _textAndTypeArray$sli.imageSide) === 'right' && React.createElement(React.Fragment, null, React.createElement(TextContainer$2, {
+  }, React.createElement(React.Fragment, null, React.createElement(Container$r, null, ((_textAndTypeArray$sli = textAndTypeArray[slide]) == null ? void 0 : _textAndTypeArray$sli.imageSide) === 'right' && React.createElement(React.Fragment, null, React.createElement(TextContainer$3, {
     flex: '70%'
   }, React.createElement(NPCDialogText, {
     onStartStep: function onStartStep() {
@@ -41349,7 +41368,7 @@ var NPCMultiDialog = function NPCMultiDialog(_ref) {
     src: img$6
   })), textAndTypeArray[slide].imageSide === 'left' && React.createElement(React.Fragment, null, React.createElement(ThumbnailContainer$1, null, React.createElement(NPCThumbnail$1, {
     src: textAndTypeArray[slide].imagePath || img$7
-  })), React.createElement(TextContainer$2, {
+  })), React.createElement(TextContainer$3, {
     flex: '70%'
   }, React.createElement(NPCDialogText, {
     onStartStep: function onStartStep() {
@@ -41373,7 +41392,7 @@ var Container$r = /*#__PURE__*/styled.div.withConfig({
   displayName: "NPCMultiDialog__Container",
   componentId: "sc-rvu5wg-0"
 })(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
-var TextContainer$2 = /*#__PURE__*/styled.div.withConfig({
+var TextContainer$3 = /*#__PURE__*/styled.div.withConfig({
   displayName: "NPCMultiDialog__TextContainer",
   componentId: "sc-rvu5wg-1"
 })(["flex:", " 0 0;width:355px;"], function (_ref2) {
@@ -46181,6 +46200,8 @@ var orderByOptions = /*#__PURE__*/Object.values(OrderByType).flatMap(function (o
 });
 
 var BUY_REQUESTS_PER_PAGE = 5;
+var MARKETPLACE_PANEL_HEIGHT = '390px';
+var MARKETPLACE_PANEL_MOBILE_HEIGHT = '250px';
 var formatBlueprintKey$1 = function formatBlueprintKey(key) {
   var name = key.includes('/') ? key.split('/').pop() : key;
   return name.replace(/[-_]/g, ' ').replace(/\b\w/g, function (c) {
@@ -46599,7 +46620,7 @@ var WrapperContainer$1 = /*#__PURE__*/styled.div.withConfig({
 var ItemComponentScrollWrapper$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "BuyPanel__ItemComponentScrollWrapper",
   componentId: "sc-1si8t7i-7"
-})(["display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;max-height:390px;min-height:120px;width:95%;margin:1rem auto 0 auto;background:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.05);border-radius:4px;@media (max-width:950px){max-height:250px;}"]);
+})(["display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:", ";width:95%;margin:1rem auto 0 auto;background:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.05);border-radius:4px;@media (max-width:950px){height:", ";}"], MARKETPLACE_PANEL_HEIGHT, MARKETPLACE_PANEL_MOBILE_HEIGHT);
 var MarketSection = /*#__PURE__*/styled.div.withConfig({
   displayName: "BuyPanel__MarketSection",
   componentId: "sc-1si8t7i-8"
@@ -48782,7 +48803,7 @@ var PartyRow = function PartyRow(_ref) {
     playerQty = _ref.playerQty,
     isInvited = _ref.isInvited,
     partyName = _ref.partyName;
-  return React.createElement(PartyWrapper, null, React.createElement(TextContainer$3, null, partyName), React.createElement(TextContainer$3, null, charName), React.createElement(TextContainer$3, null, charClass), React.createElement(TextContainer$3, null, charLevel), React.createElement(TextContainer$3, null, playerQty, "/5"), isInvited ? React.createElement(React.Fragment, null, React.createElement(Button, {
+  return React.createElement(PartyWrapper, null, React.createElement(TextContainer$4, null, partyName), React.createElement(TextContainer$4, null, charName), React.createElement(TextContainer$4, null, charClass), React.createElement(TextContainer$4, null, charLevel), React.createElement(TextContainer$4, null, playerQty, "/5"), isInvited ? React.createElement(React.Fragment, null, React.createElement(Button, {
     buttonType: ButtonTypes.RPGUIButton
   }, "Accept"), React.createElement("div", {
     className: "cancel-button"
@@ -48796,7 +48817,7 @@ var PartyWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "PartyRows__PartyWrapper",
   componentId: "sc-xzuhrw-0"
 })(["width:100%;display:flex;align-items:center;justify-content:space-around;.cancel-button{filter:grayscale(0.7);}"]);
-var TextContainer$3 = /*#__PURE__*/styled.div.withConfig({
+var TextContainer$4 = /*#__PURE__*/styled.div.withConfig({
   displayName: "PartyRows__TextContainer",
   componentId: "sc-xzuhrw-1"
 })(["color:", ";"], uiColors.white);
@@ -48852,15 +48873,15 @@ var PlayersRow = function PlayersRow(_ref) {
     charClass = _ref.charClass,
     charLevel = _ref.charLevel,
     isNotInvited = _ref.isNotInvited;
-  return React.createElement(PartyWrapper$1, null, React.createElement(TextContainer$4, null, charName), React.createElement(TextContainer$4, null, charClass), React.createElement(TextContainer$4, null, charLevel), isNotInvited ? React.createElement(React.Fragment, null, React.createElement(Button, {
+  return React.createElement(PartyWrapper$1, null, React.createElement(TextContainer$5, null, charName), React.createElement(TextContainer$5, null, charClass), React.createElement(TextContainer$5, null, charLevel), isNotInvited ? React.createElement(React.Fragment, null, React.createElement(Button, {
     buttonType: ButtonTypes.RPGUIButton
-  }, "Invite")) : React.createElement(TextContainer$4, null, "Invited"));
+  }, "Invite")) : React.createElement(TextContainer$5, null, "Invited"));
 };
 var PartyWrapper$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "PlayersRows__PartyWrapper",
   componentId: "sc-1ji7yc1-0"
 })(["width:100%;display:flex;align-items:center;justify-content:space-around;flex-direction:row;flex:auto;"]);
-var TextContainer$4 = /*#__PURE__*/styled.div.withConfig({
+var TextContainer$5 = /*#__PURE__*/styled.div.withConfig({
   displayName: "PlayersRows__TextContainer",
   componentId: "sc-1ji7yc1-1"
 })(["color:", ";flex:auto;margin:auto;"], uiColors.white);
@@ -48929,10 +48950,10 @@ var PartyManagerRow = function PartyManagerRow(_ref) {
     onChangeLeader = _ref.onChangeLeader;
   var isCurrentUser = id === userId;
   var canRemove = leaderId === userId || isCurrentUser;
-  return React.createElement(PartyWrapper$2, null, React.createElement(TextContainer$5, null, React.createElement(Ellipsis, {
+  return React.createElement(PartyWrapper$2, null, React.createElement(TextContainer$6, null, React.createElement(Ellipsis, {
     maxLines: 1,
     maxWidth: "300px"
-  }, charName, " ", isCurrentUser ? '(You)' : '', " ", isLeader ? '(Leader)' : '')), React.createElement(TextContainer$5, null, React.createElement(Ellipsis, {
+  }, charName, " ", isCurrentUser ? '(You)' : '', " ", isLeader ? '(Leader)' : '')), React.createElement(TextContainer$6, null, React.createElement(Ellipsis, {
     maxLines: 1,
     maxWidth: "300px"
   }, charClass)), React.createElement(ButtonContainer$3, null, canRemove && React.createElement(HighlightedText, {
@@ -48949,7 +48970,7 @@ var PartyWrapper$2 = /*#__PURE__*/styled.div.withConfig({
   displayName: "PartyManagerRows__PartyWrapper",
   componentId: "sc-uqajew-0"
 })(["display:grid;grid-template-columns:2fr 1fr 1fr;align-items:center;padding:0.5rem;min-height:50px;box-sizing:border-box;width:100%;border-bottom:1px solid ", ";&:hover{background-color:", ";cursor:pointer;}"], uiColors.darkGray, uiColors.darkGray);
-var TextContainer$5 = /*#__PURE__*/styled.div.withConfig({
+var TextContainer$6 = /*#__PURE__*/styled.div.withConfig({
   displayName: "PartyManagerRows__TextContainer",
   componentId: "sc-uqajew-1"
 })(["color:", ";overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"], uiColors.white);
@@ -73465,17 +73486,19 @@ var Store = function Store(_ref) {
     onRedeem = _ref.onRedeem,
     onRedeemInputFocus = _ref.onRedeemInputFocus,
     onRedeemInputBlur = _ref.onRedeemInputBlur;
+  var defaultTabOrder = ['premium', 'packs', 'items'];
   var _useState = useState(null),
     selectedPack = _useState[0],
     setSelectedPack = _useState[1];
   var _useState2 = useState(function () {
-      var initialTabs = (tabOrder != null ? tabOrder : ['premium', 'packs', 'items']).filter(function (id) {
+      var _initialTabs$;
+      var initialTabs = (tabOrder != null ? tabOrder : defaultTabOrder).filter(function (id) {
         return !(hidePremiumTab && id === 'premium');
       });
       if (defaultActiveTab && initialTabs.includes(defaultActiveTab)) {
         return defaultActiveTab;
       }
-      return hidePremiumTab ? 'items' : 'premium';
+      return (_initialTabs$ = initialTabs[0]) != null ? _initialTabs$ : hidePremiumTab ? 'items' : 'premium';
     }),
     activeTab = _useState2[0],
     setActiveTab = _useState2[1];
@@ -73586,7 +73609,7 @@ var Store = function Store(_ref) {
     return React.createElement(ErrorMessage$3, null, error);
   }
   // Build tabs dynamically based on props
-  var tabIds = [].concat(tabOrder != null ? tabOrder : ['premium', 'packs', 'items'], onRedeem ? ['redeem'] : [], onShowWallet || customWalletContent ? ['wallet'] : [], onShowHistory || customHistoryContent ? ['history'] : []);
+  var tabIds = [].concat(tabOrder != null ? tabOrder : defaultTabOrder, onRedeem ? ['redeem'] : [], onShowWallet || customWalletContent ? ['wallet'] : [], onShowHistory || customHistoryContent ? ['history'] : []);
   var availableTabIds = Array.from(new Set(tabIds.filter(function (id) {
     return !(hidePremiumTab && id === 'premium');
   })));