@rpg-engine/long-bow 0.6.6 → 0.6.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpg-engine/long-bow",
-  "version": "0.6.6",
+  "version": "0.6.8",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/Stepper.tsx

@@ -7,6 +7,8 @@ import { Button, ButtonTypes } from './Button';
 interface IStep {
   component: React.ReactNode;
   id: number;
+  validate?: () => boolean | Promise<boolean>;
+  errorMessage?: string;
 }
 
 interface IStepperProps {
@@ -15,16 +17,44 @@ interface IStepperProps {
     label: string;
     onClick: (() => void) | (() => Promise<void>) | ((e: any) => Promise<void>);
   };
+  onError?: (message: string) => void;
 }
 
-export const Stepper: React.FC<IStepperProps> = ({ steps, finalCTAButton }) => {
+export const Stepper: React.FC<IStepperProps> = ({
+  steps,
+  finalCTAButton,
+  onError,
+}) => {
   const [currentStep, setCurrentStep] = useState(0);
 
   const currentComponent = steps[currentStep]?.component;
 
   const totalSteps = steps.length;
 
-  const onStepChange = (step: number) => {
+  const onStepChange = async (step: number) => {
+    if (steps[currentStep]?.validate) {
+      try {
+        const isValid = await steps[currentStep].validate!();
+        if (!isValid) {
+          // If the current step is not valid, prevent navigation and trigger onError
+          if (onError) {
+            onError(
+              steps[currentStep].errorMessage ||
+                `Validation failed on step ${currentStep + 1}`
+            );
+          }
+          return;
+        }
+      } catch (error) {
+        // Handle unexpected validation errors
+        if (onError) {
+          onError(
+            `An error occurred during validation on step ${currentStep + 1}`
+          );
+        }
+        return;
+      }
+    }
     setCurrentStep(step);
   };
 
@@ -62,7 +92,7 @@ export const Stepper: React.FC<IStepperProps> = ({ steps, finalCTAButton }) => {
         {currentStep === totalSteps - 1 && finalCTAButton && (
           <Button
             buttonType={ButtonTypes.RPGUIButton}
-            onPointerDown={finalCTAButton.onClick}
+            onClick={finalCTAButton.onClick}
           >
             {finalCTAButton.label}
           </Button>

package/src/index.tsx

@@ -24,6 +24,8 @@ export * from './components/Leaderboard/Leaderboard';
 export * from './components/ListMenu';
 export * from './components/Marketplace/Marketplace';
 export * from './components/Marketplace/MarketplaceRows';
+export * from './components/Multitab/TabBody';
+export * from './components/Multitab/TabsContainer';
 export * from './components/NPCDialog/NPCDialog';
 export * from './components/NPCDialog/NPCMultiDialog';
 export * from './components/NPCDialog/QuestionDialog/QuestionDialog';