@rpg-engine/long-bow 0.8.177 → 0.8.178

package/dist/components/Stepper.d.ts

@@ -12,6 +12,7 @@ interface IStepperProps {
         onClick: (() => void) | (() => Promise<void>) | ((e: any) => Promise<void>);
     };
     onError?: (message: string) => void;
+    onStepChange?: (stepIndex: number) => void;
     useSideArrows?: boolean;
     styles?: {
         stepperProgressColor?: string;

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

@@ -10,6 +10,7 @@ export interface ITutorialLesson {
 export interface ITutorialStepperProps {
     lessons: ITutorialLesson[];
     onLessonFinish: () => void;
+    onStepChange?: (stepIndex: number) => void;
     imageStyle?: CSSProperties;
 }
-export declare const TutorialStepper: React.MemoExoticComponent<({ lessons, onLessonFinish, imageStyle }: ITutorialStepperProps) => JSX.Element>;
+export declare const TutorialStepper: React.MemoExoticComponent<({ lessons, onLessonFinish, onStepChange, imageStyle }: ITutorialStepperProps) => JSX.Element>;

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

@@ -49258,6 +49258,7 @@ var Stepper = function Stepper(_ref) {
   var steps = _ref.steps,
     finalCTAButton = _ref.finalCTAButton,
     onError = _ref.onError,
+    onStepChangeProp = _ref.onStepChange,
     _ref$useSideArrows = _ref.useSideArrows,
     useSideArrows = _ref$useSideArrows === void 0 ? false : _ref$useSideArrows,
     styles = _ref.styles;
@@ -49302,7 +49303,8 @@ var Stepper = function Stepper(_ref) {
             return _context.abrupt("return");
           case 14:
             setCurrentStep(step);
-          case 15:
+            onStepChangeProp == null ? void 0 : onStepChangeProp(step);
+          case 16:
           case "end":
             return _context.stop();
         }
@@ -72668,6 +72670,7 @@ var ZoomableImage = function ZoomableImage(_ref) {
 var TutorialStepper = /*#__PURE__*/React__default.memo(function (_ref) {
   var lessons = _ref.lessons,
     onLessonFinish = _ref.onLessonFinish,
+    onStepChange = _ref.onStepChange,
     imageStyle = _ref.imageStyle;
   var generateLessons = React.useMemo(function () {
     return lessons.map(function (lesson, index) {
@@ -72712,6 +72715,7 @@ var TutorialStepper = /*#__PURE__*/React__default.memo(function (_ref) {
       label: 'Close',
       onClick: onLessonFinish
     },
+    onStepChange: onStepChange,
     useSideArrows: true
   }));
 });