@rpg-engine/long-bow 0.8.202 → 0.8.203

package/dist/long-bow.esm.js

@@ -74447,7 +74447,9 @@ var TutorialStepper = /*#__PURE__*/React.memo(function (_ref) {
   var lessons = _ref.lessons,
     onLessonFinish = _ref.onLessonFinish,
     onStepChange = _ref.onStepChange,
-    imageStyle = _ref.imageStyle;
+    imageStyle = _ref.imageStyle,
+    _ref$isTranslated = _ref.isTranslated,
+    isTranslated = _ref$isTranslated === void 0 ? false : _ref$isTranslated;
   var generateLessons = useMemo(function () {
     return lessons.map(function (lesson, index) {
       return {
@@ -74478,13 +74480,13 @@ var TutorialStepper = /*#__PURE__*/React.memo(function (_ref) {
           dangerouslySetInnerHTML: {
             __html: lesson.body
           }
-        }), lesson.text && React.createElement(DynamicText, {
+        }), lesson.text && (isTranslated ? React.createElement(LessonText, null, lesson.text) : React.createElement(DynamicText, {
           text: lesson.text
-        }))),
+        })))),
         id: index
       };
     });
-  }, [lessons, imageStyle]);
+  }, [lessons, imageStyle, isTranslated]);
   return React.createElement(Container$T, null, React.createElement(Stepper, {
     steps: generateLessons,
     finalCTAButton: {
@@ -74503,25 +74505,29 @@ var LessonBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "TutorialStepper__LessonBody",
   componentId: "sc-7tgzv2-1"
 })([""]);
+var LessonText = /*#__PURE__*/styled.p.withConfig({
+  displayName: "TutorialStepper__LessonText",
+  componentId: "sc-7tgzv2-2"
+})(["font-size:0.7rem !important;color:white;text-shadow:1px 1px 0px #000000;letter-spacing:1.2px;word-break:normal;"]);
 var Container$T = /*#__PURE__*/styled.div.withConfig({
   displayName: "TutorialStepper__Container",
-  componentId: "sc-7tgzv2-2"
+  componentId: "sc-7tgzv2-3"
 })(["width:80%;max-width:600px;@media (max-width:600px){width:95%;}"]);
 var LessonFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "TutorialStepper__LessonFooter",
-  componentId: "sc-7tgzv2-3"
+  componentId: "sc-7tgzv2-4"
 })(["margin-top:1rem;"]);
 var LessonImage = /*#__PURE__*/styled.div.withConfig({
   displayName: "TutorialStepper__LessonImage",
-  componentId: "sc-7tgzv2-4"
+  componentId: "sc-7tgzv2-5"
 })(["display:flex;justify-content:center;align-items:center;width:100%;max-width:500px;margin:auto;img{width:100%;height:auto;object-fit:contain;border-radius:10px;}"]);
 var LessonTitle = /*#__PURE__*/styled.h1.withConfig({
   displayName: "TutorialStepper__LessonTitle",
-  componentId: "sc-7tgzv2-5"
+  componentId: "sc-7tgzv2-6"
 })(["color:", " !important;font-size:0.8rem !important;"], uiColors.yellow);
 var LessonContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "TutorialStepper__LessonContainer",
-  componentId: "sc-7tgzv2-6"
+  componentId: "sc-7tgzv2-7"
 })(["display:flex;flex-direction:column;justify-content:space-between;min-height:200px;p{font-size:0.7rem !important;}"]);
 
 export { ActionButtons, AsyncDropdown, BLUEPRINTS_PER_PAGE, BUY_ORDERS_PER_PAGE, BlueprintSearchModal, Button, ButtonTypes, BuyOrderPanel, BuyOrderRow, CTAButton, CartView, CharacterDetailModal, CharacterListingForm, CharacterListingModal, CharacterMarketplacePanel, CharacterMarketplaceRows, CharacterSelection, CharacterSkinSelectionModal, Chat, ChatDeprecated, ChatRevamp, CheckButton, CheckItem, CircularController, ConfirmModal, CountdownTimer, CraftBook, DCRateStrip, DCWalletContent, DCWalletModal, DailyTasks, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, FeaturedBanner, FriendList, GemSelector, GroupedBuyOrderRow, GroupedCharacterMarketplaceRow, GroupedMarketplaceRow, HISTORY_ITEMS_PER_PAGE, HistoryDialog, HistoryPanel, ImageCarousel, ImgSide, InformationCenter, Input, InputRadio, InternalTabs, ItemContainer$1 as ItemContainer, ItemPropertySimpleHandler, ItemQuantitySelectorModal, ItemSelector, ItemSlot, JoystickDPad, Leaderboard, ListMenu, LoginStreakPanel, Marketplace, MarketplaceBuyModal, MarketplaceRows, MarketplaceSettingsPanel, MetadataCollector, MultitabType, MyCharacterListingsPanel, NPCDialog, NPCDialogType, NPCMultiDialog, Pagination, PartyCreate, PartyDashboard, PartyInvite, PartyManager, PartyManagerRow, PartyRow, PaymentMethodModal, PlayersRow, ProgressBar$1 as ProgressBar, PropertySelect, PurchaseSuccess, QuantitySelectorModal, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RadioCircle$2 as RadioCircle, RadioOption$1 as RadioOption, RadioOptionLabel, RadioOptionSub, RangeSlider, RangeSliderType, SelectArrow, Shortcuts, SimpleImageCarousel, SkillProgressBar, SkillsContainer, SocialModal, Spellbook, SpriteFromAtlas, Stepper, Store, StoreBadges, StoreRedeemSection, TRANSACTION_TYPE_FILTER_ALL, TabBody, Table, TableCell, TableHeader, TableRow, TabsContainer$1 as TabsContainer, TextArea, TimeWidget, Tooltip, TradingMenu, Truncate, TrustBar, TutorialStepper, UserActionLink, _RPGUI, formatQuestStatus, formatQuestText, getMockedPlayersRowsLeader, getMockedPlayersRowsNotLeader, getQuestStatusColor, mockedPartyManager, mockedPartyRows, mockedPlayersRows, mockedPlayersRows2, useEventListener, useStoreCart };