@rpg-engine/long-bow 0.6.30 → 0.6.32

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

@@ -5,6 +5,7 @@ export interface ITutorialLesson {
     body?: React.ReactNode | string;
     text?: string;
     image: string;
+    imageUrl?: string;
 }
 export interface ITutorialStepperProps {
     lessons: ITutorialLesson[];

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

@@ -32826,7 +32826,7 @@ var Stepper = function Stepper(_ref) {
         return onStepChange(i);
       }
     });
-  })), React__default.createElement(StepperBodyContainer, null, useSideArrows && renderArrows(), React__default.createElement(StepperBody, null, currentComponent)), React__default.createElement(StepperFooter, null, !useSideArrows && renderArrows(), currentStep === totalSteps - 1 && finalCTAButton && React__default.createElement(Button, {
+  })), React__default.createElement(StepperBodyContainer, null, useSideArrows && renderArrows(), React__default.createElement(StepperBody, null, currentComponent)), (!useSideArrows || currentStep === totalSteps - 1 && finalCTAButton) && React__default.createElement(StepperFooter, null, !useSideArrows && renderArrows(), currentStep === totalSteps - 1 && finalCTAButton && React__default.createElement(Button, {
     buttonType: exports.ButtonTypes.RPGUIButton,
     onClick: finalCTAButton.onClick
   }, finalCTAButton.label)));
@@ -33227,6 +33227,7 @@ var TutorialStepper = /*#__PURE__*/React__default.memo(function (_ref) {
     imageStyle = _ref.imageStyle;
   var generateLessons = React.useMemo(function () {
     return lessons.map(function (lesson, index) {
+      var _lesson$imageUrl;
       return {
         component: React__default.createElement(LessonContainer, {
           key: index,
@@ -33236,11 +33237,15 @@ var TutorialStepper = /*#__PURE__*/React__default.memo(function (_ref) {
         }, lesson.title), lesson.image && React__default.createElement(LessonImage, {
           className: "lesson-image",
           style: imageStyle
+        }, React__default.createElement("a", {
+          href: (_lesson$imageUrl = lesson.imageUrl) != null ? _lesson$imageUrl : 'javascript:void(0)',
+          target: "_blank",
+          rel: "noopener noreferrer"
         }, React__default.createElement("img", {
           src: lesson.image,
           alt: lesson.title || 'Tutorial image',
           loading: "lazy"
-        })), React__default.createElement(LessonFooter, {
+        }))), React__default.createElement(LessonFooter, {
           className: "lesson-footer"
         }, lesson.body && React__default.createElement(LessonBody, {
           className: "lesson-body"
@@ -33271,7 +33276,7 @@ var Container$y = /*#__PURE__*/styled__default.div.withConfig({
 var LessonFooter = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "TutorialStepper__LessonFooter",
   componentId: "sc-7tgzv2-2"
-})(["margin-top:2rem;"]);
+})(["margin-top:1rem;"]);
 var LessonImage = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "TutorialStepper__LessonImage",
   componentId: "sc-7tgzv2-3"