@rpg-engine/long-bow 0.8.202 → 0.8.203

package/dist/components/Tutorial/TutorialStepper.d.ts

@@ -12,5 +12,6 @@ export interface ITutorialStepperProps {
     onLessonFinish: () => void;
     onStepChange?: (stepIndex: number) => void;
     imageStyle?: CSSProperties;
+    isTranslated?: boolean;
 }
-export declare const TutorialStepper: React.MemoExoticComponent<({ lessons, onLessonFinish, onStepChange, imageStyle }: ITutorialStepperProps) => JSX.Element>;
+export declare const TutorialStepper: React.MemoExoticComponent<({ lessons, onLessonFinish, onStepChange, imageStyle, isTranslated }: ITutorialStepperProps) => JSX.Element>;

package/dist/long-bow.cjs.development.js

@@ -74449,7 +74449,9 @@ var TutorialStepper = /*#__PURE__*/React__default.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 = React.useMemo(function () {
     return lessons.map(function (lesson, index) {
       return {
@@ -74480,13 +74482,13 @@ var TutorialStepper = /*#__PURE__*/React__default.memo(function (_ref) {
           dangerouslySetInnerHTML: {
             __html: lesson.body
           }
-        }), lesson.text && React__default.createElement(DynamicText, {
+        }), lesson.text && (isTranslated ? React__default.createElement(LessonText, null, lesson.text) : React__default.createElement(DynamicText, {
           text: lesson.text
-        }))),
+        })))),
         id: index
       };
     });
-  }, [lessons, imageStyle]);
+  }, [lessons, imageStyle, isTranslated]);
   return React__default.createElement(Container$T, null, React__default.createElement(Stepper, {
     steps: generateLessons,
     finalCTAButton: {
@@ -74505,25 +74507,29 @@ var LessonBody = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "TutorialStepper__LessonBody",
   componentId: "sc-7tgzv2-1"
 })([""]);
+var LessonText = /*#__PURE__*/styled__default.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__default.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__default.div.withConfig({
   displayName: "TutorialStepper__LessonFooter",
-  componentId: "sc-7tgzv2-3"
+  componentId: "sc-7tgzv2-4"
 })(["margin-top:1rem;"]);
 var LessonImage = /*#__PURE__*/styled__default.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__default.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__default.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;}"]);
 
 Object.defineProperty(exports, 'MarketplaceAcceptedCurrency', {