(feat): add total steps number prop (#317)

* feat: add totalStepsNumber at interface

* feat: add totalStepsNumber impl

Author: Duduzera1997

src/contexts/CopilotProvider.tsx

@@ -42,6 +42,7 @@ interface CopilotContextType {
   isFirstStep: boolean;
   isLastStep: boolean;
   currentStepNumber: number;
+  totalStepsNumber: number;
 }
 
 /*
@@ -67,6 +68,7 @@ export const CopilotProvider = ({
   const {
     currentStep,
     currentStepNumber,
+    totalStepsNumber,
     getFirstStep,
     getPrevStep,
     getNextStep,
@@ -199,6 +201,7 @@ export const CopilotProvider = ({
       isFirstStep,
       isLastStep,
       currentStepNumber,
+      totalStepsNumber,
     }),
     [
       registerStep,
@@ -214,6 +217,7 @@ export const CopilotProvider = ({
       isFirstStep,
       isLastStep,
       currentStepNumber,
+      totalStepsNumber,
     ]
   );
 

src/hooks/useStepsMap.ts

@@ -51,6 +51,8 @@ export const useStepsMap = () => {
     [currentStep, stepIndex]
   );
 
+  const totalStepsNumber = useMemo(() => orderedSteps.length, [orderedSteps]);
+
   const getFirstStep = useCallback(() => orderedSteps[0], [orderedSteps]);
 
   const getLastStep = useCallback(
@@ -93,6 +95,7 @@ export const useStepsMap = () => {
 
   return {
     currentStepNumber,
+    totalStepsNumber,
     getFirstStep,
     getLastStep,
     getPrevStep,